@goodandready/dsh-kanban 0.2.42 → 0.2.43

package/lib/client.js

@@ -526,7 +526,7 @@ window.__ModuleLoader__.load({
          {
           style: {
            margin: '12px 0', padding: '14px', borderRadius: '8px',
-           background: CLR_ERR_S,
+           background: CLR_ERR_S2,
            border: '1px solid var(--dsw-alias-state-error-secondary, #ffc1c0)',
           },
          },
@@ -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' },
@@ -1751,7 +1751,7 @@ window.__ModuleLoader__.load({
         borderRadius: '4px',
         background: (result.ssh?.ok || result.server?.ok)
          ? CLR_SUC_S
-         : CLR_ERR_S,
+         : CLR_ERR_S2,
         color: (result.ssh?.ok || result.server?.ok)
          ? CLR_SUC_P
          : CLR_ERR_P,
@@ -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',
        },
@@ -2123,9 +2123,9 @@ window.__ModuleLoader__.load({
         ? h('span', {
           className: 'dkb-tag',
           style: {
-           background: CLR_ERR_S,
+           background: CLR_ERR_S2,
            color: CLR_ERR_P,
-           borderColor: 'var(--dsw-alias-state-error-secondary, #ffc1c0)',
+           borderColor: CLR_ERR_S2,
            fontWeight: 600,
           },
           title: 'Blocked by unfinished dependencies'
@@ -2143,19 +2143,19 @@ window.__ModuleLoader__.load({
         : 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: CLR_ERR_S, color: CLR_ERR_P, 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: 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: CLR_ERR_S, color: CLR_ERR_P, 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: CLR_BIZ_T, color: CLR_BIZ_P, 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,
@@ -2729,7 +2729,7 @@ window.__ModuleLoader__.load({
       style: {
        background: CLR_BIZ_T,
        color: CLR_BIZ_P,
-       borderColor: 'var(--dsw-alias-state-business-tertiary, #54aeff)',
+       borderColor: CLR_BUS_54,
        fontWeight: '600',
        fontSize: '11px',
       },
@@ -3218,7 +3218,7 @@ window.__ModuleLoader__.load({
      ? h('div', {
        style: {
         margin: '6px 0', padding: '10px 12px',
-        background: CLR_ERR_S,
+        background: CLR_ERR_S2,
         border: '1px solid var(--dsw-alias-state-error-primary, #cf222e)',
         borderRadius: 8, fontSize: 12, display: 'flex', flexDirection: 'column', gap: 4,
        },
@@ -3409,7 +3409,7 @@ window.__ModuleLoader__.load({
      ? h('div', {
        style: {
         margin: '8px 0', padding: '10px 12px',
-        background: CLR_ERR_S,
+        background: CLR_ERR_S2,
         border: '1px solid var(--dsw-alias-state-error-primary, #cf222e)',
         borderRadius: 8, fontSize: 12, display: 'flex', flexDirection: 'column', gap: 6,
        },
@@ -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: CLR_BG_L1, border: BDR_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})` : '')
@@ -3729,23 +3729,23 @@ window.__ModuleLoader__.load({
         ),
         h('span', {
          className: 'dkb-tag',
-         style: { background: CLR_BIZ_T, color: CLR_BIZ_P, 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: CLR_BG_L1, 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: CLR_BG_L1, 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: CLR_BG_L1, 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: CLR_BG_L1, 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()),
         ),
@@ -3791,7 +3791,7 @@ window.__ModuleLoader__.load({
        className: 'dkb-warnBox',
        style: {
         margin: '4px 0', padding: 10,
-        background: CLR_ERR_S,
+        background: CLR_ERR_S2,
         border: '1px solid var(--dsw-alias-state-error-secondary, #ffc1c0)',
         borderRadius: 6,
        },
@@ -3855,7 +3855,7 @@ window.__ModuleLoader__.load({
                 style: {
                  fontWeight: 'bold', fontSize: 10, padding: '1px 4px', borderRadius: 3,
                  background: f.status === 'added' ? CLR_SUC_S
-                  : (f.status === 'deleted' ? CLR_ERR_S
+                  : (f.status === 'deleted' ? CLR_ERR_S2
                   : CLR_WRN_S),
                  color: f.status === 'added' ? CLR_SUC_P
                   : (f.status === 'deleted' ? CLR_ERR_P
@@ -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: CLR_BIZ_P, 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,7 +4032,7 @@ window.__ModuleLoader__.load({
          key: idx,
          style: {
           display: 'flex', flexDirection: 'column', gap: 2, padding: '4px 8px',
-          background: item.completed ? CLR_BG_L1 : CLR_BG_L3,
+          background: item.completed ? CLR_BG_F6 : CLR_BG_L3,
           borderRadius: 6, border: BDR_L2,
          },
         },
@@ -4119,7 +4119,7 @@ window.__ModuleLoader__.load({
      ? h('div', {
        style: {
         margin: '6px 0', padding: 10,
-        background: CLR_BG_L1,
+        background: CLR_BG_F6,
         border: BDR_L2,
         borderRadius: 6,
        },
@@ -4179,7 +4179,7 @@ window.__ModuleLoader__.load({
            className: 'dkb-tag',
            style: {
             fontWeight: 600,
-            background: c.role === 'agent' ? CLR_BG_L1 : CLR_BG_L2,
+            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 } },
@@ -4975,6 +4975,10 @@ 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)'
@@ -5026,6 +5030,8 @@ window.__ModuleLoader__.load({
     }
    }
 
+   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')
@@ -5053,7 +5059,7 @@ window.__ModuleLoader__.load({
     btn.addEventListener('click', (e) => {
      e.preventDefault()
      e.stopPropagation()
-     if (typeof ctx?.layout?.selectPanel === 'function') ctx.layout.selectPanel(toggle.isOpen() ? null : 'kanban')
+     selectPanel(toggle.isOpen() ? null : 'kanban')
      toggle.toggle()
     })
     return item
@@ -5129,7 +5135,7 @@ window.__ModuleLoader__.load({
      col.appendChild(container)
      root = ReactDOM.createRoot(container)
      root.render(h(BoardScreen, { ctx, toggle, onClose: () => {
-      if (typeof ctx?.layout?.selectPanel === 'function') ctx.layout.selectPanel(null)
+      selectPanel(null)
       toggle.set(false)
      } }))
     }
@@ -5256,24 +5262,27 @@ window.__ModuleLoader__.load({
      ctx.slots.register({
       name: 'main', key: 'kanban', locale: NS,
       inject: () => ({ ctx, toggle, onClose: () => {
-       if (typeof ctx?.layout?.selectPanel === 'function') ctx.layout.selectPanel(null)
+       selectPanel(null)
        toggle.set(false)
       } }),
      }, BoardScreen)
     })
     const toggle = createToggle()
-    if (ctx?.layout?.panelInfo?.subscribe) {
-     const pInfo = ctx.layout.panelInfo
-     ctx.effect(() => {
-      const sync = () => {
-       const act = (pInfo.getSnapshot ? pInfo.getSnapshot() : pInfo)?.activePanelId
-       if (act === 'kanban' && !toggle.isOpen()) toggle.set(true)
-       else if (act !== 'kanban' && act !== undefined && toggle.isOpen()) toggle.set(false)
-      }
-      sync()
-      return pInfo.subscribe(sync)
-     }, 'dsh-kanban: sync layout activePanel')
+    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(ctx, toggle, fallbackT('section.label')), mountBoard(ctx, toggle)]
      return () => { for (const fn of off) fn() }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodandready/dsh-kanban",
-  "version": "0.2.42",
+  "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"
       ]
     }
   },