@lemoncat7/dsh-partner 1.5.0 → 1.5.1

package/lib/client.js

@@ -1468,28 +1468,56 @@ body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
 .dsh-partner-feature-form > p.is-success { color: var(--partner-success); background: color-mix(in srgb, var(--partner-success) 7%, transparent); }
 .dsh-partner-board-live { display: inline-flex; min-height: 36px; align-items: center; gap: 7px; padding: 0 10px; color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); }
 .dsh-partner-board-live > i { width: 7px; height: 7px; border-radius: 50%; background: var(--partner-success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--partner-success) 10%, transparent); }
-.dsh-partner-board { display: grid; grid-template-columns: repeat(6, minmax(280px, 1fr)); gap: 10px; overflow-x: auto; padding: 1px 1px 10px; scroll-snap-type: x proximity; scrollbar-width: thin; }
-.dsh-partner-board > section { display: grid; min-height: 430px; align-content: start; gap: 9px; padding: 11px; border: 1px solid var(--partner-border); border-radius: 14px; background: color-mix(in srgb, var(--partner-raised) 66%, transparent); scroll-snap-align: start; }
+.dsh-partner-board-tools { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(140px, 180px) auto; align-items: center; gap: 8px; }
+.dsh-partner-board-search { position: relative; display: flex; min-width: 0; align-items: center; }
+.dsh-partner-board-search > span:not(.sr-only) { position: absolute; z-index: 1; left: 11px; display: grid; place-items: center; color: var(--partner-text-tertiary); pointer-events: none; }
+.dsh-partner-board-search > input,
+.dsh-partner-board-assignee > select { width: 100%; min-height: 38px; border: 1px solid var(--partner-border); border-radius: 10px; color: var(--partner-text); background-color: var(--partner-control); font: var(--partner-font-body)/1.4 var(--partner-font-family); transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease; }
+.dsh-partner-board-search > input { padding: 8px 38px 8px 34px; }
+.dsh-partner-board-search > input::placeholder { color: var(--partner-text-tertiary); }
+.dsh-partner-board-search > input:hover,
+.dsh-partner-board-assignee > select:hover { border-color: color-mix(in srgb, var(--partner-text) 24%, var(--partner-border)); background-color: var(--partner-hover); }
+.dsh-partner-board-search > input:focus-visible,
+.dsh-partner-board-assignee > select:focus-visible { outline: 0; border-color: var(--partner-focus-ring); background-color: var(--partner-raised); box-shadow: 0 0 0 3px color-mix(in srgb, var(--partner-focus-ring) 16%, transparent); }
+.dsh-partner-board-search > button { position: absolute; z-index: 1; right: 4px; display: grid; width: 30px; min-height: 30px; place-items: center; padding: 0; border: 0; border-radius: 7px; color: var(--partner-text-tertiary); background: transparent; box-shadow: none; }
+.dsh-partner-board-search > button:hover { color: var(--partner-text); background: var(--partner-hover); }
+.dsh-partner-board-assignee > select { min-width: 0; padding: 8px 30px 8px 10px; }
+.dsh-partner-board-tools > small { justify-self: end; color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); font-variant-numeric: tabular-nums; white-space: nowrap; }
+.dsh-partner-board-statuses { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; padding-bottom: 2px; }
+.dsh-partner-board-statuses > button { display: inline-flex; min-height: 32px; align-items: center; gap: 7px; padding: 0 9px; border: 1px solid transparent; border-radius: 9px; color: var(--partner-text-tertiary); background: transparent; box-shadow: none; font: var(--partner-font-caption)/1 var(--partner-font-family); cursor: pointer; transition: border-color 140ms ease, color 140ms ease, background-color 140ms ease; }
+.dsh-partner-board-statuses > button:hover { border-color: var(--partner-border); color: var(--partner-text); background: var(--partner-hover); }
+.dsh-partner-board-statuses > button.is-active { border-color: color-mix(in srgb, var(--partner-text) 18%, var(--partner-border)); color: var(--partner-text); background: var(--partner-selected); }
+.dsh-partner-board-statuses b { min-width: 18px; color: inherit; font-size: inherit; font-variant-numeric: tabular-nums; font-weight: 650; text-align: center; }
+.dsh-partner-board { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); align-items: start; gap: 10px; min-width: 0; }
+.dsh-partner-board[data-focused="true"] { grid-template-columns: minmax(0, 1fr); }
+.dsh-partner-board > section { display: grid; height: clamp(220px, 27vh, 280px); min-width: 0; grid-template-rows: auto minmax(0, 1fr); align-content: start; gap: 9px; padding: 11px 9px 9px 11px; border: 1px solid var(--partner-border); border-radius: 14px; background: color-mix(in srgb, var(--partner-raised) 66%, transparent); }
+.dsh-partner-board > section[data-empty="true"] { height: 132px; }
+.dsh-partner-board[data-focused="true"] > section { height: clamp(340px, 54vh, 560px); }
+.dsh-partner-board[data-focused="true"] > section[data-empty="true"] { height: 240px; }
 .dsh-partner-board > section > header { display: flex; min-height: 36px; align-items: center; justify-content: space-between; padding: 0 3px; }
 .dsh-partner-board > section > header strong { font-size: var(--partner-font-label); font-weight: 620; }
 .dsh-partner-board > section > header b { display: grid; min-width: 22px; height: 22px; place-items: center; padding: 0 5px; border-radius: 7px; color: var(--partner-text-tertiary); background: var(--partner-selected); font-size: var(--partner-font-caption); }
