@fonlan/dsh-task-kanban 0.1.1 → 0.2.1

package/lib/client.js

@@ -104,7 +104,12 @@ window.__ModuleLoader__.load({
 			remove: (cardId) => call("remove", { cardId }),
 			settingsGet: () => call("settings.get"),
 			settingsSet: (patch) => call("settings.set", patch),
-			models: () => call("models.list")
+			models: () => call("models.list"),
+			presets: () => call("presets.list"),
+			reasoningOptions: (provider, model) => call("reasoning.options", {
+				provider,
+				model
+			})
 		};
 		//#endregion
 		//#region src/client/kanban-state.ts
@@ -273,6 +278,9 @@ window.__ModuleLoader__.load({
 			plan: "实现方案",
 			summary: "摘要",
 			phases: "阶段",
+			phaseGoal: "目标",
+			phaseSessions: "会话",
+			phaseConclusion: "结论",
 			error: "错误",
 			requirementLabel: "需求文本",
 			requirementPlaceholder: "描述你要实现的需求……",
@@ -283,9 +291,16 @@ window.__ModuleLoader__.load({
 			modelPlaceholder: "（使用默认模型）",
 			noWorkspace: "没有可用工作区，请先在侧边栏添加",
 			refresh: "刷新",
-			settingsTitle: "任务看板设置",
+			settingsTitle: "任务看板",
+			settingsDescription: "全局并行 worker 数与各会话类型的默认模型、推理强度、Agent 预设",
+			settingsExpand: "展开设置",
+			settingsCollapse: "收起设置",
 			maxParallelWorkers: "全局并行 worker 数",
-			defaultModel: "默认模型",
+			settingsRefineGroup: "细化需求会话默认",
+			settingsPhaseGroup: "Phase 实现会话默认",
+			reasoningEffort: "推理强度",
+			agentPreset: "Agent 预设",
+			defaultOption: "（默认）",
 			saved: "已保存",
 			loadError: "加载任务失败",
 			noPlan: "该卡片还没有实现计划，请先点击\"添加并细化\"",
@@ -337,6 +352,9 @@ window.__ModuleLoader__.load({
 			plan: "Plan",
 			summary: "Summary",
 			phases: "Phases",
+			phaseGoal: "Goal",
+			phaseSessions: "Sessions",
+			phaseConclusion: "Conclusion",
 			error: "Error",
 			requirementLabel: "Requirement",
 			requirementPlaceholder: "Describe what you want to build…",
@@ -347,9 +365,16 @@ window.__ModuleLoader__.load({
 			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",
@@ -369,8 +394,8 @@ window.__ModuleLoader__.load({
 		};
 		//#endregion
 		//#region \0dsh-css:/Users/fonlan/Repos/dsh-task-kanban/src/client/board.css.mjs
-		const css = "/* @fonlan/dsh-task-kanban board styles (kb- prefixed, plain CSS).\n   Surfaces use the DSH theme tokens (--dsw-alias-*) so they follow the\n   shell's selected light/dark appearance; the var() fallbacks cover shells\n   that do not define them. */\n.kb-board {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: 12px 16px;\n  overflow: hidden;\n  color: var(--dsw-alias-label-primary, var(--dsh-fg, #e6e6e6));\n  background: var(--dsw-alias-bg-base, var(--dsh-bg, #141418));\n  font: 14px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;\n}\n.kb-empty {\n  align-items: center;\n  justify-content: center;\n}\n.kb-empty-text { opacity: 0.6; }\n.kb-board-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.25);\n  flex: 0 0 auto;\n}\n.kb-board-actions { display: flex; gap: 8px; align-items: center; flex: none; }\n.kb-board-actions .kb-btn { flex: none; }\n.kb-ws-select {\n  max-width: 320px;\n  min-width: 0;\n  flex: 0 1 auto;\n  padding: 6px 10px;\n  border-radius: 6px;\n  border: 1px solid rgba(128, 128, 128, 0.35);\n  background: rgba(128, 128, 128, 0.12);\n  color: inherit;\n  font-size: 14px;\n}\n.kb-btn {\n  padding: 6px 14px;\n  border-radius: 6px;\n  border: 1px solid rgba(128, 128, 128, 0.35);\n  background: rgba(128, 128, 128, 0.12);\n  color: inherit;\n  font-size: 13px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.kb-btn:hover { background: rgba(128, 128, 128, 0.22); }\n.kb-btn:disabled { opacity: 0.5; cursor: default; }\n.kb-btn-primary { background: #3b82f6; border-color: #3b82f6; color: #fff; }\n.kb-btn-primary:hover { background: #2f6fe0; }\n.kb-btn-danger { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.5); color: #f87171; }\n.kb-btn-small { padding: 2px 8px; font-size: 12px; }\n.kb-lanes {\n  flex: 1 1 auto;\n  display: flex;\n  gap: 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding-top: 10px;\n  min-height: 0;\n}\n.kb-lane {\n  flex: 1 1 0;\n  min-width: 220px;\n  max-width: 320px;\n  display: flex;\n  flex-direction: column;\n  background: rgba(128, 128, 128, 0.07);\n  border-radius: 8px;\n  border: 1px solid rgba(128, 128, 128, 0.12);\n  overflow: hidden;\n}\n.kb-lane-drop { border-style: dashed; border-color: rgba(59, 130, 246, 0.45); }\n.kb-lane-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 10px;\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary, var(--dsh-fg-soft, #b8b8c0));\n  border-bottom: 1px solid rgba(128, 128, 128, 0.12);\n  flex: 0 0 auto;\n}\n.kb-lane-count {\n  background: rgba(128, 128, 128, 0.18);\n  border-radius: 10px;\n  padding: 0 8px;\n  font-size: 12px;\n}\n.kb-lane-body {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.kb-card {\n  background: rgba(128, 128, 128, 0.1);\n  border: 1px solid rgba(128, 128, 128, 0.2);\n  border-radius: 8px;\n  padding: 8px 10px;\n  cursor: pointer;\n  user-select: none;\n}\n.kb-card:hover { border-color: rgba(128, 128, 128, 0.45); }\n.kb-card[draggable='true'] { cursor: grab; }\n.kb-card-running { border-color: rgba(59, 130, 246, 0.6); }\n.kb-card-error { border-color: rgba(239, 68, 68, 0.6); }\n.kb-card-title { font-weight: 600; font-size: 13px; margin-bottom: 6px; word-break: break-all; }\n.kb-card-meta { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 12px; }\n.kb-card-badge {\n  background: rgba(128, 128, 128, 0.2);\n  border-radius: 4px;\n  padding: 1px 6px;\n}\n.kb-card-running .kb-card-badge { background: rgba(59, 130, 246, 0.3); }\n.kb-card-error .kb-card-badge { background: rgba(239, 68, 68, 0.3); }\n.kb-card-phase { opacity: 0.8; }\n.kb-card-skill {\n  background: rgba(139, 92, 246, 0.22);\n  border-radius: 4px;\n  padding: 1px 6px;\n}\n.kb-card-model { opacity: 0.55; }\n.kb-card-error-text { margin-top: 6px; font-size: 12px; color: #f87171; word-break: break-all; }\n.kb-card-worktree { margin-top: 4px; font-size: 11px; opacity: 0.5; word-break: break-all; }\n.kb-toast {\n  position: fixed;\n  left: 50%;\n  bottom: 24px;\n  transform: translateX(-50%);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-primary);\n  padding: 8px 16px;\n  border-radius: 8px;\n  font-size: 13px;\n  z-index: 2147483000;\n  max-width: 70vw;\n}\n.kb-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2147482900;\n}\n.kb-modal {\n  width: 460px;\n  max-width: 90vw;\n  max-height: 85vh;\n  overflow-y: auto;\n  background: var(--dsw-alias-bg-layer-1);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  padding: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-modal-wide { width: 640px; }\n/* Task-detail bottom panel: docks at the bottom of the board page, fills the\n   full board width and exactly half of the board height (the lanes column\n   above flexes to the remaining space). */\n.kb-detail-panel {\n  flex: 0 0 50%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  margin-top: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  overflow: hidden;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-detail-panel-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 10px 14px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.2);\n  flex: 0 0 auto;\n}\n.kb-detail-panel-head .kb-modal-title { margin-bottom: 0; }\n.kb-detail-panel-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 14px;\n}\n.kb-detail-close {\n  flex: none;\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  background: transparent;\n  color: inherit;\n  font-size: 15px;\n  line-height: 1;\n  opacity: 0.75;\n  cursor: pointer;\n}\n.kb-detail-close:hover { background: rgba(128, 128, 128, 0.18); opacity: 1; }\n.kb-modal-title { font-size: 16px; font-weight: 700; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }\n.kb-field { display: block; margin-bottom: 12px; }\n.kb-field > span { display: block; font-size: 12px; opacity: 0.75; margin-bottom: 4px; }\n.kb-field-hint {\n  display: block;\n  font-size: 11px;\n  opacity: 0.55;\n  margin-top: 4px;\n}\n.kb-field-hint-skill {\n  opacity: 0.9;\n  color: #a78bfa;\n}\n.kb-skill-menu-wrap { position: relative; }\n.kb-skill-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: 20;\n  margin: 2px 0 0;\n  padding: 4px;\n  list-style: none;\n  max-height: 180px;\n  overflow-y: auto;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-overlay);\n  color: var(--dsw-alias-label-primary);\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);\n}\n.kb-skill-menu-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 6px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-skill-menu-item-active { background: var(--dsw-alias-interactive-bg-hover); }\n.kb-skill-menu-name { font-weight: 600; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }\n.kb-skill-menu-desc {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.kb-field-row { display: flex; align-items: center; gap: 10px; justify-content: space-between; }\n.kb-input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 7px 10px;\n  border-radius: 6px;\n  border: 1px solid rgba(128, 128, 128, 0.35);\n  background: rgba(128, 128, 128, 0.1);\n  color: inherit;\n  font-size: 13px;\n}\n.kb-input-number { width: 90px; }\n.kb-textarea { min-height: 110px; resize: vertical; font-family: inherit; }\n.kb-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }\n.kb-detail-section { margin-bottom: 12px; }\n.kb-detail-label { font-size: 12px; opacity: 0.65; margin-bottom: 4px; }\n.kb-detail-skill {\n  display: inline-block;\n  font-size: 11px;\n  background: rgba(139, 92, 246, 0.22);\n  border-radius: 4px;\n  padding: 1px 6px;\n  margin-bottom: 4px;\n}\n.kb-detail-text { white-space: pre-wrap; word-break: break-all; font-size: 13px; }\n.kb-detail-error .kb-detail-text { color: #f87171; }\n.kb-detail-status {\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 4px;\n  padding: 1px 8px;\n  background: rgba(128, 128, 128, 0.2);\n}\n.kb-status-running, .kb-status-merging { background: rgba(59, 130, 246, 0.3) !important; }\n.kb-status-error { background: rgba(239, 68, 68, 0.3) !important; color: #f87171; }\n.kb-status-merged { background: rgba(34, 197, 94, 0.3) !important; }\n.kb-plan-summary { font-size: 13px; margin-bottom: 10px; }\n.kb-plan-phases { margin: 0; padding-left: 20px; }\n.kb-plan-phase { margin-bottom: 10px; }\n.kb-plan-phase-current .kb-plan-phase-title { color: #60a5fa; }\n.kb-plan-phase-head { display: flex; gap: 8px; align-items: baseline; }\n.kb-plan-phase-title { font-weight: 600; font-size: 13px; }\n.kb-plan-phase-id { font-size: 11px; opacity: 0.5; }\n.kb-plan-phase-goal { font-size: 12px; opacity: 0.85; margin: 2px 0 6px; white-space: pre-wrap; }\n.kb-session-links { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.kb-session-attempt { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }\n.kb-session-summary { font-size: 12px; opacity: 0.75; }\n.kb-settings { display: flex; flex-direction: column; gap: 12px; max-width: 420px; }\n.kb-settings-saved { font-size: 12px; color: #4ade80; }\n.kb-footer-action {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  width: 32px;\n  height: 32px;\n  border-radius: 6px;\n  border: none;\n  background: transparent;\n  /* same foreground as the settings trigger (its trigger css uses this var) */\n  color: var(--dsw-alias-label-primary, inherit);\n  cursor: pointer;\n}\n.kb-footer-action:hover { background: rgba(128, 128, 128, 0.18); }\n.kb-footer-action-active { background: rgba(59, 130, 246, 0.25); }\n/* Wide mode borrows the settings trigger's metrics (34px tall, 14px label,\n   18px icon) so both controls read as siblings on the same line. */\n.kb-footer-action-wide {\n  width: auto;\n  height: 34px;\n  padding: 0 8px;\n  border-radius: 12px;\n  font-size: 14px;\n}\n.kb-footer-action-wide .kb-footer-label {\n  font-size: 14px;\n  line-height: 22px;\n}\n/* Theme following is handled by the --dsw-alias-* tokens above: they change\n   value with the shell's selected light/dark appearance, so no OS-level\n   prefers-color-scheme override is needed (and one would fight the app\n   theme when the two disagree). */\n/* Same-line placement WITHOUT moving any DOM: the sidebar foot area becomes\n   a reversed flex row, so its LAST child (the settings area) renders on the\n   LEFT and the FIRST child (footer actions = the kanban button) on the RIGHT\n   — exactly \"settings, then kanban\". The settings trigger flexes to fill the\n   remaining width; the button keeps its content width. */\n.kb-foot-row {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: stretch;\n  gap: 4px;\n}\n.kb-foot-row > div:first-child {\n  flex: none;\n  width: auto;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n}\n.kb-foot-row > div:last-child {\n  flex: 1;\n  min-width: 0;\n}\n/* Rail (collapsed sidebar): column-reverse stacks the settings circle on top\n   and the kanban icon below it, both centered; the kanban button borrows the\n   settings trigger's rail chrome (36px circle) so the two match. */\n.kb-foot-rail {\n  flex-direction: column-reverse;\n  align-items: center;\n}\n.kb-foot-rail .kb-footer-action {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  margin: 8px 0 10px;\n}\n.kb-footer-label {\n  max-width: 110px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* Narrow screens (mobile drawer / auto-collapse breakpoint): the drawer's\n   foot area is ~256-280px but the footer actions row carries the kanban\n   button PLUS mobile-nav's drawer actions (Files / session log), which\n   together exceed the row and squeeze the settings trigger to zero width\n   (row-reverse overflows left, clipping the button). Below the shell's\n   auto-collapse breakpoint, stack the settings row above the actions and\n   let the actions wrap so nothing is squeezed or clipped. */\n@media (max-width: 1023px) {\n  .kb-foot-row {\n    flex-direction: column-reverse;\n    align-items: stretch;\n  }\n  .kb-foot-row > div:first-child {\n    flex: none;\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    gap: 4px;\n    padding-top: 4px;\n  }\n  .kb-foot-row > div:last-child {\n    flex: none;\n    width: 100%;\n  }\n  /* The footer-actions entries are display:contents wrappers, so the kanban\n     button itself is a flex item of the wrapping actions row; pull it to the\n     first wrap position so it sits directly below the settings row (the\n     mobile-nav drawer actions follow on their own wrapped line). */\n  .kb-foot-row .kb-footer-action {\n    order: -1;\n  }\n}";
-		const tagId = "@fonlan/dsh-task-kanban/board.css";
+		const css = "/* @fonlan/dsh-task-kanban board styles (kb- prefixed, plain CSS).\n   Surfaces use the DSH theme tokens (--dsw-alias-*) so they follow the\n   shell's selected light/dark appearance; the var() fallbacks cover shells\n   that do not define them. */\n.kb-board {\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: 12px 16px;\n  overflow: hidden;\n  color: var(--dsw-alias-label-primary, var(--dsh-fg, #e6e6e6));\n  background: var(--dsw-alias-bg-base, var(--dsh-bg, #141418));\n  font: 14px/1.5 -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif;\n}\n.kb-empty {\n  align-items: center;\n  justify-content: center;\n}\n.kb-empty-text { opacity: 0.6; }\n.kb-board-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding-bottom: 10px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.25);\n  flex: 0 0 auto;\n}\n/* Left-aligned group: workspace selector + new-task button sit adjacent. */\n.kb-board-title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  min-width: 0;\n  flex: 0 1 auto;\n}\n.kb-board-title .kb-btn { flex: none; }\n.kb-ws-select {\n  max-width: 320px;\n  min-width: 0;\n  flex: 0 1 auto;\n  padding: 6px 10px;\n  border-radius: 6px;\n  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35)));\n  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, rgba(128, 128, 128, 0.12)));\n  color: var(--dsw-alias-label-primary, inherit);\n  font-size: 14px;\n}\n.kb-btn {\n  padding: 6px 14px;\n  border-radius: 6px;\n  border: 1px solid rgba(128, 128, 128, 0.35);\n  background: rgba(128, 128, 128, 0.12);\n  color: inherit;\n  font-size: 13px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.kb-btn:hover { background: rgba(128, 128, 128, 0.22); }\n.kb-btn:disabled { opacity: 0.5; cursor: default; }\n.kb-btn-primary { background: #3b82f6; border-color: #3b82f6; color: #fff; }\n.kb-btn-primary:hover { background: #2f6fe0; }\n.kb-btn-danger { background: rgba(239, 68, 68, 0.15); border-color: rgba(239, 68, 68, 0.5); color: #f87171; }\n.kb-btn-small { padding: 2px 8px; font-size: 12px; }\n.kb-lanes {\n  flex: 1 1 auto;\n  display: flex;\n  gap: 12px;\n  overflow-x: auto;\n  overflow-y: hidden;\n  padding-top: 10px;\n  min-height: 0;\n}\n.kb-lane {\n  flex: 1 1 0;\n  min-width: 220px;\n  max-width: 320px;\n  display: flex;\n  flex-direction: column;\n  background: rgba(128, 128, 128, 0.07);\n  border-radius: 8px;\n  border: 1px solid rgba(128, 128, 128, 0.12);\n  overflow: hidden;\n}\n.kb-lane-drop { border-style: dashed; border-color: rgba(59, 130, 246, 0.45); }\n.kb-lane-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 8px 10px;\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--dsw-alias-label-secondary, var(--dsh-fg-soft, #b8b8c0));\n  border-bottom: 1px solid rgba(128, 128, 128, 0.12);\n  flex: 0 0 auto;\n}\n.kb-lane-count {\n  background: rgba(128, 128, 128, 0.18);\n  border-radius: 10px;\n  padding: 0 8px;\n  font-size: 12px;\n}\n.kb-lane-body {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.kb-card {\n  background: rgba(128, 128, 128, 0.1);\n  border: 1px solid rgba(128, 128, 128, 0.2);\n  border-radius: 8px;\n  padding: 8px 10px;\n  cursor: pointer;\n  user-select: none;\n}\n.kb-card:hover { border-color: rgba(128, 128, 128, 0.45); }\n.kb-card[draggable='true'] { cursor: grab; }\n.kb-card-running { border-color: rgba(59, 130, 246, 0.6); }\n.kb-card-error { border-color: rgba(239, 68, 68, 0.6); }\n.kb-card-title { font-weight: 600; font-size: 13px; margin-bottom: 6px; word-break: break-all; }\n.kb-card-meta { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; font-size: 12px; }\n.kb-card-badge {\n  background: rgba(128, 128, 128, 0.2);\n  border-radius: 4px;\n  padding: 1px 6px;\n}\n.kb-card-running .kb-card-badge { background: rgba(59, 130, 246, 0.3); }\n.kb-card-error .kb-card-badge { background: rgba(239, 68, 68, 0.3); }\n.kb-card-phase { opacity: 0.8; }\n.kb-card-skill {\n  background: rgba(139, 92, 246, 0.22);\n  border-radius: 4px;\n  padding: 1px 6px;\n}\n.kb-card-model { opacity: 0.55; }\n.kb-card-error-text { margin-top: 6px; font-size: 12px; color: #f87171; word-break: break-all; }\n.kb-card-worktree { margin-top: 4px; font-size: 11px; opacity: 0.5; word-break: break-all; }\n.kb-toast {\n  position: fixed;\n  left: 50%;\n  bottom: 24px;\n  transform: translateX(-50%);\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l2);\n  color: var(--dsw-alias-label-primary);\n  padding: 8px 16px;\n  border-radius: 8px;\n  font-size: 13px;\n  z-index: 2147483000;\n  max-width: 70vw;\n}\n.kb-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 2147482900;\n}\n.kb-modal {\n  width: 460px;\n  max-width: 90vw;\n  max-height: 85vh;\n  overflow-y: auto;\n  background: var(--dsw-alias-bg-layer-1);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  padding: 18px;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-modal-wide { width: 640px; }\n/* Task-detail bottom panel: docks at the bottom of the board page, fills the\n   full board width and exactly half of the board height (the lanes column\n   above flexes to the remaining space). */\n.kb-detail-panel {\n  flex: 0 0 50%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  margin-top: 10px;\n  background: var(--dsw-alias-bg-layer-2);\n  border: 1px solid var(--dsw-alias-border-l1);\n  border-radius: 12px;\n  overflow: hidden;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-detail-panel-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 10px;\n  padding: 10px 14px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.2);\n  flex: 0 0 auto;\n}\n.kb-detail-panel-head .kb-modal-title { margin-bottom: 0; }\n.kb-detail-panel-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 14px;\n}\n.kb-detail-close {\n  flex: none;\n  width: 28px;\n  height: 28px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  background: transparent;\n  color: inherit;\n  font-size: 15px;\n  line-height: 1;\n  opacity: 0.75;\n  cursor: pointer;\n}\n.kb-detail-close:hover { background: rgba(128, 128, 128, 0.18); opacity: 1; }\n.kb-modal-title { font-size: 16px; font-weight: 700; margin-bottom: 14px; display: flex; align-items: center; gap: 10px; }\n.kb-field { display: block; margin-bottom: 12px; }\n.kb-field > span { display: block; font-size: 12px; opacity: 0.75; margin-bottom: 4px; }\n.kb-field-hint {\n  display: block;\n  font-size: 11px;\n  opacity: 0.55;\n  margin-top: 4px;\n}\n.kb-field-hint-skill {\n  opacity: 0.9;\n  color: #a78bfa;\n}\n.kb-skill-menu-wrap { position: relative; }\n.kb-skill-menu {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: 20;\n  margin: 2px 0 0;\n  padding: 4px;\n  list-style: none;\n  max-height: 180px;\n  overflow-y: auto;\n  border-radius: 8px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-overlay);\n  color: var(--dsw-alias-label-primary);\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);\n}\n.kb-skill-menu-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 6px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 12px;\n  color: var(--dsw-alias-label-primary);\n}\n.kb-skill-menu-item-active { background: var(--dsw-alias-interactive-bg-hover); }\n.kb-skill-menu-name { font-weight: 600; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }\n.kb-skill-menu-desc {\n  color: var(--dsw-alias-label-tertiary);\n  font-size: 11px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.kb-field-row { display: flex; align-items: center; gap: 10px; justify-content: space-between; }\n/* Field labels in a row never wrap; selects get the remaining fixed width. */\n.kb-field-row > span { white-space: nowrap; flex-shrink: 0; margin-bottom: 0; }\n.kb-input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 7px 10px;\n  border-radius: 6px;\n  /* Form controls follow the shell theme: DSH's input surface token plus a\n     theme-tuned border; the fallbacks cover shells without these tokens. */\n  border: 1px solid var(--dsw-alias-border-l2-darkmode-thin, var(--dsw-alias-border-l2, rgba(128, 128, 128, 0.35)));\n  background: var(--dsw-specific-input-major, var(--dsw-alias-bg-layer-1, rgba(128, 128, 128, 0.1)));\n  color: var(--dsw-alias-label-primary, inherit);\n  font-size: 13px;\n}\n.kb-input-number { width: 90px; }\n/* All settings selects share one width so the column looks even. */\n.kb-settings select.kb-input { width: 200px; flex: 0 0 200px; }\n.kb-textarea { min-height: 110px; resize: vertical; font-family: inherit; }\n.kb-modal-actions { display: flex; justify-content: flex-end; gap: 8px; margin-top: 14px; }\n.kb-detail-section { margin-bottom: 12px; }\n.kb-detail-label { font-size: 12px; opacity: 0.65; margin-bottom: 4px; }\n.kb-detail-skill {\n  display: inline-block;\n  font-size: 11px;\n  background: rgba(139, 92, 246, 0.22);\n  border-radius: 4px;\n  padding: 1px 6px;\n  margin-bottom: 4px;\n}\n.kb-detail-text { white-space: pre-wrap; word-break: break-all; font-size: 13px; }\n.kb-detail-error .kb-detail-text { color: #f87171; }\n.kb-detail-status {\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 4px;\n  padding: 1px 8px;\n  background: rgba(128, 128, 128, 0.2);\n}\n.kb-status-running, .kb-status-merging { background: rgba(59, 130, 246, 0.3) !important; }\n.kb-status-error { background: rgba(239, 68, 68, 0.3) !important; color: #f87171; }\n.kb-status-merged { background: rgba(34, 197, 94, 0.3) !important; }\n.kb-plan-summary { font-size: 13px; margin-bottom: 10px; }\n/* Phase cards: each plan phase is a card with an ordered number (kept from the\n   parent <ol>) and three labeled sections (goal / sessions / conclusion) split\n   by section titles and thin divider lines. */\n.kb-plan-phases { margin: 0; padding-left: 24px; }\n.kb-plan-phase {\n  margin-bottom: 10px;\n  padding: 8px 10px;\n  background: rgba(128, 128, 128, 0.08);\n  border: 1px solid rgba(128, 128, 128, 0.2);\n  border-radius: 8px;\n}\n.kb-plan-phase-head {\n  display: flex;\n  gap: 8px;\n  align-items: baseline;\n  padding-bottom: 6px;\n  margin-bottom: 6px;\n  border-bottom: 1px solid rgba(128, 128, 128, 0.16);\n}\n.kb-plan-phase-title { font-weight: 600; font-size: 13px; }\n.kb-plan-phase-id { font-size: 11px; opacity: 0.5; }\n.kb-plan-phase-body { display: flex; flex-direction: column; }\n/* Section isolation: label on top, thin divider between adjacent sections. */\n.kb-plan-phase-section { display: flex; flex-direction: column; }\n.kb-plan-phase-section + .kb-plan-phase-section {\n  margin-top: 6px;\n  padding-top: 6px;\n  border-top: 1px solid rgba(128, 128, 128, 0.14);\n}\n.kb-plan-phase-section-title { font-size: 11px; opacity: 0.55; margin-bottom: 3px; }\n.kb-plan-phase-goal { font-size: 12px; opacity: 0.85; white-space: pre-wrap; word-break: break-all; }\n.kb-plan-phase-sessions { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.kb-plan-phase-conclusion { font-size: 12px; opacity: 0.85; white-space: pre-wrap; word-break: break-all; }\n.kb-plan-phase-conclusion-item + .kb-plan-phase-conclusion-item { margin-top: 6px; }\n/* Running phase keeps the blue highlight; completed phases get success color. */\n.kb-plan-phase-current { border-color: rgba(59, 130, 246, 0.6); background: rgba(59, 130, 246, 0.08); }\n.kb-plan-phase-current .kb-plan-phase-title { color: #60a5fa; }\n.kb-plan-phase-completed { border-color: rgba(34, 197, 94, 0.45); background: rgba(34, 197, 94, 0.06); }\n.kb-plan-phase-completed .kb-plan-phase-title { color: #4ade80; }\n.kb-session-links { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }\n.kb-settings { display: flex; flex-direction: column; gap: 12px; max-width: 420px; }\n.kb-settings-saved { font-size: 12px; color: #4ade80; }\n.kb-settings-group { border-top: 1px solid rgba(128, 128, 128, 0.22); padding-top: 12px; }\n.kb-settings-group-title { font-size: 12px; font-weight: 600; opacity: 0.9; margin-bottom: 10px; }\n/* Settings card (设置 → 插件配置): mirrors the built-in plugin cards\n   (dsh-client-ui-settings-plugins PluginCard) — same surface, border, head\n   layout, and disclosure chevron, spelled with kb-settings-card prefixed\n   classes. The prefix deliberately does NOT reuse the board's `.kb-card*`\n   classes: the board card carries its own padding/cursor/user-select, and\n   sharing the root class would leak those onto the settings card. */\n.kb-settings-card {\n  border: 1px solid var(--dsw-alias-border-l2);\n  background: var(--dsw-alias-bg-layer-3);\n  border-radius: 12px;\n  list-style: none;\n  transition: border-color .16s, background .16s;\n}\n.kb-settings-card:hover { border-color: var(--dsw-alias-label-dimmed); }\n.kb-settings-card[data-open] {\n  background: var(--dsw-alias-bg-layer-2);\n  border-color: var(--dsw-alias-label-dimmed);\n}\n.kb-settings-card-head {\n  appearance: none;\n  width: 100%;\n  font: inherit;\n  color: inherit;\n  text-align: left;\n  cursor: pointer;\n  background: transparent;\n  border: 0;\n  border-radius: 12px;\n  align-items: center;\n  gap: 12px;\n  padding: 14px 16px;\n  display: flex;\n}\n.kb-settings-card-head:focus-visible { outline: 2px solid var(--dsw-alias-brand-primary); outline-offset: -2px; }\n.kb-settings-card-headText { flex-direction: column; flex: 1; gap: 4px; min-width: 0; display: flex; }\n.kb-settings-card-title { color: var(--dsw-alias-label-primary); font-size: 15px; font-weight: 600; line-height: 1.4; }\n.kb-settings-card-sub { color: var(--dsw-alias-label-tertiary); font-size: 13px; line-height: 1.5; }\n.kb-settings-card-chevron {\n  color: var(--dsw-alias-label-tertiary);\n  flex: none;\n  transition: transform .16s;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.kb-settings-card-chevron[data-open] { transform: rotate(180deg); }\n.kb-settings-card-body { border-top: 1px solid var(--dsw-alias-border-l2); margin: 0 16px; padding: 12px 0 8px; }\n.kb-footer-action {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  width: 32px;\n  height: 32px;\n  border-radius: 6px;\n  border: none;\n  background: transparent;\n  /* same foreground as the settings trigger (its trigger css uses this var) */\n  color: var(--dsw-alias-label-primary, inherit);\n  cursor: pointer;\n}\n.kb-footer-action:hover { background: rgba(128, 128, 128, 0.18); }\n.kb-footer-action-active { background: rgba(59, 130, 246, 0.25); }\n/* Wide mode borrows the settings trigger's metrics (34px tall, 14px label,\n   18px icon) so both controls read as siblings on the same line. */\n.kb-footer-action-wide {\n  width: auto;\n  height: 34px;\n  padding: 0 8px;\n  border-radius: 12px;\n  font-size: 14px;\n}\n.kb-footer-action-wide .kb-footer-label {\n  font-size: 14px;\n  line-height: 22px;\n}\n/* Theme following is handled by the --dsw-alias-* tokens above: they change\n   value with the shell's selected light/dark appearance, so no OS-level\n   prefers-color-scheme override is needed (and one would fight the app\n   theme when the two disagree). */\n/* Same-line placement WITHOUT moving any DOM: the sidebar foot area becomes\n   a reversed flex row, so its LAST child (the settings area) renders on the\n   LEFT and the FIRST child (footer actions = the kanban button) on the RIGHT\n   — exactly \"settings, then kanban\". The settings trigger flexes to fill the\n   remaining width; the button keeps its content width. */\n.kb-foot-row {\n  display: flex;\n  flex-direction: row-reverse;\n  align-items: stretch;\n  gap: 4px;\n}\n.kb-foot-row > div:first-child {\n  flex: none;\n  width: auto;\n  min-width: 0;\n  display: flex;\n  align-items: center;\n}\n.kb-foot-row > div:last-child {\n  flex: 1;\n  min-width: 0;\n}\n/* Rail (collapsed sidebar): column-reverse stacks the settings circle on top\n   and the kanban icon below it, both centered; the kanban button borrows the\n   settings trigger's rail chrome (36px circle) so the two match. */\n.kb-foot-rail {\n  flex-direction: column-reverse;\n  align-items: center;\n}\n.kb-foot-rail .kb-footer-action {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  margin: 8px 0 10px;\n}\n.kb-footer-label {\n  max-width: 110px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* Narrow screens (mobile drawer / auto-collapse breakpoint): the drawer's\n   foot area is ~256-280px but the footer actions row carries the kanban\n   button PLUS mobile-nav's drawer actions (Files / session log), which\n   together exceed the row and squeeze the settings trigger to zero width\n   (row-reverse overflows left, clipping the button). Below the shell's\n   auto-collapse breakpoint, stack the settings row above the actions and\n   let the actions wrap so nothing is squeezed or clipped. */\n@media (max-width: 1023px) {\n  .kb-foot-row {\n    flex-direction: column-reverse;\n    align-items: stretch;\n  }\n  .kb-foot-row > div:first-child {\n    flex: none;\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    gap: 4px;\n    padding-top: 4px;\n  }\n  .kb-foot-row > div:last-child {\n    flex: none;\n    width: 100%;\n  }\n  /* The footer-actions entries are display:contents wrappers, so the kanban\n     button itself is a flex item of the wrapping actions row; pull it to the\n     first wrap position so it sits directly below the settings row (the\n     mobile-nav drawer actions follow on their own wrapped line). */\n  .kb-foot-row .kb-footer-action {\n    order: -1;\n  }\n}";
+		const tagId = "@fonlan/dsh-task-kanban/board.css#bcd6e906";
 		if (typeof document !== "undefined" && document.querySelector("style[data-plugin-css=" + JSON.stringify(tagId) + "]") === null) {
 			const tag = document.createElement("style");
 			tag.dataset.plugin = "@fonlan/dsh-task-kanban";
@@ -536,11 +561,11 @@ window.__ModuleLoader__.load({
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: "kb-board",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "kb-board-header",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "kb-board-title",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("select", {
 								className: "kb-ws-select",
 								value: selectedPath,
 								onChange: (e) => {
@@ -553,16 +578,13 @@ window.__ModuleLoader__.load({
 									value: w.path,
 									children: w.title
 								}, w.workspaceId))
-							})
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "kb-board-actions",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 								type: "button",
 								className: "kb-btn kb-btn-primary",
 								onClick: () => setNewTaskOpen(true),
 								children: t("newTask")
-							})
-						})]
+							})]
+						})
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "kb-lanes",
@@ -696,9 +718,6 @@ window.__ModuleLoader__.load({
 				}).catch(() => {
 					if (alive) setModels([]);
 				});
-				api.settingsGet().then((s) => {
-					if (alive && s.defaultModel !== "") setModel(s.defaultModel);
-				}).catch(() => void 0);
 				return () => {
 					alive = false;
 				};
@@ -965,30 +984,12 @@ window.__ModuleLoader__.load({
 									children: card.plan.summary
 								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ol", {
 									className: "kb-plan-phases",
-									children: card.plan.phases.map((phase, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
-										className: "kb-plan-phase" + (i === card.currentPhase && card.status === "running" ? " kb-plan-phase-current" : ""),
-										children: [
-											/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-												className: "kb-plan-phase-head",
-												children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "kb-plan-phase-title",
-													children: phase.title
-												}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-													className: "kb-plan-phase-id",
-													children: phase.id
-												})]
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-												className: "kb-plan-phase-goal",
-												children: phase.goal
-											}),
-											/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PhaseSessions, {
-												phaseIndex: i,
-												card,
-												t,
-												onOpenSession
-											})
-										]
+									children: card.plan.phases.map((phase, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PhaseCard, {
+										phase,
+										phaseIndex: i,
+										card,
+										t,
+										onOpenSession
 									}, phase.id))
 								})]
 							})]
