@elizaos/plugin-task-coordinator 2.0.3-beta.2 → 2.0.3-beta.4

package/dist/CodingAgentTasksPanel.js

@@ -0,0 +1,740 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  ApiError,
+  Button,
+  client,
+  useAppSelectorShallow
+} from "@elizaos/ui";
+import { useAgentElement } from "@elizaos/ui/agent-surface";
+import { Archive, Bot, ListChecks, Terminal } from "lucide-react";
+import {
+  useDeferredValue,
+  useEffect,
+  useMemo,
+  useState
+} from "react";
+import {
+  BackChip,
+  SparseWatermark,
+  TaskCard,
+  TaskCountChip,
+  TaskEmptyState,
+  TaskListHeader,
+  TaskMetaChip,
+  TaskSearchInput,
+  TaskStatusMedallion
+} from "./TaskCardList.js";
+const ANSI_ESCAPE_PATTERN = new RegExp(
+  [
+    "\\u001b(?:",
+    "\\[[0-9;?]*[A-Za-z]|\\][^\\u0007]*\\u0007|[()][0-9A-Za-z])"
+  ].join(""),
+  "g"
+);
+const fallbackTranslate = (key, vars) => String(vars?.defaultValue ?? key);
+function formatRelativeTime(ts, locale) {
+  const delta = Math.max(0, Math.floor((Date.now() - ts) / 1e3));
+  const formatter = new Intl.RelativeTimeFormat(locale, { numeric: "auto" });
+  if (delta < 5) return formatter.format(0, "second");
+  if (delta < 60) return formatter.format(-delta, "second");
+  const minutes = Math.floor(delta / 60);
+  if (minutes < 60) return formatter.format(-minutes, "minute");
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return formatter.format(-hours, "hour");
+  return formatter.format(-Math.floor(hours / 24), "day");
+}
+function stripAnsi(str) {
+  return str.replace(ANSI_ESCAPE_PATTERN, "").trim();
+}
+function formatIsoTime(value, locale, t) {
+  if (!value) {
+    return t("codingagenttaskspanel.unknown", {
+      defaultValue: "Unknown"
+    });
+  }
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return t("codingagenttaskspanel.unknown", {
+      defaultValue: "Unknown"
+    });
+  }
+  return formatRelativeTime(date.getTime(), locale);
+}
+function formatThreadStatus(status, t) {
+  const mapped = {
+    open: "codingagenttaskspanel.status.open",
+    active: "codingagenttaskspanel.status.active",
+    waiting_on_user: "codingagenttaskspanel.status.waitingOnUser",
+    blocked: "codingagenttaskspanel.status.blocked",
+    validating: "codingagenttaskspanel.status.validating",
+    done: "codingagenttaskspanel.status.done",
+    failed: "codingagenttaskspanel.status.failed",
+    archived: "codingagenttaskspanel.status.archived",
+    interrupted: "codingagenttaskspanel.status.interrupted"
+  };
+  return t(mapped[status] ?? "codingagenttaskspanel.status.unknown", {
+    defaultValue: status.replace(/_/g, " ")
+  });
+}
+const THREAD_KIND_LABELS = {
+  coding: "codingagenttaskspanel.kind.coding"
+};
+function formatThreadKind(kind, t) {
+  const key = THREAD_KIND_LABELS[kind];
+  if (!key) return null;
+  return t(key, { defaultValue: kind });
+}
+function getWorkspaceChangesSummary(metadata) {
+  const raw = metadata.workspaceChanges;
+  if (!raw || typeof raw !== "object" || Array.isArray(raw)) {
+    return null;
+  }
+  const workspaceChanges = raw;
+  const changedFiles = Array.isArray(workspaceChanges.changedFiles) ? workspaceChanges.changedFiles.filter(
+    (value) => typeof value === "string"
+  ) : [];
+  const total = typeof workspaceChanges.totalChangedFiles === "number" ? workspaceChanges.totalChangedFiles : changedFiles.length;
+  if (total <= 0 || changedFiles.length === 0) {
+    return null;
+  }
+  return {
+    files: changedFiles,
+    total
+  };
+}
+function getClientErrorMessage(error, fallback) {
+  return error instanceof Error ? error.message : fallback;
+}
+function DetailList({
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-2xs font-semibold uppercase tracking-[0.08em] text-muted/70", children: title }),
+    children
+  ] });
+}
+function ThreadActionButton({
+  agentId,
+  label,
+  description,
+  variant,
+  disabled,
+  onClick,
+  className
+}) {
+  const { ref, agentProps } = useAgentElement({
+    id: agentId,
+    role: "button",
+    label,
+    group: "thread-actions",
+    description
+  });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ref,
+      variant,
+      size: "sm",
+      disabled,
+      onClick,
+      className,
+      "aria-label": label,
+      ...agentProps,
+      children: label
+    }
+  );
+}
+function ThreadDetailContent({
+  detail,
+  busy,
+  onDelete,
+  onReopen,
+  t,
+  locale
+}) {
+  const latestTranscripts = (detail.transcripts ?? []).filter(
+    (entry) => entry.direction === "stdin" || entry.direction === "system"
+  ).slice(-8).reverse();
+  const latestEvents = (detail.events ?? []).slice(-6).reverse();
+  const latestDecisions = (detail.decisions ?? []).slice(-6).reverse();
+  const latestArtifacts = (detail.artifacts ?? []).slice(-6).reverse();
+  const pendingDecisions = (detail.pendingDecisions ?? []).slice(-4).reverse();
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3 text-2xs text-muted", children: [
+      /* @__PURE__ */ jsx("span", { children: t("codingagenttaskspanel.sessionsCount", {
+        defaultValue: "{{count}} sessions",
+        count: (detail.sessions ?? []).length
+      }) }),
+      /* @__PURE__ */ jsx("span", { children: t("codingagenttaskspanel.artifactsCount", {
+        defaultValue: "{{count}} artifacts",
+        count: (detail.artifacts ?? []).length
+      }) }),
+      /* @__PURE__ */ jsx("span", { children: t("codingagenttaskspanel.transcriptEntriesCount", {
+        defaultValue: "{{count}} transcript entries",
+        count: (detail.transcripts ?? []).length
+      }) })
+    ] }),
+    detail.acceptanceCriteria && detail.acceptanceCriteria.length > 0 ? /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-1 text-2xs font-semibold uppercase tracking-[0.08em] text-muted", children: t("codingagenttaskspanel.acceptance", {
+        defaultValue: "Acceptance"
+      }) }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: detail.acceptanceCriteria.map((criterion) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "text-xs-tight text-txt",
+          children: criterion
+        },
+        `${detail.id}-criterion-${criterion}`
+      )) })
+    ] }) : null,
+    /* @__PURE__ */ jsx(
+      DetailList,
+      {
+        title: t("codingagenttaskspanel.sessions", {
+          defaultValue: "Sessions"
+        }),
+        children: (detail.sessions ?? []).length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-xs-tight text-muted", children: t("codingagenttaskspanel.noSessionsRecorded", {
+          defaultValue: "None"
+        }) }) : /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: (detail.sessions ?? []).slice(-4).reverse().map((session) => /* @__PURE__ */ jsxs("div", { className: "text-xs-tight text-txt", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-medium", children: session.label }),
+          /* @__PURE__ */ jsxs("div", { className: "text-muted", children: [
+            session.framework,
+            session.providerSource ? ` (${session.providerSource})` : "",
+            " \xB7 ",
+            formatThreadStatus(session.status, t),
+            " \xB7",
+            " ",
+            session.workdir || session.repo || t("codingagenttaskspanel.noWorkspace", {
+              defaultValue: "None"
+            })
+          ] }),
+          getWorkspaceChangesSummary(session.metadata) ? /* @__PURE__ */ jsx("div", { className: "text-muted", children: (() => {
+            const summary = getWorkspaceChangesSummary(
+              session.metadata
+            );
+            if (!summary) return null;
+            const preview = summary.files.slice(0, 3).join(", ");
+            return summary.total > 3 ? t("codingagenttaskspanel.changedFilesMore", {
+              defaultValue: "{{count}} changed files: {{preview}}, +{{remaining}} more",
+              count: summary.total,
+              preview,
+              remaining: summary.total - 3
+            }) : t("codingagenttaskspanel.changedFiles", {
+              defaultValue: "{{count}} changed files: {{preview}}",
+              count: summary.total,
+              preview
+            });
+          })() }) : null
+        ] }, session.id)) })
+      }
+    ),
+    pendingDecisions.length > 0 ? /* @__PURE__ */ jsx(
+      DetailList,
+      {
+        title: t("codingagenttaskspanel.pendingUserInput", {
+          defaultValue: "Pending User Input"
+        }),
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: pendingDecisions.map((decision) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "text-xs-tight text-txt",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "font-medium", children: decision.promptText }),
+              /* @__PURE__ */ jsx("div", { className: "line-clamp-2 text-muted", children: typeof decision.llmDecision.reasoning === "string" ? decision.llmDecision.reasoning : decision.recentOutput || t("codingagenttaskspanel.waitingForNextUserResponse", {
+                defaultValue: "Coordinator is waiting for the next user response."
+              }) })
+            ]
+          },
+          `${decision.threadId}-${decision.sessionId}`
+        )) })
+      }
+    ) : null,
+    latestArtifacts.length > 0 ? /* @__PURE__ */ jsx(
+      DetailList,
+      {
+        title: t("codingagenttaskspanel.artifacts", {
+          defaultValue: "Artifacts"
+        }),
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: latestArtifacts.map((artifact) => /* @__PURE__ */ jsxs("div", { className: "text-xs-tight text-txt", children: [
+          /* @__PURE__ */ jsx("div", { className: "font-medium", children: artifact.title }),
+          /* @__PURE__ */ jsxs("div", { className: "break-all text-muted", children: [
+            artifact.artifactType,
+            " \xB7",
+            " ",
+            artifact.path ?? artifact.uri ?? t("codingagenttaskspanel.inline", {
+              defaultValue: "inline"
+            })
+          ] })
+        ] }, artifact.id)) })
+      }
+    ) : null,
+    latestDecisions.length > 0 ? /* @__PURE__ */ jsx(
+      DetailList,
+      {
+        title: t("codingagenttaskspanel.coordinatorDecisions", {
+          defaultValue: "Coordinator Decisions"
+        }),
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: latestDecisions.map((decision) => /* @__PURE__ */ jsxs("div", { className: "text-xs-tight text-txt", children: [
+          /* @__PURE__ */ jsxs("div", { className: "font-medium", children: [
+            decision.decision,
+            " \xB7",
+            " ",
+            formatRelativeTime(decision.timestamp, locale)
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "line-clamp-3 text-muted", children: decision.reasoning })
+        ] }, decision.id)) })
+      }
+    ) : null,
+    latestEvents.length > 0 ? /* @__PURE__ */ jsx(
+      DetailList,
+      {
+        title: t("codingagenttaskspanel.events", {
+          defaultValue: "Events"
+        }),
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: latestEvents.map((event) => /* @__PURE__ */ jsxs("div", { className: "text-xs-tight text-txt", children: [
+          /* @__PURE__ */ jsxs("div", { className: "font-medium", children: [
+            event.eventType.replace(/_/g, " "),
+            " \xB7",
+            " ",
+            formatRelativeTime(event.timestamp, locale)
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "line-clamp-2 text-muted", children: event.summary })
+        ] }, event.id)) })
+      }
+    ) : null,
+    latestTranscripts.length > 0 ? /* @__PURE__ */ jsx(
+      DetailList,
+      {
+        title: t("codingagenttaskspanel.messages", {
+          defaultValue: "Messages"
+        }),
+        children: /* @__PURE__ */ jsx("div", { className: "max-h-40 space-y-2 overflow-y-auto pr-1", children: latestTranscripts.map((entry) => {
+          const text = stripAnsi(entry.content);
+          if (!text) return null;
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "rounded border border-border/40 bg-bg-hover/40 p-2",
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "mb-1 text-2xs uppercase tracking-[0.08em] text-muted", children: [
+                  entry.direction === "stdin" ? t("codingagenttaskspanel.prompt", {
+                    defaultValue: "prompt"
+                  }) : t("codingagenttaskspanel.system", {
+                    defaultValue: "system"
+                  }),
+                  " ",
+                  "\xB7 ",
+                  formatRelativeTime(entry.timestamp, locale)
+                ] }),
+                /* @__PURE__ */ jsx("pre", { className: "whitespace-pre-wrap break-words font-mono text-2xs text-txt", children: text })
+              ]
+            },
+            entry.id
+          );
+        }) })
+      }
+    ) : null,
+    /* @__PURE__ */ jsx("div", { className: "flex gap-2 pt-1", children: detail.status === "archived" ? /* @__PURE__ */ jsx(
+      ThreadActionButton,
+      {
+        agentId: "action-reopen-thread",
+        label: t("codingagenttaskspanel.reopen", {
+          defaultValue: "Reopen"
+        }),
+        description: "Reopen the selected archived task thread",
+        variant: "secondary",
+        disabled: busy,
+        onClick: onReopen,
+        className: "h-7 px-2 text-xs-tight"
+      }
+    ) : /* @__PURE__ */ jsx(
+      ThreadActionButton,
+      {
+        agentId: "action-delete-thread",
+        label: t("codingagenttaskspanel.delete", {
+          defaultValue: "Delete"
+        }),
+        description: "Delete (archive) the selected task thread",
+        variant: "secondary",
+        disabled: busy,
+        onClick: onDelete,
+        className: "h-7 px-2 text-xs-tight text-danger hover:bg-danger/10"
+      }
+    ) })
+  ] });
+}
+function threadChips(thread, t, locale) {
+  const kindLabel = thread.kind ? formatThreadKind(thread.kind, t) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    thread.sessionCount > 0 ? /* @__PURE__ */ jsx(TaskMetaChip, { icon: /* @__PURE__ */ jsx(Bot, { className: "h-3 w-3" }), children: t("codingagenttaskspanel.sessionsCount", {
+      defaultValue: "{{count}} sessions",
+      count: thread.sessionCount
+    }) }) : null,
+    thread.decisionCount > 0 ? /* @__PURE__ */ jsx(TaskMetaChip, { icon: /* @__PURE__ */ jsx(ListChecks, { className: "h-3 w-3" }), children: t("codingagenttaskspanel.decisionsCount", {
+      defaultValue: "{{count}} decisions",
+      count: thread.decisionCount
+    }) }) : null,
+    kindLabel ? /* @__PURE__ */ jsx(TaskMetaChip, { icon: /* @__PURE__ */ jsx(Terminal, { className: "h-3 w-3" }), children: kindLabel }) : null,
+    /* @__PURE__ */ jsx("span", { className: "text-2xs text-muted/80", children: formatIsoTime(thread.updatedAt, locale, t) })
+  ] });
+}
+function ThreadDetailPane({
+  thread,
+  detail,
+  detailLoading,
+  busy,
+  onBack,
+  onDelete,
+  onReopen,
+  t,
+  locale
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", "data-testid": "task-detail-pane", children: [
+    /* @__PURE__ */ jsx(
+      BackChip,
+      {
+        label: t("codingagenttaskspanel.backToTasks", {
+          defaultValue: "Tasks"
+        }),
+        onClick: onBack,
+        testId: "task-detail-back"
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-2xl bg-bg-accent/20 p-3", children: [
+      /* @__PURE__ */ jsx(TaskStatusMedallion, { status: thread.status }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx("div", { className: "truncate text-sm font-semibold text-txt-strong", children: thread.title }),
+        thread.originalRequest ? /* @__PURE__ */ jsx("div", { className: "mt-0.5 line-clamp-2 text-xs text-muted", children: thread.originalRequest }) : null
+      ] })
+    ] }),
+    !detail && detailLoading ? /* @__PURE__ */ jsx("div", { className: "text-xs-tight text-muted", children: t("common.loading", { defaultValue: "Loading\u2026" }) }) : detail ? /* @__PURE__ */ jsx(
+      ThreadDetailContent,
+      {
+        detail,
+        busy,
+        onDelete,
+        onReopen,
+        t,
+        locale
+      }
+    ) : null
+  ] });
+}
+function CodingAgentTasksPanel(_props = {}) {
+  const { t: appT, uiLanguage: appUiLanguage } = useAppSelectorShallow((s) => ({
+    t: s.t,
+    uiLanguage: s.uiLanguage
+  }));
+  const t = appT ?? fallbackTranslate;
+  const uiLanguage = typeof appUiLanguage === "string" ? appUiLanguage : void 0;
+  const [threads, setThreads] = useState([]);
+  const [selectedThreadId, setSelectedThreadId] = useState(null);
+  const [selectedThread, setSelectedThread] = useState(null);
+  const [showArchived, setShowArchived] = useState(false);
+  const [search, setSearch] = useState("");
+  const [loading, setLoading] = useState(true);
+  const [mutating, setMutating] = useState(false);
+  const [loadError, setLoadError] = useState(null);
+  const [detailError, setDetailError] = useState(null);
+  const [mutationError, setMutationError] = useState(null);
+  const deferredSearch = useDeferredValue(search.trim());
+  const selectedThreadSummary = useMemo(
+    () => threads.find((thread) => thread.id === selectedThreadId) ?? null,
+    [selectedThreadId, threads]
+  );
+  const searchLabel = t("codingagenttaskspanel.searchPlaceholder", {
+    defaultValue: "Search tasks"
+  });
+  const showArchivedLabel = t("codingagenttaskspanel.showArchived", {
+    defaultValue: "Show archived"
+  });
+  const { ref: searchRef, agentProps: searchAgentProps } = useAgentElement({
+    id: "input-search-tasks",
+    role: "text-input",
+    label: searchLabel,
+    group: "task-filters",
+    description: "Filter task threads by title or request text"
+  });
+  const { ref: archivedRef, agentProps: archivedAgentProps } = useAgentElement({
+    id: "toggle-show-archived",
+    role: "toggle",
+    label: showArchivedLabel,
+    group: "task-filters",
+    status: showArchived ? "active" : "inactive",
+    description: "Toggle showing archived tasks",
+    onActivate: () => setShowArchived((value) => !value)
+  });
+  useEffect(() => {
+    let cancelled = false;
+    const refreshThreads = async (silent = false) => {
+      if (!silent) {
+        setLoading(true);
+      }
+      try {
+        const nextThreads = await client.listCodingAgentTaskThreads({
+          includeArchived: showArchived,
+          search: deferredSearch || void 0,
+          limit: 30
+        });
+        if (cancelled) return;
+        setLoadError(null);
+        setMutationError(null);
+        setThreads(nextThreads);
+        setSelectedThreadId((current) => {
+          if (current === null) return null;
+          if (nextThreads.some((thread) => thread.id === current)) {
+            return current;
+          }
+          return null;
+        });
+      } catch (error) {
+        if (cancelled) return;
+        if (error instanceof ApiError && error.status === 404) {
+          setLoadError(null);
+          setThreads([]);
+          setSelectedThreadId(null);
+          setSelectedThread(null);
+          return;
+        }
+        if (!silent) {
+          setLoadError(
+            getClientErrorMessage(
+              error,
+              t("codingagenttaskspanel.unknown", {
+                defaultValue: "Unknown"
+              })
+            )
+          );
+        }
+        if (!silent) {
+          setThreads([]);
+          setSelectedThreadId(null);
+          setSelectedThread(null);
+        }
+      } finally {
+        if (!cancelled && !silent) {
+          setLoading(false);
+        }
+      }
+    };
+    void refreshThreads(false);
+    const timer = setInterval(() => {
+      void refreshThreads(true);
+    }, 5e3);
+    return () => {
+      cancelled = true;
+      clearInterval(timer);
+    };
+  }, [deferredSearch, showArchived, t]);
+  useEffect(() => {
+    let cancelled = false;
+    if (!selectedThreadId) {
+      setDetailError(null);
+      setSelectedThread(null);
+      return;
+    }
+    const loadDetail = async () => {
+      try {
+        const expectedUpdatedAt = selectedThreadSummary?.updatedAt ?? null;
+        const detail = await client.getCodingAgentTaskThread(selectedThreadId);
+        if (cancelled) return;
+        setDetailError(null);
+        setSelectedThread((current) => {
+          if (current && detail && expectedUpdatedAt && current.updatedAt === expectedUpdatedAt && current.id === detail.id) {
+            return current;
+          }
+          return detail;
+        });
+      } catch (error) {
+        if (cancelled) return;
+        setDetailError(
+          getClientErrorMessage(
+            error,
+            t("codingagenttaskspanel.unknown", {
+              defaultValue: "Unknown"
+            })
+          )
+        );
+        setSelectedThread(null);
+      }
+    };
+    void loadDetail();
+    return () => {
+      cancelled = true;
+    };
+  }, [selectedThreadId, selectedThreadSummary?.updatedAt, t]);
+  const handleDelete = async () => {
+    if (!selectedThread) return;
+    setMutating(true);
+    setMutationError(null);
+    try {
+      await client.archiveCodingAgentTaskThread(selectedThread.id);
+      const nextThreads = await client.listCodingAgentTaskThreads({
+        includeArchived: showArchived,
+        search: deferredSearch || void 0,
+        limit: 30
+      });
+      setLoadError(null);
+      setDetailError(null);
+      setMutationError(null);
+      setThreads(nextThreads);
+      setSelectedThreadId(nextThreads[0]?.id ?? null);
+    } catch (error) {
+      setMutationError(
+        t("codingagenttaskspanel.deleteFailed", {
+          defaultValue: error instanceof Error ? "Failed to delete task: {{error}}" : "Failed to delete task.",
+          error: error instanceof Error ? error.message : void 0
+        })
+      );
+    } finally {
+      setMutating(false);
+    }
+  };
+  const handleReopen = async () => {
+    if (!selectedThread) return;
+    setMutating(true);
+    setMutationError(null);
+    try {
+      await client.reopenCodingAgentTaskThread(selectedThread.id);
+      const nextThreads = await client.listCodingAgentTaskThreads({
+        includeArchived: false,
+        search: deferredSearch || void 0,
+        limit: 30
+      });
+      setLoadError(null);
+      setDetailError(null);
+      setMutationError(null);
+      setThreads(nextThreads);
+      setShowArchived(false);
+      setSelectedThreadId(nextThreads[0]?.id ?? null);
+    } catch (error) {
+      setMutationError(
+        t("codingagenttaskspanel.reopenFailed", {
+          defaultValue: error instanceof Error ? "Failed to reopen task: {{error}}" : "Failed to reopen task.",
+          error: error instanceof Error ? error.message : void 0
+        })
+      );
+    } finally {
+      setMutating(false);
+    }
+  };
+  const activeCount = threads.filter((t2) => t2.status === "active").length;
+  const doneCount = threads.filter((t2) => t2.status === "done").length;
+  if (selectedThreadId && selectedThreadSummary) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "flex h-full min-h-0 w-full flex-col gap-3 overflow-y-auto bg-bg px-4 pb-28 pt-4 text-txt",
+        "data-testid": "task-coordinator-panel",
+        children: [
+          detailError ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-danger/30 bg-danger/10 px-2 py-1.5 text-xs text-danger", children: t("codingagenttaskspanel.loadTaskDetailFailed", {
+            defaultValue: "Failed to load task detail: {{error}}",
+            error: detailError
+          }) }) : null,
+          mutationError ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-danger/30 bg-danger/10 px-2 py-1.5 text-xs text-danger", children: mutationError }) : null,
+          /* @__PURE__ */ jsx(
+            ThreadDetailPane,
+            {
+              thread: selectedThreadSummary,
+              detail: selectedThread,
+              detailLoading: loading,
+              busy: mutating,
+              onBack: () => setSelectedThreadId(null),
+              onDelete: handleDelete,
+              onReopen: handleReopen,
+              t,
+              locale: uiLanguage
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "relative flex h-full min-h-0 w-full flex-col gap-3 overflow-y-auto bg-bg px-4 pb-28 pt-4 text-txt",
+      "data-testid": "task-coordinator-panel",
+      children: [
+        /* @__PURE__ */ jsx(
+          TaskListHeader,
+          {
+            icon: /* @__PURE__ */ jsx(ListChecks, { className: "h-5 w-5" }),
+            title: t("taskseventspanel.Tasks", { defaultValue: "Coding Tasks" }),
+            counts: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(TaskCountChip, { value: threads.length, label: "total" }),
+              activeCount > 0 ? /* @__PURE__ */ jsx(TaskCountChip, { value: activeCount, label: "active", tone: "active" }) : null,
+              doneCount > 0 ? /* @__PURE__ */ jsx(TaskCountChip, { value: doneCount, label: "done", tone: "accent" }) : null
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            TaskSearchInput,
+            {
+              value: search,
+              onChange: setSearch,
+              placeholder: searchLabel,
+              inputRef: searchRef,
+              agentProps: searchAgentProps
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: archivedRef,
+              type: "button",
+              onClick: () => setShowArchived((value) => !value),
+              "aria-pressed": showArchived,
+              "data-testid": "task-show-archived",
+              className: `inline-flex h-9 items-center gap-2 rounded-xl border px-3 text-xs font-medium transition-colors ${showArchived ? "border-accent/40 bg-accent-subtle text-accent" : "border-border/50 bg-bg-accent/30 text-muted hover:text-txt"}`,
+              ...archivedAgentProps,
+              children: [
+                /* @__PURE__ */ jsx(Archive, { className: "h-3.5 w-3.5" }),
+                showArchivedLabel
+              ]
+            }
+          )
+        ] }),
+        loadError ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-danger/30 bg-danger/10 px-2 py-1.5 text-xs text-danger", children: t("codingagenttaskspanel.loadThreadsFailed", {
+          defaultValue: "Failed to load task threads: {{error}}",
+          error: loadError
+        }) }) : null,
+        mutationError ? /* @__PURE__ */ jsx("div", { className: "rounded-md border border-danger/30 bg-danger/10 px-2 py-1.5 text-xs text-danger", children: mutationError }) : null,
+        threads.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2.5", children: threads.map((thread) => /* @__PURE__ */ jsx(
+            TaskCard,
+            {
+              id: thread.id,
+              title: thread.title,
+              subtitle: thread.summary || thread.originalRequest,
+              status: thread.status,
+              chips: threadChips(thread, t, uiLanguage),
+              onOpen: setSelectedThreadId,
+              t
+            },
+            thread.id
+          )) }),
+          threads.length < 4 ? /* @__PURE__ */ jsx(SparseWatermark, { icon: ListChecks }) : null
+        ] }) : loading ? /* @__PURE__ */ jsx("div", { className: "text-sm text-muted", children: t("codingagenttaskspanel.loadingTasks", {
+          defaultValue: "Loading"
+        }) }) : /* @__PURE__ */ jsx(
+          TaskEmptyState,
+          {
+            title: t("codingagenttaskspanel.empty.title", {
+              defaultValue: "None"
+            }),
+            hint: t("codingagenttaskspanel.empty.hint", {
+              defaultValue: "Coding agents you dispatch will appear here with their sessions, decisions, and live console output."
+            })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  CodingAgentTasksPanel
+};
+//# sourceMappingURL=CodingAgentTasksPanel.js.map