-.dsh-partner-board > section > div { display: grid; gap: 8px; }
-.dsh-partner-board > section > p { margin: 12px 0; color: var(--partner-text-tertiary); font-size: var(--partner-font-body); text-align: center; }
-.dsh-partner-task-card { position: relative; display: grid; overflow: hidden; border: 1px solid var(--partner-separator); border-radius: 11px; background: var(--partner-raised); box-shadow: var(--partner-shadow-sm); transition: border-color .16s ease, box-shadow .18s ease, transform .16s var(--partner-ease-out); }
+.dsh-partner-board-column-list { display: grid; min-height: 0; grid-auto-rows: max-content; align-content: start; gap: 7px; overflow-y: auto; padding: 1px 3px 6px 0; overscroll-behavior: contain; scrollbar-gutter: stable; scrollbar-width: thin; }
+.dsh-partner-board > section > p { align-self: center; margin: 0 0 22px; color: var(--partner-text-tertiary); font-size: var(--partner-font-body); text-align: center; }
+.dsh-partner-task-card { position: relative; display: grid; min-height: 82px; overflow: hidden; border: 1px solid var(--partner-separator); border-radius: 11px; background: var(--partner-raised); box-shadow: var(--partner-shadow-sm); transition: border-color .16s ease, box-shadow .18s ease, transform .16s var(--partner-ease-out); }
 .dsh-partner-task-card:hover { border-color: color-mix(in srgb, var(--partner-text) 22%, var(--partner-border)); box-shadow: var(--partner-shadow-md); transform: translateY(-1px); }
 .dsh-partner-task-card:focus-within { border-color: var(--partner-focus-ring); box-shadow: 0 0 0 2px color-mix(in srgb, var(--partner-focus-ring) 18%, transparent), var(--partner-shadow-md); }
 .dsh-partner-task-card[data-blocked="true"] { border-left-color: color-mix(in srgb, var(--partner-warning) 55%, var(--partner-border)); }
-.dsh-partner-task-summary { display: grid !important; min-height: 66px !important; grid-template-columns: minmax(0, 1fr) 16px; align-items: center !important; gap: 10px !important; padding: 11px 12px !important; border: 0 !important; border-radius: 0 !important; appearance: none; color: var(--partner-text) !important; background: transparent !important; box-shadow: none !important; font-family: var(--partner-font-family); text-align: left; cursor: pointer; }
+.dsh-partner-task-summary { display: grid !important; min-height: 82px !important; grid-template-columns: minmax(0, 1fr) 16px; align-items: center !important; gap: 8px !important; padding: 10px 10px 10px 11px !important; border: 0 !important; border-radius: 0 !important; appearance: none; color: var(--partner-text) !important; background: transparent !important; box-shadow: none !important; font-family: var(--partner-font-family); text-align: left; cursor: pointer; }
 .dsh-partner-task-summary:hover { background: var(--partner-hover) !important; }
 .dsh-partner-task-summary:focus-visible { outline: 0; }