@@ -1078,26 +1079,77 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		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 }) {
 			const attempts = card.sessions.phases.filter((a) => a.phaseIndex === phaseIndex);
-			if (attempts.length === 0) return null;
-			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "kb-session-links",
-				children: attempts.map((a) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
-					className: "kb-session-attempt",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-						type: "button",
-						className: "kb-btn kb-btn-small",
-						onClick: () => onOpenSession(a.sessionId),
-						children: [
-							t("openSession"),
-							" · ",
-							a.sessionId.slice(0, 13)
-						]
-					}), a.summary !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "kb-session-summary",
-						children: a.summary
+			const summaries = attempts.filter((a) => a.summary !== void 0 && a.summary.trim() !== "").map((a) => a.summary);
+			const isCurrent = phaseIndex === card.currentPhase && card.status === "running";
+			const isCompleted = summaries.length > 0;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: "kb-plan-phase" + (isCurrent ? " kb-plan-phase-current" : "") + (isCompleted ? " kb-plan-phase-completed" : ""),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "kb-plan-phase-head",
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "kb-plan-phase-title",
+						children: phase.title
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "kb-plan-phase-id",
+						children: phase.id
 					})]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					className: "kb-plan-phase-body",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "kb-plan-phase-section",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "kb-plan-phase-section-title",
