@fonlan/dsh-task-kanban 0.1.1 → 0.2.1

package/src/client/board.css

@@ -21,23 +21,29 @@
 .kb-board-header {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   gap: 12px;
   padding-bottom: 10px;
   border-bottom: 1px solid rgba(128, 128, 128, 0.25);
   flex: 0 0 auto;
 }
-.kb-board-actions { display: flex; gap: 8px; align-items: center; flex: none; }
-.kb-board-actions .kb-btn { flex: none; }
+/* Left-aligned group: workspace selector + new-task button sit adjacent. */
+.kb-board-title {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  flex: 0 1 auto;
+}
+.kb-board-title .kb-btn { flex: none; }
 .kb-ws-select {
   max-width: 320px;
   min-width: 0;
   flex: 0 1 auto;
   padding: 6px 10px;
   border-radius: 6px;
-  border: 1px solid rgba(128, 128, 128, 0.35);
-  background: rgba(128, 128, 128, 0.12);
-  color: inherit;
+  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35)));
+  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, rgba(128, 128, 128, 0.12)));
+  color: var(--dsw-alias-label-primary, inherit);
   font-size: 14px;
 }
 .kb-btn {
@@ -266,17 +272,23 @@
   text-overflow: ellipsis;
 }
 .kb-field-row { display: flex; align-items: center; gap: 10px; justify-content: space-between; }
+/* Field labels in a row never wrap; selects get the remaining fixed width. */
+.kb-field-row > span { white-space: nowrap; flex-shrink: 0; margin-bottom: 0; }
 .kb-input {
   width: 100%;
   box-sizing: border-box;
   padding: 7px 10px;
   border-radius: 6px;
-  border: 1px solid rgba(128, 128, 128, 0.35);
-  background: rgba(128, 128, 128, 0.1);
-  color: inherit;
+  /* Form controls follow the shell theme: DSH's input surface token plus a
+     theme-tuned border; the fallbacks cover shells without these tokens. */
+  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35)));
+  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, rgba(128, 128, 128, 0.1)));
+  color: var(--dsw-alias-label-primary, inherit);
   font-size: 13px;
 }
 .kb-input-number { width: 90px; }
+/* All settings selects share one width so the column looks even. */
+.kb-settings select.kb-input { width: 200px; flex: 0 0 200px; }
 .kb-textarea { min-height: 110px; resize: vertical; font-family: inherit; }
 .kb-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }
 .kb-detail-section { margin-bottom: 12px; }
