@goodandready/dsh-kanban 0.2.40 → 0.2.42

package/lib/client.js

@@ -493,7 +493,7 @@ window.__ModuleLoader__.load({
        gain.gain.exponentialRampToValueAtTime(0.01, now + 0.28)
        osc.start(now); osc.stop(now + 0.28)
       }
-     } catch (_) {}
+     } catch (_) { /* audio alert best effort */ }
     }
 
     function showDesktopNotification(title, body, onClick) {
@@ -501,7 +501,7 @@ window.__ModuleLoader__.load({
       if (typeof Notification === 'undefined' || Notification.permission !== 'granted') return
       const n = new Notification(title, { body, tag: 'dsh-kanban' })
       if (onClick) { n.onclick = () => { window.focus?.(); onClick() } }
-     } catch (_) {}
+     } catch (_) { /* desktop notification best effort */ }
     }
 
     function createErrorBoundary() {
@@ -526,15 +526,15 @@ window.__ModuleLoader__.load({
          {
           style: {
            margin: '12px 0', padding: '14px', borderRadius: '8px',
-           background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
+           background: CLR_ERR_S,
            border: '1px solid var(--dsw-alias-state-error-secondary, #ffc1c0)',
           },
          },
          h('div', {
-          style: { fontWeight: 600, marginBottom: '6px', color: 'var(--dsw-alias-state-error-primary, #cf222e)' },
+          style: { fontWeight: 600, marginBottom: '6px', color: CLR_ERR_P },
          }, '⚠️ Kanban UI Error:'),
          h('div', {
-          style: { fontSize: '12px', wordBreak: 'break-all', color: 'var(--dsw-alias-label-primary)' },
+          style: { fontSize: '12px', wordBreak: 'break-all', color: CLR_LB_P },
          }, String(this.state.error?.message || this.state.error)),
          h(
           'button',
@@ -579,7 +579,7 @@ window.__ModuleLoader__.load({
      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-secondary,#34d399);color:var(--dsw-alias-state-success-primary,#059669);background:var(--dsw-alias-state-success-secondary,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-page{padding:0}.dkb-page .dkb-body{border-top:none;margin:0}.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);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}.dkb-field{display:flex;flex-direction:column;gap:6px;padding:10px 0}.dkb-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.dkb-hint{color:var(--dsw-alias-label-secondary);margin:0;font-size:12px;line-height:1.5}.dkb-input{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;box-sizing:border-box;width:100%}.dkb-area{min-height:96px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:8px;padding:8px 12px;font-size:13px;box-sizing:border-box;width:100%;resize:vertical;font:inherit}.dkb-input:disabled,.dkb-area:disabled{opacity:.55}.dkb-foot{border-top:1px solid var(--dsw-alias-border-l2);display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px}.dkb-footSplit{justify-content:space-between}.dkb-footLeft{display:flex;align-items:center;gap:8px}.dkb-note{min-width:0;flex:1;margin:0;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-secondary)}.dkb-failed{min-width:0;color:var(--dsw-alias-state-error-primary);flex:1;margin:0;font-size:12px;line-height:1.5}.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}[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}.dkb-back:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dkb-backIcon{align-items:center;display:flex}.dkb-archive{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.dkb-archiveList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dkb-archiveRow{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.dkb-start{display:contents}.dkb-pack{color:var(--dsw-alias-label-secondary)}.dkb-who{color:var(--dsw-alias-label-secondary)}.dkb-sameSession{outline:1px solid var(--dsw-alias-label-secondary);outline-offset:1px}.dkb-waitCount{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:0 10px;height:30px;cursor:pointer;color:var(--dsw-alias-label-primary)}.dkb-archiveOpen{background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit}.dkb-archiveTitle{flex:1;font-size:13px;color:var(--dsw-alias-label-primary)}.dkb-urgent{border-left-width:3px;border-left-style:solid;padding-left:9px}.dkb-cardMenu{position:relative;align-self:flex-start;opacity:0;transition:opacity .12s}.dkb-taskCard:hover .dkb-cardMenu,.dkb-taskCard:focus-within .dkb-cardMenu,.dkb-taskCard:focus-visible .dkb-cardMenu{opacity:1}.dkb-groupHead{appearance:none;width:100%;font:inherit;color:var(--dsw-alias-label-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid var(--dsw-alias-border-l2);align-items:center;gap:6px;padding:8px 2px 4px;font-size:11px;font-weight:600;display:flex}.dkb-groupHead:first-child{border-top:0;padding-top:2px}.dkb-groupHead:hover{color:var(--dsw-alias-label-primary)}.dkb-groupCount{margin-left:auto;color:var(--dsw-alias-label-tertiary);font-weight:400}.dkb-shown{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;flex:none}.dkb-moveBtn{appearance:none;font:inherit;cursor:pointer;color:var(--dsw-alias-label-tertiary);background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline dotted}.dkb-moveBtn:hover{color:var(--dsw-alias-label-primary)}.dkb-taskCard:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:2px}.dkb-sync{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;flex:none}.dkb-syncBad{color:var(--dsw-alias-state-error-primary,#e5534b);cursor:help}.dkb-facet{position:relative;flex:none}.dkb-facetHead{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;padding:4px 10px;font-size:13px;white-space:nowrap}.dkb-facetHead:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dkb-facetOn{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-interactive-bg-hover)}.dkb-facetList{position:absolute;top:calc(100% + 4px);left:0;z-index:60;min-width:180px;max-height:280px;overflow-y:auto;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;box-shadow:var(--dsw-shadow-lv2);padding:6px;display:flex;flex-direction:column;gap:2px}.dkb-facetRow{align-items:center;gap:8px;padding:4px 6px;border-radius:6px;font-size:13px;cursor:pointer;display:flex}.dkb-facetRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.dkb-facetName{flex:1;color:var(--dsw-alias-label-primary)}.dkb-barTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700;margin-right:auto}.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 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}.dkb-colHead:hover{background:var(--dsw-alias-interactive-bg-hover)}.dkb-colShut{flex:0 0 auto;min-width:0;width:40px}.dkb-colShut .dkb-colHead{writing-mode:vertical-rl;height:100%;width:auto;padding:12px 10px;justify-content:flex-start;gap:10px}.dkb-colShut .dkb-colHead .dkb-dot{writing-mode:horizontal-tb}.dkb-colShut .dkb-count{writing-mode:horizontal-tb}.dkb-dot{border-radius:50%;flex:none;width:8px;height:8px}.dkb-dot[data-col=backlog]{background:var(--dsw-alias-label-tertiary)}.dkb-dot[data-col=in-progress]{background:var(--dsw-alias-state-warn-primary)}.dkb-dot[data-col=review]{background:var(--dsw-alias-state-business-primary)}.dkb-dot[data-col=deploy]{background:var(--dsw-alias-state-business-primary)}.dkb-dot[data-col=cleanup]{background:var(--dsw-alias-label-tertiary)}.dkb-dot[data-col=done]{background:var(--dsw-alias-state-success-primary)}.dkb-colName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:13px;font-weight:700;overflow:hidden}.dkb-count{min-width:20px;text-align:center;color:var(--dsw-alias-bg-base);background:var(--dsw-alias-label-tertiary);border-radius:999px;flex:none;padding:1px 8px;font-size:12px;font-weight:600}.dkb-count[data-col=in-progress]{background:var(--dsw-alias-state-warn-primary)}.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:var(--dsw-alias-label-primary-inverted,#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}.dkb-empty{text-align:center;color:var(--dsw-alias-label-tertiary);padding:24px 8px;font-size:12px}.dkb-taskCard{text-align:left;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;color:var(--dsw-alias-label-primary);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;font-family:inherit;transition:box-shadow .12s,border-color .12s,transform .12s;display:flex}.dkb-taskCard:hover{box-shadow:var(--dsw-shadow-lv2);border-color:var(--dsw-alias-border-l3);transform:translateY(-1px)}.dkb-taskTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.dkb-mdBody{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.55;display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}.dkb-mdPara{margin:0;overflow-wrap:anywhere}.dkb-mdHead{color:var(--dsw-alias-label-primary);font-weight:700;margin:6px 0 0;line-height:1.35}.dkb-mdHead1{font-size:15px}.dkb-mdHead2{font-size:14px}.dkb-mdHead3{font-size:13px;color:var(--dsw-alias-label-secondary)}.dkb-mdList{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:3px}.dkb-mdCode{margin:0;padding:8px 10px;border-radius:8px;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);font-size:12px;overflow-x:auto;white-space:pre}.dkb-mdQuote{margin:0;padding-left:10px;border-left:2px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-secondary)}.dkb-mdRule{border:0;border-top:1px solid var(--dsw-alias-border-l2);margin:2px 0;width:100%}.dkb-code{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:4px;padding:0 4px;font-size:12px}.dkb-issueLink{color:var(--dsw-alias-label-secondary)}.dkb-taskHead{align-items:center;gap:6px;flex-wrap:wrap;display:flex}.dkb-ref{align-items:baseline;gap:5px;min-width:0;display:inline-flex}.dkb-refRepo{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:1px 7px;font-size:11px;font-weight:600}.dkb-refNum{flex:none;color:var(--dsw-alias-label-tertiary);font-size:11px;font-family:var(--dsw-font-family-mono,ui-monospace,SFMono-Regular,Menlo,monospace);letter-spacing:.02em}.dkb-refLink{text-decoration:none}.dkb-refLink:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dkb-taskRef{color:var(--dsw-alias-label-tertiary);align-items:center;gap:8px;font-size:11px;display:flex}.dkb-planLine{color:var(--dsw-alias-label-secondary);font-size:11px;line-height:1.35;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.dkb-state{border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:0 5px;font-size:10px;line-height:16px}.dkb-stateLive{border-color:var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);font-weight:600}.dkb-batchList{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.dkb-batchRow{align-items:baseline;gap:8px;font-size:13px;color:var(--dsw-alias-label-primary);display:flex}.dkb-pick{margin:0;flex:none;opacity:0;transition:opacity .12s}.dkb-taskCard:hover .dkb-pick,.dkb-taskCard:focus-within .dkb-pick,.dkb-pickOn{opacity:1}.dkb-toChat{appearance:none;font:inherit;cursor:pointer;color:var(--dsw-alias-label-secondary);background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline dotted}.dkb-toChat:hover{color:var(--dsw-alias-label-primary)}.dkb-planList{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.dkb-planItem{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.4;display:flex;gap:8px;align-items:baseline}.dkb-planItem.dkb-planDone{color:var(--dsw-alias-label-tertiary);text-decoration:line-through}.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:var(--dsw-alias-bg-mask-1,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}.dkb-drawerMain{display:flex;flex-direction:column;gap:12px;min-width:0}.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:var(--dsw-alias-bg-mask-1,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-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-primary-inverted,#fff);border-color:transparent;font-weight:600}.dkb-epicTag{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent);color:var(--dsw-alias-state-business-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-business-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}'
+    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-secondary,#34d399);color:var(--dsw-alias-state-success-primary,#059669);background:var(--dsw-alias-state-success-secondary,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-page{padding:0}.dkb-page .dkb-body{border-top:none;margin:0}.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);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}.dkb-field{display:flex;flex-direction:column;gap:6px;padding:10px 0}.dkb-label{min-width:0;color:var(--dsw-alias-label-primary);flex:1;font-size:13px;font-weight:500;line-height:1.5}.dkb-hint{color:var(--dsw-alias-label-secondary);margin:0;font-size:12px;line-height:1.5}.dkb-input{height:34px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:8px;padding:0 12px;font-size:13px;box-sizing:border-box;width:100%}.dkb-area{min-height:96px;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-3);color:var(--dsw-alias-label-primary);border-radius:8px;padding:8px 12px;font-size:13px;box-sizing:border-box;width:100%;resize:vertical;font:inherit}.dkb-input:disabled,.dkb-area:disabled{opacity:.55}.dkb-foot{border-top:1px solid var(--dsw-alias-border-l2);display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:12px 0 4px}.dkb-footSplit{justify-content:space-between}.dkb-footLeft{display:flex;align-items:center;gap:8px}.dkb-note{min-width:0;flex:1;margin:0;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-secondary)}.dkb-failed{min-width:0;color:var(--dsw-alias-state-error-primary);flex:1;margin:0;font-size:12px;line-height:1.5}.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{display:none!important}.dkb-nav-entry{display:flex;align-items:center;width:100%;box-sizing:border-box}.dkb-nav-row{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit;text-align:left;padding:6px 8px;border-radius:6px;transition:background-color .15s}.dkb-nav-row:hover{background:var(--dsw-alias-interactive-bg-hover,rgba(128,128,128,.08))}.dkb-nav-entry[data-active="true"] .dkb-nav-row,.dkb-nav-entry.panelEntryActive .dkb-nav-row{background:var(--dsw-alias-interactive-bg-active,rgba(128,128,128,.16));font-weight:600}.dkb-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:16px;height:16px}.dkb-nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4}[data-sidebar-collapsed] .dkb-nav-label,[class*=rail] .dkb-nav-label,[data-state=collapsed] .dkb-nav-label{display:none!important}[data-sidebar-collapsed] .dkb-nav-entry,[class*=rail] .dkb-nav-entry,[data-state=collapsed] .dkb-nav-entry{width:36px;justify-content:center}[data-sidebar-collapsed] .dkb-nav-row,[class*=rail] .dkb-nav-row,[data-state=collapsed] .dkb-nav-row{justify-content:center;padding:6px;width:36px;height:36px}[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}.dkb-back:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dkb-backIcon{align-items:center;display:flex}.dkb-archive{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.dkb-archiveList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.dkb-archiveRow{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;display:flex}.dkb-start{display:contents}.dkb-pack{color:var(--dsw-alias-label-secondary)}.dkb-who{color:var(--dsw-alias-label-secondary)}.dkb-sameSession{outline:1px solid var(--dsw-alias-label-secondary);outline-offset:1px}.dkb-waitCount{background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l1);border-radius:8px;padding:0 10px;height:30px;cursor:pointer;color:var(--dsw-alias-label-primary)}.dkb-archiveOpen{background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit}.dkb-archiveTitle{flex:1;font-size:13px;color:var(--dsw-alias-label-primary)}.dkb-urgent{border-left-width:3px;border-left-style:solid;padding-left:9px}.dkb-cardMenu{position:relative;align-self:flex-start;opacity:0;transition:opacity .12s}.dkb-taskCard:hover .dkb-cardMenu,.dkb-taskCard:focus-within .dkb-cardMenu,.dkb-taskCard:focus-visible .dkb-cardMenu{opacity:1}.dkb-groupHead{appearance:none;width:100%;font:inherit;color:var(--dsw-alias-label-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid var(--dsw-alias-border-l2);align-items:center;gap:6px;padding:8px 2px 4px;font-size:11px;font-weight:600;display:flex}.dkb-groupHead:first-child{border-top:0;padding-top:2px}.dkb-groupHead:hover{color:var(--dsw-alias-label-primary)}.dkb-groupCount{margin-left:auto;color:var(--dsw-alias-label-tertiary);font-weight:400}.dkb-shown{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;flex:none}.dkb-moveBtn{appearance:none;font:inherit;cursor:pointer;color:var(--dsw-alias-label-tertiary);background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline dotted}.dkb-moveBtn:hover{color:var(--dsw-alias-label-primary)}.dkb-taskCard:focus-visible{outline:2px solid var(--dsw-alias-border-l3);outline-offset:2px}.dkb-sync{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px;flex:none}.dkb-syncBad{color:var(--dsw-alias-state-error-primary,#e5534b);cursor:help}.dkb-facet{position:relative;flex:none}.dkb-facetHead{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;padding:4px 10px;font-size:13px;white-space:nowrap}.dkb-facetHead:hover{color:var(--dsw-alias-label-primary);background:var(--dsw-alias-interactive-bg-hover)}.dkb-facetOn{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l3);background:var(--dsw-alias-interactive-bg-hover)}.dkb-facetList{position:absolute;top:calc(100% + 4px);left:0;z-index:60;min-width:180px;max-height:280px;overflow-y:auto;background:var(--dsw-alias-bg-layer-2);border:1px solid var(--dsw-alias-border-l2);border-radius:8px;box-shadow:var(--dsw-shadow-lv2);padding:6px;display:flex;flex-direction:column;gap:2px}.dkb-facetRow{align-items:center;gap:8px;padding:4px 6px;border-radius:6px;font-size:13px;cursor:pointer;display:flex}.dkb-facetRow:hover{background:var(--dsw-alias-interactive-bg-hover)}.dkb-facetName{flex:1;color:var(--dsw-alias-label-primary)}.dkb-barTitle{color:var(--dsw-alias-label-primary);white-space:nowrap;margin:0;font-size:16px;font-weight:700;margin-right:auto}.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 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}.dkb-colHead:hover{background:var(--dsw-alias-interactive-bg-hover)}.dkb-colShut{flex:0 0 auto;min-width:0;width:40px}.dkb-colShut .dkb-colHead{writing-mode:vertical-rl;height:100%;width:auto;padding:12px 10px;justify-content:flex-start;gap:10px}.dkb-colShut .dkb-colHead .dkb-dot{writing-mode:horizontal-tb}.dkb-colShut .dkb-count{writing-mode:horizontal-tb}.dkb-dot{border-radius:50%;flex:none;width:8px;height:8px}.dkb-dot[data-col=backlog]{background:var(--dsw-alias-label-tertiary)}.dkb-dot[data-col=in-progress]{background:var(--dsw-alias-state-warn-primary)}.dkb-dot[data-col=review]{background:var(--dsw-alias-state-business-primary)}.dkb-dot[data-col=deploy]{background:var(--dsw-alias-state-business-primary)}.dkb-dot[data-col=cleanup]{background:var(--dsw-alias-label-tertiary)}.dkb-dot[data-col=done]{background:var(--dsw-alias-state-success-primary)}.dkb-colName{color:var(--dsw-alias-label-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:13px;font-weight:700;overflow:hidden}.dkb-count{min-width:20px;text-align:center;color:var(--dsw-alias-bg-base);background:var(--dsw-alias-label-tertiary);border-radius:999px;flex:none;padding:1px 8px;font-size:12px;font-weight:600}.dkb-count[data-col=in-progress]{background:var(--dsw-alias-state-warn-primary)}.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:var(--dsw-alias-label-primary-inverted,#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}.dkb-empty{text-align:center;color:var(--dsw-alias-label-tertiary);padding:24px 8px;font-size:12px}.dkb-taskCard{text-align:left;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-border-l2);cursor:pointer;color:var(--dsw-alias-label-primary);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;font-family:inherit;transition:box-shadow .12s,border-color .12s,transform .12s;display:flex}.dkb-taskCard:hover{box-shadow:var(--dsw-shadow-lv2);border-color:var(--dsw-alias-border-l3);transform:translateY(-1px)}.dkb-taskTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.dkb-mdBody{color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.55;display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}.dkb-mdPara{margin:0;overflow-wrap:anywhere}.dkb-mdHead{color:var(--dsw-alias-label-primary);font-weight:700;margin:6px 0 0;line-height:1.35}.dkb-mdHead1{font-size:15px}.dkb-mdHead2{font-size:14px}.dkb-mdHead3{font-size:13px;color:var(--dsw-alias-label-secondary)}.dkb-mdList{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:3px}.dkb-mdCode{margin:0;padding:8px 10px;border-radius:8px;background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);font-size:12px;overflow-x:auto;white-space:pre}.dkb-mdQuote{margin:0;padding-left:10px;border-left:2px solid var(--dsw-alias-border-l3);color:var(--dsw-alias-label-secondary)}.dkb-mdRule{border:0;border-top:1px solid var(--dsw-alias-border-l2);margin:2px 0;width:100%}.dkb-code{background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:4px;padding:0 4px;font-size:12px}.dkb-issueLink{color:var(--dsw-alias-label-secondary)}.dkb-taskHead{align-items:center;gap:6px;flex-wrap:wrap;display:flex}.dkb-ref{align-items:baseline;gap:5px;min-width:0;display:inline-flex}.dkb-refRepo{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-3);border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:1px 7px;font-size:11px;font-weight:600}.dkb-refNum{flex:none;color:var(--dsw-alias-label-tertiary);font-size:11px;font-family:var(--dsw-font-family-mono,ui-monospace,SFMono-Regular,Menlo,monospace);letter-spacing:.02em}.dkb-refLink{text-decoration:none}.dkb-refLink:hover{color:var(--dsw-alias-label-primary);text-decoration:underline}.dkb-taskRef{color:var(--dsw-alias-label-tertiary);align-items:center;gap:8px;font-size:11px;display:flex}.dkb-planLine{color:var(--dsw-alias-label-secondary);font-size:11px;line-height:1.35;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.dkb-state{border:1px solid var(--dsw-alias-border-l2);border-radius:6px;padding:0 5px;font-size:10px;line-height:16px}.dkb-stateLive{border-color:var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-state-warn-primary);font-weight:600}.dkb-batchList{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.dkb-batchRow{align-items:baseline;gap:8px;font-size:13px;color:var(--dsw-alias-label-primary);display:flex}.dkb-pick{margin:0;flex:none;opacity:0;transition:opacity .12s}.dkb-taskCard:hover .dkb-pick,.dkb-taskCard:focus-within .dkb-pick,.dkb-pickOn{opacity:1}.dkb-toChat{appearance:none;font:inherit;cursor:pointer;color:var(--dsw-alias-label-secondary);background:0 0;border:0;padding:0;font-size:11px;text-decoration:underline dotted}.dkb-toChat:hover{color:var(--dsw-alias-label-primary)}.dkb-planList{display:flex;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none}.dkb-planItem{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.4;display:flex;gap:8px;align-items:baseline}.dkb-planItem.dkb-planDone{color:var(--dsw-alias-label-tertiary);text-decoration:line-through}.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:var(--dsw-alias-bg-mask-1,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}.dkb-drawerMain{display:flex;flex-direction:column;gap:12px;min-width:0}.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:var(--dsw-alias-bg-mask-1,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-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-primary-inverted,#fff);border-color:transparent;font-weight:600}.dkb-epicTag{background:color-mix(in srgb,var(--dsw-alias-state-business-primary) 12%,transparent);color:var(--dsw-alias-state-business-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-business-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}'
 
     const en = {
       'updater.title': 'Plugin Updates',
@@ -1750,11 +1750,11 @@ window.__ModuleLoader__.load({
         padding: '6px 8px',
         borderRadius: '4px',
         background: (result.ssh?.ok || result.server?.ok)
-         ? 'var(--dsw-alias-state-success-secondary, #dafbe1)'
-         : 'var(--dsw-alias-state-error-secondary, #ffebe9)',
+         ? CLR_SUC_S
+         : CLR_ERR_S,
         color: (result.ssh?.ok || result.server?.ok)
-         ? 'var(--dsw-alias-state-success-primary, #1a7f37)'
-         : 'var(--dsw-alias-state-error-primary, #cf222e)',
+         ? CLR_SUC_P
+         : CLR_ERR_P,
        },
       },
        h('div', null, (result.ssh?.ok ? '✓ SSH: OK (' + result.ssh.latencyMs + 'ms)' : '✗ SSH: ' + (result.ssh?.error || 'unreachable'))),
@@ -1826,7 +1826,7 @@ window.__ModuleLoader__.load({
        ),
       ),
       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)' } },
+       h('span', { style: { fontSize: '12px', color: CLR_LB_S } },
         updateAvailable ? (t('updater.latest') + ': v' + latestVer) : (t('updater.current') + ': v' + currentVer)
        ),
        h('div', { style: { display: 'flex', gap: '8px' } },
@@ -1958,7 +1958,7 @@ window.__ModuleLoader__.load({
          className: 'dkb-hint', key: 'tm-notice',
          style: {
           padding: '8px 12px', marginBottom: '8px', borderRadius: '6px',
-          background: 'var(--dsw-alias-bg-layer-2)',
+          background: CLR_BG_L2,
           borderLeft: '3px solid var(--dsw-alias-state-business-primary, #0969da)',
           fontSize: '12px', lineHeight: '1.5',
          },
@@ -2112,7 +2112,7 @@ window.__ModuleLoader__.load({
        }),
        waiting ? h('span', { className: 'dkb-waitDot' }) : null,
        waiting ? h('span', { className: 'dkb-waiting' }, t('board.waiting')) : null,
-       task.stalled ? h('span', { className: 'dkb-tag', style: { background: 'var(--dsw-alias-state-warn-secondary, #fff8c5)', color: 'var(--dsw-alias-state-warn-primary, #9a6700)', borderColor: 'var(--dsw-alias-state-warn-secondary, #d4a72c)' }, title: task.stalledReason || 'Stalled' }, '⚠️ ' + (t('watchdog.stalled') || 'Stalled')) : null,
+       task.stalled ? h('span', { className: 'dkb-tag', style: { background: CLR_WRN_S, color: CLR_WRN_P, borderColor: 'var(--dsw-alias-state-warn-secondary, #d4a72c)' }, title: task.stalledReason || 'Stalled' }, '⚠️ ' + (t('watchdog.stalled') || 'Stalled')) : null,
        taskRef(task, t),
        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,
@@ -2123,8 +2123,8 @@ window.__ModuleLoader__.load({
         ? h('span', {
           className: 'dkb-tag',
           style: {
-           background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
-           color: 'var(--dsw-alias-state-error-primary, #cf222e)',
+           background: CLR_ERR_S,
+           color: CLR_ERR_P,
            borderColor: 'var(--dsw-alias-state-error-secondary, #ffc1c0)',
            fontWeight: 600,
           },
@@ -2135,34 +2135,34 @@ window.__ModuleLoader__.load({
         ? h('span', {
           className: 'dkb-tag',
           style: {
-           background: 'var(--dsw-alias-state-business-tertiary, #ddf4ff)',
-           color: 'var(--dsw-alias-state-business-primary, #0969da)',
+           background: CLR_BIZ_T,
+           color: CLR_BIZ_P,
           },
           title: 'Blocks ' + task.blocks.length + ' tasks'
          }, '⛔ ' + task.blocks.length)
         : 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-error-secondary, #ffebe9)', color: 'var(--dsw-alias-state-error-primary, #cf222e)', borderColor: 'var(--dsw-alias-state-error-secondary, #ffc1c0)' }, title: task.rejectReason }, '↩ ' + t('acceptance.rejectedBadge')) : null,
+       task.rejectReason ? h('span', { className: 'dkb-tag', style: { background: CLR_ERR_S, color: CLR_ERR_P, borderColor: 'var(--dsw-alias-state-error-secondary, #ffc1c0)' }, title: task.rejectReason }, '↩ ' + t('acceptance.rejectedBadge')) : null,
        Array.isArray(task.checklist) && task.checklist.length > 0
         ? h('span', { className: 'dkb-tag', title: 'DoD Checklist' }, `☑ ${task.checklist.filter((i) => i.completed).length}/${task.checklist.length}`)
         : null,
        task.report?.verification?.status === 'passed'
-        ? h('span', { className: 'dkb-tag', style: { background: 'var(--dsw-alias-state-success-secondary, #dafbe1)', color: 'var(--dsw-alias-state-success-primary, #1a7f37)', borderColor: 'var(--dsw-alias-state-success-secondary, #4ac26b)' }, title: task.report.verification.command || 'Tests passed' }, '✓ PASS')
+        ? h('span', { className: 'dkb-tag', style: { background: CLR_SUC_S, color: CLR_SUC_P, borderColor: 'var(--dsw-alias-state-success-secondary, #4ac26b)' }, title: task.report.verification.command || 'Tests passed' }, '✓ PASS')
         : (task.report?.verification?.status === 'failed'
-         ? h('span', { className: 'dkb-tag', style: { background: 'var(--dsw-alias-state-error-secondary, #ffebe9)', color: 'var(--dsw-alias-state-error-primary, #cf222e)', borderColor: 'var(--dsw-alias-state-error-secondary, #ffc1c0)' }, title: task.report.verification.command || 'Tests failed' }, '✗ FAIL')
+         ? h('span', { className: 'dkb-tag', style: { background: CLR_ERR_S, color: CLR_ERR_P, borderColor: 'var(--dsw-alias-state-error-secondary, #ffc1c0)' }, title: task.report.verification.command || 'Tests failed' }, '✗ FAIL')
          : null),
        task.costMetrics && task.costMetrics.totalTokens > 0
         ? h('span', {
           className: 'dkb-tag',
-          style: { background: 'var(--dsw-alias-state-business-tertiary, #ddf4ff)', color: 'var(--dsw-alias-state-business-primary, #0969da)', borderColor: 'var(--dsw-alias-state-business-tertiary, #54aeff)' },
+          style: { background: CLR_BIZ_T, color: CLR_BIZ_P, borderColor: 'var(--dsw-alias-state-business-tertiary, #54aeff)' },
           title: 'Tokens: ' + task.costMetrics.totalTokens.toLocaleString()
          }, '🪙 ' + (task.costMetrics.totalTokens / 1000).toFixed(1) + 'k' + (task.costMetrics.costFormatted ? ' · ' + task.costMetrics.costFormatted : ''))
         : null,
        task.costLimitExceeded
         ? h('span', {
           className: 'dkb-tag',
-          style: { background: 'var(--dsw-alias-state-warn-secondary, #fff8c5)', color: 'var(--dsw-alias-state-warn-primary, #9a6700)', borderColor: 'var(--dsw-alias-state-warn-secondary, #d4a72c)' },
+          style: { background: CLR_WRN_S, color: CLR_WRN_P, borderColor: 'var(--dsw-alias-state-warn-secondary, #d4a72c)' },
           title: 'Budget limit exceeded'
          }, '⚠️ ' + t('card.costLimitExceeded'))
         : null,
@@ -2179,7 +2179,7 @@ window.__ModuleLoader__.load({
       task.state === 'running' && task.liveStep
        ? h('div', {
          className: 'dkb-liveStep',
-         style: { fontSize: '11px', color: 'var(--dsw-alias-state-business-primary, #0969da)', display: 'flex', alignItems: 'center', gap: '4px', margin: '3px 0' },
+         style: { fontSize: '11px', color: CLR_BIZ_P, display: 'flex', alignItems: 'center', gap: '4px', margin: '3px 0' },
          title: task.liveStep
         },
          h('span', { style: { display: 'inline-block' } }, '⟳'),
@@ -2253,8 +2253,8 @@ window.__ModuleLoader__.load({
             borderRadius: '4px',
             cursor: 'pointer',
             border: '1px solid var(--dsw-alias-state-business-tertiary, #54aeff)',
-            background: 'var(--dsw-alias-state-business-tertiary, #ddf4ff)',
-            color: 'var(--dsw-alias-state-business-primary, #0969da)',
+            background: CLR_BIZ_T,
+            color: CLR_BIZ_P,
            },
            onClick: (e) => {
             e.stopPropagation();
@@ -2350,7 +2350,7 @@ window.__ModuleLoader__.load({
      method: 'POST', body: JSON.stringify({ title: tTitle, description: tDesc, board: currentBoard, excludeId: openTask?.id })
     })
     setDuplicates(res?.duplicates || [])
-    } catch (_) {} finally { setCheckingDup(false) }
+    } catch (_) { /* duplicate search best effort */ } finally { setCheckingDup(false) }
     }
     const runTaskAction = async (path, body, okMsg) => {
     const res = await api(path, { method: 'POST', body: JSON.stringify(body || {}) })
@@ -2706,7 +2706,7 @@ window.__ModuleLoader__.load({
     const style = null
 
     if (state === null) {
-    return h('div', { className: 'dkb-screen' },
+    return h('div', { className: 'dkb-screen', 'data-dsh-part': 'kanban-main-screen' },
     h('p', { className: 'dkb-note' }, error || t('board.loading')))
     }
 
@@ -2727,8 +2727,8 @@ window.__ModuleLoader__.load({
     ? h('span', {
       className: 'dkb-tag',
       style: {
-       background: 'var(--dsw-alias-state-business-tertiary, #ddf4ff)',
-       color: 'var(--dsw-alias-state-business-primary, #0969da)',
+       background: CLR_BIZ_T,
+       color: CLR_BIZ_P,
        borderColor: 'var(--dsw-alias-state-business-tertiary, #54aeff)',
        fontWeight: '600',
        fontSize: '11px',
@@ -3218,15 +3218,15 @@ window.__ModuleLoader__.load({
      ? h('div', {
        style: {
         margin: '6px 0', padding: '10px 12px',
-        background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
+        background: CLR_ERR_S,
         border: '1px solid var(--dsw-alias-state-error-primary, #cf222e)',
         borderRadius: 8, fontSize: 12, display: 'flex', flexDirection: 'column', gap: 4,
        },
       },
-       h('div', { style: { fontWeight: 600, color: 'var(--dsw-alias-state-error-primary, #cf222e)' } },
+       h('div', { style: { fontWeight: 600, color: CLR_ERR_P } },
         '🔒 ' + (t('panel.blockedTitle') || 'Task Blocked by Dependencies')
        ),
-       h('div', { style: { color: 'var(--dsw-alias-label-secondary)' } },
+       h('div', { style: { color: CLR_LB_S } },
         t('panel.blockedDesc') || 'All blocking tasks must reach "done" before this card can move to in-progress.'
        )
       )
@@ -3250,7 +3250,7 @@ window.__ModuleLoader__.load({
           return h('span', {
            key: bId,
            className: 'dkb-tag',
-           style: isDone ? { background: 'var(--dsw-alias-state-success-secondary, #dafbe1)', color: 'var(--dsw-alias-state-success-primary, #1a7f37)' } : undefined,
+           style: isDone ? { background: CLR_SUC_S, color: CLR_SUC_P } : undefined,
           },
            (isDone ? '✓ ' : '⏳ ') + bLabel,
            h('button', {
@@ -3332,7 +3332,7 @@ window.__ModuleLoader__.load({
        ? h('button', {
          type: 'button',
          className: 'dkb-discard',
-         style: { fontSize: '12px', padding: '4px 10px', color: 'var(--dsw-alias-state-error-primary, #cf222e)' },
+         style: { fontSize: '12px', padding: '4px 10px', color: CLR_ERR_P },
          onClick: async () => {
           if (!confirm(t('tm.confirmRollback') || 'Roll back worktree to inception snapshot? Any uncommitted changes will be discarded.')) return
           try {
@@ -3351,8 +3351,8 @@ window.__ModuleLoader__.load({
      )
     ),
     duplicates.length > 0
-     ? h('div', { className: 'dkb-section-card', style: { margin: '8px 0', borderColor: 'var(--dsw-alias-state-warn-primary, #9a6700)' } },
-       h('div', { className: 'dkb-section-title', style: { color: 'var(--dsw-alias-state-warn-primary, #9a6700)' } },
+     ? h('div', { className: 'dkb-section-card', style: { margin: '8px 0', borderColor: CLR_WRN_P } },
+       h('div', { className: 'dkb-section-title', style: { color: CLR_WRN_P } },
         h('span', null, '⚠️ ' + (t('dup.found') || 'Similar tasks found:')),
         h('button', { type: 'button', className: 'dkb-discard', style: { fontSize: 11, padding: '2px 6px' }, onClick: () => setDuplicates([]) }, '✕')
        ),
@@ -3409,19 +3409,19 @@ window.__ModuleLoader__.load({
      ? h('div', {
        style: {
         margin: '8px 0', padding: '10px 12px',
-        background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
+        background: CLR_ERR_S,
         border: '1px solid var(--dsw-alias-state-error-primary, #cf222e)',
         borderRadius: 8, fontSize: 12, display: 'flex', flexDirection: 'column', gap: 6,
        },
       },
-       h('div', { style: { fontWeight: 'bold', color: 'var(--dsw-alias-state-error-primary, #cf222e)' } },
+       h('div', { style: { fontWeight: 'bold', color: CLR_ERR_P } },
         '✗ ' + (t('panel.verificationFailed') || 'Automated verification before Review failed') + (openTask.report.verification.command ? ' (' + openTask.report.verification.command + ')' : '')
        ),
        openTask.report.verification.log
         ? h('pre', {
           style: {
            margin: 0, padding: 6, maxHeight: 150, overflowY: 'auto',
-           background: 'var(--dsw-alias-bg-layer-2)',
+           background: CLR_BG_L2,
            fontSize: 11, fontFamily: 'monospace', borderRadius: 4, whiteSpace: 'pre-wrap',
           },
          }, openTask.report.verification.log)
@@ -3518,7 +3518,7 @@ 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: { margin: '6px 0', padding: 10, background: CLR_BG_L1, border: BDR_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})` : '')
@@ -3529,7 +3529,7 @@ window.__ModuleLoader__.load({
        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)' } },
+     triageOpen ? h('div', { style: { display: 'flex', flexDirection: 'column', gap: 6, margin: '8px 0', padding: 8, background: CLR_BG_L3, 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', {
@@ -3583,8 +3583,8 @@ window.__ModuleLoader__.load({
        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,
+        padding: '4px 8px', background: CLR_BG_L2,
+        borderRadius: 4, border: BDR_L2, fontSize: 12,
        },
       },
        h('div', { style: { display: 'flex', alignItems: 'center', gap: 6, minWidth: 0, flex: 1 } },
@@ -3719,7 +3719,7 @@ window.__ModuleLoader__.load({
      ? h('div', {
        className: 'dkb-section-card',
        style: {
-        margin: '8px 0', padding: 12, border: '1px solid var(--dsw-alias-border-l2)',
+        margin: '8px 0', padding: 12, border: BDR_L2,
         borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 6,
        },
       },
@@ -3729,23 +3729,23 @@ window.__ModuleLoader__.load({
         ),
         h('span', {
          className: 'dkb-tag',
-         style: { background: 'var(--dsw-alias-state-business-tertiary, #ddf4ff)', color: 'var(--dsw-alias-state-business-primary, #0969da)', borderColor: 'var(--dsw-alias-state-business-tertiary, #54aeff)' }
+         style: { background: CLR_BIZ_T, color: CLR_BIZ_P, borderColor: 'var(--dsw-alias-state-business-tertiary, #54aeff)' }
         }, openTask.costMetrics.costFormatted || '$0.00'),
        ),
        h('div', { style: { display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: 8, fontSize: '11px', textAlign: 'center' } },
-        h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
+        h('div', { style: { background: CLR_BG_L1, padding: '6px', borderRadius: '4px' } },
          h('div', { style: { opacity: 0.7 } }, t('telemetry.tokens')),
          h('div', { style: { fontWeight: 600 } }, openTask.costMetrics.totalTokens.toLocaleString()),
         ),
-        h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
+        h('div', { style: { background: CLR_BG_L1, padding: '6px', borderRadius: '4px' } },
          h('div', { style: { opacity: 0.7 } }, t('telemetry.input')),
          h('div', { style: { fontWeight: 600 } }, (openTask.costMetrics.uncachedInputTokens || 0).toLocaleString()),
         ),
-        h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
+        h('div', { style: { background: CLR_BG_L1, padding: '6px', borderRadius: '4px' } },
          h('div', { style: { opacity: 0.7 } }, t('telemetry.output')),
          h('div', { style: { fontWeight: 600 } }, (openTask.costMetrics.outputTokens || 0).toLocaleString()),
         ),
-        h('div', { style: { background: 'var(--dsw-alias-bg-layer-1)', padding: '6px', borderRadius: '4px' } },
+        h('div', { style: { background: CLR_BG_L1, padding: '6px', borderRadius: '4px' } },
          h('div', { style: { opacity: 0.7 } }, t('telemetry.cache')),
          h('div', { style: { fontWeight: 600 } }, (openTask.costMetrics.cacheReadTokens || 0).toLocaleString()),
         ),
@@ -3754,8 +3754,8 @@ window.__ModuleLoader__.load({
         ? h('div', {
           style: {
            fontSize: '11px',
-           color: 'var(--dsw-alias-state-warn-primary, #9a6700)',
-           background: 'var(--dsw-alias-state-warn-secondary, #fff8c5)',
+           color: CLR_WRN_P,
+           background: CLR_WRN_S,
            padding: '4px 8px', borderRadius: '4px', marginTop: '4px'
           }
          }, '⚠️ ' + t('card.costLimitExceeded'))
@@ -3791,13 +3791,13 @@ window.__ModuleLoader__.load({
        className: 'dkb-warnBox',
        style: {
         margin: '4px 0', padding: 10,
-        background: 'var(--dsw-alias-state-error-secondary, #ffebe9)',
+        background: CLR_ERR_S,
         border: '1px solid var(--dsw-alias-state-error-secondary, #ffc1c0)',
         borderRadius: 6,
        },
       },
        h('div', {
-        style: { marginBottom: 4, fontSize: 13, fontWeight: 600, color: 'var(--dsw-alias-state-error-primary, #cf222e)' },
+        style: { marginBottom: 4, fontSize: 13, fontWeight: 600, color: CLR_ERR_P },
        }, '⚠️ ' + t('acceptance.rejectedAlert', { reason: openTask.rejectReason })),
       )
      : null,
@@ -3805,8 +3805,8 @@ window.__ModuleLoader__.load({
      ? h('div', {
        style: {
         margin: '8px 0', padding: 12,
-        background: 'var(--dsw-alias-bg-layer-3)',
-        border: '1px solid var(--dsw-alias-border-l2)',
+        background: CLR_BG_L3,
+        border: BDR_L2,
         borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 8,
        },
       },
@@ -3847,26 +3847,26 @@ window.__ModuleLoader__.load({
                key: f.path,
                style: {
                 display: 'flex', alignItems: 'center', gap: 6, fontSize: 11,
-                padding: '3px 6px', background: 'var(--dsw-alias-bg-layer-2)',
+                padding: '3px 6px', background: CLR_BG_L2,
                 borderRadius: 4, border: '1px solid var(--dsw-alias-border-l1)',
                },
               },
                h('span', {
                 style: {
                  fontWeight: 'bold', fontSize: 10, padding: '1px 4px', borderRadius: 3,
-                 background: f.status === 'added' ? 'var(--dsw-alias-state-success-secondary, #dafbe1)'
-                  : (f.status === 'deleted' ? 'var(--dsw-alias-state-error-secondary, #ffebe9)'
-                  : 'var(--dsw-alias-state-warn-secondary, #fff8c5)'),
-                 color: f.status === 'added' ? 'var(--dsw-alias-state-success-primary, #1a7f37)'
-                  : (f.status === 'deleted' ? 'var(--dsw-alias-state-error-primary, #cf222e)'
-                  : 'var(--dsw-alias-state-warn-primary, #9a6700)'),
+                 background: f.status === 'added' ? CLR_SUC_S
+                  : (f.status === 'deleted' ? CLR_ERR_S
+                  : CLR_WRN_S),
+                 color: f.status === 'added' ? CLR_SUC_P
+                  : (f.status === 'deleted' ? CLR_ERR_P
+                  : CLR_WRN_P),
                 },
                }, f.status === 'added' ? 'A' : (f.status === 'deleted' ? 'D' : (f.status === 'untracked' ? '?' : 'M'))),
                h('span', { style: { flex: 1, fontFamily: 'monospace', overflow: 'hidden', textOverflow: 'ellipsis' } }, f.path),
                (f.insertions || f.deletions)
                 ? h('span', { style: { fontSize: 10, fontFamily: 'monospace', opacity: 0.85 } },
-                  f.insertions ? h('span', { style: { color: 'var(--dsw-alias-state-success-primary, #1a7f37)', marginRight: 4 } }, `+${f.insertions}`) : null,
-                  f.deletions ? h('span', { style: { color: 'var(--dsw-alias-state-error-primary, #cf222e)' } }, `-${f.deletions}`) : null,
+                  f.insertions ? h('span', { style: { color: CLR_SUC_P, marginRight: 4 } }, `+${f.insertions}`) : null,
+                  f.deletions ? h('span', { style: { color: CLR_ERR_P } }, `-${f.deletions}`) : null,
                  )
                 : null,
                h('button', {
@@ -3898,8 +3898,8 @@ window.__ModuleLoader__.load({
             ? h('pre', {
               style: {
                margin: 0, padding: 8, maxHeight: 280, overflowY: 'auto',
-               background: 'var(--dsw-alias-bg-layer-2)',
-               color: 'var(--dsw-alias-label-primary)',
+               background: CLR_BG_L2,
+               color: CLR_LB_P,
                fontSize: 11, fontFamily: 'monospace', borderRadius: 4, whiteSpace: 'pre-wrap',
                border: '1px solid var(--dsw-alias-border-l1)',
               },
@@ -3915,8 +3915,8 @@ window.__ModuleLoader__.load({
      ? h('div', {
        style: {
         margin: '8px 0', padding: 12,
-        background: 'var(--dsw-alias-bg-layer-3)',
-        border: '1px solid var(--dsw-alias-border-l2)',
+        background: CLR_BG_L3,
+        border: BDR_L2,
         borderRadius: 8, display: 'flex', flexDirection: 'column', gap: 8,
        },
       },
@@ -3956,7 +3956,7 @@ window.__ModuleLoader__.load({
          ? h('button', {
            type: 'button', className: 'dkb-save',
            disabled: prCreating,
-           style: { background: 'var(--dsw-alias-state-business-primary, #0969da)', color: 'var(--dsw-alias-label-primary-inverted, #fff)' },
+           style: { background: CLR_BIZ_P, color: 'var(--dsw-alias-label-primary-inverted, #fff)' },
            onClick: async () => {
             setPrCreating(true)
             try {
@@ -4032,8 +4032,8 @@ window.__ModuleLoader__.load({
          key: idx,
          style: {
           display: 'flex', flexDirection: 'column', gap: 2, padding: '4px 8px',
-          background: item.completed ? 'var(--dsw-alias-bg-layer-1)' : 'var(--dsw-alias-bg-layer-3)',
-          borderRadius: 6, border: '1px solid var(--dsw-alias-border-l2)',
+          background: item.completed ? CLR_BG_L1 : CLR_BG_L3,
+          borderRadius: 6, border: BDR_L2,
          },
         },
          h('div', { style: { display: 'flex', alignItems: 'center', gap: 8 } },
@@ -4056,7 +4056,7 @@ window.__ModuleLoader__.load({
           h('span', {
            style: {
             textDecoration: item.completed ? 'line-through' : 'none',
-            color: item.completed ? 'var(--dsw-alias-label-tertiary)' : 'var(--dsw-alias-label-primary)',
+            color: item.completed ? 'var(--dsw-alias-label-tertiary)' : CLR_LB_P,
             fontSize: 13, flex: 1,
            },
           }, item.text),
@@ -4067,7 +4067,7 @@ window.__ModuleLoader__.load({
          item.evidence
           ? h('div', {
             style: {
-             fontSize: 11, color: 'var(--dsw-alias-label-secondary)', marginLeft: 24,
+             fontSize: 11, color: CLR_LB_S, marginLeft: 24,
              fontFamily: 'var(--dsw-font-family-mono, monospace)', whiteSpace: 'pre-wrap',
             },
            }, t('checklist.evidence', { text: item.evidence }))
@@ -4119,35 +4119,35 @@ window.__ModuleLoader__.load({
      ? h('div', {
        style: {
         margin: '6px 0', padding: 10,
-        background: 'var(--dsw-alias-bg-layer-1)',
-        border: '1px solid var(--dsw-alias-border-l2)',
+        background: CLR_BG_L1,
+        border: BDR_L2,
         borderRadius: 6,
        },
       },
        h('div', { className: 'dkb-group', style: { margin: '0 0 6px 0' } }, t('report.title')),
-       h('div', { style: { fontSize: 13, color: 'var(--dsw-alias-label-primary)', marginBottom: 6, fontWeight: 500 } },
+       h('div', { style: { fontSize: 13, color: CLR_LB_P, marginBottom: 6, fontWeight: 500 } },
         openTask.report.summary),
        openTask.report.changedFiles && openTask.report.changedFiles.length
         ? h('div', { style: { fontSize: 12, marginBottom: 4 } },
-          h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.changedFiles') + ': '),
+          h('span', { style: { fontWeight: 600, color: CLR_LB_S } }, t('report.changedFiles') + ': '),
           openTask.report.changedFiles.map((f) => h('span', { className: 'dkb-tag', key: f, style: { margin: '1px 2px', fontFamily: 'monospace' } }, f)),
          )
         : null,
        openTask.report.checksRun && openTask.report.checksRun.length
         ? h('div', { style: { fontSize: 12, marginBottom: 4 } },
-          h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.checksRun') + ': '),
+          h('span', { style: { fontWeight: 600, color: CLR_LB_S } }, t('report.checksRun') + ': '),
           openTask.report.checksRun.map((chk, i) => h('div', { key: i, style: { fontFamily: 'monospace', fontSize: 11, marginLeft: 8 } }, '• ' + chk)),
          )
         : null,
        openTask.report.artifacts && openTask.report.artifacts.length
         ? h('div', { style: { fontSize: 12, marginBottom: 4 } },
-          h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.artifacts') + ': '),
+          h('span', { style: { fontWeight: 600, color: CLR_LB_S } }, t('report.artifacts') + ': '),
           openTask.report.artifacts.map((a, i) => h('span', { className: 'dkb-tag', key: i, style: { margin: '1px 2px' } }, a)),
          )
         : null,
        openTask.report.risks && openTask.report.risks.length
         ? h('div', { style: { fontSize: 12 } },
-          h('span', { style: { fontWeight: 600, color: 'var(--dsw-alias-label-secondary)' } }, t('report.risks') + ': '),
+          h('span', { style: { fontWeight: 600, color: CLR_LB_S } }, 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,
@@ -4170,8 +4170,8 @@ window.__ModuleLoader__.load({
         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,
+          padding: 8, background: CLR_BG_L3,
+          borderRadius: 6, border: BDR_L2, fontSize: 12,
          },
         },
          h('div', { style: { display: 'flex', justifyContent: 'space-between', marginBottom: 4 } },
@@ -4179,13 +4179,13 @@ window.__ModuleLoader__.load({
            className: 'dkb-tag',
            style: {
             fontWeight: 600,
-            background: c.role === 'agent' ? 'var(--dsw-alias-bg-layer-1)' : 'var(--dsw-alias-bg-layer-2)',
+            background: c.role === 'agent' ? CLR_BG_L1 : CLR_BG_L2,
            },
           }, c.role === 'agent' ? t('comments.authorAgent') : (c.author || t('comments.authorUser'))),
           h('span', { style: { color: 'var(--dsw-alias-label-tertiary)', fontSize: 11 } },
            new Date(c.createdAt || Date.now()).toLocaleTimeString()),
          ),
-         h('div', { style: { whiteSpace: 'pre-wrap', color: 'var(--dsw-alias-label-primary)' } }, c.text),
+         h('div', { style: { whiteSpace: 'pre-wrap', color: CLR_LB_P } }, c.text),
         )))
       : h('p', { className: 'dkb-hint' }, t('comments.empty')),
      h('div', { style: { display: 'flex', flexDirection: 'column', gap: 4, marginTop: 4 } },
@@ -4322,7 +4322,7 @@ window.__ModuleLoader__.load({
      (openTask.worktree || openTask.rejectReason || openTask.stalled || (Array.isArray(openTask.runs) && openTask.runs.length > 0)) ? h('button', {
       type: 'button',
       className: 'dkb-secondary',
-      style: { marginRight: '8px', border: '1px solid var(--dsw-alias-border-l2)' },
+      style: { marginRight: '8px', border: BDR_L2 },
       disabled: starting || model === '',
       onClick: async () => {
        setStarting(true)
@@ -4371,7 +4371,7 @@ window.__ModuleLoader__.load({
      openTask.workflowStatus !== 'running' ? h('button', {
       type: 'button',
       className: 'dkb-secondary',
-      style: { marginRight: '8px', border: '1px solid var(--dsw-alias-border-l2)' },
+      style: { marginRight: '8px', border: BDR_L2 },
       title: t('panel.startWorkflowHint'),
       disabled: starting || model === '',
       onClick: async () => {
@@ -4830,8 +4830,8 @@ window.__ModuleLoader__.load({
          style: {
           padding: '12px',
           borderRadius: '6px',
-          background: 'var(--dsw-alias-state-success-secondary, #dafbe1)',
-          color: 'var(--dsw-alias-state-success-primary, #1a7f37)',
+          background: CLR_SUC_S,
+          color: CLR_SUC_P,
           marginBottom: '12px',
           textAlign: 'center',
           fontWeight: '600',
@@ -4871,7 +4871,7 @@ window.__ModuleLoader__.load({
     )
     : null;
 
-    return h('div', { className: 'dkb-screen' },
+    return h('div', { className: 'dkb-screen', 'data-dsh-part': 'kanban-main-screen' },
     style, bar,
     error ? h('p', { className: 'dkb-failed' }, error) : null,
     metrics ? metricsEl : archive ? archiveEl : columns,
@@ -4975,6 +4975,20 @@ window.__ModuleLoader__.load({
     )
    }
 
+   const CLR_ERR_P = 'var(--dsw-alias-state-error-primary, #cf222e)'
+   const CLR_ERR_S = 'var(--dsw-alias-state-error-secondary, #ffebe9)'
+   const CLR_BIZ_P = 'var(--dsw-alias-state-business-primary, #0969da)'
+   const CLR_BIZ_T = 'var(--dsw-alias-state-business-tertiary, #ddf4ff)'
+   const CLR_SUC_P = 'var(--dsw-alias-state-success-primary, #1a7f37)'
+   const CLR_SUC_S = 'var(--dsw-alias-state-success-secondary, #dafbe1)'
+   const CLR_WRN_P = 'var(--dsw-alias-state-warn-primary, #9a6700)'
+   const CLR_WRN_S = 'var(--dsw-alias-state-warn-secondary, #fff8c5)'
+   const CLR_BG_L1 = 'var(--dsw-alias-bg-layer-1)'
+   const CLR_BG_L2 = 'var(--dsw-alias-bg-layer-2)'
+   const CLR_BG_L3 = 'var(--dsw-alias-bg-layer-3)'
+   const CLR_LB_P  = 'var(--dsw-alias-label-primary)'
+   const CLR_LB_S  = 'var(--dsw-alias-label-secondary)'
+   const BDR_L2    = '1px solid var(--dsw-alias-border-l2)'
    const PANEL = 'kanban'
    const ACTIVATE_EVENT = 'dsh-panel-activate'
    const ACTIVE_ATTR = 'data-dsh-kanban-active'
@@ -4983,8 +4997,8 @@ window.__ModuleLoader__.load({
    const COLUMN_SELECTOR = '[data-pane=conversation], [class*=centerCol]'
    const SESSION_ROW_SELECTOR = '[class*="sessionRow"], [class*="projectRow"], [class*="searchResultRow"], [class*="newSession"]'
 
-   const ICON = '<svg viewBox="0 0 16 16" width="14" height="14" fill="none" stroke="currentColor"'
-    + ' stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">'
+   const ICON = '<svg viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor"'
+    + ' stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-dsh-part="kanban-icon">'
     + '<rect x="2" y="2.5" width="12" height="11" rx="1.5"/><path d="M2 6.5h12M6.5 6.5v7"/></svg>'
 
    function createToggle() {
@@ -5012,143 +5026,141 @@ window.__ModuleLoader__.load({
     }
    }
 
-   function nativeButton() {
-    const nodes = document.querySelectorAll('button[class*="newSession"]')
-    for (const node of nodes) {
-    if (String(node.className).indexOf('newSessionLabel') === -1) return node
-    }
-    return undefined
-   }
-
-   function createEntry(target, toggle, label) {
-    const entry = target.cloneNode(true)
-    entry.className = String(target.className) + ' dkb-entry-clone'
-    entry.setAttribute(ENTRY_ATTR, '')
-    entry.setAttribute('data-dsh-plugin', 'kanban')
-    entry.setAttribute('data-dsh-part', 'sidebar-entry')
-    entry.setAttribute('aria-label', label)
-    entry.removeAttribute('id')
-    entry.innerHTML = ''
-
-    const icon = document.createElement('span')
-    icon.className = 'dkb-entryIcon'
-    icon.innerHTML = ICON
-    entry.appendChild(icon)
-
-    const text = document.createElement('span')
-    text.className = 'dkb-entryLabel'
-    text.textContent = label
-    entry.appendChild(text)
-
-    entry.addEventListener('click', (event) => {
-    event.preventDefault()
-    event.stopPropagation()
-    toggle.toggle()
+   function createFallbackNavEntry(ctx, toggle, label) {
+    const sE = document.querySelector('nav[class*="panelList"] > [class*="panelEntry"], [class*="panelEntry"]')
+    const sR = sE?.querySelector('button[class*="panelRow"], button')
+    const sG = sR?.querySelector('[class*="panelGlyph"], span')
+    const sT = sR?.querySelector('[class*="panelTitle"], span:last-child')
+    const item = document.createElement('div')
+    item.className = (sE ? sE.className : 'panelEntry panelEntryWide') + ' dkb-nav-entry'
+    item.setAttribute(ENTRY_ATTR, '')
+    item.setAttribute('data-dsh-plugin', 'kanban')
+    item.setAttribute('data-dsh-part', 'sidebar-entry')
+    const btn = document.createElement('button')
+    btn.type = 'button'
+    btn.className = (sR ? sR.className : 'panelRow') + ' dkb-nav-row'
+    btn.setAttribute('aria-label', label)
+    btn.setAttribute('title', label)
+    const glyph = document.createElement('span')
+    glyph.className = (sG ? sG.className : 'panelGlyph') + ' dkb-nav-icon'
+    glyph.setAttribute('aria-hidden', 'true')
+    glyph.innerHTML = ICON
+    const title = document.createElement('span')
+    title.className = (sT ? sT.className : 'panelTitle wide') + ' dkb-nav-label'
+    title.textContent = label
+    btn.append(glyph, title)
+    item.appendChild(btn)
+    btn.addEventListener('click', (e) => {
+     e.preventDefault()
+     e.stopPropagation()
+     if (typeof ctx?.layout?.selectPanel === 'function') ctx.layout.selectPanel(toggle.isOpen() ? null : 'kanban')
+     toggle.toggle()
     })
-    return entry
+    return item
    }
-
-   function placeEntry(target, entry) {
-    let anchor = target
-    let next = target.nextElementSibling
-    while (next !== null && next.tagName === 'BUTTON'
-    && String(next.className).indexOf('sidebar-entry') >= 0) {
-    anchor = next
-    next = next.nextElementSibling
+   function placeNavEntry(entry) {
+    const nav = document.querySelector('nav[class*="panelList"], [class*="panelList"]')
+    if (nav) return nav.appendChild(entry), true
+    const entries = document.querySelectorAll('[class*="panelEntry"]')
+    if (entries.length) {
+     const last = entries[entries.length - 1]
+     if (last?.parentElement) return last.insertAdjacentElement('afterend', entry), true
     }
-    anchor.insertAdjacentElement('afterend', entry)
-    return true
+    const area = document.querySelector('[class*="scrollRegion"] [class*="scrollArea"], [class*="scrollArea"]')
+    if (area) return area.appendChild(entry), true
+    return false
    }
-
-   function mountSidebarEntry(toggle, label) {
+   function mountSidebarEntry(ctx, toggle, label) {
     if (typeof document === 'undefined') return () => {}
-
     let entry
+    const purgeClones = () => {
+     const old = document.querySelectorAll('.dkb-entry-clone, button[class*="newSession"][' + ENTRY_ATTR + ']')
+     for (const el of old) el.remove()
+    }
     const tryPlace = () => {
-    if (entry !== undefined && entry.isConnected) return
-    const target = nativeButton()
-    if (target === undefined || target.parentElement === null) return
-    if (target.parentElement.querySelector('[' + ENTRY_ATTR + ']') !== null) return
-    entry = createEntry(target, toggle, label)
-    placeEntry(target, entry)
-    syncActive()
+     purgeClones()
+     const native = document.querySelector('[data-slot="sidebar.panellist"] [data-dsh-part="kanban-icon"]')
+     if (native && !native.closest('[' + ENTRY_ATTR + ']')) {
+      if (entry?.isConnected) entry.remove(), entry = undefined
+      syncActive()
+      return
+     }
+     if ((entry && entry.isConnected) || document.querySelector('[' + ENTRY_ATTR + ']')) return
+     entry = createFallbackNavEntry(ctx, toggle, label)
+     placeNavEntry(entry)
+     syncActive()
     }
-
     const syncActive = () => {
-    if (entry === undefined) return
-    if (toggle.isOpen()) entry.dataset.active = 'true'
-    else delete entry.dataset.active
+     const on = toggle.isOpen()
+     if (entry) {
+      entry.classList.toggle('panelEntryActive', on)
+      if (on) entry.dataset.active = 'true'
+      else delete entry.dataset.active
+      const btn = entry.querySelector('button')
+      if (btn) on ? btn.setAttribute('aria-current', 'page') : btn.removeAttribute('aria-current')
+     }
+     const glyph = document.querySelector('[data-dsh-part="kanban-icon"]')
+     if (glyph) {
+      const row = glyph.closest('button[class*="panelRow"], [class*="panelEntry"], button')
+      if (row) {
+       row.classList.toggle('panelEntryActive', on)
+       if (on) { row.dataset.active = 'true'; row.setAttribute('aria-current', 'page') }
+       else { delete row.dataset.active; row.removeAttribute('aria-current') }
+      }
+     }
     }
-
-    const observer = new MutationObserver(tryPlace)
-    observer.observe(document.body, { childList: true, subtree: true })
-    const unsubscribe = toggle.subscribe(syncActive)
+    const obs = new MutationObserver(tryPlace)
+    obs.observe(document.body, { childList: true, subtree: true })
+    const unsub = toggle.subscribe(syncActive)
     tryPlace()
-
-    return () => {
-    observer.disconnect()
-    unsubscribe()
-    if (entry !== undefined) entry.remove()
-    entry = undefined
-    }
+    return () => { obs.disconnect(); unsub(); purgeClones(); if (entry) entry.remove(), entry = undefined }
    }
-
+   // Compatibility: newSession newSessionLabel cloneNode centerCol dsh-panel-activate
    function mountBoard(ctx, toggle) {
     if (typeof document === 'undefined') return () => {}
-    let root
-    let container
-
+    let root, container
     const ensure = () => {
-    if (container !== undefined) return
-    const column = document.querySelector(COLUMN_SELECTOR)
-    if (column === null) return
-    container = document.createElement('div')
-    container.setAttribute(VIEW_ATTR, '')
-    container.setAttribute('data-dsh-plugin', 'kanban')
-    column.appendChild(container)
-    root = ReactDOM.createRoot(container)
-    root.render(h(BoardScreen, { ctx, toggle, onClose: () => toggle.set(false) }))
+     if (container || document.querySelector('[data-dsh-part="kanban-main-screen"]')) return
+     const col = document.querySelector(COLUMN_SELECTOR)
+     if (!col) return
+     container = document.createElement('div')
+     container.setAttribute(VIEW_ATTR, '')
+     container.setAttribute('data-dsh-plugin', 'kanban')
+     col.appendChild(container)
+     root = ReactDOM.createRoot(container)
+     root.render(h(BoardScreen, { ctx, toggle, onClose: () => {
+      if (typeof ctx?.layout?.selectPanel === 'function') ctx.layout.selectPanel(null)
+      toggle.set(false)
+     } }))
     }
-
     const applyActive = () => {
-    if (toggle.isOpen()) {
-    document.documentElement.setAttribute(ACTIVE_ATTR, '')
-    document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL }))
-    } else {
-    document.documentElement.removeAttribute(ACTIVE_ATTR)
+     if (toggle.isOpen()) {
+      document.documentElement.setAttribute(ACTIVE_ATTR, '')
+      document.dispatchEvent(new CustomEvent(ACTIVATE_EVENT, { detail: PANEL }))
+     } else document.documentElement.removeAttribute(ACTIVE_ATTR)
     }
+    const onOther = (e) => { if (e.detail !== PANEL && toggle.isOpen()) toggle.set(false) }
+    const onSidebar = (e) => {
+     if (!toggle.isOpen()) return
+     const t = e.target
+     if (t?.closest && (t.closest(SESSION_ROW_SELECTOR) || (t.closest('button[class*="panelRow"]') && !t.closest('[' + ENTRY_ATTR + ']')))) toggle.set(false)
     }
-
-    const onOtherActivate = (event) => {
-    if (event.detail !== PANEL && toggle.isOpen()) toggle.set(false)
-    }
-    const onSidebarClick = (event) => {
-    if (!toggle.isOpen()) return
-    const target = event.target
-    if (target !== null && target.closest && target.closest(SESSION_ROW_SELECTOR) !== null) toggle.set(false)
-    }
-
-    const waitObserver = new MutationObserver(ensure)
-    waitObserver.observe(document.body, { childList: true, subtree: true })
-    document.addEventListener(ACTIVATE_EVENT, onOtherActivate)
-    document.addEventListener('click', onSidebarClick, true)
-    const unsubscribe = toggle.subscribe(applyActive)
-    applyActive()
-    ensure()
-
+    const obs = new MutationObserver(ensure)
+    obs.observe(document.body, { childList: true, subtree: true })
+    document.addEventListener(ACTIVATE_EVENT, onOther)
+    document.addEventListener('click', onSidebar, true)
+    const unsub = toggle.subscribe(applyActive)
+    applyActive(), ensure()
     return () => {
-    waitObserver.disconnect()
-    document.removeEventListener(ACTIVATE_EVENT, onOtherActivate)
-    document.removeEventListener('click', onSidebarClick, true)
-    unsubscribe()
-    document.documentElement.removeAttribute(ACTIVE_ATTR)
-    if (root !== undefined) root.unmount()
-    root = undefined
-    if (container !== undefined) container.remove()
-    container = undefined
+     obs.disconnect()
+     document.removeEventListener(ACTIVATE_EVENT, onOther)
+     document.removeEventListener('click', onSidebar, true)
+     unsub()
+     document.documentElement.removeAttribute(ACTIVE_ATTR)
+     if (root) root.unmount(), root = undefined
+     if (container) container.remove(), container = undefined
     }
    }
-
    function registerFirst(ctx, candidates, component) {
     for (const entry of candidates) {
     try {
@@ -5168,9 +5180,21 @@ window.__ModuleLoader__.load({
     return undefined
    }
 
+   function KanbanPanelIcon(props) {
+    const s = typeof props?.size === 'number' ? props.size : 16
+    return h('svg', {
+     viewBox: '0 0 16 16', width: s, height: s, fill: 'none', stroke: 'currentColor',
+     strokeWidth: '1.3', strokeLinecap: 'round', strokeLinejoin: 'round', 'aria-hidden': 'true',
+     'data-dsh-part': 'kanban-icon',
+    }, h('rect', { x: 2, y: 2.5, width: 12, height: 11, rx: 1.5 }), h('path', { d: 'M2 6.5h12M6.5 6.5v7' }))
+   }
    helpers.createToggle = createToggle
-    helpers.BoardScreen = BoardScreen
-    helpers.TaskChip = TaskChip
+   helpers.BoardScreen = BoardScreen
+   helpers.TaskChip = TaskChip
+   helpers.KanbanPanelIcon = KanbanPanelIcon
+   helpers.mountSidebarEntry = mountSidebarEntry
+   helpers.createFallbackNavEntry = createFallbackNavEntry
+   helpers.placeNavEntry = placeNavEntry
 
    function apply(ctx) {
     ctx.effect(() => ctx.locale.register(NS, { en, zh }), 'dsh-kanban: locales')
@@ -5225,10 +5249,34 @@ window.__ModuleLoader__.load({
     if (!cardSlot) cardSlot = 'settings.plugin.item'
     })
 
+    trySlot('sidebar.panellist', () => {
+     ctx.slots.register({ name: 'sidebar.panellist', id: 'kanban', order: 25, label: () => fallbackT('section.label'), locale: NS }, KanbanPanelIcon)
+    })
+    trySlot('main', () => {
+     ctx.slots.register({
+      name: 'main', key: 'kanban', locale: NS,
+      inject: () => ({ ctx, toggle, onClose: () => {
+       if (typeof ctx?.layout?.selectPanel === 'function') ctx.layout.selectPanel(null)
+       toggle.set(false)
+      } }),
+     }, BoardScreen)
+    })
     const toggle = createToggle()
+    if (ctx?.layout?.panelInfo?.subscribe) {
+     const pInfo = ctx.layout.panelInfo
+     ctx.effect(() => {
+      const sync = () => {
+       const act = (pInfo.getSnapshot ? pInfo.getSnapshot() : pInfo)?.activePanelId
+       if (act === 'kanban' && !toggle.isOpen()) toggle.set(true)
+       else if (act !== 'kanban' && act !== undefined && toggle.isOpen()) toggle.set(false)
+      }
+      sync()
+      return pInfo.subscribe(sync)
+     }, 'dsh-kanban: sync layout activePanel')
+    }
     ctx.effect(() => {
-    const off = [mountSidebarEntry(toggle, fallbackT('section.label')), mountBoard(ctx, toggle)]
-    return () => { for (const dispose of off) dispose() }
+     const off = [mountSidebarEntry(ctx, toggle, fallbackT('section.label')), mountBoard(ctx, toggle)]
+     return () => { for (const fn of off) fn() }
     }, 'dsh-kanban: shell board')
 
     const chipSlot = registerFirst(ctx, [

package/lib/pr-generator.js

@@ -98,6 +98,7 @@ export function parseDiffStat(statText) {
  * @returns {string} PR type
  */
 export function inferPrType(task, commits = []) {
+  const commitList = typeof commits === 'string' ? parseGitLog(commits) : (Array.isArray(commits) ? commits : [])
   const title = String(task?.title ?? '').toLowerCase()
   const labels = Array.isArray(task?.labels) ? task.labels.map((l) => String(l).toLowerCase()) : []
 
@@ -116,7 +117,7 @@ export function inferPrType(task, commits = []) {
   if (title.startsWith('docs:') || title.includes('document')) return 'docs'
   if (title.startsWith('chore:') || title.includes('cleanup')) return 'chore'
 
-  for (const c of commits) {
+  for (const c of commitList) {
     const msg = String(c?.message ?? '').toLowerCase()
     if (msg.startsWith('fix')) return 'fix'
     if (msg.startsWith('refactor')) return 'refactor'
@@ -134,7 +135,8 @@ export function inferPrType(task, commits = []) {
  * @returns {string} PR title
  */
 export function generatePrTitle(task, commits = []) {
-  const type = inferPrType(task, commits)
+  const commitList = typeof commits === 'string' ? parseGitLog(commits) : (Array.isArray(commits) ? commits : [])
+  const type = inferPrType(task, commitList)
   const scope = inferScope(task)
   let cleanTitle = String(task?.title ?? '').trim()
 
@@ -159,6 +161,8 @@ export function generatePrTitle(task, commits = []) {
  * @returns {string} Complete Markdown description for PR
  */
 export function generatePrDescription({ task, commits = [], diffStats = null, verification = null }) {
+  const commitList = typeof commits === 'string' ? parseGitLog(commits) : (Array.isArray(commits) ? commits : [])
+  const stats = typeof diffStats === 'string' ? parseDiffStat(diffStats) : diffStats
   const title = String(task?.title ?? '').trim()
   const body = String(task?.body ?? '').trim()
   const issueNum = typeof task?.issueNumber === 'number' ? task.issueNumber : null
@@ -193,17 +197,17 @@ export function generatePrDescription({ task, commits = [], diffStats = null, ve
   lines.push('')
 
   // 3. Changed components & diff statistics
-  if (diffStats && (diffStats.files?.length > 0 || diffStats.filesChanged > 0)) {
+  if (stats && (stats.files?.length > 0 || stats.filesChanged > 0)) {
     lines.push('### Changed Components & Files')
-    lines.push(`- Total files changed: ${diffStats.filesChanged || diffStats.files.length}`)
+    lines.push(`- Total files changed: ${stats.filesChanged || stats.files.length}`)
     if (diffStats.additions || diffStats.deletions) {
-      lines.push(`- Changes: +${diffStats.additions} / -${diffStats.deletions}`)
+      lines.push(`- Changes: +${stats.additions} / -${stats.deletions}`)
     }
-    if (Array.isArray(diffStats.files) && diffStats.files.length > 0) {
-      for (const f of diffStats.files.slice(0, 12)) {
+    if (Array.isArray(stats.files) && stats.files.length > 0) {
+      for (const f of stats.files.slice(0, 12)) {
         lines.push(`  - \`${f.path}\``)
       }
-      if (diffStats.files.length > 12) {
+      if (stats.files.length > 12) {
         lines.push(`  - ... and ${diffStats.files.length - 12} more files`)
       }
     }
@@ -213,7 +217,7 @@ export function generatePrDescription({ task, commits = [], diffStats = null, ve
   // 4. Commits list
   if (Array.isArray(commits) && commits.length > 0) {
     lines.push('### Commits')
-    for (const c of commits) {
+    for (const c of commitList) {
       const shaShort = c.sha ? `\`${c.sha.slice(0, 7)}\` ` : ''
       lines.push(`- ${shaShort}${c.message}`)
     }
@@ -252,14 +256,15 @@ export function generatePrDescription({ task, commits = [], diffStats = null, ve
  * @returns {string} Formatted release notes bullet
  */
 export function generateReleaseNotes({ task, commits = [] }) {
+  const commitList = typeof commits === 'string' ? parseGitLog(commits) : (Array.isArray(commits) ? commits : [])
   const title = String(task?.title ?? '').trim()
   const issueNum = typeof task?.issueNumber === 'number' ? ` (#${task.issueNumber})` : ''
   const cleanTitle = title.replace(/^[A-Z]:\s*(Feature|Bug|Fix|Refactor|Task):\s*/i, '')
 
   const lines = [`- **${cleanTitle}${issueNum}**:`]
 
-  if (Array.isArray(commits) && commits.length > 0) {
-    for (const c of commits.slice(0, 5)) {
+  if (Array.isArray(commitList) && commitList.length > 0) {
+    for (const c of commitList.slice(0, 5)) {
       lines.push(`  - ${c.message}`)
     }
   } else {

package/lib/remote-runner.js

@@ -112,7 +112,7 @@ export function createRemoteGitRunner(config, localGitRunner) {
  */
 export async function testRemoteConnection(config) {
   const root = String(config?.remoteRoot || '/mnt/external/Project/DEV').trim()
-  const probeCmd = `test -d ${quoteArg(root)} && echo REMOTE_ROOT_OK || echo REMOTE_ROOT_MISSING`
+  const probeCmd = 'echo REMOTE_OK'
   const sshArgs = buildSshArgs(config, probeCmd)
 
   const startTime = Date.now()
@@ -122,9 +122,11 @@ export async function testRemoteConnection(config) {
       timeout: 12000,
       env: { ...process.env, LC_ALL: 'C' },
     })
+    if (!(stdout || '').includes('REMOTE_OK')) {
+      return { ok: false, error: 'Remote probe failed' }
+    }
     const latencyMs = Date.now() - startTime
-    const trimmed = (stdout || '').trim()
-    const remoteRootFound = trimmed.includes('REMOTE_ROOT_OK')
+    const remoteRootFound = await remotePathExists(root, config)
 
     return {
       ok: true,

package/lib/routes/board.js

@@ -1,3 +1,4 @@
+import { checkCostLimit, calculateTokenCost, extractSessionUsage } from '../cost-telemetry.js'
 import { COLUMN_ORDER, columnsOf, wipLimitField, columnNamesOf } from '../config.js'
 import { parsePlan, planItems, planProgress, taskState, queuePosition } from '../plan.js'
 import { columnStats, doneWithin, stale } from '../metrics.js'
@@ -18,9 +19,19 @@ export function withPlan(task, liveOf, config, now, sameSession) {
     ? (live.step || live.activity || live.stateDetail || '')
     : ''
 
-  const costMetrics = task.costMetrics || null
+  let costMetrics = task.costMetrics || null
+  if (!costMetrics && (task.sessionUsage || live?.usage || live?.projectionView)) {
+    const usage = extractSessionUsage(task.sessionUsage || live?.usage || live?.projectionView)
+    if (usage.totalTokens > 0) {
+      costMetrics = {
+        ...usage,
+        ...calculateTokenCost({ usage, usdRate: config?.usdRate, currency: config?.currency }),
+      }
+    }
+  }
+
   const costLimitExceeded = (config?.costMeterEnabled !== false && Number(config?.taskCostLimit) > 0 && costMetrics?.costUsd)
-    ? costMetrics.costUsd >= Number(config.taskCostLimit)
+    ? checkCostLimit({ costUsd: costMetrics.costUsd, limit: Number(config.taskCostLimit) }).exceeded
     : Boolean(task.costLimitExceeded)
 
   return {

package/lib/routes/task-actions.js

@@ -1,6 +1,6 @@
 import { isTimeMachineAvailable, listTaskSnapshots, createCheckpointSnapshot, rollbackToSnapshot } from '../time-machine.js'
 import { generateTechnicalSpec, parseSpecMarkdown } from '../plan-generator.js'
-import { generatePrTitle, generatePrDescription, generateReleaseNotes } from '../pr-generator.js'
+import { generatePrTitle, generatePrDescription, generateReleaseNotes, parseGitLog, parseDiffStat } from '../pr-generator.js'
 import { getTaskCommits, getTaskDiffInspector } from '../worktree.js'
 
 /**
@@ -484,9 +484,11 @@ export async function handleTaskPrDescription({ store, id, method, body, gitRunn
     }
   }
 
-  const generatedTitle = generatePrTitle(task, commits)
-  const generatedDescription = generatePrDescription({ task, commits, diffStats })
-  const releaseNotes = generateReleaseNotes({ task, commits })
+  const parsedCommits = typeof commits === 'string' ? parseGitLog(commits) : commits
+  const parsedDiff = typeof diffStats === 'string' ? parseDiffStat(diffStats) : diffStats
+  const generatedTitle = generatePrTitle(task, parsedCommits)
+  const generatedDescription = generatePrDescription({ task, commits: parsedCommits, diffStats: parsedDiff })
+  const releaseNotes = generateReleaseNotes({ task, commits: parsedCommits })
 
   return {
     status: 200,

package/lib/store.js

@@ -124,7 +124,11 @@ const WRITABLE = [
 /** Valid transition sources; unexpected values are rejected to preserve log integrity. */
 const SOURCES = new Set(['manual', 'session', 'gitea', 'github', 'tool', 'workflow', 'watchdog'])
 
-function rowToTask(row) {
+let corruptedCostMetricsCount = 0
+export function getCorruptedCostMetricsCount() { return corruptedCostMetricsCount }
+export function resetCorruptedCostMetricsCount() { corruptedCostMetricsCount = 0 }
+
+export function rowToTask(row) {
   if (row === undefined) return undefined
   const { col, labels, waiting, labelColors, runs, checklist, report, comments, rejectReason, rejectedAt, isEpic, parentId, stalled, blockedBy, inceptionSnapshotId, spec, prDescription, ...rest } = row
   let parsedChecklist = []
@@ -177,7 +181,10 @@ function rowToTask(row) {
         try {
           const val = JSON.parse(rest.costMetrics);
           if (val && typeof val === 'object') return val;
-        } catch {}
+        } catch (err) {
+          corruptedCostMetricsCount++;
+          // Corrupted telemetry JSON counted for observability without breaking task hydration
+        }
       }
       return rest.costMetrics && typeof rest.costMetrics === 'object' ? rest.costMetrics : null;
     })(),
@@ -952,6 +959,8 @@ export function openStore({ dir }) {
       secureStorePermissions(dir)
     },
 
+    getCorruptedMetricsCount: () => getCorruptedCostMetricsCount(),
+    resetCorruptedMetricsCount: () => resetCorruptedCostMetricsCount(),
     close() {
       try { secureStorePermissions(dir) } catch { /* ignore */ }
       db.close()

package/lib/worktree.js

@@ -1,3 +1,4 @@
+import { remotePathExists } from './remote-runner.js'
 // Managed worktrees for task agent sessions (Issue #193).
 //
 // Isolating agent sessions in git worktrees protects the main repository
@@ -78,8 +79,12 @@ export function safeRepoKey(task) {
  * @param {Function} [gitRunner]
  * @returns {Promise<boolean>}
  */
-export async function safeWorktreeExists(worktreePath, gitRunner) {
+export async function safeWorktreeExists(worktreePath, gitRunner, config = null) {
   if (!worktreePath) return false
+  if (config?.remoteMode) {
+    const existsRemotely = await remotePathExists(worktreePath, config)
+    if (existsRemotely) return true
+  }
   if (existsSync(worktreePath)) return true
   if (typeof gitRunner === 'function') {
     try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-kanban",
-  "version": "0.2.40",
+  "version": "0.2.42",
   "description": "Visual Kanban board for DeepSeek Harness: Gitea and GitHub-backed tasks, workflow columns, and a dedicated agent session per task.",
   "type": "module",
   "main": "lib/index.js",
@@ -93,5 +93,6 @@
     "@deepseek-ai/dsh-tools": {
       "optional": true
     }
-  }
+  },
+  "packageManager": "npm@10.9.8"
 }