+								children: t("phaseGoal")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "kb-plan-phase-goal",
+								children: phase.goal
+							})]
+						}),
+						attempts.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "kb-plan-phase-section",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "kb-plan-phase-section-title",
+								children: t("phaseSessions")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PhaseSessions, {
+								attempts,
+								t,
+								onOpenSession
+							})]
+						}),
+						summaries.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "kb-plan-phase-section",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "kb-plan-phase-section-title",
+								children: t("phaseConclusion")
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "kb-plan-phase-conclusion",
+								children: summaries.map((s, idx) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+									className: "kb-plan-phase-conclusion-item",
+									children: s
+								}, idx))
+							})]
+						})
+					]
+				})]
+			});
+		}
+		/** Open-session buttons for one phase's attempts (retries append more). */
+		function PhaseSessions({ attempts, t, onOpenSession }) {
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "kb-plan-phase-sessions",
+				children: attempts.map((a) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "kb-btn kb-btn-small",
+					onClick: () => onOpenSession(a.sessionId),
+					children: [
+						t("openSession"),
+						" · ",
+						a.sessionId.slice(0, 13)
+					]
 				}, a.sessionId))
 			});
 		}
@@ -1208,80 +1260,279 @@ window.__ModuleLoader__.load({
 				})]
 			});
 		}