@@ -302,18 +314,97 @@
 .kb-status-error { background: rgba(239, 68, 68, 0.3) !important; color: #f87171; }
 .kb-status-merged { background: rgba(34, 197, 94, 0.3) !important; }
 .kb-plan-summary { font-size: 13px; margin-bottom: 10px; }
-.kb-plan-phases { margin: 0; padding-left: 20px; }
-.kb-plan-phase { margin-bottom: 10px; }
-.kb-plan-phase-current .kb-plan-phase-title { color: #60a5fa; }
-.kb-plan-phase-head { display: flex; gap: 8px; align-items: baseline; }
+/* Phase cards: each plan phase is a card with an ordered number (kept from the
+   parent <ol>) and three labeled sections (goal / sessions / conclusion) split
+   by section titles and thin divider lines. */
+.kb-plan-phases { margin: 0; padding-left: 24px; }
+.kb-plan-phase {
+  margin-bottom: 10px;
+  padding: 8px 10px;
+  background: rgba(128, 128, 128, 0.08);
+  border: 1px solid rgba(128, 128, 128, 0.2);
+  border-radius: 8px;
+}
+.kb-plan-phase-head {
+  display: flex;
+  gap: 8px;
+  align-items: baseline;
+  padding-bottom: 6px;
+  margin-bottom: 6px;
+  border-bottom: 1px solid rgba(128, 128, 128, 0.16);
+}
 .kb-plan-phase-title { font-weight: 600; font-size: 13px; }
 .kb-plan-phase-id { font-size: 11px; opacity: 0.5; }
-.kb-plan-phase-goal { font-size: 12px; opacity: 0.85; margin: 2px 0 6px; white-space: pre-wrap; }
+.kb-plan-phase-body { display: flex; flex-direction: column; }
+/* Section isolation: label on top, thin divider between adjacent sections. */
+.kb-plan-phase-section { display: flex; flex-direction: column; }
+.kb-plan-phase-section + .kb-plan-phase-section {
+  margin-top: 6px;
+  padding-top: 6px;
+  border-top: 1px solid rgba(128, 128, 128, 0.14);
+}
+.kb-plan-phase-section-title { font-size: 11px; opacity: 0.55; margin-bottom: 3px; }
+.kb-plan-phase-goal { font-size: 12px; opacity: 0.85; white-space: pre-wrap; word-break: break-all; }
+.kb-plan-phase-sessions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
+.kb-plan-phase-conclusion { font-size: 12px; opacity: 0.85; white-space: pre-wrap; word-break: break-all; }
+.kb-plan-phase-conclusion-item + .kb-plan-phase-conclusion-item { margin-top: 6px; }
+/* Running phase keeps the blue highlight; completed phases get success color. */
+.kb-plan-phase-current { border-color: rgba(59, 130, 246, 0.6); background: rgba(59, 130, 246, 0.08); }
+.kb-plan-phase-current .kb-plan-phase-title { color: #60a5fa; }
+.kb-plan-phase-completed { border-color: rgba(34, 197, 94, 0.45); background: rgba(34, 197, 94, 0.06); }
+.kb-plan-phase-completed .kb-plan-phase-title { color: #4ade80; }
 .kb-session-links { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
-.kb-session-attempt { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
-.kb-session-summary { font-size: 12px; opacity: 0.75; }
 .kb-settings { display: flex; flex-direction: column; gap: 12px; max-width: 420px; }
 .kb-settings-saved { font-size: 12px; color: #4ade80; }
+.kb-settings-group { border-top: 1px solid rgba(128, 128, 128, 0.22); padding-top: 12px; }
+.kb-settings-group-title { font-size: 12px; font-weight: 600; opacity: 0.9; margin-bottom: 10px; }
+/* Settings card (设置 → 插件配置): mirrors the built-in plugin cards
+   (dsh-client-ui-settings-plugins PluginCard) — same surface, border, head
+   layout, and disclosure chevron, spelled with kb-settings-card prefixed
+   classes. The prefix deliberately does NOT reuse the board's `.kb-card*`
+   classes: the board card carries its own padding/cursor/user-select, and
+   sharing the root class would leak those onto the settings card. */
+.kb-settings-card {
+  border: 1px solid var(--dsw-alias-border-l2);
+  background: var(--dsw-alias-bg-layer-3);
+  border-radius: 12px;
+  list-style: none;
+  transition: border-color .16s, background .16s;
+}
+.kb-settings-card:hover { border-color: var(--dsw-alias-label-dimmed); }
+.kb-settings-card[data-open] {
+  background: var(--dsw-alias-bg-layer-2);
+  border-color: var(--dsw-alias-label-dimmed);
+}
+.kb-settings-card-head {
+  appearance: none;
+  width: 100%;
+  font: inherit;
+  color: inherit;
+  text-align: left;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  border-radius: 12px;
+  align-items: center;
+  gap: 12px;
+  padding: 14px 16px;
+  display: flex;
+}
+.kb-settings-card-head:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: -2px; }
+.kb-settings-card-headText { flex-direction: column; flex: 1; gap: 4px; min-width: 0; display: flex; }
+.kb-settings-card-title { color: var(--dsw-alias-label-primary); font-size: 15px; font-weight: 600; line-height: 1.4; }
+.kb-settings-card-sub { color: var(--dsw-alias-label-tertiary); font-size: 13px; line-height: 1.5; }
+.kb-settings-card-chevron {
+  color: var(--dsw-alias-label-tertiary);
+  flex: none;
+  transition: transform .16s;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.kb-settings-card-chevron[data-open] { transform: rotate(180deg); }
+.kb-settings-card-body { border-top: 1px solid var(--dsw-alias-border-l2); margin: 0 16px; padding: 12px 0 8px; }
 .kb-footer-action {
   display: inline-flex;
   align-items: center;

package/src/client/board.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
-import type { KanbanCard, Lane } from '../shared/card'
+import type { KanbanCard, Lane, PhaseAttempt, PlanPhase } from '../shared/card'
 import { DROP_RULES, laneOf } from '../shared/lanes'
 import { api, gatewaySkillList, type SkillOption } from './api'
 import { exitBoard, getClient } from './kanban-state'
@@ -189,8 +189,6 @@ export function BoardRoot(props: BoardProps): JSX.Element {
               <option key={w.workspaceId} value={w.path}>{w.title}</option>
             ))}
           </select>
-        </div>
-        <div className="kb-board-actions">
           <button type="button" className="kb-btn kb-btn-primary" onClick={() => setNewTaskOpen(true)}>{t('newTask')}</button>
         </div>
       </div>
@@ -328,13 +326,6 @@ function NewTaskModal({ t, workspaces, selectedPath, sessionId, onClose, onCreat
     api.models()
       .then((list) => { if (alive) setModels(list) })
       .catch(() => { if (alive) setModels([]) })
-    api.settingsGet()
-      .then((s) => {
-        if (alive && s.defaultModel !== '') {
-          setModel(s.defaultModel)
-        }
-      })
-      .catch(() => undefined)
     return () => { alive = false }
   }, [])
 
@@ -564,14 +555,14 @@ function DetailPanel({ card, t, onClose, onChanged, onToast, onOpenSession }: De
               <div className="kb-plan-summary">{card.plan.summary}</div>
               <ol className="kb-plan-phases">
                 {card.plan.phases.map((phase, i) => (
-                  <li key={phase.id} className={'kb-plan-phase' + (i === card.currentPhase && card.status === 'running' ? ' kb-plan-phase-current' : '')}>
-                    <div className="kb-plan-phase-head">
-                      <span className="kb-plan-phase-title">{phase.title}</span>
-                      <span className="kb-plan-phase-id">{phase.id}</span>
-                    </div>
-                    <div className="kb-plan-phase-goal">{phase.goal}</div>
-                    <PhaseSessions phaseIndex={i} card={card} t={t} onOpenSession={onOpenSession} />
-                  </li>
+                  <PhaseCard
+                    key={phase.id}
+                    phase={phase}
+                    phaseIndex={i}
+                    card={card}
+                    t={t}
+                    onOpenSession={onOpenSession}
+                  />
                 ))}
               </ol>
             </div>
@@ -628,23 +619,68 @@ function DetailPanel({ card, t, onClose, onChanged, onToast, onOpenSession }: De
   )
 }
 
-function PhaseSessions({ phaseIndex, card, t, onOpenSession }: {
+/** One plan phase rendered as a card with goal / sessions / conclusion sections. */
+function PhaseCard({ phase, phaseIndex, card, t, onOpenSession }: {
+  phase: PlanPhase
   phaseIndex: number
   card: KanbanCard
-  t: (key: string) => string
+  t: (key: string, params?: Record<string, unknown>) => string
   onOpenSession: (sessionId: string) => void
-}): JSX.Element | null {
+}): JSX.Element {
   const attempts = card.sessions.phases.filter((a) => a.phaseIndex === phaseIndex)
-  if (attempts.length === 0) return null
+  const summaries = attempts
+    .filter((a) => a.summary !== undefined && a.summary.trim() !== '')
+    .map((a) => a.summary as string)
+  const isCurrent = phaseIndex === card.currentPhase && card.status === 'running'
+  // A phase with at least one concluded attempt counts as completed.
+  const isCompleted = summaries.length > 0
+  const cls = 'kb-plan-phase'
+    + (isCurrent ? ' kb-plan-phase-current' : '')
+    + (isCompleted ? ' kb-plan-phase-completed' : '')
+  return (
+    <li className={cls}>
+      <div className="kb-plan-phase-head">
+        <span className="kb-plan-phase-title">{phase.title}</span>
+        <span className="kb-plan-phase-id">{phase.id}</span>
+      </div>
+      <div className="kb-plan-phase-body">
+        <div className="kb-plan-phase-section">
+          <div className="kb-plan-phase-section-title">{t('phaseGoal')}</div>
+          <div className="kb-plan-phase-goal">{phase.goal}</div>
+        </div>
+        {attempts.length > 0 && (
+          <div className="kb-plan-phase-section">
+            <div className="kb-plan-phase-section-title">{t('phaseSessions')}</div>
+            <PhaseSessions attempts={attempts} t={t} onOpenSession={onOpenSession} />
+          </div>
+        )}
+        {summaries.length > 0 && (
+          <div className="kb-plan-phase-section">
+            <div className="kb-plan-phase-section-title">{t('phaseConclusion')}</div>
+            <div className="kb-plan-phase-conclusion">
+              {summaries.map((s, idx) => (
+                <div key={idx} className="kb-plan-phase-conclusion-item">{s}</div>
+              ))}
+            </div>
+          </div>
+        )}
+      </div>
+    </li>
+  )
+}
+
+/** Open-session buttons for one phase's attempts (retries append more). */
+function PhaseSessions({ attempts, t, onOpenSession }: {
+  attempts: PhaseAttempt[]
+  t: (key: string) => string
+  onOpenSession: (sessionId: string) => void
+}): JSX.Element {
   return (
-    <div className="kb-session-links">
+    <div className="kb-plan-phase-sessions">
       {attempts.map((a) => (
-        <span key={a.sessionId} className="kb-session-attempt">
-          <button type="button" className="kb-btn kb-btn-small" onClick={() => onOpenSession(a.sessionId)}>
-            {t('openSession')} · {a.sessionId.slice(0, 13)}
-          </button>
-          {a.summary !== undefined && <span className="kb-session-summary">{a.summary}</span>}
-        </span>
+        <button key={a.sessionId} type="button" className="kb-btn kb-btn-small" onClick={() => onOpenSession(a.sessionId)}>
+          {t('openSession')} · {a.sessionId.slice(0, 13)}
+        </button>
       ))}
     </div>
   )

package/src/client/index.tsx

@@ -2,9 +2,9 @@ import type { ClientContext } from '@deepseek-ai/dsh-client-runtime/client'
 import type {} from '@deepseek-ai/dsh-client-locale/client'
 import type {} from '@deepseek-ai/dsh-client-ui-sidebar/client'
 import type {} from '@deepseek-ai/dsh-client-ui-layout/client'
-import type {} from '@deepseek-ai/dsh-client-ui-settings/client'
+import type {} from '@deepseek-ai/dsh-client-ui-settings-plugins/client'
 import { BoardRoot } from './board'
-import { KanbanFooterButton, KanbanSettingsSection } from './sections'
+import { KanbanFooterButton, KanbanSettingsCard } from './sections'
 import { LOCALE_NS, zh, en } from './locales'
 import { setClient, setBoardRoot, bindSessionNavigation } from './kanban-state'
 
@@ -35,13 +35,15 @@ export function apply(ctx: ClientContext): void {
     }, KanbanFooterButton as never),
   )
 
-  ctx.slots.inject('settings.section', () =>
+  // The plugin's own Settings Card (设置 → 插件配置) rides the `task-kanban`
+  // settings namespace: registering into the keyed `settings.plugin.item` slot
+  // with the namespace string makes the configurable-plugins tab dispatch the
+  // card next to the built-in ones (bash / agent loop / web search).
+  ctx.slots.inject('settings.plugin.item', () =>
     ctx.slots.register({
-      name: 'settings.section',
-      id: 'task-kanban',
-      order: 200,
-      label: () => t('settingsTitle'),
+      name: 'settings.plugin.item',
+      key: 'task-kanban',
       locale: LOCALE_NS,
-    }, KanbanSettingsSection as never),
+    }, KanbanSettingsCard as never),
   )
-}
+}

package/src/client/locales.ts

@@ -38,6 +38,9 @@ export const zh = {
   plan: '实现方案',
   summary: '摘要',
   phases: '阶段',
+  phaseGoal: '目标',
+  phaseSessions: '会话',
+  phaseConclusion: '结论',
   error: '错误',
   requirementLabel: '需求文本',
   requirementPlaceholder: '描述你要实现的需求……',
@@ -48,9 +51,16 @@ export const zh = {
   modelPlaceholder: '（使用默认模型）',
   noWorkspace: '没有可用工作区，请先在侧边栏添加',
   refresh: '刷新',
-  settingsTitle: '任务看板设置',
+  settingsTitle: '任务看板',
+  settingsDescription: '全局并行 worker 数与各会话类型的默认模型、推理强度、Agent 预设',
+  settingsExpand: '展开设置',
+  settingsCollapse: '收起设置',
   maxParallelWorkers: '全局并行 worker 数',
-  defaultModel: '默认模型',
+  settingsRefineGroup: '细化需求会话默认',
+  settingsPhaseGroup: 'Phase 实现会话默认',
+  reasoningEffort: '推理强度',
+  agentPreset: 'Agent 预设',
+  defaultOption: '（默认）',
   saved: '已保存',
   loadError: '加载任务失败',
   noPlan: '该卡片还没有实现计划，请先点击"添加并细化"',
@@ -103,6 +113,9 @@ export const en = {
   plan: 'Plan',
   summary: 'Summary',
   phases: 'Phases',
+  phaseGoal: 'Goal',
+  phaseSessions: 'Sessions',
+  phaseConclusion: 'Conclusion',
   error: 'Error',
   requirementLabel: 'Requirement',
   requirementPlaceholder: 'Describe what you want to build…',
@@ -113,9 +126,16 @@ export const en = {
   modelPlaceholder: '(use default model)',
   noWorkspace: 'No workspaces available — add one in the sidebar first',
   refresh: 'Refresh',
-  settingsTitle: 'Task Kanban Settings',
+  settingsTitle: 'Task Kanban',
+  settingsDescription: 'Global parallel workers and per-session-type defaults for model, reasoning effort, and agent preset',
+  settingsExpand: 'Show settings',
+  settingsCollapse: 'Hide settings',
   maxParallelWorkers: 'Global parallel workers',
-  defaultModel: 'Default model',
+  settingsRefineGroup: 'Refinement session defaults',
+  settingsPhaseGroup: 'Phase implementation defaults',
+  reasoningEffort: 'Reasoning effort',
+  agentPreset: 'Agent preset',
+  defaultOption: '(default)',
   saved: 'Saved',
   loadError: 'Failed to load tasks',
   noPlan: 'This card has no plan yet — click "Add & Refine" first',