@joekytc/dsh-swarm 0.1.1 → 0.2.0

package/lib/client.js

@@ -33,7 +33,7 @@ window.__ModuleLoader__.load({
 		module.exports = __toCommonJS(index_exports);
 		
 		// client/KanbanTab.tsx
-		var import_react6 = require("react");
+		var import_react7 = require("react");
 		
 		// src/domain/state-machine.ts
 		var TASK_TRANSITIONS = {
@@ -48,7 +48,8 @@ window.__ModuleLoader__.load({
 		};
 		var CHAIN_TRANSITIONS = {
 		  planning: { "chain/executing": "executing" },
-		  executing: { "chain/completed": "completed", "chain/aborted": "aborted" },
+		  executing: { "chain/completed": "completed", "chain/aborted": "aborted", "chain/blocked": "blocked" },
+		  blocked: {},
 		  completed: {},
 		  aborted: {}
 		};
@@ -76,7 +77,8 @@ window.__ModuleLoader__.load({
 		    }
 		    case "chain/executing":
 		    case "chain/completed":
-		    case "chain/aborted": {
+		    case "chain/aborted":
+		    case "chain/blocked": {
 		      const c = state.chains.get(ev.chainId);
 		      if (!c) throw new Error("projection: unknown chain " + ev.chainId);
 		      next.chains = new Map(state.chains).set(ev.chainId, { ...c, status: transitionChain(c.status, ev.kind) });
@@ -352,7 +354,7 @@ window.__ModuleLoader__.load({
 		}
 		
 		// client/KanbanBoard.tsx
-		var import_react5 = require("react");
+		var import_react6 = require("react");
 		
 		// client/workflow-model.ts
 		var CHAIN_FILTERS = ["executing", "blocked", "failed", "completed"];
@@ -364,7 +366,7 @@ window.__ModuleLoader__.load({
 		};
 		function chainFilterStateOf(chain, chainTasks) {
 		  const archived = chain.status === "aborted" || chainTasks.length > 0 && chainTasks.every((t) => t.status === "archived");
-		  const blocked = chainTasks.some((t) => t.status === "blocked");
+		  const blocked = chain.status === "blocked" || chainTasks.some((t) => t.status === "blocked");
 		  const failed = chainTasks.some((t) => t.status === "failed");
 		  return {
 		    executing: chain.status === "executing" && !blocked && !failed,
@@ -474,6 +476,7 @@ window.__ModuleLoader__.load({
 		  return set;
 		}
 		function sortRankOf(chain, tasks) {
+		  if (chain.status === "blocked") return 0;
 		  if (tasks.some((t) => t.status === "blocked" || t.status === "failed")) return 0;
 		  if (chain.status === "executing") return 1;
 		  if (chain.status === "planning") return 2;
@@ -528,7 +531,38 @@ window.__ModuleLoader__.load({
 		}
 		
 		// client/WorkflowRail.tsx
-		var import_react3 = require("react");
+		var import_react4 = require("react");
+		
+		// client/session-bridge.ts
+		var import_react2 = require("react");
+		var service = null;
+		function setSessionsService(next) {
+		  service = next;
+		}
+		var EMPTY = /* @__PURE__ */ new Set();
+		var cache = { source: void 0, ids: EMPTY };
+		function useSessionIds() {
+		  return (0, import_react2.useSyncExternalStore)(
+		    (onChange) => service?.list.subscribe(onChange) ?? (() => {
+		    }),
+		    () => {
+		      if (!service) return EMPTY;
+		      const snap = service.list.getSnapshot();
+		      if (cache.source !== snap) {
+		        const next = snap.ids;
+		        const prev = cache.ids;
+		        const same = prev.size === next.length && [...next].every((id) => prev.has(id));
+		        cache = same ? { source: snap, ids: prev } : { source: snap, ids: new Set(next) };
+		      }
+		      return cache.ids;
+		    },
+		    () => EMPTY
+		  );
+		}
+		function openSession(id) {
+		  if (!service) throw new Error("sessions service unavailable");
+		  service.open(id);
+		}
 		
 		// client/BoardCard.tsx
 		var import_jsx_runtime = require("react/jsx-runtime");
@@ -536,6 +570,8 @@ window.__ModuleLoader__.load({
 		  const { view } = props;
 		  const { task } = view;
 		  const blocked = view.lineState === "blocked" && view.dependencyLabel.length > 0;
+		  const sessionIds = useSessionIds();
+		  const sessionId = task.resumeSessionId ?? task.sessionId;
 		  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
 		    "div",
 		    {
@@ -554,7 +590,26 @@ window.__ModuleLoader__.load({
 		      children: [
 		        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: `dsh-kb-profile dsh-kb-profile--${task.assignee}`, children: task.assignee.toUpperCase() }),
 		        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-kb-task__title", children: task.title }),
-		        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-kb-task__status-row", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-kb-task__status", children: view.statusLabel }) }),
+		        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dsh-kb-task__status-row", children: [
+		          sessionIds.has(sessionId) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+		            "button",
+		            {
+		              type: "button",
+		              className: "dsh-kb-task__session",
+		              onClick: (e) => {
+		                e.stopPropagation();
+		                openSession(sessionId);
+		                props.onOpenView?.("chat", sessionId);
+		                window.setTimeout(() => props.onOpenView?.("chat", sessionId), 500);
+		              },
+		              onKeyDown: (e) => {
+		                e.stopPropagation();
+		              },
+		              children: "\u4F1A\u8BDD"
+		            }
+		          ),
+		          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "dsh-kb-task__status", children: view.statusLabel })
+		        ] }),
 		        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "dsh-kb-task__meta", children: [
 		          view.phase,
 		          " \xB7 ",
@@ -575,10 +630,10 @@ window.__ModuleLoader__.load({
 		}
 		
 		// client/RenameModal.tsx
-		var import_react2 = require("react");
+		var import_react3 = require("react");
 		var import_jsx_runtime2 = require("react/jsx-runtime");
 		function RenameModal(props) {
-		  const [value, setValue] = (0, import_react2.useState)(props.initialValue);
+		  const [value, setValue] = (0, import_react3.useState)(props.initialValue);
 		  const save = () => {
 		    const next = value.trim();
 		    if (next) props.onSave(next);
@@ -630,10 +685,10 @@ window.__ModuleLoader__.load({
 		function WorkflowRail(props) {
 		  const searching = props.query.trim().length > 0;
 		  const visible = props.chains.filter((view) => matches(view, props.query));
-		  const [renamingChainId, setRenamingChainId] = (0, import_react3.useState)(null);
+		  const [renamingChainId, setRenamingChainId] = (0, import_react4.useState)(null);
 		  const renamingChain = renamingChainId ? props.chains.find((v) => v.chain.id === renamingChainId)?.chain : void 0;
-		  const [deletingChainId, setDeletingChainId] = (0, import_react3.useState)(null);
-		  const [deleteError, setDeleteError] = (0, import_react3.useState)(null);
+		  const [deletingChainId, setDeletingChainId] = (0, import_react4.useState)(null);
+		  const [deleteError, setDeleteError] = (0, import_react4.useState)(null);
 		  const deletingView = deletingChainId ? props.chains.find((v) => v.chain.id === deletingChainId) : void 0;
 		  const confirmDelete = async () => {
 		    if (!deletingChainId) return;
@@ -737,7 +792,7 @@ window.__ModuleLoader__.load({
 		          ] }),
 		          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: "dsh-kb-audit-confirm", onClick: () => props.onConfirmAudit?.(view.chain.id), children: "\u786E\u8BA4\u4EA7\u7269\u5F52\u5C5E" })
 		        ] }),
-		        expanded && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { className: "dsh-kb-nodes", children: (matched.length > 0 ? matched : view.tasks).map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: `dsh-kb-node dsh-kb-node--${item.lineState}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BoardCard, { view: item, onOpen: props.onOpenTask }) }, item.task.id)) })
+		        expanded && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ol", { className: "dsh-kb-nodes", children: (matched.length > 0 ? matched : view.tasks).map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { className: `dsh-kb-node dsh-kb-node--${item.lineState}`, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BoardCard, { view: item, onOpen: props.onOpenTask, onOpenView: props.onOpenView }) }, item.task.id)) })
 		      ] }, view.chain.id);
 		    }) }),
 		    renamingChain && props.onRenameChain && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -787,7 +842,188 @@ window.__ModuleLoader__.load({
 		}
 		
 		// client/TaskDrawer.tsx
-		var import_react4 = require("react");
+		var import_react5 = require("react");
+		
+		// client/timeline-model.ts
+		var EXCEPTION_KINDS = /* @__PURE__ */ new Set([
+		  "task/blocked",
+		  "task/failed",
+		  "task/gate-failed",
+		  "review/failed",
+		  "review/gave-up",
+		  "chain/audit-warning",
+		  "chain/aborted"
+		]);
+		var STATUS_OF = {
+		  "chain/created": "neutral",
+		  "chain/executing": "running",
+		  "chain/completed": "success",
+		  "chain/aborted": "exception",
+		  "chain/blocked": "exception",
+		  "chain/root-task-set": "neutral",
+		  "chain/audit-warning": "exception",
+		  "chain/audit-confirmed": "neutral",
+		  "chain/title-updated": "neutral",
+		  "spec-card/created": "neutral",
+		  "spec-card/edited": "neutral",
+		  "spec-card/approved": "success",
+		  "task/created": "neutral",
+		  "task/claimed": "running",
+		  "task/heartbeat": "running",
+		  "task/commented": "neutral",
+		  "task/completed": "success",
+		  "task/blocked": "exception",
+		  "task/unblocked": "neutral",
+		  "task/archived": "neutral",
+		  "task/failed": "exception",
+		  "task/gate-passed": "success",
+		  // P1 实测闸
+		  "task/gate-failed": "exception",
+		  "task/renamed": "neutral",
+		  "review/passed": "success",
+		  "review/failed": "exception",
+		  "review/gave-up": "exception"
+		};
+		function timelineStatusOf(kind) {
+		  return STATUS_OF[kind] ?? "neutral";
+		}
+		var KIND_LABEL = {
+		  "chain/created": "\u94FE\u8DEF\u521B\u5EFA",
+		  "chain/executing": "\u94FE\u8DEF\u5F00\u59CB\u6267\u884C",
+		  "chain/completed": "\u94FE\u8DEF\u5B8C\u6210",
+		  "chain/aborted": "\u94FE\u8DEF\u4E2D\u6B62",
+		  "chain/blocked": "\u94FE\u8DEF\u963B\u585E",
+		  "chain/root-task-set": "\u8BBE\u4E3A\u6839\u4EFB\u52A1",
+		  "chain/audit-warning": "\u8D8A\u6743\u8B66\u544A",
+		  "chain/audit-confirmed": "\u8D8A\u6743\u5DF2\u786E\u8BA4",
+		  "chain/title-updated": "\u94FE\u8DEF\u6539\u540D",
+		  "spec-card/created": "\u89C4\u683C\u5361\u521B\u5EFA",
+		  "spec-card/edited": "\u89C4\u683C\u5361\u7F16\u8F91",
+		  "spec-card/approved": "\u89C4\u683C\u5361\u6279\u51C6",
+		  "task/created": "\u4EFB\u52A1\u521B\u5EFA",
+		  "task/claimed": "\u4EFB\u52A1\u8BA4\u9886",
+		  "task/heartbeat": "\u4EFB\u52A1\u5FC3\u8DF3",
+		  "task/commented": "\u8BC4\u8BBA",
+		  "task/completed": "\u4EFB\u52A1\u5B8C\u6210",
+		  "task/blocked": "\u4EFB\u52A1\u963B\u585E",
+		  "task/unblocked": "\u89E3\u9664\u963B\u585E",
+		  "task/archived": "\u4EFB\u52A1\u5F52\u6863",
+		  "task/failed": "\u4EFB\u52A1\u5931\u8D25",
+		  "task/gate-passed": "\u5B9E\u6D4B\u95F8\u901A\u8FC7",
+		  // P1 实测闸
+		  "task/gate-failed": "\u5B9E\u6D4B\u95F8\u5931\u8D25",
+		  "task/renamed": "\u4EFB\u52A1\u6539\u540D",
+		  "review/passed": "\u8BC4\u5BA1\u901A\u8FC7",
+		  "review/failed": "\u8BC4\u5BA1\u9A73\u56DE",
+		  "review/gave-up": "\u8BC4\u5BA1\u8D85\u9650\u653E\u5F03"
+		};
+		var AUTHOR_NAME = {
+		  v: "orchestrator",
+		  p: "planner",
+		  w: "wiki-bridge",
+		  d: "fullstack-dev",
+		  pt: "plan-review",
+		  dt: "impl-review",
+		  system: "\u7CFB\u7EDF",
+		  human: "\u4F60"
+		};
+		function eventLabelOf(kind) {
+		  return KIND_LABEL[kind] ?? kind;
+		}
+		function isExceptionEvent(e) {
+		  return EXCEPTION_KINDS.has(e.kind);
+		}
+		function authorNameOf(author) {
+		  return AUTHOR_NAME[author] ?? author;
+		}
+		function asRecord(value) {
+		  return typeof value === "object" && value !== null ? value : {};
+		}
+		function strField(rec, key) {
+		  const v = rec[key];
+		  return typeof v === "string" ? v : "";
+		}
+		function truncate(text, max = 120) {
+		  return text.length <= max ? text : `${text.slice(0, max)}\u2026`;
+		}
+		function eventSummary(e) {
+		  const payload = asRecord(e.payload);
+		  switch (e.kind) {
+		    case "task/completed": {
+		      const summary = truncate(strField(payload, "summary"));
+		      return summary;
+		    }
+		    case "task/blocked":
+		    case "task/failed":
+		      return truncate(strField(payload, "reason"));
+		    case "task/gate-passed":
+		    case "task/gate-failed":
+		      return truncate(strField(payload, "detail"));
+		    case "task/commented":
+		      return truncate(strField(payload, "body"));
+		    case "task/renamed":
+		    case "chain/title-updated": {
+		      const from = strField(payload, "from");
+		      const to = strField(payload, "to");
+		      return from || to ? `${from} \u2192 ${to}` : "";
+		    }
+		    case "review/passed":
+		    case "review/failed":
+		    case "review/gave-up": {
+		      const evidence = asRecord(payload["evidence"]);
+		      const verdict = strField(evidence, "verdict") || strField(payload, "verdict");
+		      const issues = Array.isArray(evidence["issues"]) ? evidence["issues"].length : void 0;
+		      const parts = [];
+		      if (verdict) parts.push(`verdict: ${verdict}`);
+		      if (issues !== void 0) parts.push(`issues: ${issues}`);
+		      const reason = strField(payload, "reason");
+		      if (reason) parts.push(reason);
+		      return truncate(parts.join(" \xB7 "));
+		    }
+		    default:
+		      return "";
+		  }
+		}
+		function foldTimeline(events) {
+		  const sorted = [...events].sort((a, b) => b.seq - a.seq);
+		  const items = [];
+		  for (const e of sorted) {
+		    if (e.kind !== "task/heartbeat") {
+		      items.push({
+		        seq: e.seq,
+		        kind: e.kind,
+		        label: eventLabelOf(e.kind),
+		        author: authorNameOf(e.author),
+		        at: e.at,
+		        summary: eventSummary(e),
+		        exception: isExceptionEvent(e),
+		        status: timelineStatusOf(e.kind)
+		      });
+		      continue;
+		    }
+		    const prev = items[items.length - 1];
+		    if (prev && prev.kind === "task/heartbeat") {
+		      prev.count = (prev.count ?? 1) + 1;
+		      prev.lastAt = e.at;
+		    } else {
+		      items.push({
+		        seq: e.seq,
+		        kind: e.kind,
+		        label: eventLabelOf(e.kind),
+		        author: authorNameOf(e.author),
+		        at: e.at,
+		        lastAt: e.at,
+		        count: 1,
+		        summary: "",
+		        exception: false,
+		        status: timelineStatusOf(e.kind)
+		      });
+		    }
+		  }
+		  return items;
+		}
+		
+		// client/TaskDrawer.tsx
 		var import_jsx_runtime4 = require("react/jsx-runtime");
 		var ROLE_NAME = {
 		  v: "orchestrator",
@@ -814,8 +1050,8 @@ window.__ModuleLoader__.load({
 		}
 		function TaskDrawer(props) {
 		  const { task, events, handoff, specCard, chain } = props;
-		  const [tab, setTab] = (0, import_react4.useState)("overview");
-		  const [pending, setPending] = (0, import_react4.useState)(null);
+		  const [tab, setTab] = (0, import_react5.useState)("overview");
+		  const [pending, setPending] = (0, import_react5.useState)(null);
 		  const timeline = events.filter((e) => e.taskId === task.id).toSorted((a, b) => a.seq - b.seq);
 		  const comments = timeline.filter((e) => e.kind === "task/commented");
 		  const submitComment = (el) => {
@@ -830,13 +1066,6 @@ window.__ModuleLoader__.load({
 		      window.setTimeout(() => setPending((current) => current?.kind === "archive" ? null : current), 3e3);
 		    }
 		  };
-		  const submitPayload = (kind) => {
-		    if (pending?.kind !== kind || !pending.value.trim()) return;
-		    const value = pending.value;
-		    setPending(null);
-		    if (kind === "block") props.onAction({ type: "block", taskId: task.id, reason: value });
-		    else props.onAction({ type: "complete", taskId: task.id, summary: value });
-		  };
 		  const submitArchive = () => {
 		    if (pending?.kind !== "archive") return;
 		    setPending(null);
@@ -861,21 +1090,9 @@ window.__ModuleLoader__.load({
 		        " \u6761\u65B0\u66F4\u65B0"
 		      ] }) : null,
 		      !props.readOnly && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-kb-detail__actions", children: [
-		        task.status === "running" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => arm("complete"), children: "\u5B8C\u6210" }),
-		        task.status === "running" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => arm("block"), children: "\u963B\u585E" }),
 		        task.status === "blocked" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => props.onAction({ type: "unblock", taskId: task.id }), children: "\u89E3\u9664\u963B\u585E" }),
 		        task.status === "failed" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => props.onAction({ type: "retry", taskId: task.id }), children: "\u91CD\u8BD5" }),
-		        ["done", "failed", "blocked"].includes(task.status) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", "data-confirming": pending?.kind === "archive" || void 0, onClick: pending?.kind === "archive" ? submitArchive : () => arm("archive"), children: pending?.kind === "archive" ? "\u786E\u8BA4\u5F52\u6863" : "\u5F52\u6863" }),
-		        pending?.kind === "complete" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "dsh-kb-action-form", children: [
-		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { "aria-label": "\u4EA4\u63A5\u6458\u8981", value: pending.value, onChange: (e) => setPending({ kind: "complete", value: e.target.value }), placeholder: "\u4EA4\u63A5\u6458\u8981" }),
-		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", disabled: !pending.value.trim(), onClick: () => submitPayload("complete"), children: "\u786E\u8BA4\u5B8C\u6210" }),
-		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => setPending(null), children: "\u53D6\u6D88" })
-		        ] }),
-		        pending?.kind === "block" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "dsh-kb-action-form", children: [
-		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { "aria-label": "\u963B\u585E\u539F\u56E0", value: pending.value, onChange: (e) => setPending({ kind: "block", value: e.target.value }), placeholder: "\u963B\u585E\u539F\u56E0" }),
-		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", disabled: !pending.value.trim(), onClick: () => submitPayload("block"), children: "\u786E\u8BA4\u963B\u585E" }),
-		          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => setPending(null), children: "\u53D6\u6D88" })
-		        ] })
+		        ["done", "failed", "blocked"].includes(task.status) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", "data-confirming": pending?.kind === "archive" || void 0, onClick: pending?.kind === "archive" ? submitArchive : () => arm("archive"), children: pending?.kind === "archive" ? "\u786E\u8BA4\u5F52\u6863" : "\u5F52\u6863" })
 		      ] })
 		    ] }),
 		    props.actionError?.taskId === task.id && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-kb-action-error", role: "alert", children: [
@@ -921,17 +1138,28 @@ window.__ModuleLoader__.load({
 		      ] }),
 		      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: task.body || "\u65E0\u9644\u52A0\u4EFB\u52A1\u63CF\u8FF0" })
 		    ] }),
-		    tab === "timeline" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { role: "tabpanel", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { children: timeline.map((event) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { children: [
-		      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { children: event.kind }),
-		      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
-		        "seq ",
-		        event.seq,
-		        " \xB7 ",
-		        event.author,
-		        " \xB7 ",
-		        event.at
-		      ] })
-		    ] }, event.seq)) }) }),
+		    tab === "timeline" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("section", { role: "tabpanel", children: (() => {
+		      const items = foldTimeline(timeline);
+		      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { className: "dsh-kb-timeline", children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+		        "li",
+		        {
+		          className: `dsh-kb-timeline__item dsh-kb-timeline__item--${item.status}${i === 0 ? " dsh-kb-timeline__item--latest" : ""}`,
+		          "data-exception": item.exception || void 0,
+		          children: [
+		            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dsh-kb-timeline__axis", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dsh-kb-timeline__dot", "aria-hidden": "true" }) }),
+		            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-kb-timeline__body", children: [
+		              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-kb-timeline__row", children: [
+		                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { className: "dsh-kb-timeline__label", children: item.count ? `${item.label}\uFF08${item.count} \u6B21\uFF09` : item.label }),
+		                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("time", { dateTime: new Date(item.at).toISOString(), children: formatTime(item.at) })
+		              ] }),
+		              item.summary && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "dsh-kb-timeline__summary", title: item.summary, children: item.summary }),
+		              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dsh-kb-timeline__author", children: item.author })
+		            ] })
+		          ]
+		        },
+		        item.seq
+		      )) });
+		    })() }),
 		    tab === "handoff" && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { role: "tabpanel", children: [
 		      props.parentTasks && props.parentTasks.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
 		        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", { children: "\u7236\u4EFB\u52A1\u539F\u6587" }),
@@ -1005,17 +1233,17 @@ window.__ModuleLoader__.load({
 		}
 		function KanbanBoard(props) {
 		  const { board } = props.snapshot;
-		  const [collapsed, setCollapsed] = (0, import_react5.useState)(() => defaultCollapsed());
-		  const [query, setQuery] = (0, import_react5.useState)("");
-		  const [statusFilter, setStatusFilter] = (0, import_react5.useState)(/* @__PURE__ */ new Set());
-		  const [selectedId, setSelectedId] = (0, import_react5.useState)(() => history.state?.kanbanTaskId ?? null);
-		  const [failedAction, setFailedAction] = (0, import_react5.useState)(null);
-		  const listRef = (0, import_react5.useRef)(null);
-		  const saved = (0, import_react5.useRef)({ collapsed: [], scrollTop: 0 });
-		  const snapshotRef = (0, import_react5.useRef)(props.snapshot);
+		  const [collapsed, setCollapsed] = (0, import_react6.useState)(() => defaultCollapsed());
+		  const [query, setQuery] = (0, import_react6.useState)("");
+		  const [statusFilter, setStatusFilter] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
+		  const [selectedId, setSelectedId] = (0, import_react6.useState)(() => history.state?.kanbanTaskId ?? null);
+		  const [failedAction, setFailedAction] = (0, import_react6.useState)(null);
+		  const listRef = (0, import_react6.useRef)(null);
+		  const saved = (0, import_react6.useRef)({ collapsed: [], scrollTop: 0 });
+		  const snapshotRef = (0, import_react6.useRef)(props.snapshot);
 		  snapshotRef.current = props.snapshot;
-		  const detailOpenedSeq = (0, import_react5.useRef)(null);
-		  (0, import_react5.useEffect)(() => {
+		  const detailOpenedSeq = (0, import_react6.useRef)(null);
+		  (0, import_react6.useEffect)(() => {
 		    const onPop = () => {
 		      const id = history.state?.kanbanTaskId ?? null;
 		      detailOpenedSeq.current = id ? snapshotRef.current.lastSeq : null;
@@ -1030,14 +1258,14 @@ window.__ModuleLoader__.load({
 		    window.addEventListener("popstate", onPop);
 		    return () => window.removeEventListener("popstate", onPop);
 		  }, []);
-		  (0, import_react5.useEffect)(() => {
+		  (0, import_react6.useEffect)(() => {
 		    const onKey = (e) => {
 		      if (e.key === "Escape" && selectedId) history.back();
 		    };
 		    window.addEventListener("keydown", onKey);
 		    return () => window.removeEventListener("keydown", onKey);
 		  }, [selectedId]);
-		  const views = (0, import_react5.useMemo)(
+		  const views = (0, import_react6.useMemo)(
 		    () => board ? deriveWorkflowBoard(board, { selectedTaskId: selectedId, now: Date.now(), statusFilter }) : [],
 		    [board, selectedId, statusFilter]
 		  );
@@ -1130,6 +1358,7 @@ window.__ModuleLoader__.load({
 		        onToggleFilter: toggleFilter,
 		        onToggleChain: toggleChain,
 		        onOpenTask: openTask,
+		        onOpenView: props.onOpenView,
 		        onConfirmAudit: (chainId) => void runAction({ type: "confirm-audit", chainId }),
 		        onRenameChain: (chainId, title) => void runAction({ type: "rename", chainId, title }),
 		        onDeleteChain: async (chainId) => {
@@ -1156,9 +1385,9 @@ window.__ModuleLoader__.load({
 		// client/KanbanTab.tsx
 		var import_jsx_runtime7 = require("react/jsx-runtime");
 		function KanbanTab(props = {}) {
-		  const own = (0, import_react6.useMemo)(() => props.store ?? createBoardStore(), [props.store]);
+		  const own = (0, import_react7.useMemo)(() => props.store ?? createBoardStore(), [props.store]);
 		  const snapshot = useKanbanBoard(own);
-		  (0, import_react6.useEffect)(() => {
+		  (0, import_react7.useEffect)(() => {
 		    if (props.store) return;
 		    void own.start();
 		    return () => {
@@ -1167,18 +1396,258 @@ window.__ModuleLoader__.load({
 		  }, [own, props.store]);
 		  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dsh-kb-tab", role: "region", "aria-label": "\u770B\u677F", children: [
 		    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ConnectionBanner, { connection: snapshot.connection, lastSuccessAt: snapshot.lastSuccessAt, onRetry: () => void own.retry() }),
-		    snapshot.board ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(KanbanBoard, { snapshot, postAction: (action) => own.postAction(action), onResync: () => own.retry() }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-kb-loading", children: "\u52A0\u8F7D\u770B\u677F\u2026" })
+		    snapshot.board ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(KanbanBoard, { snapshot, onOpenView: props.openView, postAction: (action) => own.postAction(action), onResync: () => own.retry() }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dsh-kb-loading", children: "\u52A0\u8F7D\u770B\u677F\u2026" })
+		  ] });
+		}
+		
+		// client/ConfigSection.tsx
+		var import_react9 = require("react");
+		
+		// client/config-store.ts
+		var SWARM_CONFIG_NS = "swarm-config";
+		function createConfigStore(fetchImpl) {
+		  let state = { effective: { wikiVault: { baseUrl: "", pagePrefix: "" }, roles: { models: {} } }, sources: {}, catalog: { providers: [], models: {} }, saving: false, error: null };
+		  const listeners = /* @__PURE__ */ new Set();
+		  const setState = (patch) => {
+		    state = { ...state, ...patch };
+		    for (const l of [...listeners]) l();
+		  };
+		  const get = () => state;
+		  const subscribe = (listener) => {
+		    listeners.add(listener);
+		    return () => {
+		      listeners.delete(listener);
+		    };
+		  };
+		  const load = async () => {
+		    const [cfg, cat] = await Promise.all([
+		      fetchImpl("/kanban/config").then((r) => r.json()),
+		      fetchImpl("/kanban/llm-catalog").then((r) => r.json())
+		    ]);
+		    setState({ effective: cfg.effective, sources: cfg.sources, catalog: cat });
+		  };
+		  const save = async (snap) => {
+		    setState({ saving: true, error: null });
+		    try {
+		      const r = await fetchImpl("/kanban/config", {
+		        method: "PUT",
+		        headers: { "Content-Type": "application/json" },
+		        body: JSON.stringify(snap)
+		      });
+		      const d = await r.json();
+		      if (!r.ok) {
+		        setState({ error: (d.fields ?? []).join(", ") || "save failed" });
+		        return false;
+		      }
+		      setState({ effective: d.effective, sources: d.sources });
+		      return true;
+		    } catch (e) {
+		      setState({ error: String(e) });
+		      return false;
+		    } finally {
+		      setState({ saving: false });
+		    }
+		  };
+		  const reset = async () => {
+		    const r = await fetchImpl("/kanban/config/reset", { method: "POST" }).then((x) => x.json());
+		    setState({ effective: r.effective, sources: r.sources });
+		    return r;
+		  };
+		  return { get, subscribe, load, save, reset };
+		}
+		
+		// client/ConfigSelect.tsx
+		var import_react8 = require("react");
+		var import_jsx_runtime8 = require("react/jsx-runtime");
+		function ConfigSelect({ value, options, placeholder, onChange, onCommit }) {
+		  const [open, setOpen] = (0, import_react8.useState)(false);
+		  const rootRef = (0, import_react8.useRef)(null);
+		  (0, import_react8.useEffect)(() => {
+		    if (!open) return;
+		    const onDocDown = (e) => {
+		      if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
+		    };
+		    const onKey = (e) => {
+		      if (e.key === "Escape") setOpen(false);
+		    };
+		    document.addEventListener("mousedown", onDocDown);
+		    document.addEventListener("keydown", onKey);
+		    return () => {
+		      document.removeEventListener("mousedown", onDocDown);
+		      document.removeEventListener("keydown", onKey);
+		    };
+		  }, [open]);
+		  const current = options.find((o) => o.value === value);
+		  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-kb-config__select", ref: rootRef, children: [
+		    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+		      "button",
+		      {
+		        type: "button",
+		        className: "dsh-kb-config__select-trigger",
+		        "aria-haspopup": "listbox",
+		        "aria-expanded": open,
+		        onClick: () => setOpen((v) => !v),
+		        children: [
+		          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: current ? void 0 : "dsh-kb-config__select-placeholder", children: current?.label ?? placeholder }),
+		          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-kb-config__select-chevron", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: "12", height: "12", viewBox: "0 0 16 16", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+		            "path",
+		            {
+		              d: "M6 3.5 10.5 8 6 12.5",
+		              fill: "none",
+		              stroke: "currentColor",
+		              strokeWidth: "1.5",
+		              strokeLinecap: "round",
+		              strokeLinejoin: "round"
+		            }
+		          ) }) })
+		        ]
+		      }
+		    ),
+		    open && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("ul", { className: "dsh-kb-config__menu", role: "listbox", children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+		      "button",
+		      {
+		        type: "button",
+		        role: "option",
+		        "aria-selected": o.value === value,
+		        className: "dsh-kb-config__option",
+		        "data-selected": o.value === value || void 0,
+		        onClick: () => {
+		          onChange(o.value);
+		          setOpen(false);
+		          onCommit?.();
+		        },
+		        children: [
+		          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: o.label }),
+		          o.value === value && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-kb-config__option-check", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 16 16", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+		            "path",
+		            {
+		              d: "M3 8.5 6.5 12 13 4.5",
+		              fill: "none",
+		              stroke: "currentColor",
+		              strokeWidth: "1.5",
+		              strokeLinecap: "round",
+		              strokeLinejoin: "round"
+		            }
+		          ) }) })
+		        ]
+		      }
+		    ) }, o.value || "__empty__")) })
+		  ] });
+		}
+		
+		// client/ConfigSection.tsx
+		var import_jsx_runtime9 = require("react/jsx-runtime");
+		var ROLES = ["v", "p", "w", "d", "pt", "dt"];
+		function ConfigSection({ fetchImpl, close }) {
+		  const storeRef = (0, import_react9.useRef)(null);
+		  if (!storeRef.current) storeRef.current = createConfigStore(fetchImpl ?? ((...args) => fetch(...args)));
+		  const store = storeRef.current;
+		  const state = (0, import_react9.useSyncExternalStore)(store.subscribe, store.get);
+		  const [draft, setDraft] = (0, import_react9.useState)(null);
+		  (0, import_react9.useEffect)(() => {
+		    void store.load().then(() => setDraft(store.get().effective));
+		  }, [store]);
+		  if (!draft) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "dsh-kb-config", children: "\u52A0\u8F7D\u4E2D\u2026" });
+		  const commit = (next) => {
+		    setDraft(next);
+		    void store.save(next);
+		  };
+		  const setModel = (r, patch) => {
+		    const prev = draft.roles.models[r] ?? { provider: "", model: "", reasoningEffort: "" };
+		    commit({ ...draft, roles: { models: { ...draft.roles.models, [r]: { ...prev, ...patch } } } });
+		  };
+		  const onBlur = () => {
+		    void store.save(draft);
+		  };
+		  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dsh-kb-config", children: [
+		    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { className: "dsh-kb-config__card", children: [
+		      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { children: "\u77E5\u8BC6\u5E93" }),
+		      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "dsh-kb-config__label", children: "baseUrl" }),
+		      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+		        "input",
+		        {
+		          value: draft.wikiVault.baseUrl,
+		          onBlur,
+		          onChange: (e) => setDraft({ ...draft, wikiVault: { ...draft.wikiVault, baseUrl: e.target.value } })
+		        }
+		      ),
+		      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "dsh-kb-config__help", children: "llm-wiki \u77E5\u8BC6\u5E93\u5916\u94FE HTTP \u5730\u5740\uFF08\u5982 http://192.168.122.111:3000\uFF09\uFF1B\u7559\u7A7A\u5219\u4F7F\u7528\u672C\u5730 llm-wiki \u515C\u5E95" }),
+		      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "dsh-kb-config__label", children: "pagePrefix" }),
+		      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+		        "input",
+		        {
+		          value: draft.wikiVault.pagePrefix,
+		          onBlur,
+		          onChange: (e) => setDraft({ ...draft, wikiVault: { ...draft.wikiVault, pagePrefix: e.target.value } })
+		        }
+		      ),
+		      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "dsh-kb-config__help", children: "llm-wiki \u9875\u9762\u8DEF\u5F84\u524D\u7F00\uFF08\u5982 projects/\uFF09" })
+		    ] }),
+		    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { className: "dsh-kb-config__card", children: [
+		      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { children: "\u6A21\u578B\u94FE" }),
+		      ROLES.map((r) => {
+		        const m = draft.roles.models[r] ?? { provider: "", model: "", reasoningEffort: "" };
+		        const providerModels = state.catalog.models[m.provider] ?? [];
+		        const efforts = providerModels.find((x) => x.id === m.model)?.efforts ?? [];
+		        return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dsh-kb-config__role", children: [
+		          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("strong", { children: r }),
+		          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+		            ConfigSelect,
+		            {
+		              value: m.provider,
+		              placeholder: "\u9009\u62E9 provider",
+		              options: state.catalog.providers.map((p) => ({ value: p.id, label: p.name })),
+		              onChange: (v) => {
+		                if (v !== m.provider) setModel(r, { provider: v, model: "", reasoningEffort: "" });
+		              }
+		            }
+		          ),
+		          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+		            ConfigSelect,
+		            {
+		              value: m.model,
+		              placeholder: "\u9009\u62E9\u6A21\u578B",
+		              options: providerModels.map((x) => ({ value: x.id, label: x.name })),
+		              onChange: (v) => {
+		                if (v !== m.model) setModel(r, { model: v, reasoningEffort: "" });
+		              }
+		            }
+		          ),
+		          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+		            ConfigSelect,
+		            {
+		              value: m.reasoningEffort,
+		              placeholder: "\u8DDF\u968F\u9ED8\u8BA4",
+		              options: efforts.map((x) => ({ value: x.id, label: x.name })),
+		              onChange: (v) => {
+		                if (v !== m.reasoningEffort) setModel(r, { reasoningEffort: v });
+		              }
+		            }
+		          ),
+		          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "dsh-kb-config__src", children: state.sources[`roles.models.${r}.model`] === "override" ? "\u5DF2\u8986\u76D6" : "\u7EE7\u627F" })
+		        ] }, r);
+		      })
+		    ] }),
+		    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "dsh-kb-config__footer", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("button", { onClick: () => {
+		      void store.reset().then((r) => setDraft(r.effective));
+		    }, children: "\u91CD\u7F6E" }) }),
+		    state.error && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "dsh-kb-config__error", children: state.error })
 		  ] });
 		}
 		
 		// client/kanban.css
-		var kanban_default = "/* T32\uFF1A\u5361\u7247/\u8FDE\u63A5\u7EBF\u7B49\u5C40\u90E8\u8FC7\u6E21\u4FDD\u6301 120-180ms\uFF1Bprefers-reduced-motion \u5168\u5C40\u5173\u95ED */\n.dsh-kb-tab {\n  /* DSH \u8BBE\u8BA1\u4EE4\u724C\uFF08\u6D45/\u6DF1\u8272\u968F body[data-ds-dark-theme] \u81EA\u52A8\u5207\u6362\uFF09\u2014\u2014\u7981\u6B62\u786C\u7F16\u7801\u989C\u8272 */\n  --dsh-kb-surface: var(--dsw-alias-bg-layer-1);\n  --dsh-kb-surface-elev: var(--dsw-alias-bg-layer-3);\n  --dsh-kb-text-primary: var(--dsw-alias-label-primary);\n  --dsh-kb-text-secondary: var(--dsw-alias-label-secondary);\n  --dsh-kb-text-tertiary: var(--dsw-alias-label-tertiary);\n  --dsh-kb-border: var(--dsw-alias-border-l2);\n  --dsh-kb-hover: var(--dsw-alias-interactive-bg-hover);\n  --dsh-kb-mask: var(--dsw-alias-bg-mask-3);\n  --dsh-kb-input: var(--dsw-specific-input-major);\n  --dsh-kb-inline-code: var(--dsw-alias-markdown-inline-code);\n  /* \u5927\u5706\u89D2\u5951\u7EA6\uFF08\u5BF9\u9F50 DSH \u5361\u7247 16px\uFF09\uFF0C\u540E\u7EED UI \u4E00\u5F8B\u590D\u7528 */\n  --dsh-kb-radius-lg: 16px;\n  --dsh-kb-radius-md: 10px;\n  --dsh-kb-radius-sm: 8px;\n  /* \u72B6\u6001\u8272 \u2192 DSH \u8BED\u4E49\u4EE4\u724C */\n  --dsh-kb-complete: var(--dsw-alias-state-success-primary);\n  --dsh-kb-active: var(--dsw-alias-state-business-primary);\n  --dsh-kb-blocked: var(--dsw-alias-state-error-primary);\n  --dsh-kb-pending: currentColor;\n  /* \u89D2\u8272\u8272\uFF1ADSH \u6709\u7B49\u4EF7\u4EE4\u724C\u5219\u590D\u7528\uFF1Bp/pt/dt \u65E0 DSH \u7B49\u4EF7\u8272\uFF0C\u4FDD\u7559\u539F\u503C */\n  --dsh-kb-v: var(--dsw-alias-state-business-primary);\n  --dsh-kb-p: #a855f7;\n  --dsh-kb-w: var(--dsw-alias-state-success-primary);\n  --dsh-kb-d: var(--dsw-alias-state-warn-primary);\n  --dsh-kb-pt: #6366f1; /* \u8BA1\u5212\u8BC4\u5BA1\uFF1A\u975B/\u6D45\u84DD */\n  --dsh-kb-dt: #ec4899; /* \u5B9E\u73B0\u8BC4\u5BA1\uFF1A\u73AB\u7EA2 */\n  height: 100%;\n  width: 100%;\n  min-width: 715px; /* \u770B\u677F\u6700\u5C0F\u5BBD\u5EA6 */\n  max-width: 780px; /* \u770B\u677F\u6700\u5927\u5BBD\u5EA6 */\n  margin-inline: auto;\n  display: flex;\n  flex-direction: column;\n  color: inherit;\n  background: var(--dsw-alias-bg-base);\n  pointer-events: auto;\n  font-size: 13px;\n  line-height: 1.45;\n  overflow: hidden;\n}\n\n.dsh-kb-banner {\n  flex: 0 0 auto;\n  padding: 6px 12px;\n  font-size: 12px;\n  border-bottom: 1px solid var(--dsh-kb-border);\n}\n.dsh-kb-banner--reconnecting,\n.dsh-kb-banner--loading {\n  color: var(--dsh-kb-active);\n}\n.dsh-kb-banner--error {\n  color: var(--dsh-kb-blocked);\n}\n\n.dsh-kb-tab-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n  padding: 8px;\n}\n\n.dsh-kb-loading {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: currentColor;\n  opacity: 0.7;\n}\n\n.dsh-kb-toolbar {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  padding-bottom: 8px;\n}\n.dsh-kb-toolbar input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 10px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-md);\n  background: var(--dsh-kb-input);\n  color: var(--dsh-kb-text-primary);\n}\n\n.dsh-kb-rail {\n  display: flex;\n  flex-direction: column;\n}\n/* \u72B6\u6001\u7B5B\u9009 chip \u7EC4\uFF1A\u6267\u884C\u4E2D/\u963B\u585E/\u5931\u8D25/\u5DF2\u5B8C\u6210\uFF08\u591A\u9009\u5E76\u96C6\uFF1B\u7A7A=\u9ED8\u8BA4\u89C6\u56FE\uFF09 */\n.dsh-kb-filters {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  padding: 0 0 8px;\n}\n.dsh-kb-filter {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: transparent;\n  color: currentColor;\n  font: inherit;\n  cursor: pointer;\n  user-select: none;\n  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;\n}\n.dsh-kb-filter:hover {\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-filter--active {\n  border-color: var(--dsh-kb-active);\n  color: var(--dsh-kb-active);\n  background: color-mix(in srgb, var(--dsh-kb-active) 10%, transparent);\n}\n\n.dsh-kb-chain {\n  margin-bottom: 10px;\n}\n.dsh-kb-chain__title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  box-sizing: border-box;\n  width: 100%;\n  padding: 6px 8px;\n  border: 0;\n  border-radius: var(--dsh-kb-radius-sm);\n  background: transparent;\n  color: var(--dsh-kb-text-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: background-color 150ms ease;\n}\n.dsh-kb-chain__title:hover {\n  background: var(--dsh-kb-hover);\n}\n/* \u6BCF\u6761\u94FE\u8DEF\u524D\u7684\u6298\u53E0\u7BAD\u5934\uFF08\u4E0E DSH \u6298\u53E0\u4EA4\u4E92\u4E00\u81F4\uFF1A\u7EC6 chevron\uFF0C\u5C55\u5F00\u65F6\u65CB\u8F6C\uFF0C150ms \u8FC7\u6E21\uFF09 */\n.dsh-kb-chain__chevron {\n  flex: 0 0 auto;\n  width: 7px;\n  height: 7px;\n  border-top: 1.5px solid currentColor;\n  border-right: 1.5px solid currentColor;\n  transform: rotate(45deg);\n  opacity: 0.7;\n  transition: transform 150ms ease;\n}\n.dsh-kb-chain__title[aria-expanded='true'] .dsh-kb-chain__chevron {\n  transform: rotate(135deg);\n}\n.dsh-kb-chain__name {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-chain__meta {\n  flex: 0 0 auto;\n  white-space: nowrap;\n  opacity: 0.7;\n}\n.dsh-kb-chain__warning {\n  padding: 4px 8px;\n  margin: 2px 0 6px;\n  border-left: 3px solid var(--dsh-kb-blocked);\n  color: var(--dsh-kb-blocked);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* D23\uFF1A\u94FE\u5B8C\u6210\u9A8C\u6536\u6838\u5BF9\u8B66\u544A\u884C\uFF08completed \u94FE\u672A\u786E\u8BA4\u524D\u963B\u585E\u6700\u7EC8\u6C47\u62A5\uFF09 */\n.dsh-kb-chain__audit {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  white-space: normal;\n}\n.dsh-kb-chain__audit span {\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n.dsh-kb-audit-confirm {\n  flex: 0 0 auto;\n  border: 1px solid var(--dsh-kb-blocked);\n  border-radius: var(--dsh-kb-radius-sm);\n  background: transparent;\n  color: var(--dsh-kb-blocked);\n  padding: 2px 10px;\n  cursor: pointer;\n  font: inherit;\n  transition: background-color 150ms ease, color 150ms ease;\n}\n.dsh-kb-audit-confirm:hover {\n  background: var(--dsh-kb-blocked);\n  color: #fff;\n}\n\n.dsh-kb-nodes {\n  list-style: none;\n  margin: 0;\n  padding: 0 0 0 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.dsh-kb-node {\n  position: relative;\n  padding-left: 12px;\n}\n.dsh-kb-node::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: var(--dsh-kb-pending);\n  transition: background-color 150ms ease;\n}\n.dsh-kb-node--complete::before { background: var(--dsh-kb-complete); }\n.dsh-kb-node--active::before { background: var(--dsh-kb-active); }\n.dsh-kb-node--pending::before {\n  background: repeating-linear-gradient(to bottom, currentColor 0 3px, transparent 3px 6px);\n}\n.dsh-kb-node--blocked::before {\n  background: repeating-linear-gradient(to bottom, var(--dsh-kb-blocked) 0 4px, transparent 4px 8px);\n}\n\n.dsh-kb-task {\n  display: grid;\n  grid-template-columns: 22px 1fr auto;\n  grid-template-rows: auto auto;\n  gap: 2px 8px;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 8px;\n  margin: 4px 0;\n  border: 1px solid transparent;\n  border-radius: var(--dsh-kb-radius-lg);\n  background: transparent;\n  color: var(--dsh-kb-text-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: border-color 150ms ease, background-color 150ms ease, opacity 150ms ease;\n}\n.dsh-kb-task:hover {\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-task[data-selected],\n.dsh-kb-task--active {\n  border-color: var(--dsh-kb-active);\n}\n/* T32\uFF1A\u5B8C\u6210\u4EFB\u52A1\u4FDD\u7559\u5728\u8F68\u9053\u4F46\u89C6\u89C9\u964D\u6743\uFF1B\u72B6\u6001\u8272\u4E0D\u53D8\u3001\u4E0D\u6574\u5361\u67D3\u8272 */\n.dsh-kb-task--complete {\n  opacity: 0.72;\n}\n.dsh-kb-task__title {\n  grid-column: 2;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-task__status {\n  grid-column: 3;\n  color: currentColor;\n  opacity: 0.75;\n}\n.dsh-kb-task__meta {\n  grid-column: 2 / 4;\n  opacity: 0.6;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-task__warn {\n  grid-column: 2 / 4;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--dsh-kb-blocked);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-task__warn svg {\n  flex: 0 0 auto;\n}\n.dsh-kb-task__warn span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-task--complete .dsh-kb-task__status { color: var(--dsh-kb-complete); }\n.dsh-kb-task--blocked .dsh-kb-task__status { color: var(--dsh-kb-blocked); }\n/* D17\uFF1A\u9009\u4E2D\u4EFB\u52A1\u6240\u5728\u94FE\u8DEF\u7684\u4E0A\u6E38/\u5F53\u524D/\u4E0B\u6E38\u8DEF\u5F84\u5361\u9AD8\u4EAE\uFF1B\u4E0D\u6539\u53D8\u8FDE\u63A5\u7EBF\u8BED\u4E49\uFF0C\u9009\u4E2D\u5361\u4FDD\u6301\u5F3A\u8FB9\u6846 */\n.dsh-kb-task--related:not(.dsh-kb-task--active) {\n  border-color: color-mix(in srgb, var(--dsh-kb-active) 35%, transparent);\n  background: color-mix(in srgb, var(--dsh-kb-active) 6%, transparent);\n}\n\n.dsh-kb-empty {\n  padding: 24px 12px;\n  text-align: center;\n  color: var(--dsh-kb-text-secondary);\n  border: 1px dashed var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-lg);\n}\n\n.dsh-kb-profile {\n  grid-row: 1 / 3;\n  align-self: start;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--dsh-kb-radius-sm);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 700;\n  color: #fff;\n}\n.dsh-kb-profile--v { background: var(--dsh-kb-v); }\n.dsh-kb-profile--p { background: var(--dsh-kb-p); }\n.dsh-kb-profile--w { background: var(--dsh-kb-w); }\n.dsh-kb-profile--d { background: var(--dsh-kb-d); }\n.dsh-kb-profile--pt { background: var(--dsh-kb-pt); }\n.dsh-kb-profile--dt { background: var(--dsh-kb-dt); }\n\n/* T27\uFF1A\u4EFB\u52A1\u5361\u5F39\u7A97\uFF08\u539F\u4F4D\u8BE6\u60C5\uFF09\u2014\u2014DSH \u9762\u677F\u98CE\u683C\uFF1A\u5927\u5706\u89D2 + \u62AC\u5347\u8868\u9762 + \u6D45/\u6DF1\u8272\u4EE4\u724C */\n.dsh-kb-detail {\n  display: flex;\n  flex-direction: column;\n  min-height: calc(100% - 16px);\n  margin: 8px;\n  padding: 12px 16px;\n  box-sizing: border-box;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-lg);\n  background: var(--dsh-kb-surface);\n  color: var(--dsh-kb-text-primary);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n}\n.dsh-kb-detail__header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--dsh-kb-border);\n}\n.dsh-kb-detail__header > button:not(.dsh-kb-unread) {\n  flex: 0 0 auto;\n  width: 28px;\n  height: 28px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-md);\n  background: transparent;\n  color: var(--dsh-kb-text-primary);\n  cursor: pointer;\n  font: inherit;\n  line-height: 1;\n  transition: background-color 150ms ease;\n}\n.dsh-kb-detail__header > button:not(.dsh-kb-unread):hover {\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-detail__identity {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n.dsh-kb-detail__identity strong,\n.dsh-kb-detail__identity span {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-detail__actions {\n  display: flex;\n  gap: 4px;\n  flex: 0 0 auto;\n}\n.dsh-kb-detail__actions button {\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-md);\n  background: transparent;\n  color: var(--dsh-kb-text-primary);\n  padding: 4px 10px;\n  cursor: pointer;\n  font: inherit;\n  transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease;\n}\n.dsh-kb-detail__actions button:hover {\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-detail__actions button[data-confirming='true'] {\n  border-color: var(--dsh-kb-blocked);\n  color: var(--dsh-kb-blocked);\n}\n.dsh-kb-detail__actions button:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n.dsh-kb-action-form {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n.dsh-kb-action-form input {\n  width: 140px;\n  padding: 3px 8px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-sm);\n  background: var(--dsh-kb-input);\n  color: var(--dsh-kb-text-primary);\n  font: inherit;\n  font-size: 12px;\n}\n.dsh-kb-unread {\n  flex: 0 0 auto;\n  border: 1px solid var(--dsh-kb-active);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsh-kb-active) 12%, transparent);\n  color: var(--dsh-kb-active);\n  padding: 2px 8px;\n  font: inherit;\n  font-size: 12px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.dsh-kb-action-error {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 8px;\n  margin: 4px 0;\n  border-left: 3px solid var(--dsh-kb-blocked);\n  color: var(--dsh-kb-blocked);\n  font-size: 12px;\n}\n.dsh-kb-action-error span {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-action-error button {\n  flex: 0 0 auto;\n  border: 1px solid currentColor;\n  border-radius: var(--dsh-kb-radius-sm);\n  background: transparent;\n  color: inherit;\n  padding: 1px 6px;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-kb-detail [role='tablist'] {\n  display: flex;\n  gap: 4px;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--dsh-kb-border);\n}\n.dsh-kb-detail [role='tab'] {\n  border: 0;\n  border-radius: var(--dsh-kb-radius-sm);\n  background: transparent;\n  color: var(--dsh-kb-text-secondary);\n  padding: 4px 10px;\n  cursor: pointer;\n  transition: background-color 150ms ease, color 150ms ease;\n}\n.dsh-kb-detail [role='tab']:hover {\n  color: var(--dsh-kb-text-primary);\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-detail [role='tab'][aria-selected='true'] {\n  background: var(--dsh-kb-hover);\n  color: var(--dsh-kb-text-primary);\n}\n.dsh-kb-detail [role='tabpanel'] {\n  padding: 8px 0;\n  overflow: auto;\n}\n.dsh-kb-detail h4 {\n  margin: 8px 0 4px;\n  font-size: 12px;\n  text-transform: none;\n  color: var(--dsh-kb-text-secondary);\n}\n.dsh-kb-detail code {\n  background: var(--dsh-kb-inline-code);\n  border-radius: var(--dsh-kb-radius-sm);\n  padding: 1px 4px;\n}\n.dsh-kb-detail dl {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 4px 8px;\n  margin: 8px 0;\n}\n.dsh-kb-detail dt { opacity: 0.7; color: var(--dsh-kb-text-tertiary); }\n.dsh-kb-detail dd { margin: 0; }\n.dsh-kb-detail time { opacity: 0.6; font-size: 12px; margin-inline-end: 4px; }\n\n.dsh-kb-spec-attachments {\n  list-style: none;\n  margin: 4px 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.dsh-kb-spec-attachments li {\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-spec-attachment__kind {\n  font-size: 11px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-sm);\n  padding: 0 4px;\n  opacity: 0.8;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-kb-tab * {\n    transition-duration: 0ms !important;\n  }\n}\n\n/* \u6574\u94FE\u5220\u9664\u6309\u94AE\uFF1A\u9ED8\u8BA4\u9690\u85CF\uFF0Chover \u9700\u6C42\u6807\u9898\u884C\u65F6\u51FA\u73B0\uFF08GUI \u4EC5 human\uFF0C\u4E8C\u6B21\u786E\u8BA4\uFF09 */\n.dsh-kb-chain__delete {\n  flex: 0 0 auto;\n  border: 0;\n  background: transparent;\n  color: currentColor;\n  opacity: 0;\n  font: inherit;\n  line-height: 1;\n  padding: 2px 4px;\n  cursor: pointer;\n  transition: opacity 150ms ease, color 150ms ease;\n}\n.dsh-kb-chain__title:hover .dsh-kb-chain__delete,\n.dsh-kb-chain__delete:focus-visible { opacity: 0.7; }\n.dsh-kb-chain__delete:hover { opacity: 1; color: var(--dsh-kb-blocked); }\n/* \u5220\u9664\u4E8C\u6B21\u786E\u8BA4\u5F39\u7A97\uFF08\u590D\u7528 rename \u5F39\u7A97\u5916\u58F3/\u5706\u89D2\u5951\u7EA6\uFF09 */\n.dsh-kb-delete-modal__text {\n  color: var(--dsh-kb-text-secondary);\n  font-size: 13px;\n  line-height: 1.5;\n}\n.dsh-kb-delete-modal__error {\n  color: var(--dsh-kb-blocked);\n  font-size: 12px;\n}\n.dsh-kb-rename-modal__actions .dsh-kb-delete-confirm {\n  border-color: transparent;\n  background: var(--dsw-alias-state-error-primary);\n  color: #fff;\n}\n/* T7\uFF1A\u94FE\u6807\u9898\u6539\u540D\u94C5\u7B14\u6309\u94AE + \u8F7B\u91CF\u5F39\u7A97\uFF08GUI \u4EC5 human\uFF1B\u89D2\u8272\u5361\u4E0D\u53EF\u6539\u540D\uFF09 */\n.dsh-kb-chain__rename {\n  flex: 0 0 auto;\n  border: 0;\n  background: transparent;\n  color: currentColor;\n  opacity: 0.55;\n  font: inherit;\n  line-height: 1;\n  padding: 2px 4px;\n  cursor: pointer;\n}\n.dsh-kb-chain__rename:hover { opacity: 1; }\n.dsh-kb-task__status-row {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.dsh-kb-rename-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  background: var(--dsh-kb-mask);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.dsh-kb-rename-modal {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 280px;\n  padding: 16px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-lg);\n  background: var(--dsh-kb-surface-elev);\n  color: var(--dsh-kb-text-primary);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n}\n.dsh-kb-rename-modal__label {\n  color: var(--dsh-kb-text-primary);\n  font-size: 13px;\n  font-weight: 600;\n}\n.dsh-kb-rename-modal__input {\n  padding: 6px 10px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-md);\n  background: var(--dsh-kb-input);\n  color: var(--dsh-kb-text-primary);\n  font: inherit;\n}\n.dsh-kb-rename-modal__input:focus {\n  outline: none;\n  border-color: var(--dsh-kb-active);\n}\n.dsh-kb-rename-modal__actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.dsh-kb-rename-modal__actions button {\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-md);\n  background: transparent;\n  color: var(--dsh-kb-text-primary);\n  font: inherit;\n  padding: 4px 14px;\n  cursor: pointer;\n  transition: background-color 150ms ease;\n}\n.dsh-kb-rename-modal__actions button:hover {\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-rename-modal__actions .dsh-kb-rename-save {\n  border-color: transparent;\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n";
+		var kanban_default = "/* T32\uFF1A\u5361\u7247/\u8FDE\u63A5\u7EBF\u7B49\u5C40\u90E8\u8FC7\u6E21\u4FDD\u6301 120-180ms\uFF1Bprefers-reduced-motion \u5168\u5C40\u5173\u95ED */\n.dsh-kb-tab {\n  /* DSH \u8BBE\u8BA1\u4EE4\u724C\uFF08\u6D45/\u6DF1\u8272\u968F body[data-ds-dark-theme] \u81EA\u52A8\u5207\u6362\uFF09\u2014\u2014\u7981\u6B62\u786C\u7F16\u7801\u989C\u8272 */\n  --dsh-kb-surface: var(--dsw-alias-bg-layer-1);\n  --dsh-kb-surface-elev: var(--dsw-alias-bg-layer-3);\n  --dsh-kb-text-primary: var(--dsw-alias-label-primary);\n  --dsh-kb-text-secondary: var(--dsw-alias-label-secondary);\n  --dsh-kb-text-tertiary: var(--dsw-alias-label-tertiary);\n  --dsh-kb-border: var(--dsw-alias-border-l2);\n  --dsh-kb-hover: var(--dsw-alias-interactive-bg-hover);\n  --dsh-kb-mask: var(--dsw-alias-bg-mask-3);\n  --dsh-kb-input: var(--dsw-specific-input-major);\n  --dsh-kb-inline-code: var(--dsw-alias-markdown-inline-code);\n  /* \u5927\u5706\u89D2\u5951\u7EA6\uFF08\u5BF9\u9F50 DSH \u5361\u7247 16px\uFF09\uFF0C\u540E\u7EED UI \u4E00\u5F8B\u590D\u7528 */\n  --dsh-kb-radius-lg: 16px;\n  --dsh-kb-radius-md: 10px;\n  --dsh-kb-radius-sm: 8px;\n  /* \u72B6\u6001\u8272 \u2192 DSH \u8BED\u4E49\u4EE4\u724C */\n  --dsh-kb-complete: var(--dsw-alias-state-success-primary);\n  --dsh-kb-active: var(--dsw-alias-state-business-primary);\n  --dsh-kb-blocked: var(--dsw-alias-state-error-primary);\n  --dsh-kb-pending: currentColor;\n  /* \u89D2\u8272\u8272\uFF1ADSH \u6709\u7B49\u4EF7\u4EE4\u724C\u5219\u590D\u7528\uFF1Bp/pt/dt \u65E0 DSH \u7B49\u4EF7\u8272\uFF0C\u4FDD\u7559\u539F\u503C */\n  --dsh-kb-v: var(--dsw-alias-state-business-primary);\n  --dsh-kb-p: #a855f7;\n  --dsh-kb-w: var(--dsw-alias-state-success-primary);\n  --dsh-kb-d: var(--dsw-alias-state-warn-primary);\n  --dsh-kb-pt: #6366f1; /* \u8BA1\u5212\u8BC4\u5BA1\uFF1A\u975B/\u6D45\u84DD */\n  --dsh-kb-dt: #ec4899; /* \u5B9E\u73B0\u8BC4\u5BA1\uFF1A\u73AB\u7EA2 */\n  height: 100%;\n  width: 100%;\n  /* \u63A5\u5165\u5BBF\u4E3B\u4F1A\u8BDD\u6D41\u5BBD\u5EA6\u7CFB\u7EDF\uFF1A\u81EA\u9002\u5E94 clamp + \u62D6\u62FD\u504F\u597D\uFF08--dsh-chat-content-width \u7531\n     \u5BBF\u4E3B ConversationRoot \u5B9A\u4E49\uFF0C\u62D6\u62FD\u624B\u67C4\u5B98\u65B9\u5DF2\u5B9E\u73B0\uFF09\uFF1B780px \u4EC5\u4E3A\u53D8\u91CF\u7F3A\u5931\u65F6\u7684\u515C\u5E95 */\n  min-width: 0;\n  max-width: var(--dsh-chat-content-width, 780px);\n  margin-inline: auto;\n  display: flex;\n  flex-direction: column;\n  color: inherit;\n  background: var(--dsw-alias-bg-base);\n  pointer-events: auto;\n  font-size: 13px;\n  line-height: 1.45;\n  overflow: hidden;\n}\n\n.dsh-kb-banner {\n  flex: 0 0 auto;\n  padding: 6px 12px;\n  font-size: 12px;\n  border-bottom: 1px solid var(--dsh-kb-border);\n}\n.dsh-kb-banner--reconnecting,\n.dsh-kb-banner--loading {\n  color: var(--dsh-kb-active);\n}\n.dsh-kb-banner--error {\n  color: var(--dsh-kb-blocked);\n}\n\n.dsh-kb-tab-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  overflow: auto;\n  padding: 8px;\n}\n\n.dsh-kb-loading {\n  flex: 1 1 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: currentColor;\n  opacity: 0.7;\n}\n\n.dsh-kb-toolbar {\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  padding-bottom: 8px;\n}\n.dsh-kb-toolbar input {\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 10px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-md);\n  background: var(--dsh-kb-input);\n  color: var(--dsh-kb-text-primary);\n}\n\n.dsh-kb-rail {\n  display: flex;\n  flex-direction: column;\n}\n/* \u72B6\u6001\u7B5B\u9009 chip \u7EC4\uFF1A\u6267\u884C\u4E2D/\u963B\u585E/\u5931\u8D25/\u5DF2\u5B8C\u6210\uFF08\u591A\u9009\u5E76\u96C6\uFF1B\u7A7A=\u9ED8\u8BA4\u89C6\u56FE\uFF09 */\n.dsh-kb-filters {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 6px;\n  padding: 0 0 8px;\n}\n.dsh-kb-filter {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 10px;\n  border: 1px solid var(--dsw-alias-border-l2);\n  border-radius: 999px;\n  background: transparent;\n  color: currentColor;\n  font: inherit;\n  cursor: pointer;\n  user-select: none;\n  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;\n}\n.dsh-kb-filter:hover {\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-filter--active {\n  border-color: var(--dsh-kb-active);\n  color: var(--dsh-kb-active);\n  background: color-mix(in srgb, var(--dsh-kb-active) 10%, transparent);\n}\n\n.dsh-kb-chain {\n  margin-bottom: 10px;\n}\n.dsh-kb-chain__title {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  box-sizing: border-box;\n  width: 100%;\n  padding: 6px 8px;\n  border: 0;\n  border-radius: var(--dsh-kb-radius-sm);\n  background: transparent;\n  color: var(--dsh-kb-text-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: background-color 150ms ease;\n}\n.dsh-kb-chain__title:hover {\n  background: var(--dsh-kb-hover);\n}\n/* \u6BCF\u6761\u94FE\u8DEF\u524D\u7684\u6298\u53E0\u7BAD\u5934\uFF08\u4E0E DSH \u6298\u53E0\u4EA4\u4E92\u4E00\u81F4\uFF1A\u7EC6 chevron\uFF0C\u5C55\u5F00\u65F6\u65CB\u8F6C\uFF0C150ms \u8FC7\u6E21\uFF09 */\n.dsh-kb-chain__chevron {\n  flex: 0 0 auto;\n  width: 7px;\n  height: 7px;\n  border-top: 1.5px solid currentColor;\n  border-right: 1.5px solid currentColor;\n  transform: rotate(45deg);\n  opacity: 0.7;\n  transition: transform 150ms ease;\n}\n.dsh-kb-chain__title[aria-expanded='true'] .dsh-kb-chain__chevron {\n  transform: rotate(135deg);\n}\n.dsh-kb-chain__name {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-chain__meta {\n  flex: 0 0 auto;\n  white-space: nowrap;\n  opacity: 0.7;\n}\n.dsh-kb-chain__warning {\n  padding: 4px 8px;\n  margin: 2px 0 6px;\n  border-left: 3px solid var(--dsh-kb-blocked);\n  color: var(--dsh-kb-blocked);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* D23\uFF1A\u94FE\u5B8C\u6210\u9A8C\u6536\u6838\u5BF9\u8B66\u544A\u884C\uFF08completed \u94FE\u672A\u786E\u8BA4\u524D\u963B\u585E\u6700\u7EC8\u6C47\u62A5\uFF09 */\n.dsh-kb-chain__audit {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  white-space: normal;\n}\n.dsh-kb-chain__audit span {\n  flex: 1 1 auto;\n  overflow: hidden;\n}\n.dsh-kb-audit-confirm {\n  flex: 0 0 auto;\n  border: 1px solid var(--dsh-kb-blocked);\n  border-radius: var(--dsh-kb-radius-sm);\n  background: transparent;\n  color: var(--dsh-kb-blocked);\n  padding: 2px 10px;\n  cursor: pointer;\n  font: inherit;\n  transition: background-color 150ms ease, color 150ms ease;\n}\n.dsh-kb-audit-confirm:hover {\n  background: var(--dsh-kb-blocked);\n  color: #fff;\n}\n\n.dsh-kb-nodes {\n  list-style: none;\n  margin: 0;\n  padding: 0 0 0 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n}\n.dsh-kb-node {\n  position: relative;\n  padding-left: 12px;\n}\n.dsh-kb-node::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  width: 2px;\n  background: var(--dsh-kb-pending);\n  transition: background-color 150ms ease;\n}\n.dsh-kb-node--complete::before { background: var(--dsh-kb-complete); }\n.dsh-kb-node--active::before { background: var(--dsh-kb-active); }\n.dsh-kb-node--pending::before {\n  background: repeating-linear-gradient(to bottom, currentColor 0 3px, transparent 3px 6px);\n}\n.dsh-kb-node--blocked::before {\n  background: repeating-linear-gradient(to bottom, var(--dsh-kb-blocked) 0 4px, transparent 4px 8px);\n}\n\n.dsh-kb-task {\n  display: grid;\n  grid-template-columns: 22px 1fr auto;\n  grid-template-rows: auto auto;\n  gap: 2px 8px;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 6px 8px;\n  margin: 4px 0;\n  border: 1px solid transparent;\n  border-radius: var(--dsh-kb-radius-lg);\n  background: transparent;\n  color: var(--dsh-kb-text-primary);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: border-color 150ms ease, background-color 150ms ease, opacity 150ms ease;\n}\n.dsh-kb-task:hover {\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-task[data-selected],\n.dsh-kb-task--active {\n  border-color: var(--dsh-kb-active);\n}\n/* T32\uFF1A\u5B8C\u6210\u4EFB\u52A1\u4FDD\u7559\u5728\u8F68\u9053\u4F46\u89C6\u89C9\u964D\u6743\uFF1B\u72B6\u6001\u8272\u4E0D\u53D8\u3001\u4E0D\u6574\u5361\u67D3\u8272 */\n.dsh-kb-task--complete {\n  opacity: 0.72;\n}\n.dsh-kb-task__title {\n  grid-column: 2;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-task__status {\n  grid-column: 3;\n  color: currentColor;\n  opacity: 0.75;\n}\n.dsh-kb-task__meta {\n  grid-column: 2 / 4;\n  opacity: 0.6;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-task__warn {\n  grid-column: 2 / 4;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--dsh-kb-blocked);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-task__warn svg {\n  flex: 0 0 auto;\n}\n.dsh-kb-task__warn span {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-task--complete .dsh-kb-task__status { color: var(--dsh-kb-complete); }\n.dsh-kb-task--blocked .dsh-kb-task__status { color: var(--dsh-kb-blocked); }\n/* D17\uFF1A\u9009\u4E2D\u4EFB\u52A1\u6240\u5728\u94FE\u8DEF\u7684\u4E0A\u6E38/\u5F53\u524D/\u4E0B\u6E38\u8DEF\u5F84\u5361\u9AD8\u4EAE\uFF1B\u4E0D\u6539\u53D8\u8FDE\u63A5\u7EBF\u8BED\u4E49\uFF0C\u9009\u4E2D\u5361\u4FDD\u6301\u5F3A\u8FB9\u6846 */\n.dsh-kb-task--related:not(.dsh-kb-task--active) {\n  border-color: color-mix(in srgb, var(--dsh-kb-active) 35%, transparent);\n  background: color-mix(in srgb, var(--dsh-kb-active) 6%, transparent);\n}\n\n.dsh-kb-empty {\n  padding: 24px 12px;\n  text-align: center;\n  color: var(--dsh-kb-text-secondary);\n  border: 1px dashed var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-lg);\n}\n\n.dsh-kb-profile {\n  grid-row: 1 / 3;\n  align-self: start;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--dsh-kb-radius-sm);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 700;\n  color: #fff;\n}\n.dsh-kb-profile--v { background: var(--dsh-kb-v); }\n.dsh-kb-profile--p { background: var(--dsh-kb-p); }\n.dsh-kb-profile--w { background: var(--dsh-kb-w); }\n.dsh-kb-profile--d { background: var(--dsh-kb-d); }\n.dsh-kb-profile--pt { background: var(--dsh-kb-pt); }\n.dsh-kb-profile--dt { background: var(--dsh-kb-dt); }\n\n/* T27\uFF1A\u4EFB\u52A1\u5361\u5F39\u7A97\uFF08\u539F\u4F4D\u8BE6\u60C5\uFF09\u2014\u2014DSH \u9762\u677F\u98CE\u683C\uFF1A\u5927\u5706\u89D2 + \u62AC\u5347\u8868\u9762 + \u6D45/\u6DF1\u8272\u4EE4\u724C */\n.dsh-kb-detail {\n  display: flex;\n  flex-direction: column;\n  min-height: calc(100% - 16px);\n  margin: 8px;\n  padding: 12px 16px;\n  box-sizing: border-box;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-lg);\n  background: var(--dsh-kb-surface);\n  color: var(--dsh-kb-text-primary);\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\n}\n.dsh-kb-detail__header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--dsh-kb-border);\n}\n.dsh-kb-detail__header > button:not(.dsh-kb-unread) {\n  flex: 0 0 auto;\n  width: 28px;\n  height: 28px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-md);\n  background: transparent;\n  color: var(--dsh-kb-text-primary);\n  cursor: pointer;\n  font: inherit;\n  line-height: 1;\n  transition: background-color 150ms ease;\n}\n.dsh-kb-detail__header > button:not(.dsh-kb-unread):hover {\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-detail__identity {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n.dsh-kb-detail__identity strong,\n.dsh-kb-detail__identity span {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-detail__actions {\n  display: flex;\n  gap: 4px;\n  flex: 0 0 auto;\n}\n.dsh-kb-detail__actions button {\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-md);\n  background: transparent;\n  color: var(--dsh-kb-text-primary);\n  padding: 4px 10px;\n  cursor: pointer;\n  font: inherit;\n  transition: border-color 150ms ease, color 150ms ease, background-color 150ms ease;\n}\n.dsh-kb-detail__actions button:hover {\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-detail__actions button[data-confirming='true'] {\n  border-color: var(--dsh-kb-blocked);\n  color: var(--dsh-kb-blocked);\n}\n.dsh-kb-detail__actions button:disabled {\n  opacity: 0.5;\n  cursor: default;\n}\n.dsh-kb-action-form {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n}\n.dsh-kb-action-form input {\n  width: 140px;\n  padding: 3px 8px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-sm);\n  background: var(--dsh-kb-input);\n  color: var(--dsh-kb-text-primary);\n  font: inherit;\n  font-size: 12px;\n}\n.dsh-kb-unread {\n  flex: 0 0 auto;\n  border: 1px solid var(--dsh-kb-active);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--dsh-kb-active) 12%, transparent);\n  color: var(--dsh-kb-active);\n  padding: 2px 8px;\n  font: inherit;\n  font-size: 12px;\n  white-space: nowrap;\n  cursor: pointer;\n}\n.dsh-kb-action-error {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 8px;\n  margin: 4px 0;\n  border-left: 3px solid var(--dsh-kb-blocked);\n  color: var(--dsh-kb-blocked);\n  font-size: 12px;\n}\n.dsh-kb-action-error span {\n  flex: 1 1 auto;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-action-error button {\n  flex: 0 0 auto;\n  border: 1px solid currentColor;\n  border-radius: var(--dsh-kb-radius-sm);\n  background: transparent;\n  color: inherit;\n  padding: 1px 6px;\n  cursor: pointer;\n  font: inherit;\n}\n.dsh-kb-detail [role='tablist'] {\n  display: flex;\n  gap: 4px;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--dsh-kb-border);\n}\n.dsh-kb-detail [role='tab'] {\n  border: 0;\n  border-radius: var(--dsh-kb-radius-sm);\n  background: transparent;\n  color: var(--dsh-kb-text-secondary);\n  padding: 4px 10px;\n  cursor: pointer;\n  transition: background-color 150ms ease, color 150ms ease;\n}\n.dsh-kb-detail [role='tab']:hover {\n  color: var(--dsh-kb-text-primary);\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-detail [role='tab'][aria-selected='true'] {\n  background: var(--dsh-kb-hover);\n  color: var(--dsh-kb-text-primary);\n}\n.dsh-kb-detail [role='tabpanel'] {\n  padding: 8px 0;\n  overflow: auto;\n}\n.dsh-kb-detail h4 {\n  margin: 8px 0 4px;\n  font-size: 12px;\n  text-transform: none;\n  color: var(--dsh-kb-text-secondary);\n}\n.dsh-kb-detail code {\n  background: var(--dsh-kb-inline-code);\n  border-radius: var(--dsh-kb-radius-sm);\n  padding: 1px 4px;\n}\n.dsh-kb-detail dl {\n  display: grid;\n  grid-template-columns: auto 1fr;\n  gap: 4px 8px;\n  margin: 8px 0;\n}\n.dsh-kb-detail dt { opacity: 0.7; color: var(--dsh-kb-text-tertiary); }\n.dsh-kb-detail dd { margin: 0; }\n.dsh-kb-detail time { opacity: 0.6; font-size: 12px; margin-inline-end: 4px; }\n\n/* \u8F68\u8FF9 tab \u53EF\u8BFB\u5316\uFF1A\u7269\u6D41\u5F0F\u7EB5\u5411\u65F6\u95F4\u8F74\uFF08\u56DB\u6001\u914D\u8272 + \u6700\u65B0\u8282\u70B9\u9AD8\u4EAE\uFF1B\u5F02\u5E38\u6574\u884C\u6807\u7EA2\uFF09 */\n.dsh-kb-timeline {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n}\n.dsh-kb-timeline__item {\n  position: relative;\n  display: grid;\n  grid-template-columns: 16px 1fr;\n  gap: 8px;\n  padding: 0 0 14px;\n}\n.dsh-kb-timeline__item:last-child {\n  padding-bottom: 0;\n}\n/* \u7EB5\u5411\u65F6\u95F4\u7EBF\uFF1A\u8D2F\u7A7F\u8282\u70B9\uFF08\u6700\u65B0\u8282\u70B9\u4E0A\u65B9\u7EBF\u4E0D\u5EF6\u4F38\uFF0C\u6A21\u62DF\u7269\u6D41\u5934\u8282\u70B9\uFF09 */\n.dsh-kb-timeline__axis {\n  position: relative;\n}\n.dsh-kb-timeline__item:not(:last-child) .dsh-kb-timeline__axis::after {\n  content: '';\n  position: absolute;\n  left: 50%;\n  top: 14px;\n  bottom: -4px;\n  width: 2px;\n  transform: translateX(-50%);\n  background: var(--dsh-kb-border);\n}\n.dsh-kb-timeline__dot {\n  position: relative;\n  z-index: 1;\n  display: block;\n  width: 10px;\n  height: 10px;\n  /* \u6C34\u5E73\u5C45\u4E2D\u4E8E 16px \u8F74\u5217\uFF08\u4E2D\u5FC3=8px\uFF09\uFF0C\u4E0E left:50% \u8FDE\u63A5\u7EBF\u5BF9\u9F50 */\n  margin: 2px auto 0;\n  border-radius: 50%;\n  border: 2px solid var(--dsh-kb-surface);\n  box-sizing: border-box;\n  background: var(--dsh-kb-text-tertiary);\n}\n/* \u56DB\u6001\u914D\u8272\uFF1Aneutral \u7070 / running \u84DD / success \u7EFF / exception \u7EA2 */\n.dsh-kb-timeline__item--running .dsh-kb-timeline__dot {\n  background: var(--dsh-kb-active);\n}\n.dsh-kb-timeline__item--success .dsh-kb-timeline__dot {\n  background: var(--dsh-kb-complete);\n}\n.dsh-kb-timeline__item--exception .dsh-kb-timeline__dot {\n  background: var(--dsh-kb-blocked);\n}\n/* \u6700\u65B0\u8282\u70B9\u9AD8\u4EAE\uFF1A\u4E3B\u8272\u5706\u70B9\u653E\u5927 + \u67D4\u548C\u8F89\u5149 */\n.dsh-kb-timeline__item--latest .dsh-kb-timeline__dot {\n  width: 12px;\n  height: 12px;\n  margin-top: 0;\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsh-kb-active) 22%, transparent);\n}\n.dsh-kb-timeline__item--latest.dsh-kb-timeline__item--success .dsh-kb-timeline__dot {\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsh-kb-complete) 22%, transparent);\n}\n.dsh-kb-timeline__item--latest.dsh-kb-timeline__item--exception .dsh-kb-timeline__dot {\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--dsh-kb-blocked) 22%, transparent);\n}\n/* \u5F02\u5E38\u884C\uFF1A\u6D45\u7EA2\u5E95 + \u5DE6\u4FA7\u7EA2\u6761\uFF0C\u6458\u8981\u7EA2\u52A0\u7C97 */\n.dsh-kb-timeline__item--exception .dsh-kb-timeline__body {\n  background: color-mix(in srgb, var(--dsh-kb-blocked) 8%, transparent);\n  border-left: 3px solid var(--dsh-kb-blocked);\n  border-radius: var(--dsh-kb-radius-sm);\n  padding: 6px 8px;\n}\n.dsh-kb-timeline__body {\n  min-width: 0;\n}\n.dsh-kb-timeline__row {\n  display: flex;\n  align-items: baseline;\n  gap: 8px;\n  flex-wrap: wrap;\n}\n.dsh-kb-timeline__label {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--dsh-kb-text-primary);\n}\n.dsh-kb-timeline__item--success .dsh-kb-timeline__label {\n  color: var(--dsh-kb-complete);\n}\n.dsh-kb-timeline__item--exception .dsh-kb-timeline__label {\n  color: var(--dsh-kb-blocked);\n}\n.dsh-kb-timeline__summary {\n  margin: 2px 0 0;\n  font-size: 12px;\n  color: var(--dsh-kb-text-secondary);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-timeline__item--exception .dsh-kb-timeline__summary {\n  color: var(--dsh-kb-blocked);\n  font-weight: 600;\n}\n.dsh-kb-timeline__author {\n  display: block;\n  margin-top: 2px;\n  font-size: 11px;\n  opacity: 0.7;\n  color: var(--dsh-kb-text-tertiary);\n}\n\n.dsh-kb-spec-attachments {\n  list-style: none;\n  margin: 4px 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.dsh-kb-spec-attachments li {\n  display: flex;\n  align-items: baseline;\n  gap: 6px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.dsh-kb-spec-attachment__kind {\n  font-size: 11px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-sm);\n  padding: 0 4px;\n  opacity: 0.8;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dsh-kb-tab * {\n    transition-duration: 0ms !important;\n  }\n}\n\n/* \u6574\u94FE\u5220\u9664\u6309\u94AE\uFF1A\u9ED8\u8BA4\u9690\u85CF\uFF0Chover \u9700\u6C42\u6807\u9898\u884C\u65F6\u51FA\u73B0\uFF08GUI \u4EC5 human\uFF0C\u4E8C\u6B21\u786E\u8BA4\uFF09 */\n.dsh-kb-chain__delete {\n  flex: 0 0 auto;\n  border: 0;\n  background: transparent;\n  color: currentColor;\n  opacity: 0;\n  font: inherit;\n  line-height: 1;\n  padding: 2px 4px;\n  cursor: pointer;\n  transition: opacity 150ms ease, color 150ms ease;\n}\n.dsh-kb-chain__title:hover .dsh-kb-chain__delete,\n.dsh-kb-chain__delete:focus-visible { opacity: 0.7; }\n.dsh-kb-chain__delete:hover { opacity: 1; color: var(--dsh-kb-blocked); }\n/* \u5220\u9664\u4E8C\u6B21\u786E\u8BA4\u5F39\u7A97\uFF08\u590D\u7528 rename \u5F39\u7A97\u5916\u58F3/\u5706\u89D2\u5951\u7EA6\uFF09 */\n.dsh-kb-delete-modal__text {\n  color: var(--dsh-kb-text-secondary);\n  font-size: 13px;\n  line-height: 1.5;\n}\n.dsh-kb-delete-modal__error {\n  color: var(--dsh-kb-blocked);\n  font-size: 12px;\n}\n.dsh-kb-rename-modal__actions .dsh-kb-delete-confirm {\n  border-color: transparent;\n  background: var(--dsw-alias-state-error-primary);\n  color: #fff;\n}\n/* T7\uFF1A\u94FE\u6807\u9898\u6539\u540D\u94C5\u7B14\u6309\u94AE + \u8F7B\u91CF\u5F39\u7A97\uFF08GUI \u4EC5 human\uFF1B\u89D2\u8272\u5361\u4E0D\u53EF\u6539\u540D\uFF09 */\n.dsh-kb-chain__rename {\n  flex: 0 0 auto;\n  border: 0;\n  background: transparent;\n  color: currentColor;\n  opacity: 0.55;\n  font: inherit;\n  line-height: 1;\n  padding: 2px 4px;\n  cursor: pointer;\n}\n.dsh-kb-chain__rename:hover { opacity: 1; }\n.dsh-kb-task__status-row {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.dsh-kb-task__session {\n  flex: none;\n  padding: 0 6px;\n  font-size: 11px;\n  line-height: 18px;\n  border: 1px solid color-mix(in srgb, currentColor 40%, transparent);\n  border-radius: 4px;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  opacity: 0.85;\n}\n.dsh-kb-task__session:hover {\n  opacity: 1;\n}\n.dsh-kb-rename-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 1000;\n  background: var(--dsh-kb-mask);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.dsh-kb-rename-modal {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-width: 280px;\n  padding: 16px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-lg);\n  background: var(--dsh-kb-surface-elev);\n  color: var(--dsh-kb-text-primary);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);\n}\n.dsh-kb-rename-modal__label {\n  color: var(--dsh-kb-text-primary);\n  font-size: 13px;\n  font-weight: 600;\n}\n.dsh-kb-rename-modal__input {\n  padding: 6px 10px;\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-md);\n  background: var(--dsh-kb-input);\n  color: var(--dsh-kb-text-primary);\n  font: inherit;\n}\n.dsh-kb-rename-modal__input:focus {\n  outline: none;\n  border-color: var(--dsh-kb-active);\n}\n.dsh-kb-rename-modal__actions {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.dsh-kb-rename-modal__actions button {\n  border: 1px solid var(--dsh-kb-border);\n  border-radius: var(--dsh-kb-radius-md);\n  background: transparent;\n  color: var(--dsh-kb-text-primary);\n  font: inherit;\n  padding: 4px 14px;\n  cursor: pointer;\n  transition: background-color 150ms ease;\n}\n.dsh-kb-rename-modal__actions button:hover {\n  background: var(--dsh-kb-hover);\n}\n.dsh-kb-rename-modal__actions .dsh-kb-rename-save {\n  border-color: transparent;\n  background: var(--dsw-alias-button-primary-fill);\n  color: var(--dsw-alias-label-primary-foreground);\n}\n";
+		
+		// client/config.css
+		var config_default = ".dsh-kb-config {\n  /* \u4E0E kanban.css \u5927\u5706\u89D2\u5951\u7EA6\u5BF9\u9F50\uFF08DSH \u5361\u7247 16px\uFF09 */\n  --dsh-kb-config-border: var(--dsw-alias-border-l2, #333);\n  --dsh-kb-config-radius-lg: 16px;\n  --dsh-kb-config-radius-md: 10px;\n  --dsh-kb-config-input: var(--dsw-specific-input-major, rgba(127, 127, 127, 0.12));\n  padding: 16px;\n  font-size: 13px;\n}\n.dsh-kb-config__card { border: 1px solid var(--dsh-kb-config-border); border-radius: var(--dsh-kb-config-radius-lg); padding: 20px; margin-bottom: 16px; }\n.dsh-kb-config__card h3 { margin: 0 0 14px; }\n\n.dsh-kb-config input,\n.dsh-kb-config select {\n  box-sizing: border-box;\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid var(--dsh-kb-config-border);\n  border-radius: var(--dsh-kb-config-radius-md);\n  background: var(--dsh-kb-config-input);\n  color: var(--dsw-alias-label-primary, inherit);\n  font: inherit;\n  transition: border-color 150ms ease, background-color 150ms ease;\n}\n.dsh-kb-config input:focus,\n.dsh-kb-config select:focus {\n  outline: none;\n  /* \u7126\u70B9/\u9009\u4E2D\u5F3A\u8C03\u8272\u8DDF\u968F\u4E3B\u9898\u524D\u666F\uFF08\u6D45\u8272=\u6697\u3001\u6697\u8272=\u767D\uFF09\uFF0C\u4E0E dsh settings \u8272\u7CFB\u4E00\u81F4 */\n  border-color: var(--dsw-alias-label-primary, currentColor);\n}\n\n/* DSH \u98CE\u683C\u4E0B\u62C9\uFF1Atrigger \u884C\uFF08\u503C + \u203A chevron\uFF09+ \u5F39\u51FA\u83DC\u5355\uFF08\u9009\u4E2D\u6253\u52FE\u3001hover \u9AD8\u4EAE\uFF09 */\n.dsh-kb-config__select { position: relative; min-width: 0; }\n.dsh-kb-config__select-trigger {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  padding: 8px 12px;\n  border: 1px solid var(--dsh-kb-config-border);\n  border-radius: var(--dsh-kb-config-radius-md);\n  background: var(--dsh-kb-config-input);\n  color: var(--dsw-alias-label-primary, inherit);\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: border-color 150ms ease, background-color 150ms ease;\n}\n.dsh-kb-config__select-trigger:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.12)); }\n.dsh-kb-config__select-trigger[aria-expanded='true'] { border-color: var(--dsw-alias-label-primary, currentColor); }\n.dsh-kb-config__select-placeholder { color: var(--dsw-alias-label-tertiary, #999); }\n.dsh-kb-config__select-trigger > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-kb-config__select-chevron { flex: 0 0 auto; display: inline-flex; color: var(--dsw-alias-label-tertiary, #999); }\n.dsh-kb-config__menu {\n  position: absolute;\n  z-index: 30;\n  top: calc(100% + 6px);\n  left: 0;\n  right: 0;\n  margin: 0;\n  padding: 6px;\n  list-style: none;\n  border: 1px solid var(--dsh-kb-config-border);\n  border-radius: var(--dsh-kb-config-radius-lg);\n  background: var(--dsw-alias-bg-layer-3, #222);\n  color: var(--dsw-alias-label-primary, inherit);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.24);\n  max-height: 260px;\n  overflow: auto;\n}\n.dsh-kb-config__option {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  width: 100%;\n  padding: 8px 10px;\n  border: none;\n  border-radius: var(--dsh-kb-config-radius-md);\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  text-align: left;\n  cursor: pointer;\n  transition: background-color 150ms ease;\n}\n.dsh-kb-config__option:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.12)); }\n.dsh-kb-config__option[data-selected='true'] { color: var(--dsw-alias-state-business-primary, #4b7bff); }\n.dsh-kb-config__option > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.dsh-kb-config__option-check { flex: 0 0 auto; display: inline-flex; }\n\n.dsh-kb-config__label { display: block; margin: 12px 0 6px; font-weight: 600; }\n.dsh-kb-config__help { color: var(--dsw-alias-label-secondary, #888); font-size: 12px; display: block; margin: 6px 0 0; }\n.dsh-kb-config__role { display: grid; grid-template-columns: 32px 1fr 1fr 1fr auto; gap: 10px; margin-bottom: 12px; align-items: center; }\n.dsh-kb-config__src { color: var(--dsw-alias-label-secondary, #888); font-size: 12px; white-space: nowrap; padding-left: 4px; }\n.dsh-kb-config__footer { display: flex; justify-content: flex-end; margin-top: 4px; }\n.dsh-kb-config__footer button {\n  padding: 6px 16px;\n  border: 1px solid var(--dsh-kb-config-border);\n  border-radius: var(--dsh-kb-config-radius-md);\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n  transition: background-color 150ms ease;\n}\n.dsh-kb-config__footer button:hover { background: var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.12)); }\n.dsh-kb-config__error { color: var(--dsw-alias-state-error-primary, #e5484d); }\n";
 		
 		// client/index.ts
 		var name = "kanban-board";
-		var inject = ["slots"];
+		var inject = ["slots", "sessions"];
 		function apply(ctx) {
+		  setSessionsService(ctx.sessions);
 		  let style = null;
+		  let configStyle = null;
 		  if (typeof document !== "undefined") {
 		    style = document.head.querySelector("style[data-dsh-swarm]");
 		    if (!style) {
@@ -1187,6 +1656,13 @@ window.__ModuleLoader__.load({
 		      style.textContent = kanban_default;
 		      document.head.appendChild(style);
 		    }
+		    configStyle = document.head.querySelector("style[data-dsh-swarm-config]");
+		    if (!configStyle) {
+		      configStyle = document.createElement("style");
+		      configStyle.setAttribute("data-dsh-swarm-config", "");
+		      configStyle.textContent = config_default;
+		      document.head.appendChild(configStyle);
+		    }
 		  }
 		  ctx.slots.inject(
 		    "conversation.view",
@@ -1195,8 +1671,17 @@ window.__ModuleLoader__.load({
 		      KanbanTab
 		    )
 		  );
+		  ctx.slots.inject(
+		    "settings.section",
+		    () => ctx.slots.register(
+		      { name: "settings.section", id: SWARM_CONFIG_NS, order: 30, label: "Swarm \u914D\u7F6E" },
+		      ConfigSection
+		    )
+		  );
 		  return () => {
 		    if (style) style.remove();
+		    if (configStyle) configStyle.remove();
+		    setSessionsService(null);
 		  };
 		}