-		/** Plugin settings section: global parallel workers + default model. */
-		function KanbanSettingsSection({ t }) {
-			const tr = t ?? ((key) => key);
-			const [settings, setSettings] = (0, react.useState)({
-				maxParallelWorkers: 1,
-				defaultModel: ""
-			});
-			const [models, setModels] = (0, react.useState)([]);
-			const [saved, setSaved] = (0, react.useState)(false);
-			(0, react.useEffect)(() => {
-				let alive = true;
-				api.settingsGet().then((s) => {
-					if (alive) setSettings(s);
-				}).catch(() => void 0);
-				api.models().then((list) => {
-					if (alive) setModels(list);
-				}).catch(() => void 0);
-				return () => {
-					alive = false;
-				};
-			}, []);
-			const commit = async (patch) => {
-				try {
-					const next = await api.settingsSet(patch);
-					setSettings(next);
-					setSaved(true);
-					window.setTimeout(() => setSaved(false), 1500);
-				} catch {}
+		/** Fallback shape while settings load (server always resolves the full set). */
+		const EMPTY_SETTINGS = {
+			maxParallelWorkers: 1,
+			refinementModel: "",
+			refinementProvider: "",
+			refinementReasoningEffort: "",
+			refinementPreset: "",
+			phaseModel: "",
+			phaseProvider: "",
+			phaseReasoningEffort: "",
+			phasePreset: ""
+		};
+		/** The setting field names of one session-type group. */
+		const GROUP_FIELDS = {
+			refinement: {
+				model: "refinementModel",
+				provider: "refinementProvider",
+				effort: "refinementReasoningEffort",
+				preset: "refinementPreset"
+			},
+			phase: {
+				model: "phaseModel",
+				provider: "phaseProvider",
+				effort: "phaseReasoningEffort",
+				preset: "phasePreset"
+			}
+		};
+		/** Model / reasoning effort / agent preset defaults for one session type. */
+		function SessionDefaultsGroup({ kind, settings, models, presets, efforts, tr, onCommit, loadEfforts }) {
+			const fields = GROUP_FIELDS[kind];
+			const model = settings[fields.model];
+			const provider = settings[fields.provider];
+			const effort = settings[fields.effort];
+			const preset = settings[fields.preset];
+			const effortKey = model !== "" && provider !== "" ? `${provider}/${model}` : "";
+			const effortOptions = effortKey !== "" ? efforts[effortKey]?.efforts ?? [] : [];
+			const handleModel = (id) => {
+				const nextProvider = models.find((m) => m.id === id)?.provider ?? "";
+				onCommit({
+					[fields.model]: id,
+					[fields.provider]: nextProvider
+				});
+				if (id !== "" && nextProvider !== "") loadEfforts(nextProvider, id);
 			};
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "kb-settings",
+				className: "kb-settings-group",
 				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
-						className: "kb-field kb-field-row",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tr("maxParallelWorkers") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-							className: "kb-input kb-input-number",
-							type: "number",
-							min: 1,
-							step: 1,
-							value: settings.maxParallelWorkers,
-							onChange: (e) => {
-								const value = Math.max(1, Math.floor(Number(e.target.value) || 1));
-								setSettings((s) => ({
-									...s,
-									maxParallelWorkers: value
-								}));
-								commit({ maxParallelWorkers: value });
-							}
-						})]
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "kb-settings-group-title",
+						children: tr(kind === "refinement" ? "settingsRefineGroup" : "settingsPhaseGroup")
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
 						className: "kb-field kb-field-row",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tr("defaultModel") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tr("model") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
 							className: "kb-input",