-.dsh-partner-task-summary > span { display: grid; min-width: 0; gap: 6px; }
-.dsh-partner-task-summary strong { overflow: hidden; padding-right: 12px; font-size: var(--partner-font-label); font-weight: 620; text-overflow: ellipsis; white-space: nowrap; }
-.dsh-partner-task-summary small { overflow: hidden; color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); text-overflow: ellipsis; white-space: nowrap; }
+.dsh-partner-task-summary > span { display: grid; min-width: 0; gap: 4px; }
+.dsh-partner-task-card-title { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 8px; }
+.dsh-partner-task-card-title > strong { display: -webkit-box; min-width: 0; overflow: hidden; color: var(--partner-text); font-size: var(--partner-font-body); font-weight: 620; line-height: 1.38; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
+.dsh-partner-task-card-title > em { flex: none; margin-top: 1px; padding: 2px 5px; border: 1px solid var(--partner-separator); border-radius: 6px; color: var(--partner-text-tertiary); background: var(--partner-control); font-size: 10px; font-style: normal; font-weight: 620; line-height: 1.25; }
+.dsh-partner-task-card[data-priority="high"] .dsh-partner-task-card-title > em { border-color: color-mix(in srgb, var(--partner-warning) 35%, var(--partner-separator)); color: var(--partner-warning); background: color-mix(in srgb, var(--partner-warning) 7%, var(--partner-control)); }
+.dsh-partner-task-card[data-priority="urgent"] .dsh-partner-task-card-title > em { border-color: color-mix(in srgb, var(--partner-danger) 34%, var(--partner-separator)); color: var(--partner-danger); background: color-mix(in srgb, var(--partner-danger) 7%, var(--partner-control)); }
+.dsh-partner-task-card-owner { overflow: hidden; color: var(--partner-text-tertiary); font-size: var(--partner-font-caption); text-overflow: ellipsis; white-space: nowrap; }
+.dsh-partner-task-relations { display: flex; min-width: 0; align-items: center; flex-wrap: wrap; gap: 4px; }
+.dsh-partner-task-relations > small { padding: 2px 6px; border-radius: 6px; color: var(--partner-text-secondary); background: var(--partner-selected); font-size: 10px; font-variant-numeric: tabular-nums; line-height: 1.3; }
+.dsh-partner-task-relations > small[data-blocked="true"] { color: var(--partner-warning); background: color-mix(in srgb, var(--partner-warning) 8%, var(--partner-selected)); }
 .dsh-partner-task-summary > svg { color: var(--partner-text-tertiary); transition: transform .16s var(--partner-ease-out), color .16s ease; }
 .dsh-partner-task-summary:hover > svg { color: var(--partner-text); transform: translateX(2px); }
-.dsh-partner-priority { position: absolute; top: 17px; right: 12px; width: 6px; height: 6px; border-radius: 50%; background: var(--partner-text-tertiary); }
-.dsh-partner-priority.is-high { background: var(--partner-warning); }
-.dsh-partner-priority.is-urgent { background: var(--partner-danger); box-shadow: 0 0 0 3px color-mix(in srgb, var(--partner-danger) 12%, transparent); }
 .dsh-partner-task-detail { display: grid; gap: 13px; }
 .dsh-partner-task-description { display: grid; gap: 6px; padding: 12px; border: 1px solid var(--partner-separator); border-radius: 10px; background: color-mix(in srgb, var(--partner-raised) 78%, transparent); }
 .dsh-partner-task-description strong { font-size: var(--partner-font-body); font-weight: 620; }
@@ -1587,6 +1615,8 @@ body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
 @media (max-width: 820px) {
   .dsh-partner-feature-hero { align-items: start; flex-direction: column; gap: 12px; }
   .dsh-partner-feature-hero > div { width: 100%; flex-wrap: wrap; }
+  .dsh-partner-board-tools { grid-template-columns: minmax(0, 1fr) minmax(130px, 168px); }
+  .dsh-partner-board-tools > small { grid-column: 1 / -1; justify-self: start; }
   .dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form { grid-template-columns: 1fr 1fr; }
   .dsh-partner-schedule-list > article { grid-template-columns: minmax(0, 1fr) auto 30px; }
   .dsh-partner-schedule-list > article > button:not(.is-icon):not(.dsh-partner-feature-switch) { grid-column: 1 / -1; }
@@ -1605,6 +1635,12 @@ body[data-ds-dark-theme] :is(.dsh-partner-sidebar, .dsh-partner-workspace) {
   .dsh-partner-skill-installed > article > .is-icon { grid-column: 3; }
   .dsh-partner-feature-block > header { align-items: flex-start; flex-direction: column; }
   .dsh-partner-feature-block > header > div { width: 100%; flex-wrap: wrap; justify-content: flex-start; }
+  .dsh-partner-board-tools { grid-template-columns: 1fr; }
+  .dsh-partner-board-assignee, .dsh-partner-board-tools > small { grid-column: 1; }
+  .dsh-partner-board-assignee > select { min-height: 42px; }
+  .dsh-partner-board-statuses { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
+  .dsh-partner-board-statuses > button { min-width: 0; justify-content: center; padding-inline: 6px; }
+  .dsh-partner-board > section, .dsh-partner-board[data-focused="true"] > section { height: min(430px, 58vh); }
   .dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form { grid-template-columns: 1fr; padding: 14px; }
   :is(.dsh-partner-feature-form, .dsh-partner-task-form, .dsh-partner-schedule-form) > label { grid-column: 1 !important; }
   .dsh-partner-task-form-dependencies > div { grid-template-columns: 1fr; }
@@ -3410,8 +3446,48 @@ function TaskBoardPanel() {
   const [loading, setLoading] = (0, import_react6.useState)(true);
   const [error, setError] = (0, import_react6.useState)();
   const [syncedAt, setSyncedAt] = (0, import_react6.useState)();
-  const selectedTask = board.tasks.find((item) => item.id === selectedTaskId);
+  const [query, setQuery] = (0, import_react6.useState)("");
+  const [statusFilter, setStatusFilter] = (0, import_react6.useState)("all");
+  const [assigneeFilter, setAssigneeFilter] = (0, import_react6.useState)("all");
+  const deferredQuery = (0, import_react6.useDeferredValue)(query.trim().toLocaleLowerCase());
   const tasksById = (0, import_react6.useMemo)(() => new Map(board.tasks.map((item) => [item.id, item])), [board.tasks]);
+  const directoryById = (0, import_react6.useMemo)(() => new Map(directory.map((item) => [item.id, item])), [directory]);
+  const activeDelegationByTaskId = (0, import_react6.useMemo)(() => {
+    const result = /* @__PURE__ */ new Map();
+    for (const delegation of delegations) {
+      if ((delegation.status === "queued" || delegation.status === "running") && !result.has(delegation.taskId)) result.set(delegation.taskId, delegation);
+    }
+    return result;
+  }, [delegations]);
+  const selectedTask = selectedTaskId ? tasksById.get(selectedTaskId) : void 0;
+  const dependentsById = (0, import_react6.useMemo)(() => {
+    const result = /* @__PURE__ */ new Map();
+    for (const task of board.tasks) for (const dependencyId of task.dependencyTaskIds) result.set(dependencyId, (result.get(dependencyId) ?? 0) + 1);
+    return result;
+  }, [board.tasks]);
+  const scopedTasks = (0, import_react6.useMemo)(() => board.tasks.filter((task) => {
+    if (assigneeFilter !== "all" && (task.assigneeCompanionId ?? "unassigned") !== assigneeFilter) return false;
+    if (!deferredQuery) return true;
+    const dependencies = task.dependencyTaskIds.map((id) => tasksById.get(id)?.title ?? "");
+    return [task.title, task.description, task.resultAbstract, task.resultSummary, directoryById.get(task.assigneeCompanionId ?? "")?.name, ...dependencies].some((value) => value?.toLocaleLowerCase().includes(deferredQuery));
+  }), [assigneeFilter, board.tasks, deferredQuery, directoryById, tasksById]);
+  const statusCounts = (0, import_react6.useMemo)(() => {
+    const result = new Map(COLUMNS.map((column) => [column.id, 0]));
+    for (const task of scopedTasks) result.set(task.status, (result.get(task.status) ?? 0) + 1);
+    return result;
+  }, [scopedTasks]);
+  const visibleColumns = statusFilter === "all" ? COLUMNS : COLUMNS.filter((column) => column.id === statusFilter);
+  const tasksByStatus = (0, import_react6.useMemo)(() => {
+    const priorityRank = { urgent: 3, high: 2, normal: 1, low: 0 };
+    const result = new Map(COLUMNS.map((column) => [column.id, []]));
+    for (const task of scopedTasks) {
+      if (statusFilter !== "all" && task.status !== statusFilter) continue;
+      result.get(task.status)?.push(task);
+    }
+    for (const tasks of result.values()) tasks.sort((left, right) => priorityRank[right.priority] - priorityRank[left.priority] || right.updatedAt - left.updatedAt);
+    return result;
+  }, [scopedTasks, statusFilter]);
+  const visibleTaskCount = statusFilter === "all" ? scopedTasks.length : statusCounts.get(statusFilter) ?? 0;
   const loadingRef = (0, import_react6.useRef)(false);
   const load = (0, import_react6.useCallback)(async () => {
     if (loadingRef.current) return;
@@ -3540,7 +3616,7 @@ function TaskBoardPanel() {
         tasks: board.tasks,
         activities: board.activities.filter((item) => item.taskId === selectedTask.id),
         directory,
-        execution: delegations.find((item) => item.taskId === selectedTask.id && (item.status === "queued" || item.status === "running")),
+        execution: activeDelegationByTaskId.get(selectedTask.id),
         busy: busy === selectedTask.id,
         update: (change) => {
           void update(selectedTask, change);
@@ -3563,50 +3639,99 @@ function TaskBoardPanel() {
       },
       selectedTask.id
     ) }),
-    loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CollectionSkeleton, { rows: 6 }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dsh-partner-board", "aria-label": "\u4EFB\u52A1\u770B\u677F", children: COLUMNS.map((column) => {
-      const tasks = board.tasks.filter((item) => item.status === column.id);
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { "data-status": column.id, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: column.label }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("b", { children: tasks.length })
+    loading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CollectionSkeleton, { rows: 6 }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dsh-partner-board-tools", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "dsh-partner-board-search", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "\u641C\u7D22\u4EFB\u52A1" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconSearchOutline16, { size: 16 }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("input", { value: query, onChange: (event) => setQuery(event.target.value), placeholder: "\u641C\u7D22\u4EFB\u52A1\u3001\u8D1F\u8D23\u4EBA\u6216\u524D\u7F6E\u4EFB\u52A1" }),
+          query && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", onClick: () => setQuery(""), "aria-label": "\u6E05\u9664\u4EFB\u52A1\u641C\u7D22", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconCloseOutline16, { size: 14 }) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          TaskCard,
-          {
-            task,
-            tasksById,
-            directory,
-            execution: delegations.find((item) => item.taskId === task.id && (item.status === "queued" || item.status === "running")),
-            open: () => setSelectedTaskId(task.id)
-          },
-          task.id
-        )) }),
-        tasks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: "\u6682\u65E0\u4EFB\u52A1" })
-      ] }, column.id);
-    }) })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "dsh-partner-board-assignee", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "sr-only", children: "\u6309\u8D1F\u8D23\u4EBA\u7B5B\u9009" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("select", { value: assigneeFilter, onChange: (event) => setAssigneeFilter(event.target.value), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "all", children: "\u5168\u90E8\u4F19\u4F34" }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("option", { value: "unassigned", children: "\u672A\u6307\u6D3E" }),
+            directory.map((item) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("option", { value: item.id, children: [
+              "@",
+              item.name
+            ] }, item.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { "aria-live": "polite", children: [
+          "\u663E\u793A ",
+          visibleTaskCount,
+          " / ",
+          board.tasks.length
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("nav", { className: "dsh-partner-board-statuses", "aria-label": "\u6309\u4EFB\u52A1\u72B6\u6001\u7B5B\u9009", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: statusFilter === "all" ? "is-active" : "", "aria-pressed": statusFilter === "all", onClick: () => setStatusFilter("all"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: "\u5168\u90E8" }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("b", { children: scopedTasks.length })
+        ] }),
+        COLUMNS.map((column) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: statusFilter === column.id ? "is-active" : "", "aria-pressed": statusFilter === column.id, onClick: () => setStatusFilter(column.id), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: column.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("b", { children: statusCounts.get(column.id) ?? 0 })
+        ] }, column.id))
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dsh-partner-board", "data-focused": statusFilter !== "all", "aria-label": "\u4EFB\u52A1\u770B\u677F", children: visibleColumns.map((column) => {
+        const tasks = tasksByStatus.get(column.id) ?? [];
+        const columnTitleId = `dsh-partner-board-${column.id}`;
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("section", { "data-status": column.id, "data-empty": tasks.length === 0, "aria-labelledby": columnTitleId, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { id: columnTitleId, children: column.label }),
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("b", { children: tasks.length })
+          ] }),
+          tasks.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dsh-partner-board-column-list", children: tasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            TaskCard,
+            {
+              task,
+              tasksById,
+              directoryById,
+              dependentCount: dependentsById.get(task.id) ?? 0,
+              execution: activeDelegationByTaskId.get(task.id),
+              open: () => setSelectedTaskId(task.id)
+            },
+            task.id
+          )) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { children: query || assigneeFilter !== "all" ? "\u6CA1\u6709\u5339\u914D\u4EFB\u52A1" : "\u6682\u65E0\u4EFB\u52A1" })
+        ] }, column.id);
+      }) })
+    ] })
   ] });
 }
