@goodandready/dsh-kanban 0.2.41 → 0.2.43

package/lib/client.js

@@ -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_S2,
            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',
@@ -1730,7 +1730,7 @@ window.__ModuleLoader__.load({
      return h('div', {
       className: 'dkb-section-card',
       key: 'remote-test-card',
-      style: { borderLeft: '3px solid var(--dsw-alias-state-business-primary, #0969da)', background: 'var(--dsw-alias-bg-layer-1, #f6f8fa)', padding: '12px 14px', marginBottom: '12px' },
+      style: { borderLeft: '3px solid var(--dsw-alias-state-business-primary, #0969da)', background: CLR_BG_F6, padding: '12px 14px', marginBottom: '12px' },
      },
       h('div', {
        style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: result ? '8px' : '0' },
@@ -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_S2,
         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',
          },
@@ -2032,7 +2032,7 @@ window.__ModuleLoader__.load({
        key: 'cost-meter-notice',
        style: {
         borderLeft: '3px solid var(--dsw-alias-state-business-primary, #0969da)',
-        background: 'var(--dsw-alias-bg-layer-1, #f6f8fa)',
+        background: CLR_BG_F6,
         padding: '12px 14px',
         marginBottom: '12px',
        },
@@ -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,9 +2123,9 @@ 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)',
-           borderColor: 'var(--dsw-alias-state-error-secondary, #ffc1c0)',
+           background: CLR_ERR_S2,
+           color: CLR_ERR_P,
+           borderColor: CLR_ERR_S2,
            fontWeight: 600,
           },
           title: 'Blocked by unfinished dependencies'
@@ -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_S2, color: CLR_ERR_P, borderColor: CLR_ERR_S2 }, 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_S2, color: CLR_ERR_P, borderColor: CLR_ERR_S2 }, 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: CLR_BUS_54 },
           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();
@@ -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,9 +2727,9 @@ 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)',
+       background: CLR_BIZ_T,
+       color: CLR_BIZ_P,
+       borderColor: CLR_BUS_54,
        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_S2,
         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_S2,
         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)
@@ -3512,13 +3512,13 @@ window.__ModuleLoader__.load({
        h('div', { className: 'dkb-group' }, t('task.progressDump')),
        h('pre', {
         style: {
-         background: 'var(--dsw-alias-bg-layer-1, #f6f8fa)', padding: 8, borderRadius: 6, fontSize: 12,
+         background: CLR_BG_F6, padding: 8, borderRadius: 6, fontSize: 12,
          whiteSpace: 'pre-wrap', maxHeight: 150, overflowY: 'auto', margin: 0,
         },
        }, openTask.progressDump),
       )
      : null,
-    h('div', { style: { margin: '6px 0', padding: 10, background: 'var(--dsw-alias-bg-layer-1)', border: '1px solid var(--dsw-alias-border-l2)', borderRadius: 6 } },
+    h('div', { style: { margin: '6px 0', padding: 10, background: CLR_BG_F6, 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: CLR_BUS_54 }
         }, 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_F6, 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_F6, 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_F6, 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_F6, 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_S2,
         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_S2
+                  : 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,
        },
       },
@@ -3926,7 +3926,7 @@ window.__ModuleLoader__.load({
          ? h('button', {
            type: 'button', className: 'dkb-save',
            disabled: merging,
-           style: { background: 'var(--dsw-alias-state-success-primary, #16a34a)', color: 'var(--dsw-alias-label-primary-inverted, #fff)' },
+           style: { background: 'var(--dsw-alias-state-success-primary, #16a34a)', color: CLR_LBL_INV },
            onClick: async () => {
             try {
              setMerging(true)
@@ -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: CLR_LBL_INV },
            onClick: async () => {
             setPrCreating(true)
             try {
@@ -3974,7 +3974,7 @@ window.__ModuleLoader__.load({
         createdPr
          ? h('a', {
            className: 'dkb-save',
-           style: { background: 'var(--dsw-alias-state-success-primary, #16a34a)', color: 'var(--dsw-alias-label-primary-inverted, #fff)', textDecoration: 'none', display: 'inline-flex', alignItems: 'center' },
+           style: { background: 'var(--dsw-alias-state-success-primary, #16a34a)', color: CLR_LBL_INV, textDecoration: 'none', display: 'inline-flex', alignItems: 'center' },
            href: createdPr.html_url,
            target: '_blank', rel: 'noopener noreferrer',
           }, '↗ ' + t('pr.view') + ` #${createdPr.number}`)
@@ -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_F6 : 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_F6,
+        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_F6 : 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,24 @@ window.__ModuleLoader__.load({
     )
    }
 
+   const CLR_ERR_S2 = 'var(--dsw-alias-state-error-secondary, #ffc1c0)'
+   const CLR_BG_F6 = 'var(--dsw-alias-bg-layer-1, #f6f8fa)'
+   const CLR_BUS_54 = 'var(--dsw-alias-state-business-tertiary, #54aeff)'
+   const CLR_LBL_INV = 'var(--dsw-alias-label-primary-inverted, #fff)'
+   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 +5001,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 +5030,143 @@ 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()
+   let layoutService = null
+   const selectPanel = (id) => { layoutService?.selectPanel?.(id) }
+   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()
+     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: () => {
+      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 +5186,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 +5255,37 @@ 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: () => {
+       selectPanel(null)
+       toggle.set(false)
+      } }),
+     }, BoardScreen)
+    })
     const toggle = createToggle()
+    const bindLayout = () => {
+     const p = layoutService?.panelInfo
+     if (!p?.subscribe) return
+     const sync = () => {
+      const a = (p.getSnapshot ? p.getSnapshot() : p)?.activePanelId
+      if (a === 'kanban' && !toggle.isOpen()) toggle.set(true)
+      else if (a !== 'kanban' && a !== undefined && toggle.isOpen()) toggle.set(false)
+     }
+     sync()
+     if (typeof ctx?.effect === 'function') ctx.effect(() => p.subscribe(sync), 'dsh-kanban: layout')
+     else p.subscribe(sync)
+    }
+    if (typeof ctx?.inject === 'function') {
+     try { ctx.inject(['layout'], (sc) => { layoutService = sc?.layout || null; bindLayout() }) } catch (_) { /* bestEffort: optional layout */ }
+    } else if (ctx?.layout) { layoutService = ctx.layout; bindLayout() }
     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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-kanban",
-  "version": "0.2.41",
+  "version": "0.2.43",
   "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",
@@ -50,7 +50,8 @@
       "inject": [
         "@deepseek-ai/dsh-client-locale",
         "@deepseek-ai/dsh-client-ui-settings",
-        "@deepseek-ai/dsh-client-ui-slots"
+        "@deepseek-ai/dsh-client-ui-slots",
+        "@deepseek-ai/dsh-client-ui-layout"
       ]
     }
   },