-							value: settings.defaultModel,
-							onChange: (e) => {
-								commit({ defaultModel: e.target.value });
-							},
+							value: model,
+							onChange: (e) => handleModel(e.target.value),
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 								value: "",
-								children: "—"
+								children: tr("defaultOption")
 							}), models.map((m) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
 								value: m.id,
 								children: m.name ?? m.id
 							}, m.provider + "/" + m.id))]
 						})]
 					}),
-					saved && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "kb-settings-saved",
-						children: tr("saved")
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "kb-field kb-field-row",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tr("reasoningEffort") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "kb-input",
+							value: effort,
+							disabled: model === "",
+							onChange: (e) => void onCommit({ [fields.effort]: e.target.value }),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: tr("defaultOption")
+							}), effortOptions.map((o) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: o.id,
+								children: o.name
+							}, o.id))]
+						})]
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+						className: "kb-field kb-field-row",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tr("agentPreset") }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("select", {
+							className: "kb-input",
+							value: preset,
+							onChange: (e) => void onCommit({ [fields.preset]: e.target.value }),
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: "",
+								children: tr("defaultOption")
+							}), presets.map((p) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
+								value: p.id,
+								children: p.name ?? p.id
+							}, p.id))]
+						})]
 					})
 				]
 			});
 		}
