@hachej/boring-tasks 0.1.79

package/dist/front/index.js

@@ -0,0 +1,1134 @@
+// src/front/index.tsx
+import { definePlugin } from "@hachej/boring-workspace/plugin";
+
+// src/shared/index.ts
+var TASKS_PLUGIN_ID = "tasks";
+var TASKS_PLUGIN_LABEL = "Tasks";
+
+// src/front/TasksOverlay.tsx
+import { useEffect as useEffect2, useMemo as useMemo2, useState as useState3 } from "react";
+import { IconButton } from "@hachej/boring-ui-kit";
+import { useWorkspacePluginClient as useWorkspacePluginClient2 } from "@hachej/boring-workspace";
+import { useAppLeftOverlayChrome } from "@hachej/boring-workspace/plugin";
+import { X } from "lucide-react";
+
+// src/front/httpTaskAdapter.ts
+var ROUTE_PREFIX = "/api/boring-tasks";
+async function readError(response) {
+  try {
+    const body = await response.json();
+    const message = body.error ?? body.message;
+    if (typeof message === "string" && message.length > 0) return message;
+  } catch {
+  }
+  return `${response.status} ${response.statusText}`.trim();
+}
+async function fetchJson(path, init) {
+  const response = await fetch(`${ROUTE_PREFIX}${path}`, {
+    credentials: "include",
+    ...init,
+    headers: {
+      ...init?.body ? { "Content-Type": "application/json" } : {},
+      ...init?.headers
+    }
+  });
+  if (!response.ok) throw new Error(await readError(response));
+  return await response.json();
+}
+function getJson(client, path) {
+  return client ? client.getJson(`${ROUTE_PREFIX}${path}`) : fetchJson(path);
+}
+function postJson(client, path, body) {
+  return client ? client.postJson(`${ROUTE_PREFIX}${path}`, body) : fetchJson(path, {
+    method: "POST",
+    body: JSON.stringify(body)
+  });
+}
+async function listHttpTaskSources(client) {
+  const body = await getJson(client, "/sources");
+  return body.sources ?? [];
+}
+function createHttpTaskAdapter(source, client) {
+  return {
+    ...source,
+    async getBoardConfig() {
+      const body = await postJson(client, "/sources/tasks/list", { sourceIds: [source.id] });
+      const config = body.configs?.[source.id];
+      if (!config) throw new Error(`Task source did not return board config: ${source.id}`);
+      return config;
+    },
+    async listTasks() {
+      const body = await postJson(client, "/sources/tasks/list", { sourceIds: [source.id] });
+      return body.tasks ?? [];
+    },
+    moveTask: source.capabilities.move ? async ({ taskId, statusId }) => {
+      const body = await postJson(client, "/sources/tasks/move", { sourceId: source.id, taskId, statusId });
+      if (!body.task) throw new Error(`Task source did not return moved task: ${source.id}`);
+      return body.task;
+    } : void 0,
+    deleteTask: source.capabilities.delete ? async ({ taskId }) => {
+      await postJson(client, "/sources/tasks/delete", { sourceId: source.id, taskId });
+    } : void 0
+  };
+}
+
+// src/front/TaskKanbanBoard.tsx
+import { useCallback, useEffect, useMemo, useRef, useState as useState2 } from "react";
+import { Columns3, List } from "lucide-react";
+
+// src/front/taskBoardModel.ts
+var UNMAPPED_COLUMN_ID = "__unmapped__";
+function groupTasksByColumn(board, tasks) {
+  const configuredIds = new Set(board.columns.map((column) => column.id));
+  const columns = board.columns.map((column) => ({ ...column, tasks: [] }));
+  const byId = new Map(columns.map((column) => [column.id, column]));
+  const unmapped = [];
+  for (const task of tasks) {
+    const column = byId.get(task.statusId);
+    if (column) column.tasks.push(task);
+    else unmapped.push(task);
+  }
+  if (unmapped.length > 0) {
+    columns.push({
+      id: UNMAPPED_COLUMN_ID,
+      title: "Unmapped",
+      description: "Tasks whose adapter status is not in this board config",
+      acceptsDrop: false,
+      tasks: unmapped,
+      unmapped: true
+    });
+  }
+  return columns.filter((column) => column.tasks.length > 0 || configuredIds.has(column.id));
+}
+function canDropInColumn(column) {
+  return column.id !== UNMAPPED_COLUMN_ID && column.acceptsDrop !== false;
+}
+
+// src/front/TaskCard.tsx
+import { useState } from "react";
+import { MessageSquare, MoreHorizontal, Trash2 } from "lucide-react";
+import { useWorkspacePluginClient } from "@hachej/boring-workspace";
+import { useWorkspaceShellCapabilities } from "@hachej/boring-workspace/plugin";
+import { jsx, jsxs } from "react/jsx-runtime";
+function ExternalLinkGlyph({ className }) {
+  return /* @__PURE__ */ jsxs("svg", { className, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx("path", { d: "M14 5h5v5M19 5l-9 9", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ jsx("path", { d: "M11 6H7a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-4", stroke: "currentColor", strokeWidth: "1.75", strokeLinecap: "round" })
+  ] });
+}
+function rectFromElement(element) {
+  const rect = element.getBoundingClientRect();
+  return { x: rect.x, y: rect.y, width: rect.width, height: rect.height, top: rect.top, right: rect.right, bottom: rect.bottom, left: rect.left };
+}
+function taskChatDraft(task) {
+  return [
+    `Let's work on ${task.number}: ${task.title}`,
+    "",
+    `Task ID: ${task.number}`,
+    `Status: ${task.statusId}`,
+    task.url ? `URL: ${task.url}` : null
+  ].filter(Boolean).join("\n");
+}
+function TaskCard({ task, draggable, unmapped = false, deleteEnabled = false, compact = false, onDelete, onDragStart, onDragEnd }) {
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [openingChat, setOpeningChat] = useState(false);
+  const shell = useWorkspaceShellCapabilities();
+  const pluginClient = useWorkspacePluginClient();
+  const tags = task.tags?.slice(0, 4) ?? [];
+  const hiddenTagCount = Math.max((task.tags?.length ?? 0) - tags.length, 0);
+  const pullRequests = task.pullRequests?.slice(0, 2) ?? [];
+  const hiddenPullRequestCount = Math.max((task.pullRequests?.length ?? 0) - pullRequests.length, 0);
+  const stopCardAction = (event) => event.stopPropagation();
+  const openTaskChat = (event) => {
+    stopCardAction(event);
+    const anchor = rectFromElement(event.currentTarget);
+    const title = `${task.number}: ${task.title}`;
+    setOpeningChat(true);
+    void pluginClient.postJson("/api/v1/agent/pi-chat/sessions", { title }).then((session) => {
+      if (typeof session.id !== "string" || session.id.length === 0) throw new Error("Chat session was not created.");
+      const initialDraft = taskChatDraft(task);
+      shell.openDetachedChat(session.id, { anchor, title, initialDraft, composingEnabled: true });
+      window.dispatchEvent(new CustomEvent("boring-workspace:open-detached-chat", { detail: { sessionId: session.id, title, initialDraft, composingEnabled: true } }));
+    }).catch((error) => console.error("Failed to open task chat", error)).finally(() => setOpeningChat(false));
+  };
+  const deleteTask = (event) => {
+    stopCardAction(event);
+    setMenuOpen(false);
+    onDelete?.(task);
+  };
+  if (compact) {
+    return /* @__PURE__ */ jsxs(
+      "article",
+      {
+        draggable,
+        onDragStart: (event) => onDragStart(event, task),
+        onDragEnd,
+        className: [
+          "group flex min-w-0 items-center gap-2 rounded-xl border bg-background px-3 py-2 shadow-sm transition",
+          draggable ? "cursor-grab hover:border-foreground/30 hover:shadow-md active:cursor-grabbing" : "cursor-default",
+          unmapped ? "border-dashed border-amber-400/60 bg-amber-500/5" : "border-border"
+        ].join(" "),
+        "data-task-id": task.id,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full border border-border bg-muted/50 px-2 py-0.5 font-mono text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: task.number }),
+          /* @__PURE__ */ jsx("h3", { className: "min-w-0 flex-1 truncate text-sm font-semibold text-foreground", title: task.title, children: task.title }),
+          task.epic ? /* @__PURE__ */ jsx("span", { className: "hidden max-w-36 shrink-0 truncate rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-[10px] font-medium text-primary sm:inline-block", children: task.epic.title }) : null,
+          tags.slice(0, 2).map((tag) => /* @__PURE__ */ jsx("span", { className: "hidden max-w-28 shrink-0 truncate rounded-full border border-border bg-muted/30 px-2 py-0.5 text-[10px] font-medium text-muted-foreground md:inline-block", children: tag }, tag)),
+          pullRequests.slice(0, 1).map((pr) => pr.url ? /* @__PURE__ */ jsxs("a", { href: pr.url, target: "_blank", rel: "noreferrer", draggable: false, onClick: (event) => event.stopPropagation(), className: "hidden max-w-64 shrink-0 truncate rounded-full border border-emerald-500/30 bg-emerald-500/10 px-2 py-0.5 text-[10px] font-semibold text-emerald-700 hover:bg-emerald-500/15 dark:text-emerald-300 lg:inline-block", title: pr.title, "aria-label": `Open pull request ${pr.number}: ${pr.title}`, children: [
+            "PR ",
+            pr.number,
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: pr.title })
+          ] }, pr.id) : /* @__PURE__ */ jsxs("span", { className: "hidden max-w-64 shrink-0 truncate rounded-full border border-emerald-500/30 bg-emerald-500/10 px-2 py-0.5 text-[10px] font-semibold text-emerald-700 dark:text-emerald-300 lg:inline-block", title: pr.title, children: [
+            "PR ",
+            pr.number,
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: pr.title })
+          ] }, pr.id)),
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx("button", { type: "button", draggable: false, onClick: openTaskChat, className: "grid size-7 place-items-center rounded-lg text-muted-foreground opacity-80 hover:bg-muted hover:text-foreground group-hover:opacity-100", "aria-label": `Open chat for ${task.number}`, title: "Open task chat", disabled: openingChat, children: /* @__PURE__ */ jsx(MessageSquare, { className: ["size-3.5", openingChat ? "animate-pulse" : ""].join(" "), strokeWidth: 1.75 }) }),
+            task.url ? /* @__PURE__ */ jsx("a", { href: task.url, target: "_blank", rel: "noreferrer", draggable: false, onClick: (event) => event.stopPropagation(), className: "grid size-7 place-items-center rounded-lg text-muted-foreground opacity-80 hover:bg-muted hover:text-foreground group-hover:opacity-100", "aria-label": `Open ${task.number} in native task system`, title: "Open in native task system", children: /* @__PURE__ */ jsx(ExternalLinkGlyph, { className: "size-3.5" }) }) : null,
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx("button", { type: "button", draggable: false, onClick: (event) => {
+                stopCardAction(event);
+                setMenuOpen((current) => !current);
+              }, className: "grid size-7 place-items-center rounded-lg text-muted-foreground opacity-80 hover:bg-muted hover:text-foreground group-hover:opacity-100", "aria-label": `Open actions for ${task.number}`, "aria-expanded": menuOpen, title: "Task actions", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-3.5", strokeWidth: 1.75 }) }),
+              menuOpen ? /* @__PURE__ */ jsx("div", { className: "absolute right-0 z-30 mt-1 w-40 overflow-hidden rounded-xl border border-border bg-popover p-1 text-sm text-popover-foreground shadow-xl", children: /* @__PURE__ */ jsxs("button", { type: "button", className: "flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left text-destructive hover:bg-destructive/10 disabled:cursor-not-allowed disabled:opacity-50", disabled: !deleteEnabled, onClick: deleteTask, title: deleteEnabled ? "Delete issue" : "This task source cannot delete issues", children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "size-3.5", strokeWidth: 1.75 }),
+                "Delete issue"
+              ] }) }) : null
+            ] })
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "article",
+    {
+      draggable,
+      onDragStart: (event) => onDragStart(event, task),
+      onDragEnd,
+      className: [
+        "group rounded-xl border bg-background p-3 shadow-sm transition",
+        draggable ? "cursor-grab hover:-translate-y-0.5 hover:border-foreground/30 hover:shadow-md active:cursor-grabbing" : "cursor-default",
+        unmapped ? "border-dashed border-amber-400/60 bg-amber-500/5" : "border-border"
+      ].join(" "),
+      "data-task-id": task.id,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0 rounded-full border border-border bg-muted/50 px-2 py-0.5 font-mono text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: task.number }),
+          /* @__PURE__ */ jsx("h3", { className: "min-w-0 flex-1 truncate text-sm font-semibold leading-snug text-foreground", title: task.title, children: task.title }),
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-0.5", children: [
+            /* @__PURE__ */ jsx("button", { type: "button", draggable: false, onClick: openTaskChat, className: "grid size-7 place-items-center rounded-lg text-muted-foreground opacity-80 hover:bg-muted hover:text-foreground group-hover:opacity-100", "aria-label": `Open chat for ${task.number}`, title: "Open task chat", disabled: openingChat, children: /* @__PURE__ */ jsx(MessageSquare, { className: ["size-3.5", openingChat ? "animate-pulse" : ""].join(" "), strokeWidth: 1.75 }) }),
+            task.url ? /* @__PURE__ */ jsx("a", { href: task.url, target: "_blank", rel: "noreferrer", draggable: false, onClick: (event) => event.stopPropagation(), className: "grid size-7 place-items-center rounded-lg text-muted-foreground opacity-80 hover:bg-muted hover:text-foreground group-hover:opacity-100", "aria-label": `Open ${task.number} in native task system`, title: "Open in native task system", children: /* @__PURE__ */ jsx(ExternalLinkGlyph, { className: "size-3.5" }) }) : null,
+            /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx("button", { type: "button", draggable: false, onClick: (event) => {
+                stopCardAction(event);
+                setMenuOpen((current) => !current);
+              }, className: "grid size-7 place-items-center rounded-lg text-muted-foreground opacity-80 hover:bg-muted hover:text-foreground group-hover:opacity-100", "aria-label": `Open actions for ${task.number}`, "aria-expanded": menuOpen, title: "Task actions", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-3.5", strokeWidth: 1.75 }) }),
+              menuOpen ? /* @__PURE__ */ jsx("div", { className: "absolute right-0 z-30 mt-1 w-40 overflow-hidden rounded-xl border border-border bg-popover p-1 text-sm text-popover-foreground shadow-xl", children: /* @__PURE__ */ jsxs("button", { type: "button", className: "flex w-full items-center gap-2 rounded-lg px-2 py-1.5 text-left text-destructive hover:bg-destructive/10 disabled:cursor-not-allowed disabled:opacity-50", disabled: !deleteEnabled, onClick: deleteTask, title: deleteEnabled ? "Delete issue" : "This task source cannot delete issues", children: [
+                /* @__PURE__ */ jsx(Trash2, { className: "size-3.5", strokeWidth: 1.75 }),
+                "Delete issue"
+              ] }) }) : null
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "mt-3 flex flex-wrap gap-1.5", children: [
+          unmapped ? /* @__PURE__ */ jsx("span", { className: "rounded-full border border-amber-400/50 px-2 py-0.5 text-[10px] font-medium uppercase tracking-wide text-amber-600 dark:text-amber-300", children: "Unmapped" }) : null,
+          task.epic ? /* @__PURE__ */ jsx("span", { className: "rounded-full border border-primary/20 bg-primary/10 px-2 py-0.5 text-[10px] font-medium text-primary", children: task.epic.title }) : null,
+          tags.map((tag) => /* @__PURE__ */ jsx("span", { className: "rounded-full border border-border bg-muted/30 px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: tag }, tag)),
+          hiddenTagCount > 0 ? /* @__PURE__ */ jsxs("span", { className: "rounded-full border border-border bg-muted/30 px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: [
+            "+",
+            hiddenTagCount
+          ] }) : null
+        ] }),
+        pullRequests.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "mt-2 flex flex-wrap gap-1.5 border-t border-border/60 pt-2", children: [
+          pullRequests.map((pr) => pr.url ? /* @__PURE__ */ jsxs("a", { href: pr.url, target: "_blank", rel: "noreferrer", draggable: false, onClick: (event) => event.stopPropagation(), className: "inline-flex max-w-full items-center gap-1 rounded-full border border-emerald-500/30 bg-emerald-500/10 px-2 py-0.5 text-[10px] font-semibold text-emerald-700 hover:bg-emerald-500/15 dark:text-emerald-300", title: pr.title, "aria-label": `Open pull request ${pr.number}: ${pr.title}`, children: [
+            /* @__PURE__ */ jsxs("span", { className: "shrink-0", children: [
+              "PR ",
+              pr.number
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: pr.title })
+          ] }, pr.id) : /* @__PURE__ */ jsxs("span", { className: "inline-flex max-w-full items-center gap-1 rounded-full border border-emerald-500/30 bg-emerald-500/10 px-2 py-0.5 text-[10px] font-semibold text-emerald-700 dark:text-emerald-300", title: pr.title, children: [
+            /* @__PURE__ */ jsxs("span", { className: "shrink-0", children: [
+              "PR ",
+              pr.number
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "truncate font-medium", children: pr.title })
+          ] }, pr.id)),
+          hiddenPullRequestCount > 0 ? /* @__PURE__ */ jsxs("span", { className: "rounded-full border border-border bg-muted/30 px-2 py-0.5 text-[10px] font-medium text-muted-foreground", children: [
+            "+",
+            hiddenPullRequestCount,
+            " PR"
+          ] }) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+
+// src/front/TaskKanbanColumn.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function TaskKanbanColumn({
+  column,
+  moveEnabled,
+  activeTaskRef,
+  onTaskDragStart,
+  onTaskDragEnd,
+  onTaskDrop,
+  onTaskDelete,
+  canDragTask = () => moveEnabled,
+  canDeleteTask = () => false
+}) {
+  const acceptsDrop = moveEnabled && canDropInColumn(column);
+  const hasTaskDragPayload = (event) => {
+    const types = Array.from(event.dataTransfer.types);
+    return types.includes("application/x-boring-task-ref") || types.includes("application/x-boring-task-id");
+  };
+  const handleDragOver = (event) => {
+    if (!acceptsDrop || !hasTaskDragPayload(event)) return;
+    event.preventDefault();
+    event.dataTransfer.dropEffect = "move";
+  };
+  const handleDrop = (event) => {
+    if (!acceptsDrop || !hasTaskDragPayload(event)) return;
+    event.preventDefault();
+    const rawRef = event.dataTransfer.getData("application/x-boring-task-ref");
+    const fallbackTaskId = event.dataTransfer.getData("application/x-boring-task-id");
+    let ref;
+    try {
+      ref = rawRef ? JSON.parse(rawRef) : void 0;
+    } catch {
+      ref = void 0;
+    }
+    const taskId = typeof ref?.taskId === "string" ? ref.taskId : fallbackTaskId || activeTaskRef?.taskId;
+    const adapterId = typeof ref?.adapterId === "string" ? ref.adapterId : activeTaskRef?.adapterId;
+    if (taskId && adapterId) onTaskDrop(taskId, adapterId, column.id);
+  };
+  return /* @__PURE__ */ jsxs2(
+    "section",
+    {
+      className: [
+        "flex min-h-0 w-72 shrink-0 flex-col rounded-2xl border bg-muted/20",
+        column.unmapped ? "border-dashed border-amber-400/50" : "border-border/80"
+      ].join(" "),
+      onDragOver: handleDragOver,
+      onDrop: handleDrop,
+      "aria-label": `${column.title} column`,
+      children: [
+        /* @__PURE__ */ jsxs2("header", { className: "border-b border-border/70 p-3", children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx2("h2", { className: "truncate text-sm font-semibold text-foreground", children: column.title }),
+              column.description ? /* @__PURE__ */ jsx2("p", { className: "mt-0.5 line-clamp-2 text-[11px] leading-4 text-muted-foreground", children: column.description }) : null
+            ] }),
+            /* @__PURE__ */ jsx2("span", { className: "rounded-full border border-border bg-background px-2 py-0.5 text-xs tabular-nums text-muted-foreground", children: column.tasks.length })
+          ] }),
+          column.color ? /* @__PURE__ */ jsx2("div", { className: "mt-3 h-1 rounded-full", style: { backgroundColor: column.color } }) : null
+        ] }),
+        /* @__PURE__ */ jsx2("div", { className: "flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto p-2", children: column.tasks.length === 0 ? /* @__PURE__ */ jsx2("div", { className: "rounded-xl border border-dashed border-border/80 p-3 text-center text-xs text-muted-foreground", children: "Drop tasks here" }) : column.tasks.map((task) => /* @__PURE__ */ jsx2(
+          TaskCard,
+          {
+            task,
+            draggable: !column.unmapped && canDragTask(task),
+            unmapped: column.unmapped,
+            deleteEnabled: canDeleteTask(task),
+            onDelete: onTaskDelete,
+            onDragStart: onTaskDragStart,
+            onDragEnd: onTaskDragEnd
+          },
+          `${task.adapterId}:${task.id}`
+        )) })
+      ]
+    }
+  );
+}
+
+// src/front/TaskKanbanBoard.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var TASK_BOARD_CACHE_TTL_MS = 2 * 60 * 1e3;
+function adapterSummary(adapters, selectedCount) {
+  if (selectedCount === adapters.length) return "All sources";
+  if (selectedCount === 1) return adapters.find((adapter) => adapter.id)?.description ?? "1 source";
+  return `${selectedCount} sources`;
+}
+function uniqueTags(tasks) {
+  return [...new Set(tasks.flatMap((task) => task.tags ?? []))].sort((a, b) => a.localeCompare(b));
+}
+function uniqueEpics(tasks) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const task of tasks) {
+    if (!task.epic) continue;
+    const id = `${task.adapterId}:${task.epic.id}`;
+    if (!byId.has(id)) byId.set(id, { id, title: task.epic.title });
+  }
+  return [...byId.values()].sort((a, b) => a.title.localeCompare(b.title));
+}
+function epicFilterId(task) {
+  return task.epic ? `${task.adapterId}:${task.epic.id}` : void 0;
+}
+function mergeColumns(configs, visibleColumnIds) {
+  const byId = /* @__PURE__ */ new Map();
+  for (const config of configs) {
+    for (const column of config.columns) {
+      if (!visibleColumnIds.has(column.id) || byId.has(column.id)) continue;
+      byId.set(column.id, column);
+    }
+  }
+  return [...byId.values()];
+}
+function readCachedBoardState(cacheKey) {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = window.localStorage.getItem(cacheKey);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== "object" || !parsed.configs || !Array.isArray(parsed.tasks)) return null;
+    return {
+      configs: parsed.configs,
+      tasks: parsed.tasks,
+      cachedAt: typeof parsed.cachedAt === "number" ? parsed.cachedAt : 0
+    };
+  } catch {
+    return null;
+  }
+}
+function writeCachedBoardState(cacheKey, state) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(cacheKey, JSON.stringify({ ...state, cachedAt: Date.now() }));
+  } catch {
+  }
+}
+function readViewMode(cacheKey) {
+  if (typeof window === "undefined") return "kanban";
+  try {
+    return window.localStorage.getItem(`${cacheKey}:view`) === "list" ? "list" : "kanban";
+  } catch {
+    return "kanban";
+  }
+}
+function writeViewMode(cacheKey, mode) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(`${cacheKey}:view`, mode);
+  } catch {
+  }
+}
+function TaskKanbanBoard({ adapters }) {
+  const allAdapterIds = useMemo(() => adapters.map((adapter) => adapter.id), [adapters]);
+  const cacheKey = useMemo(() => `boring-tasks:board-cache:v1:${allAdapterIds.join("|")}`, [allAdapterIds]);
+  const cachedState = useMemo(() => readCachedBoardState(cacheKey), [cacheKey]);
+  const cachedColumnIds = useMemo(
+    () => cachedState ? new Set(Object.values(cachedState.configs).flatMap((config) => config.columns.map((column) => column.id))) : /* @__PURE__ */ new Set(),
+    [cachedState]
+  );
+  const [selectedAdapterIds, setSelectedAdapterIds] = useState2(() => new Set(allAdapterIds));
+  const [state, setState] = useState2(() => cachedState ? { configs: cachedState.configs, tasks: cachedState.tasks } : null);
+  const [visibleColumnIds, setVisibleColumnIds] = useState2(cachedColumnIds);
+  const [tagFilter, setTagFilter] = useState2("all");
+  const [epicFilter, setEpicFilter] = useState2("all");
+  const [loading, setLoading] = useState2(!cachedState);
+  const [error, setError] = useState2(null);
+  const [activeTaskRef, setActiveTaskRef] = useState2(null);
+  const [movingTaskId, setMovingTaskId] = useState2(null);
+  const [deletingTaskId, setDeletingTaskId] = useState2(null);
+  const [openMenu, setOpenMenu] = useState2(null);
+  const [viewMode, setViewModeState] = useState2(() => readViewMode(cacheKey));
+  const [collapsedSectionIds, setCollapsedSectionIds] = useState2(/* @__PURE__ */ new Set());
+  const requestSeq = useRef(0);
+  const toolbarRef = useRef(null);
+  const adaptersById = useMemo(() => new Map(adapters.map((adapter) => [adapter.id, adapter])), [adapters]);
+  const setViewMode = (mode) => {
+    setViewModeState(mode);
+    writeViewMode(cacheKey, mode);
+  };
+  useEffect(() => {
+    setSelectedAdapterIds((current) => {
+      const next = new Set([...current].filter((id) => adaptersById.has(id)));
+      if (next.size === 0) for (const id of allAdapterIds) next.add(id);
+      return next;
+    });
+  }, [adaptersById, allAdapterIds]);
+  const load = useCallback(async (options = {}) => {
+    if (adapters.length === 0) {
+      setState(null);
+      setLoading(false);
+      setError("No task adapters are registered.");
+      return;
+    }
+    const cached = readCachedBoardState(cacheKey);
+    const cacheFresh = cached && Date.now() - cached.cachedAt < TASK_BOARD_CACHE_TTL_MS;
+    if (cached && !options.force) {
+      const columnIds = new Set(Object.values(cached.configs).flatMap((config) => config.columns.map((column) => column.id)));
+      setState({ configs: cached.configs, tasks: cached.tasks });
+      setVisibleColumnIds((current) => current.size > 0 ? current : columnIds);
+      if (cacheFresh) {
+        setLoading(false);
+        setError(null);
+        return;
+      }
+    }
+    const requestId = requestSeq.current + 1;
+    requestSeq.current = requestId;
+    setLoading(true);
+    setError(null);
+    try {
+      const entries = await Promise.all(adapters.map(async (adapter) => {
+        const [config, tasks2] = await Promise.all([adapter.getBoardConfig(), adapter.listTasks()]);
+        return { adapterId: adapter.id, config, tasks: tasks2 };
+      }));
+      if (requestSeq.current !== requestId) return;
+      const configs = Object.fromEntries(entries.map((entry) => [entry.adapterId, entry.config]));
+      const tasks = entries.flatMap((entry) => entry.tasks);
+      const columnIds = new Set(entries.flatMap((entry) => entry.config.columns.map((column) => column.id)));
+      const nextState = { configs, tasks };
+      setState(nextState);
+      writeCachedBoardState(cacheKey, nextState);
+      setVisibleColumnIds(columnIds);
+      setTagFilter("all");
+      setEpicFilter("all");
+    } catch (cause) {
+      if (requestSeq.current === requestId) {
+        setError(cause instanceof Error ? cause.message : String(cause));
+        setState((current) => current ?? null);
+      }
+    } finally {
+      if (requestSeq.current === requestId) setLoading(false);
+    }
+  }, [adapters, cacheKey]);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  useEffect(() => {
+    const onPointerDown = (event) => {
+      if (!toolbarRef.current?.contains(event.target)) setOpenMenu(null);
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    return () => document.removeEventListener("pointerdown", onPointerDown);
+  }, []);
+  const selectedTasks = useMemo(() => {
+    if (!state) return [];
+    return state.tasks.filter((task) => selectedAdapterIds.has(task.adapterId));
+  }, [selectedAdapterIds, state]);
+  const tags = useMemo(() => uniqueTags(selectedTasks), [selectedTasks]);
+  const epics = useMemo(() => uniqueEpics(selectedTasks), [selectedTasks]);
+  const selectedConfigs = useMemo(() => {
+    if (!state) return [];
+    return [...selectedAdapterIds].map((id) => state.configs[id]).filter((config) => Boolean(config));
+  }, [selectedAdapterIds, state]);
+  const allColumns = useMemo(() => mergeColumns(selectedConfigs, new Set(selectedConfigs.flatMap((config) => config.columns.map((column) => column.id)))), [selectedConfigs]);
+  const filteredTasks = useMemo(() => {
+    const configuredStatusIds = new Set(allColumns.map((column) => column.id));
+    return selectedTasks.filter((task) => {
+      if (tagFilter !== "all" && !(task.tags ?? []).includes(tagFilter)) return false;
+      if (epicFilter !== "all" && epicFilterId(task) !== epicFilter) return false;
+      if (!configuredStatusIds.has(task.statusId)) return true;
+      return visibleColumnIds.has(task.statusId);
+    });
+  }, [allColumns, epicFilter, selectedTasks, tagFilter, visibleColumnIds]);
+  const visibleConfig = useMemo(() => {
+    if (!state) return null;
+    return {
+      adapterId: "combined",
+      columns: mergeColumns(selectedConfigs, visibleColumnIds)
+    };
+  }, [selectedConfigs, state, visibleColumnIds]);
+  const columns = useMemo(
+    () => visibleConfig ? groupTasksByColumn(visibleConfig, filteredTasks) : [],
+    [filteredTasks, visibleConfig]
+  );
+  const handleTaskDragStart = (event, task) => {
+    setActiveTaskRef({ taskId: task.id, adapterId: task.adapterId });
+    event.dataTransfer.effectAllowed = "move";
+    event.dataTransfer.setData("application/x-boring-task-ref", JSON.stringify({ taskId: task.id, adapterId: task.adapterId }));
+    event.dataTransfer.setData("application/x-boring-task-id", task.id);
+    event.dataTransfer.setData("text/plain", task.number);
+  };
+  const moveTask = async (taskId, adapterId, statusId) => {
+    if (!state) return;
+    const task = state.tasks.find((candidate) => candidate.id === taskId && candidate.adapterId === adapterId);
+    if (!task || task.statusId === statusId) {
+      setActiveTaskRef(null);
+      return;
+    }
+    const adapter = adaptersById.get(task.adapterId);
+    if (!adapter?.capabilities.move || !adapter.moveTask) {
+      setActiveTaskRef(null);
+      return;
+    }
+    const previous = state.tasks;
+    const movingAdapterId = task.adapterId;
+    setMovingTaskId(taskId);
+    setError(null);
+    setState((current) => current ? {
+      ...current,
+      tasks: current.tasks.map((candidate) => candidate.id === taskId && candidate.adapterId === adapterId ? { ...candidate, statusId } : candidate)
+    } : current);
+    try {
+      const moved = await adapter.moveTask({ taskId, statusId });
+      setState((current) => current ? {
+        ...current,
+        tasks: current.tasks.map((candidate) => candidate.id === taskId && candidate.adapterId === adapterId ? moved : candidate)
+      } : current);
+    } catch (cause) {
+      setState((current) => current ? { ...current, tasks: previous } : current);
+      if (selectedAdapterIds.has(movingAdapterId)) {
+        setError(cause instanceof Error ? cause.message : String(cause));
+      }
+    } finally {
+      setMovingTaskId(null);
+      setActiveTaskRef(null);
+    }
+  };
+  const deleteTask = async (task) => {
+    const adapter = adaptersById.get(task.adapterId);
+    if (!adapter?.capabilities.delete || !adapter.deleteTask) {
+      setError(`Task source does not support issue deletion: ${task.adapterId}`);
+      return;
+    }
+    const previous = state?.tasks ?? [];
+    setDeletingTaskId(task.id);
+    setError(null);
+    setState((current) => current ? {
+      ...current,
+      tasks: current.tasks.filter((candidate) => !(candidate.id === task.id && candidate.adapterId === task.adapterId))
+    } : current);
+    try {
+      await adapter.deleteTask({ taskId: task.id });
+    } catch (cause) {
+      setState((current) => current ? { ...current, tasks: previous } : current);
+      if (selectedAdapterIds.has(task.adapterId)) setError(cause instanceof Error ? cause.message : String(cause));
+    } finally {
+      setDeletingTaskId(null);
+    }
+  };
+  const toggleColumn = (columnId) => {
+    setVisibleColumnIds((current) => {
+      const next = new Set(current);
+      if (next.has(columnId)) next.delete(columnId);
+      else next.add(columnId);
+      return next;
+    });
+  };
+  const toggleSource = (adapterId) => {
+    setSelectedAdapterIds((current) => {
+      const next = new Set(current);
+      if (next.has(adapterId)) next.delete(adapterId);
+      else next.add(adapterId);
+      return next.size === 0 ? current : next;
+    });
+  };
+  const showAllColumns = () => {
+    setVisibleColumnIds(new Set(allColumns.map((column) => column.id)));
+  };
+  const showAllSources = () => {
+    setSelectedAdapterIds(new Set(allAdapterIds));
+  };
+  const toggleSection = (sectionId) => {
+    setCollapsedSectionIds((current) => {
+      const next = new Set(current);
+      if (next.has(sectionId)) next.delete(sectionId);
+      else next.add(sectionId);
+      return next;
+    });
+  };
+  const selectedCount = selectedAdapterIds.size;
+  const visibleCount = visibleColumnIds.size;
+  const totalCount = allColumns.length;
+  return /* @__PURE__ */ jsxs3("div", { className: "flex h-full min-h-0 flex-col gap-3 p-3", children: [
+    /* @__PURE__ */ jsxs3("div", { ref: toolbarRef, className: "flex flex-wrap items-center gap-2 rounded-xl border border-border bg-card/70 p-2 shadow-sm", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxs3(
+          "button",
+          {
+            type: "button",
+            className: "flex h-8 items-center rounded-lg border border-border bg-background px-3 text-sm font-medium text-foreground shadow-sm hover:bg-muted",
+            onClick: () => setOpenMenu((current) => current === "sources" ? null : "sources"),
+            "aria-expanded": openMenu === "sources",
+            children: [
+              "Sources ",
+              selectedCount,
+              "/",
+              adapters.length
+            ]
+          }
+        ),
+        openMenu === "sources" ? /* @__PURE__ */ jsxs3("div", { className: "absolute left-0 z-20 mt-2 w-72 rounded-xl border border-border bg-popover p-2 text-sm text-popover-foreground shadow-xl", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "mb-2 flex items-center justify-between gap-2 border-b border-border pb-2", children: [
+            /* @__PURE__ */ jsx3("span", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Task sources" }),
+            /* @__PURE__ */ jsx3("button", { type: "button", className: "text-xs font-medium text-primary hover:underline", onClick: showAllSources, children: "All" })
+          ] }),
+          /* @__PURE__ */ jsx3("div", { className: "flex max-h-72 flex-col gap-1 overflow-y-auto", children: adapters.map((adapter) => /* @__PURE__ */ jsxs3("label", { className: "flex items-start gap-2 rounded-lg px-2 py-1.5 hover:bg-muted/70", children: [
+            /* @__PURE__ */ jsx3("input", { type: "checkbox", className: "mt-0.5", checked: selectedAdapterIds.has(adapter.id), onChange: () => toggleSource(adapter.id) }),
+            /* @__PURE__ */ jsxs3("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx3("span", { className: "block truncate font-medium text-foreground", children: adapter.label }),
+              /* @__PURE__ */ jsx3("span", { className: "block truncate text-xs text-muted-foreground", children: adapter.description ?? adapter.id })
+            ] })
+          ] }, adapter.id)) })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs3("label", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+        "Tag",
+        /* @__PURE__ */ jsxs3(
+          "select",
+          {
+            className: "h-8 rounded-lg border border-border bg-background px-2 text-sm text-foreground shadow-sm outline-none focus:border-foreground/40",
+            value: tagFilter,
+            onChange: (event) => setTagFilter(event.target.value),
+            children: [
+              /* @__PURE__ */ jsx3("option", { value: "all", children: "All tags" }),
+              tags.map((tag) => /* @__PURE__ */ jsx3("option", { value: tag, children: tag }, tag))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("label", { className: "flex items-center gap-2 text-xs font-medium text-muted-foreground", children: [
+        "Epic",
+        /* @__PURE__ */ jsxs3(
+          "select",
+          {
+            className: "h-8 rounded-lg border border-border bg-background px-2 text-sm text-foreground shadow-sm outline-none focus:border-foreground/40",
+            value: epicFilter,
+            onChange: (event) => setEpicFilter(event.target.value),
+            children: [
+              /* @__PURE__ */ jsx3("option", { value: "all", children: "All epics" }),
+              epics.map((epic) => /* @__PURE__ */ jsx3("option", { value: epic.id, children: epic.title }, epic.id))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxs3(
+          "button",
+          {
+            type: "button",
+            className: "flex h-8 items-center rounded-lg border border-border bg-background px-3 text-sm font-medium text-foreground shadow-sm hover:bg-muted",
+            onClick: () => setOpenMenu((current) => current === "columns" ? null : "columns"),
+            "aria-expanded": openMenu === "columns",
+            children: [
+              "Columns ",
+              visibleCount,
+              "/",
+              totalCount
+            ]
+          }
+        ),
+        openMenu === "columns" ? /* @__PURE__ */ jsxs3("div", { className: "absolute left-0 z-20 mt-2 w-64 rounded-xl border border-border bg-popover p-2 text-sm text-popover-foreground shadow-xl", children: [
+          /* @__PURE__ */ jsxs3("div", { className: "mb-2 flex items-center justify-between gap-2 border-b border-border pb-2", children: [
+            /* @__PURE__ */ jsx3("span", { className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Visible columns" }),
+            /* @__PURE__ */ jsx3("button", { type: "button", className: "text-xs font-medium text-primary hover:underline", onClick: showAllColumns, children: "All" })
+          ] }),
+          /* @__PURE__ */ jsx3("div", { className: "flex max-h-72 flex-col gap-1 overflow-y-auto", children: allColumns.map((column) => /* @__PURE__ */ jsxs3("label", { className: "flex items-start gap-2 rounded-lg px-2 py-1.5 hover:bg-muted/70", children: [
+            /* @__PURE__ */ jsx3("input", { type: "checkbox", className: "mt-0.5", checked: visibleColumnIds.has(column.id), onChange: () => toggleColumn(column.id) }),
+            /* @__PURE__ */ jsxs3("span", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx3("span", { className: "block truncate font-medium text-foreground", children: column.title }),
+              column.description ? /* @__PURE__ */ jsx3("span", { className: "block truncate text-xs text-muted-foreground", children: column.description }) : null
+            ] })
+          ] }, column.id)) })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx3(
+        "button",
+        {
+          type: "button",
+          className: "h-8 rounded-lg border border-border bg-background px-3 text-sm font-medium text-foreground shadow-sm hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50",
+          onClick: () => void load({ force: true }),
+          disabled: loading,
+          children: loading ? "Refreshing\u2026" : "Refresh"
+        }
+      ),
+      /* @__PURE__ */ jsxs3("div", { className: "inline-flex h-8 overflow-hidden rounded-lg border border-border bg-background shadow-sm", "aria-label": "Task view mode", children: [
+        /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            className: ["grid w-8 place-items-center", viewMode === "kanban" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground"].join(" "),
+            onClick: () => setViewMode("kanban"),
+            "aria-label": "Show kanban view",
+            title: "Kanban view",
+            children: /* @__PURE__ */ jsx3(Columns3, { className: "size-3.5", strokeWidth: 1.75 })
+          }
+        ),
+        /* @__PURE__ */ jsx3(
+          "button",
+          {
+            type: "button",
+            className: ["grid w-8 place-items-center", viewMode === "list" ? "bg-muted text-foreground" : "text-muted-foreground hover:bg-muted/70 hover:text-foreground"].join(" "),
+            onClick: () => setViewMode("list"),
+            "aria-label": "Show list view",
+            title: "List view",
+            children: /* @__PURE__ */ jsx3(List, { className: "size-3.5", strokeWidth: 1.75 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs3("div", { className: "ml-auto flex flex-wrap items-center gap-1.5 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx3("span", { className: "rounded-full border border-border bg-muted/40 px-2 py-1", children: adapterSummary(adapters, selectedCount) }),
+        movingTaskId ? /* @__PURE__ */ jsx3("span", { className: "rounded-full border border-border bg-muted/40 px-2 py-1", children: "Moving\u2026" }) : null,
+        deletingTaskId ? /* @__PURE__ */ jsx3("span", { className: "rounded-full border border-border bg-muted/40 px-2 py-1", children: "Deleting\u2026" }) : null
+      ] })
+    ] }),
+    error ? /* @__PURE__ */ jsx3("div", { className: "rounded-xl border border-destructive/40 bg-destructive/10 p-3 text-sm text-destructive", children: error }) : null,
+    /* @__PURE__ */ jsx3("div", { className: "min-h-0 flex-1 overflow-hidden", children: loading && !state ? /* @__PURE__ */ jsx3("div", { className: "grid h-full place-items-center rounded-2xl border border-dashed border-border text-sm text-muted-foreground", children: "Loading task board\u2026" }) : columns.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "grid h-full place-items-center rounded-2xl border border-dashed border-border text-sm text-muted-foreground", children: "No tasks match the current filters." }) : viewMode === "list" ? /* @__PURE__ */ jsx3("div", { className: "boring-scrollbar-discreet flex h-full flex-col gap-3 overflow-y-auto pr-1", children: columns.map((column) => {
+      const collapsed = collapsedSectionIds.has(column.id);
+      return /* @__PURE__ */ jsxs3(
+        "section",
+        {
+          className: ["rounded-2xl border bg-muted/20", column.unmapped ? "border-dashed border-amber-400/50" : "border-border/80"].join(" "),
+          children: [
+            /* @__PURE__ */ jsxs3(
+              "button",
+              {
+                type: "button",
+                className: "flex w-full items-center justify-between gap-3 border-b border-border/70 p-3 text-left hover:bg-muted/50",
+                onClick: () => toggleSection(column.id),
+                "aria-expanded": !collapsed,
+                children: [
+                  /* @__PURE__ */ jsxs3("span", { className: "flex min-w-0 items-start gap-2", children: [
+                    column.color ? /* @__PURE__ */ jsx3("span", { className: "mt-1.5 h-2 w-2 shrink-0 rounded-full", style: { backgroundColor: column.color }, "aria-hidden": "true" }) : null,
+                    /* @__PURE__ */ jsxs3("span", { className: "min-w-0", children: [
+                      /* @__PURE__ */ jsxs3("span", { className: "block truncate text-sm font-semibold text-foreground", children: [
+                        collapsed ? "\u25B8" : "\u25BE",
+                        " ",
+                        column.title
+                      ] }),
+                      column.description ? /* @__PURE__ */ jsx3("span", { className: "mt-0.5 block line-clamp-2 text-[11px] leading-4 text-muted-foreground", children: column.description }) : null
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsx3("span", { className: "shrink-0 rounded-full border border-border bg-background px-2 py-0.5 text-xs tabular-nums text-muted-foreground", children: column.tasks.length })
+                ]
+              }
+            ),
+            !collapsed ? /* @__PURE__ */ jsx3("div", { className: "flex flex-col gap-2 p-2", children: column.tasks.length === 0 ? /* @__PURE__ */ jsx3("div", { className: "rounded-xl border border-dashed border-border/80 p-3 text-center text-xs text-muted-foreground", children: "No tasks" }) : column.tasks.map((task) => /* @__PURE__ */ jsx3(
+              TaskCard,
+              {
+                task,
+                draggable: false,
+                unmapped: column.unmapped,
+                compact: true,
+                deleteEnabled: Boolean(adaptersById.get(task.adapterId)?.capabilities.delete && adaptersById.get(task.adapterId)?.deleteTask),
+                onDelete: (task2) => void deleteTask(task2),
+                onDragStart: handleTaskDragStart,
+                onDragEnd: () => setActiveTaskRef(null)
+              },
+              `${task.adapterId}:${task.id}`
+            )) }) : null
+          ]
+        },
+        column.id
+      );
+    }) }) : /* @__PURE__ */ jsx3("div", { className: "flex h-full gap-3 overflow-x-auto pb-2", children: columns.map((column) => /* @__PURE__ */ jsx3(
+      TaskKanbanColumn,
+      {
+        column,
+        moveEnabled: true,
+        activeTaskRef,
+        onTaskDragStart: handleTaskDragStart,
+        onTaskDragEnd: () => setActiveTaskRef(null),
+        onTaskDrop: (taskId, adapterId, statusId) => void moveTask(taskId, adapterId, statusId),
+        onTaskDelete: (task) => void deleteTask(task),
+        canDragTask: (task) => Boolean(adaptersById.get(task.adapterId)?.capabilities.move && adaptersById.get(task.adapterId)?.moveTask),
+        canDeleteTask: (task) => Boolean(adaptersById.get(task.adapterId)?.capabilities.delete && adaptersById.get(task.adapterId)?.deleteTask)
+      },
+      column.id
+    )) }) })
+  ] });
+}
+
+// src/front/TasksOverlay.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function TasksGlyph({ className }) {
+  return /* @__PURE__ */ jsxs4("svg", { className, viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx4("path", { d: "M7 7h10M7 12h10M7 17h6", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round" }),
+    /* @__PURE__ */ jsx4("path", { d: "M4.75 6.9l.45.45 1.05-1.2M4.75 11.9l.45.45 1.05-1.2M4.75 16.9l.45.45 1.05-1.2", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function TasksOverlay({ onClose }) {
+  const { headerInsetStart, headerInsetEnd } = useAppLeftOverlayChrome();
+  const pluginClient = useWorkspacePluginClient2();
+  const [httpAdapters, setHttpAdapters] = useState3(null);
+  useEffect2(() => {
+    let cancelled = false;
+    const loadSources = async () => {
+      try {
+        const sources = await listHttpTaskSources(pluginClient);
+        if (!cancelled) setHttpAdapters(sources.map((source) => createHttpTaskAdapter(source, pluginClient)));
+      } catch {
+        if (!cancelled) setHttpAdapters([]);
+      }
+    };
+    void loadSources();
+    return () => {
+      cancelled = true;
+    };
+  }, [pluginClient]);
+  const adapters = useMemo2(() => {
+    if (httpAdapters === null) return null;
+    return httpAdapters;
+  }, [httpAdapters]);
+  return /* @__PURE__ */ jsxs4("div", { "data-boring-workspace-part": "tasks-overlay", className: "flex h-full min-h-0 flex-col bg-background", children: [
+    /* @__PURE__ */ jsxs4(
+      "header",
+      {
+        className: [
+          "flex h-12 shrink-0 items-center justify-between border-b border-border/60",
+          headerInsetStart ? "pl-12" : "pl-4",
+          headerInsetEnd ? "pr-16" : "pr-4"
+        ].join(" "),
+        children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex min-w-0 items-center gap-2", children: [
+            /* @__PURE__ */ jsx4("span", { className: "grid size-7 place-items-center rounded-lg bg-primary/10 text-primary", children: /* @__PURE__ */ jsx4(TasksGlyph, { className: "size-4" }) }),
+            /* @__PURE__ */ jsxs4("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsx4("h2", { className: "truncate text-sm font-semibold tracking-tight text-foreground", children: "Tasks" }),
+              /* @__PURE__ */ jsx4("p", { className: "truncate text-xs text-muted-foreground", children: "Adapter-mapped Kanban board" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx4("div", { className: "flex shrink-0 items-center gap-0.5", children: /* @__PURE__ */ jsx4(
+            IconButton,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-xs",
+              onClick: onClose,
+              "aria-label": "Close tasks",
+              title: "Close",
+              className: "text-muted-foreground hover:text-foreground",
+              children: /* @__PURE__ */ jsx4(X, { className: "size-3", strokeWidth: 1.75 })
+            }
+          ) })
+        ]
+      }
+    ),
+    adapters ? /* @__PURE__ */ jsx4(TaskKanbanBoard, { adapters }) : /* @__PURE__ */ jsx4("div", { className: "grid min-h-0 flex-1 place-items-center p-4 text-sm text-muted-foreground", children: "Loading task sources\u2026" })
+  ] });
+}
+
+// src/front/githubIssuesAdapter.ts
+var GITHUB_COLUMNS = [
+  { id: "needs-triage", title: "Needs triage", description: "Fresh issues that need a first pass", color: "#8b5cf6" },
+  { id: "needs-info", title: "Needs info", description: "Blocked on clarification or missing context", color: "#ef4444" },
+  { id: "ready-for-agent", title: "Ready for agent", description: "Clear agent-pickable work", color: "#0ea5e9" },
+  { id: "ready-for-human", title: "Ready for human", description: "Waiting for owner review or human decision", color: "#f59e0b" },
+  { id: "done", title: "Done", description: "Closed GitHub issues", color: "#64748b", acceptsDrop: false }
+];
+var WORKFLOW_LABELS = ["needs-triage", "needs-info", "ready-for-agent", "ready-for-human", "done"];
+function issueLabels(issue) {
+  return (issue.labels ?? []).map((label) => label.name?.trim()).filter((label) => Boolean(label));
+}
+function issueStatus(issue) {
+  if (issue.state === "closed") return "done";
+  const labels = issueLabels(issue).map((label) => label.toLowerCase());
+  return WORKFLOW_LABELS.find((label) => labels.includes(label)) ?? "needs-triage";
+}
+function descriptionFromBody(body) {
+  if (!body) return void 0;
+  const compact = body.replace(/```[\s\S]*?```/g, " ").replace(/`([^`]+)`/g, "$1").replace(/[#>*_\-[\]()]/g, " ").replace(/\s+/g, " ").trim();
+  return compact.length > 180 ? `${compact.slice(0, 177)}\u2026` : compact || void 0;
+}
+function associatedPullRequests(issue, pullRequests) {
+  const issueRef = `#${issue.number}`;
+  const issueUrl = issue.html_url?.toLowerCase();
+  return pullRequests.filter((pr) => {
+    const haystack = `${pr.title}
+${pr.body ?? ""}
+${pr.html_url ?? ""}`.toLowerCase();
+    return haystack.includes(issueRef.toLowerCase()) || Boolean(issueUrl && haystack.includes(issueUrl));
+  });
+}
+function taskFromIssue(issue, adapterId, pullRequests = []) {
+  const prs = associatedPullRequests(issue, pullRequests);
+  return {
+    id: String(issue.id),
+    number: `#${issue.number}`,
+    title: issue.title,
+    description: descriptionFromBody(issue.body),
+    statusId: issueStatus(issue),
+    tags: issueLabels(issue).filter((label) => !WORKFLOW_LABELS.includes(label.toLowerCase())),
+    epic: issue.milestone ? {
+      id: String(issue.milestone.id),
+      title: issue.milestone.title,
+      url: issue.milestone.html_url
+    } : void 0,
+    adapterId,
+    pullRequests: prs.map((pr) => ({
+      id: String(pr.id),
+      number: `#${pr.number}`,
+      title: pr.title,
+      url: pr.html_url,
+      state: pr.state
+    })),
+    url: issue.html_url
+  };
+}
+function createGitHubIssuesAdapter({ owner, repo, limit = 200, state = "open", moveIssue }) {
+  const adapterId = `github:${owner}/${repo}`;
+  const board = {
+    adapterId,
+    defaultColumnId: "needs-triage",
+    columns: GITHUB_COLUMNS
+  };
+  const taskCache = /* @__PURE__ */ new Map();
+  const issueNumberByTaskId = /* @__PURE__ */ new Map();
+  return {
+    id: adapterId,
+    label: `GitHub ${owner}/${repo}`,
+    description: moveIssue ? "GitHub Issues adapter; Boring v2 labels drive columns" : "Read-only GitHub Issues adapter; Boring v2 labels drive columns",
+    capabilities: { move: Boolean(moveIssue) },
+    getBoardConfig: () => board,
+    async listTasks() {
+      const params = new URLSearchParams({
+        state,
+        per_page: String(Math.min(Math.max(limit, 1), 100)),
+        sort: "updated",
+        direction: "desc"
+      });
+      const issues = [];
+      const maxPages = Math.ceil(Math.min(Math.max(limit, 1), 300) / 100);
+      for (let page = 1; page <= maxPages; page += 1) {
+        params.set("page", String(page));
+        const response = await fetch(`https://api.github.com/repos/${owner}/${repo}/issues?${params.toString()}`, {
+          headers: { Accept: "application/vnd.github+json" }
+        });
+        if (!response.ok) {
+          throw new Error(`GitHub issues request failed (${response.status})`);
+        }
+        const pageIssues = await response.json();
+        issues.push(...pageIssues);
+        if (pageIssues.length < Number(params.get("per_page"))) break;
+      }
+      const tasks = issues.filter((issue) => !issue.pull_request).map((issue) => {
+        const task = taskFromIssue(issue, adapterId);
+        taskCache.set(task.id, task);
+        issueNumberByTaskId.set(task.id, issue.number);
+        return task;
+      });
+      return tasks;
+    },
+    moveTask: moveIssue ? async ({ taskId, statusId }) => {
+      const issueNumber = issueNumberByTaskId.get(taskId);
+      const cached = taskCache.get(taskId);
+      if (!issueNumber || !cached) throw new Error("GitHub issue is not loaded; refresh tasks and try again.");
+      const moved = await moveIssue({ owner, repo, issueNumber, statusId });
+      const next = moved ?? { ...cached, statusId };
+      taskCache.set(taskId, next);
+      return next;
+    } : void 0
+  };
+}
+
+// src/front/mockAdapter.ts
+var mockBoardConfig = {
+  adapterId: "mock",
+  defaultColumnId: "needs-triage",
+  columns: [
+    { id: "needs-triage", title: "Needs triage", description: "Not evaluated yet", color: "#d4c5f9" },
+    { id: "needs-info", title: "Needs info", description: "Waiting on specific answers", color: "#f9d0c4" },
+    { id: "ready-for-agent", title: "Ready for agent", description: "Agent can plan or implement safely", color: "#0e8a16" },
+    { id: "ready-for-human", title: "Ready for human", description: "Human judgment, access, approval, review, or merge needed", color: "#f9a825" },
+    { id: "done", title: "Done", description: "Completed or closed", color: "#22c55e" }
+  ]
+};
+var mockTasks = [
+  {
+    id: "task-101",
+    number: "TASK-101",
+    title: "Standard task card contract",
+    description: "Keep number, title, description, and status small enough for every adapter to map into.",
+    statusId: "needs-triage",
+    tags: ["contract", "adapter"],
+    epic: { id: "adapter-platform", title: "Adapter platform" },
+    adapterId: "mock"
+  },
+  {
+    id: "task-124",
+    number: "TASK-124",
+    title: "Adapter-supplied columns",
+    description: "Columns are data from the adapter; the board does not hardcode Todo/In Progress/Done.",
+    statusId: "ready-for-agent",
+    tags: ["columns", "config"],
+    epic: { id: "board-ux", title: "Board UX" },
+    adapterId: "mock"
+  },
+  {
+    id: "task-138",
+    number: "TASK-138",
+    title: "Drag status through adapter boundary",
+    description: "A drop calls moveTask(taskId, statusId). The adapter decides what that means for GitHub, Linear, Kata, or DB tasks.",
+    statusId: "ready-for-agent",
+    tags: ["drag-drop", "action-loop"],
+    epic: { id: "adapter-platform", title: "Adapter platform" },
+    adapterId: "mock"
+  },
+  {
+    id: "task-147",
+    number: "TASK-147",
+    title: "No tracker-specific UI actions",
+    description: "Create, close, comment, and assign belong to adapter capabilities, not hardcoded board buttons.",
+    statusId: "ready-for-human",
+    tags: ["actions", "capabilities"],
+    epic: { id: "adapter-platform", title: "Adapter platform" },
+    adapterId: "mock"
+  },
+  {
+    id: "task-152",
+    number: "TASK-152",
+    title: "Unmapped statuses never disappear",
+    description: "If a task status has no matching column, render it in a safe non-droppable overflow lane.",
+    statusId: "external-new-state",
+    tags: ["unmapped"],
+    epic: { id: "board-ux", title: "Board UX" },
+    adapterId: "mock"
+  }
+];
+function createMockTaskAdapter(initialTasks = mockTasks) {
+  let tasks = initialTasks.map((task) => ({ ...task }));
+  return {
+    id: "mock",
+    label: "Mock tasks",
+    description: "Local demo adapter for the generic Kanban UI",
+    capabilities: { move: true, delete: true },
+    getBoardConfig: () => mockBoardConfig,
+    listTasks: () => tasks.map((task) => ({ ...task })),
+    moveTask: ({ taskId, statusId }) => {
+      const next = tasks.map((task) => task.id === taskId ? { ...task, statusId } : task);
+      const moved = next.find((task) => task.id === taskId);
+      if (!moved) throw new Error(`Task not found: ${taskId}`);
+      tasks = next;
+      return { ...moved };
+    },
+    deleteTask: ({ taskId }) => {
+      if (!tasks.some((task) => task.id === taskId)) throw new Error(`Task not found: ${taskId}`);
+      tasks = tasks.filter((task) => task.id !== taskId);
+    }
+  };
+}
+
+// src/front/index.tsx
+function createTasksPlugin() {
+  return definePlugin({
+    id: TASKS_PLUGIN_ID,
+    label: TASKS_PLUGIN_LABEL,
+    appLeftActions: [
+      {
+        id: "tasks",
+        label: TASKS_PLUGIN_LABEL,
+        icon: TasksGlyph,
+        overlay: TasksOverlay,
+        order: 40
+      }
+    ]
+  });
+}
+var tasksPlugin = createTasksPlugin();
+var front_default = tasksPlugin;
+export {
+  TaskKanbanBoard,
+  TasksOverlay,
+  createGitHubIssuesAdapter,
+  createHttpTaskAdapter,
+  createMockTaskAdapter,
+  createTasksPlugin,
+  front_default as default,
+  listHttpTaskSources
+};