-function TaskCard({ task, tasksById, directory, execution, open }) {
+function TaskCard({ task, tasksById, directoryById, dependentCount, execution, open }) {
   const dependencies = task.dependencyTaskIds.map((id) => tasksById.get(id)).filter((item) => item !== void 0);
   const blockers = dependencies.filter((item) => item.status !== "done");
-  const assignee = directory.find((item) => item.id === task.assigneeCompanionId);
+  const completedDependencies = dependencies.length - blockers.length;
+  const assignee = directoryById.get(task.assigneeCompanionId ?? "");
   const executionState = execution ? delegationState(execution) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("article", { className: "dsh-partner-task-card", "data-blocked": blockers.length > 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `dsh-partner-priority is-${task.priority}` }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "dsh-partner-task-summary", "aria-haspopup": "dialog", onClick: open, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("article", { className: "dsh-partner-task-card", "data-blocked": blockers.length > 0, "data-priority": task.priority, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("button", { type: "button", className: "dsh-partner-task-summary", "aria-haspopup": "dialog", onClick: open, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "dsh-partner-task-card-title", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { title: task.title, children: task.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { children: [
-          assignee ? `@${assignee.name}` : "\u672A\u6307\u6D3E",
-          " \xB7 ",
-          dependencies.length ? `${dependencies.length} \u9879\u524D\u7F6E${blockers.length ? `\uFF0C${blockers.length} \u9879\u672A\u5B8C\u6210` : "\u5747\u5DF2\u5B8C\u6210"}` : "\u65E0\u524D\u7F6E\u4F9D\u8D56",
-          task.resultSummary ? " \xB7 \u5DF2\u6709\u7ED3\u679C" : "",
-          executionState ? ` \xB7 ${executionState.label}` : ""
-        ] })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("em", { children: priorityLabel(task.priority) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconChevronRightOutline14, { size: 14 })
-    ] })
-  ] });
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { className: "dsh-partner-task-card-owner", children: [
+        assignee ? `@${assignee.name}` : "\u672A\u6307\u6D3E",
+        task.resultSummary ? " \xB7 \u5DF2\u6709\u7ED3\u679C" : "",
+        executionState ? ` \xB7 ${executionState.label}` : ""
+      ] }),
+      (dependencies.length > 0 || dependentCount > 0) && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "dsh-partner-task-relations", children: [
+        dependencies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { "data-blocked": blockers.length > 0, children: [
+          "\u524D\u7F6E ",
+          completedDependencies,
+          "/",
+          dependencies.length
+        ] }),
+        dependentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("small", { children: [
+          "\u5B8C\u6210\u540E\u89E3\u9501 ",
+          dependentCount
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_dsh_client_ui_primitives3.IconChevronRightOutline14, { size: 14 })
+  ] }) });
 }
 function TaskDetail({ task, tasks, activities, directory, execution, busy, update, delegate, review, accept, reject, remove }) {
   const [rejecting, setRejecting] = (0, import_react6.useState)(false);