+		/** Plugin settings card (设置 → 插件配置): workers + default model + per-session-type defaults. */
+		function KanbanSettingsCard({ t }) {
+			const tr = t ?? ((key) => key);
+			const [open, setOpen] = (0, react.useState)(false);
+			const [settings, setSettings] = (0, react.useState)(EMPTY_SETTINGS);
+			const [models, setModels] = (0, react.useState)([]);
+			const [presets, setPresets] = (0, react.useState)([]);
+			const [efforts, setEfforts] = (0, react.useState)({});
+			const [saved, setSaved] = (0, react.useState)(false);
+			const commit = (0, react.useCallback)(async (patch) => {
+				try {
+					const next = await api.settingsSet(patch);
+					setSettings(next);
+					setSaved(true);
+					window.setTimeout(() => setSaved(false), 1500);
+				} catch {}
+			}, []);
+			const settingsRef = (0, react.useRef)(settings);
+			settingsRef.current = settings;
+			const commitRef = (0, react.useRef)(commit);
+			commitRef.current = commit;
+			(0, react.useEffect)(() => {
+				let alive = true;
+				api.settingsGet().then((s) => {
+					if (alive) setSettings(s);
+				}).catch(() => void 0);
+				api.models().then((list) => {
+					if (alive) setModels(list);
+				}).catch(() => void 0);
+				api.presets().then((list) => {
+					if (alive) setPresets(list);
+				}).catch(() => void 0);
+				return () => {
+					alive = false;
+				};
+			}, []);
+			/** Reasoning routes already requested (dedupe across mount + model changes). */
+			const effortFetched = (0, react.useRef)(/* @__PURE__ */ new Set());
+			/**
+			* Fetch the reasoning efforts of one model route (once per route). A failed
+			* fetch is marked `failed` so the stored effort is preserved (see the reset
+			* effect below) instead of being wiped by a transient error.
+			*/
+			const loadEfforts = (0, react.useCallback)((provider, model) => {
+				const key = `${provider}/${model}`;
+				if (effortFetched.current.has(key)) return;
+				effortFetched.current.add(key);
+				api.reasoningOptions(provider, model).then((opts) => setEfforts((prev) => ({
+					...prev,
+					[key]: opts
+				}))).catch(() => setEfforts((prev) => ({
+					...prev,
+					[key]: {
+						efforts: [],
+						failed: true
+					}
+				})));
+			}, []);
+			(0, react.useEffect)(() => {
+				for (const kind of ["refinement", "phase"]) {
+					const fields = GROUP_FIELDS[kind];
+					const model = settings[fields.model];
+					const provider = settings[fields.provider];
+					if (model !== "" && provider !== "") loadEfforts(provider, model);
+				}
+			}, [
+				settings.refinementModel,
+				settings.refinementProvider,
+				settings.phaseModel,
+				settings.phaseProvider,
+				loadEfforts
+			]);
+			(0, react.useEffect)(() => {
+				const s = settingsRef.current;
+				for (const kind of ["refinement", "phase"]) {
+					const fields = GROUP_FIELDS[kind];
+					const model = s[fields.model];
+					const provider = s[fields.provider];
+					const effort = s[fields.effort];
+					if (effort === "" || model === "" || provider === "") continue;
+					const opts = efforts[`${provider}/${model}`];
+					if (opts === void 0 || opts.failed === true) continue;
+					if (!opts.efforts.some((o) => o.id === effort)) commitRef.current({ [fields.effort]: "" });
+				}
+			}, [efforts]);
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("li", {
+				className: "kb-settings-card",
+				"data-open": open ? "" : void 0,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					type: "button",
+					className: "kb-settings-card-head",
+					"aria-expanded": open,
+					"aria-label": (open ? tr("settingsCollapse") : tr("settingsExpand")) + "：" + tr("settingsTitle"),
+					onClick: () => setOpen(!open),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+						className: "kb-settings-card-headText",
+						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "kb-settings-card-title",
+							children: tr("settingsTitle")
+						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+							className: "kb-settings-card-sub",
+							children: tr("settingsDescription")
+						})]
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "kb-settings-card-chevron",
+						"data-open": open ? "" : void 0,
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
+							width: "14",
+							height: "14",
+							viewBox: "0 0 14 14",
+							fill: "none",
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+								d: "M3.5 5.25L7 8.75L10.5 5.25",
+								stroke: "currentColor",
+								strokeWidth: "1.5",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})
+					})]
+				}), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					className: "kb-settings-card-body",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						className: "kb-settings",
+						children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("label", {
+								className: "kb-field kb-field-row",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: tr("maxParallelWorkers") }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+									className: "kb-input kb-input-number",
+									type: "number",
+									min: 1,
+									step: 1,
+									value: settings.maxParallelWorkers,
+									onChange: (e) => {
+										const value = Math.max(1, Math.floor(Number(e.target.value) || 1));
+										setSettings((s) => ({
+											...s,
+											maxParallelWorkers: value
+										}));
+										commit({ maxParallelWorkers: value });
+									}
+								})]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionDefaultsGroup, {
+								kind: "refinement",
+								settings,
+								models,
+								presets,
+								efforts,
+								tr,
+								onCommit: commit,
+								loadEfforts
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(SessionDefaultsGroup, {
+								kind: "phase",
+								settings,
+								models,
+								presets,
+								efforts,
+								tr,
+								onCommit: commit,
+								loadEfforts
+							}),
+							saved && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "kb-settings-saved",
+								children: tr("saved")
+							})
+						]
+					})
+				})]
+			});
+		}
 		//#endregion
 		//#region src/client/index.tsx
 		/** Services required before mounting (provided by the client runtime). */
@@ -1311,13 +1562,11 @@ window.__ModuleLoader__.load({
 				label: () => t("kanban"),
 				locale: LOCALE_NS
 			}, KanbanFooterButton));
-			ctx.slots.inject("settings.section", () => ctx.slots.register({
-				name: "settings.section",
-				id: "task-kanban",
-				order: 200,
-				label: () => t("settingsTitle"),
+			ctx.slots.inject("settings.plugin.item", () => ctx.slots.register({
+				name: "settings.plugin.item",
+				key: "task-kanban",
 				locale: LOCALE_NS
-			}, KanbanSettingsSection));
+			}, KanbanSettingsCard));
 		}
 		//#endregion
 		exports.apply = apply;