agkan 3.11.0 → 3.12.0

package/dist/board/client/board.js

@@ -1,2743 +0,0 @@
-"use strict";
-(() => {
-  // src/board/client/utils.ts
-  function escapeHtmlClient(str) {
-    if (!str) return "";
-    const div = document.createElement("div");
-    div.textContent = String(str);
-    return div.innerHTML;
-  }
-  function relativeTime(isoStr) {
-    if (!isoStr) return "";
-    const diff = Date.now() - new Date(isoStr).getTime();
-    const sec = Math.floor(diff / 1e3);
-    if (sec < 60) return "just now";
-    const min = Math.floor(sec / 60);
-    if (min < 60) return min + "m ago";
-    const hr = Math.floor(min / 60);
-    if (hr < 24) return hr + "h ago";
-    const day = Math.floor(hr / 24);
-    if (day < 30) return day + "d ago";
-    const mo = Math.floor(day / 30);
-    if (mo < 12) return mo + "mo ago";
-    return Math.floor(mo / 12) + "y ago";
-  }
-  function showToast(msg) {
-    const toast = document.getElementById("toast");
-    if (!toast) return;
-    if (msg) toast.textContent = msg;
-    toast.classList.add("show");
-    setTimeout(() => toast.classList.remove("show"), 3e3);
-  }
-
-  // src/board/client/claudeButton.ts
-  var _claudeModalCallback = null;
-  var _runningTaskIds = /* @__PURE__ */ new Set();
-  var _planningTaskIds = /* @__PURE__ */ new Set();
-  var _inFlightTaskIds = /* @__PURE__ */ new Set();
-  function registerClaudeModalCallback(callback) {
-    _claudeModalCallback = callback;
-  }
-  function getRunningTaskIds() {
-    return _runningTaskIds;
-  }
-  function updateButtonStates(runningTaskIds, planningTaskIds = /* @__PURE__ */ new Set()) {
-    _runningTaskIds = runningTaskIds;
-    const onlyPlanningRunning = runningTaskIds.size > 0 && [...runningTaskIds].every((id) => planningTaskIds.has(id));
-    const anyRunning = runningTaskIds.size > 0 && !onlyPlanningRunning;
-    const indicator = document.getElementById("header-running-indicator");
-    if (indicator) {
-      indicator.style.display = runningTaskIds.size > 0 ? "" : "none";
-    }
-    document.querySelectorAll(".claude-run-split").forEach((split) => {
-      const taskId = Number(split.dataset.taskId);
-      if (runningTaskIds.has(taskId)) {
-        replaceWithDetailBtn(split, taskId);
-      } else {
-        split.querySelectorAll(".claude-run-btn, .claude-run-toggle, .claude-run-menu-item").forEach((btn) => {
-          btn.disabled = anyRunning;
-        });
-      }
-    });
-    document.querySelectorAll(".claude-plan-btn").forEach((btn) => {
-      const taskId = Number(btn.dataset.taskId);
-      if (runningTaskIds.has(taskId)) {
-        replaceWithDetailBtn(btn, taskId);
-      }
-    });
-    document.querySelectorAll(".claude-detail-btn").forEach((btn) => {
-      const taskId = Number(btn.dataset.taskId);
-      if (!runningTaskIds.has(taskId)) {
-        const card = btn.closest(".card");
-        const status = card?.dataset.status;
-        replaceWithRunOrPlanBtn(btn, taskId, status);
-      }
-    });
-  }
-  function replaceWithDetailBtn(btn, taskId) {
-    const detailBtn = document.createElement("button");
-    detailBtn.className = "claude-detail-btn";
-    detailBtn.dataset.taskId = String(taskId);
-    detailBtn.textContent = "\u25CF Details";
-    attachDetailBtnListener(detailBtn);
-    btn.replaceWith(detailBtn);
-  }
-  function replaceWithRunOrPlanBtn(btn, taskId, status) {
-    _planningTaskIds.delete(taskId);
-    if (["review", "done", "closed"].includes(status ?? "")) {
-      btn.remove();
-      return;
-    }
-    if (["ready", "in_progress"].includes(status ?? "")) {
-      const split = createRunSplitElement(taskId);
-      btn.replaceWith(split);
-    } else {
-      const newBtn = document.createElement("button");
-      newBtn.className = "claude-plan-btn";
-      newBtn.dataset.taskId = String(taskId);
-      newBtn.innerHTML = "&#128203; Planning";
-      attachPlanBtnListener(newBtn);
-      btn.replaceWith(newBtn);
-    }
-  }
-  function createRunSplitElement(taskId) {
-    const split = document.createElement("div");
-    split.className = "claude-run-split";
-    split.dataset.taskId = String(taskId);
-    const mainBtn = document.createElement("button");
-    mainBtn.className = "claude-run-btn";
-    mainBtn.dataset.taskId = String(taskId);
-    mainBtn.innerHTML = "&#9654; Run";
-    const toggleBtn = document.createElement("button");
-    toggleBtn.className = "claude-run-toggle";
-    toggleBtn.dataset.taskId = String(taskId);
-    toggleBtn.title = "More options";
-    toggleBtn.innerHTML = "&#9660;";
-    const menu = document.createElement("div");
-    menu.className = "claude-run-menu";
-    const directItem = document.createElement("button");
-    directItem.className = "claude-run-menu-item";
-    directItem.dataset.taskId = String(taskId);
-    directItem.dataset.command = "direct";
-    directItem.innerHTML = "&#9654; Run (current branch)";
-    const prItem = document.createElement("button");
-    prItem.className = "claude-run-menu-item";
-    prItem.dataset.taskId = String(taskId);
-    prItem.dataset.command = "pr";
-    prItem.innerHTML = "&#9654; Run (create PR)";
-    menu.appendChild(directItem);
-    menu.appendChild(prItem);
-    split.appendChild(mainBtn);
-    split.appendChild(toggleBtn);
-    split.appendChild(menu);
-    attachRunSplitListeners(split, mainBtn, toggleBtn, directItem, prItem, taskId);
-    return split;
-  }
-  function attachRunSplitListeners(split, mainBtn, toggleBtn, directItem, prItem, taskId) {
-    split.dataset.listenersAttached = "true";
-    mainBtn.addEventListener("click", async (e) => {
-      e.stopPropagation();
-      await triggerRunTask(taskId, split, {});
-    });
-    toggleBtn.addEventListener("click", (e) => {
-      e.stopPropagation();
-      split.classList.toggle("open");
-    });
-    directItem.addEventListener("click", async (e) => {
-      e.stopPropagation();
-      split.classList.remove("open");
-      await triggerRunTask(taskId, split, {});
-    });
-    prItem.addEventListener("click", async (e) => {
-      e.stopPropagation();
-      split.classList.remove("open");
-      await triggerRunTask(taskId, split, { command: "pr" });
-    });
-  }
-  function attachPlanBtnListener(btn) {
-    btn.dataset.listenersAttached = "true";
-    btn.addEventListener("click", async (e) => {
-      e.stopPropagation();
-      const taskId = Number(btn.dataset.taskId);
-      await triggerRunTask(taskId, btn, { command: "planning" });
-    });
-  }
-  function attachDetailBtnListener(btn) {
-    btn.dataset.listenersAttached = "true";
-    btn.addEventListener("click", (e) => {
-      e.stopPropagation();
-      const taskId = Number(btn.dataset.taskId);
-      if (_claudeModalCallback) {
-        _claudeModalCallback(taskId);
-      }
-    });
-  }
-  async function triggerRunTask(taskId, btn, body) {
-    if (_inFlightTaskIds.has(taskId)) return;
-    _inFlightTaskIds.add(taskId);
-    btn.disabled = true;
-    btn.querySelectorAll("button").forEach((b) => b.disabled = true);
-    try {
-      const res = await fetch(`/api/claude/tasks/${taskId}/run`, {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(body)
-      });
-      if (res.ok) {
-        _runningTaskIds = new Set(_runningTaskIds).add(taskId);
-        if (body.command === "planning") {
-          _planningTaskIds = new Set(_planningTaskIds).add(taskId);
-        }
-        replaceWithDetailBtn(btn, taskId);
-      } else {
-        btn.disabled = false;
-        btn.querySelectorAll("button").forEach((b) => b.disabled = false);
-        let errorDetail = `HTTP ${res.status}`;
-        try {
-          const data = await res.json();
-          if (data.error) errorDetail += `: ${data.error}`;
-        } catch {
-        }
-        console.error(`[claude] Failed to start task ${taskId}: ${errorDetail}`);
-        if (res.status === 409) {
-          alert(`\u3053\u306E\u30BF\u30B9\u30AF\u306F\u3059\u3067\u306B\u5B9F\u884C\u4E2D\u3067\u3059 (task ${taskId})`);
-        } else {
-          alert(`Claude\u8D77\u52D5\u30A8\u30E9\u30FC (task ${taskId}): ${errorDetail}`);
-        }
-      }
-    } catch (err) {
-      btn.disabled = false;
-      btn.querySelectorAll("button").forEach((b) => b.disabled = false);
-      console.error(`[claude] Network error starting task ${taskId}:`, err);
-    } finally {
-      _inFlightTaskIds.delete(taskId);
-    }
-  }
-  function handleRunningTasksUpdate(tasks) {
-    const allIds = new Set(tasks.map((t) => t.taskId));
-    const planningIds = new Set(tasks.filter((t) => t.command === "planning").map((t) => t.taskId));
-    updateButtonStates(allIds, planningIds);
-  }
-  function updateCardButton(card, newStatus) {
-    const taskId = Number(card.dataset.id);
-    if (_runningTaskIds.has(taskId)) return;
-    const existingEl = card.querySelector(".claude-run-split, .claude-plan-btn, .claude-detail-btn");
-    if (!existingEl) return;
-    if (["review", "done", "closed"].includes(newStatus)) {
-      existingEl.remove();
-    } else if (["ready", "in_progress"].includes(newStatus)) {
-      if (!existingEl.classList.contains("claude-run-split")) {
-        const split = createRunSplitElement(taskId);
-        existingEl.replaceWith(split);
-      }
-    } else {
-      if (!existingEl.classList.contains("claude-plan-btn")) {
-        const newBtn = document.createElement("button");
-        newBtn.className = "claude-plan-btn";
-        newBtn.dataset.taskId = String(taskId);
-        newBtn.innerHTML = "&#128203; Planning";
-        attachPlanBtnListener(newBtn);
-        existingEl.replaceWith(newBtn);
-      }
-    }
-  }
-  function attachClaudeButtonListeners(body) {
-    body.querySelectorAll(".claude-run-split").forEach((split) => {
-      if (split.dataset.listenersAttached) return;
-      const taskId = Number(split.dataset.taskId);
-      const mainBtn = split.querySelector(".claude-run-btn");
-      const toggleBtn = split.querySelector(".claude-run-toggle");
-      const directItem = split.querySelector('[data-command="direct"]');
-      const prItem = split.querySelector('[data-command="pr"]');
-      if (mainBtn && toggleBtn && directItem && prItem) {
-        attachRunSplitListeners(split, mainBtn, toggleBtn, directItem, prItem, taskId);
-      }
-    });
-    body.querySelectorAll(".claude-plan-btn").forEach((btn) => {
-      if (btn.dataset.listenersAttached) return;
-      attachPlanBtnListener(btn);
-    });
-    body.querySelectorAll(".claude-detail-btn").forEach((btn) => {
-      if (btn.dataset.listenersAttached) return;
-      attachDetailBtnListener(btn);
-    });
-    updateButtonStates(_runningTaskIds, _planningTaskIds);
-  }
-  function initClaudeButton() {
-    document.querySelectorAll(".column-body").forEach((body) => {
-      attachClaudeButtonListeners(body);
-    });
-    document.addEventListener("click", () => {
-      document.querySelectorAll(".claude-run-split.open").forEach((el) => {
-        el.classList.remove("open");
-      });
-    });
-    const es = new EventSource("/api/running-tasks/stream");
-    es.addEventListener("update", (event) => {
-      const data = JSON.parse(event.data);
-      handleRunningTasksUpdate(data.tasks);
-    });
-  }
-
-  // src/board/client/dragDrop.ts
-  var _redrawDependencies = null;
-  function registerDependencyRedrawCallback(callback) {
-    _redrawDependencies = callback;
-  }
-  var draggedCard = null;
-  var sourceBody = null;
-  var isPendingStatusUpdate = false;
-  var _dragMouseX = 0;
-  var _dragMouseY = 0;
-  var _dragOffsetX = 0;
-  var _dragOffsetY = 0;
-  function getDraggedCardVirtualRect() {
-    if (!draggedCard) return null;
-    const rect = draggedCard.getBoundingClientRect();
-    const left = _dragMouseX - _dragOffsetX;
-    const top = _dragMouseY - _dragOffsetY;
-    return new DOMRect(left, top, rect.width, rect.height);
-  }
-  function updateCount(status) {
-    const col = document.querySelector(`.column[data-status="${status}"]`);
-    if (!col) return;
-    const countEl = col.querySelector(".column-count");
-    const bodyEl = col.querySelector(".column-body");
-    if (countEl && bodyEl) {
-      countEl.textContent = String(bodyEl.children.length);
-    }
-  }
-  async function handleDrop(e, newStatus, colEl) {
-    e.preventDefault();
-    colEl.classList.remove("drag-over");
-    if (!draggedCard) return;
-    const taskId = draggedCard.dataset.id;
-    const oldStatus = draggedCard.dataset.status;
-    if (oldStatus === newStatus) return;
-    const targetBody = document.getElementById("col-" + newStatus);
-    const prevBody = sourceBody;
-    targetBody.appendChild(draggedCard);
-    draggedCard.dataset.status = newStatus;
-    updateCount(oldStatus);
-    updateCount(newStatus);
-    updateCardButton(draggedCard, newStatus);
-    isPendingStatusUpdate = true;
-    try {
-      const res = await fetch("/api/tasks/" + taskId, {
-        method: "PATCH",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ status: newStatus })
-      });
-      if (!res.ok) throw new Error("Server error");
-      if (_redrawDependencies) {
-        _redrawDependencies();
-      }
-    } catch {
-      if (prevBody && draggedCard) {
-        prevBody.appendChild(draggedCard);
-        draggedCard.dataset.status = oldStatus;
-        updateCount(oldStatus);
-        updateCount(newStatus);
-      }
-      showToast();
-    } finally {
-      isPendingStatusUpdate = false;
-    }
-  }
-  var _documentDragOverListener = null;
-  function attachDragListeners(card) {
-    card.addEventListener("dragstart", (e) => {
-      draggedCard = card;
-      sourceBody = card.parentElement;
-      card.classList.add("dragging");
-      if (e.dataTransfer) e.dataTransfer.effectAllowed = "move";
-      const rect = card.getBoundingClientRect();
-      _dragOffsetX = e.clientX - rect.left;
-      _dragOffsetY = e.clientY - rect.top;
-      _dragMouseX = e.clientX;
-      _dragMouseY = e.clientY;
-      _documentDragOverListener = (ev) => {
-        _dragMouseX = ev.clientX;
-        _dragMouseY = ev.clientY;
-        if (_redrawDependencies) _redrawDependencies();
-      };
-      document.addEventListener("dragover", _documentDragOverListener);
-    });
-    card.addEventListener("dragend", () => {
-      card.classList.remove("dragging");
-      draggedCard = null;
-      sourceBody = null;
-      if (_documentDragOverListener) {
-        document.removeEventListener("dragover", _documentDragOverListener);
-        _documentDragOverListener = null;
-      }
-    });
-  }
-  function initDragDrop() {
-    document.querySelectorAll(".card").forEach((card) => {
-      attachDragListeners(card);
-    });
-    document.querySelectorAll(".column").forEach((col) => {
-      col.addEventListener("dragover", (e) => {
-        e.preventDefault();
-        col.classList.add("drag-over");
-      });
-      col.addEventListener("dragleave", () => col.classList.remove("drag-over"));
-      col.addEventListener("drop", (e) => handleDrop(e, col.dataset.status, col));
-    });
-  }
-
-  // src/board/client/autoScroll.ts
-  var autoScrollRAF = null;
-  var autoScrollBody = null;
-  var autoScrollDir = 0;
-  var AUTO_SCROLL_ZONE = 60;
-  var AUTO_SCROLL_SPEED = 8;
-  function stopAutoScroll() {
-    if (autoScrollRAF !== null) {
-      cancelAnimationFrame(autoScrollRAF);
-      autoScrollRAF = null;
-    }
-    autoScrollBody = null;
-    autoScrollDir = 0;
-  }
-  function startAutoScroll() {
-    if (autoScrollRAF !== null) return;
-    function step() {
-      if (autoScrollBody && autoScrollDir !== 0) {
-        autoScrollBody.scrollTop += autoScrollDir * AUTO_SCROLL_SPEED;
-        autoScrollRAF = requestAnimationFrame(step);
-      } else {
-        autoScrollRAF = null;
-      }
-    }
-    autoScrollRAF = requestAnimationFrame(step);
-  }
-  function attachAutoScrollToBody(body) {
-    body.addEventListener("dragover", (e) => {
-      const rect = body.getBoundingClientRect();
-      const y = e.clientY - rect.top;
-      if (y < AUTO_SCROLL_ZONE) {
-        autoScrollBody = body;
-        autoScrollDir = -1;
-        startAutoScroll();
-      } else if (y > rect.height - AUTO_SCROLL_ZONE) {
-        autoScrollBody = body;
-        autoScrollDir = 1;
-        startAutoScroll();
-      } else {
-        stopAutoScroll();
-      }
-    });
-    body.addEventListener("dragleave", stopAutoScroll);
-    body.addEventListener("drop", stopAutoScroll);
-  }
-  function initAutoScroll() {
-    document.querySelectorAll(".column-body").forEach(attachAutoScrollToBody);
-    document.addEventListener("dragend", stopAutoScroll);
-  }
-
-  // src/board/client/tags.ts
-  var allAvailableTags = [];
-  var _getDetailTaskId = null;
-  function registerGetDetailTaskId(fn) {
-    _getDetailTaskId = fn;
-  }
-  async function loadAllTags() {
-    try {
-      const res = await fetch("/api/tags");
-      if (!res.ok) return;
-      const data = await res.json();
-      allAvailableTags = data.tags || [];
-    } catch {
-    }
-  }
-  function renderTagsSection(currentTags) {
-    const container = document.getElementById("detail-tags-container");
-    if (!container) return;
-    container.innerHTML = '<div class="tag-select-wrapper"><div class="tag-select-control" id="tag-select-control"></div><div class="tag-select-dropdown" id="tag-select-dropdown"></div></div>';
-    const control = document.getElementById("tag-select-control");
-    const dropdown = document.getElementById("tag-select-dropdown");
-    if (!control || !dropdown) return;
-    let focusedOptionIndex = -1;
-    let inputValue = "";
-    function getFilteredTags() {
-      const currentTagIds = new Set(currentTags.map((t) => t.id));
-      const available = allAvailableTags.filter((t) => !currentTagIds.has(t.id));
-      if (!inputValue.trim()) return available;
-      const q = inputValue.toLowerCase();
-      return available.filter((t) => t.name.toLowerCase().includes(q));
-    }
-    const input = document.createElement("input");
-    input.className = "tag-select-input";
-    input.type = "text";
-    input.autocomplete = "off";
-    control.appendChild(input);
-    function renderPills() {
-      control.querySelectorAll(".tag-pill").forEach((p) => p.remove());
-      currentTags.forEach((t) => {
-        const pill = document.createElement("span");
-        pill.className = "tag-pill";
-        pill.dataset.tagId = String(t.id);
-        const label = document.createTextNode(t.name);
-        const removeBtn = document.createElement("button");
-        removeBtn.className = "tag-pill-remove";
-        removeBtn.title = "Remove tag";
-        removeBtn.setAttribute("data-tag-id", String(t.id));
-        removeBtn.innerHTML = "&times;";
-        removeBtn.addEventListener("click", async (e) => {
-          e.stopPropagation();
-          const detailTaskId2 = _getDetailTaskId ? _getDetailTaskId() : null;
-          try {
-            const res = await fetch("/api/tasks/" + detailTaskId2 + "/tags/" + t.id, {
-              method: "DELETE"
-            });
-            if (!res.ok) throw new Error("Server error");
-            const idx = currentTags.findIndex((x) => String(x.id) === String(t.id));
-            if (idx !== -1) currentTags.splice(idx, 1);
-            renderPills();
-            renderDropdown();
-          } catch {
-            showToast("Failed to remove tag");
-          }
-        });
-        pill.appendChild(label);
-        pill.appendChild(removeBtn);
-        control.insertBefore(pill, input);
-      });
-      input.placeholder = currentTags.length === 0 ? "Add tags..." : "";
-    }
-    async function createAndAddTag(name) {
-      const detailTaskId2 = _getDetailTaskId ? _getDetailTaskId() : null;
-      try {
-        const createRes = await fetch("/api/tags", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ name })
-        });
-        if (!createRes.ok) throw new Error("Server error");
-        const newTag = await createRes.json();
-        allAvailableTags.push(newTag);
-        const taskRes = await fetch("/api/tasks/" + detailTaskId2 + "/tags", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ tagId: newTag.id })
-        });
-        if (!taskRes.ok) throw new Error("Server error");
-        currentTags.push(newTag);
-        input.value = "";
-        inputValue = "";
-        renderPills();
-        renderDropdown();
-      } catch {
-        showToast("Failed to create tag");
-      }
-    }
-    function renderDropdown() {
-      const filtered = getFilteredTags();
-      dropdown.innerHTML = "";
-      focusedOptionIndex = -1;
-      const hasInput = inputValue.trim() !== "";
-      const exactMatch = hasInput && allAvailableTags.some((t) => t.name.toLowerCase() === inputValue.trim().toLowerCase());
-      const showCreate = hasInput && !exactMatch;
-      if (filtered.length === 0 && !showCreate) {
-        const noOpt = document.createElement("div");
-        noOpt.className = "tag-select-no-options";
-        noOpt.textContent = hasInput ? "No matching tags" : "No tags available";
-        dropdown.appendChild(noOpt);
-      } else {
-        filtered.forEach((t, i) => {
-          const opt = document.createElement("div");
-          opt.className = "tag-select-option";
-          opt.dataset.tagId = String(t.id);
-          opt.textContent = t.name;
-          opt.addEventListener("mouseover", () => setFocusedOption(i));
-          opt.addEventListener("mousedown", async (e) => {
-            e.preventDefault();
-            await addTag(String(t.id));
-          });
-          dropdown.appendChild(opt);
-        });
-        if (showCreate) {
-          const createOpt = document.createElement("div");
-          createOpt.className = "tag-select-option tag-select-create-option";
-          createOpt.dataset.create = "true";
-          createOpt.textContent = `Create "${inputValue.trim()}"`;
-          createOpt.addEventListener("mouseover", () => setFocusedOption(filtered.length));
-          createOpt.addEventListener("mousedown", async (e) => {
-            e.preventDefault();
-            await createAndAddTag(inputValue.trim());
-          });
-          dropdown.appendChild(createOpt);
-        }
-      }
-    }
-    function setFocusedOption(index) {
-      const opts = dropdown.querySelectorAll(".tag-select-option");
-      opts.forEach((o, i) => o.classList.toggle("focused", i === index));
-      focusedOptionIndex = index;
-    }
-    function openDropdown() {
-      renderDropdown();
-      dropdown.classList.add("open");
-    }
-    function closeDropdown() {
-      dropdown.classList.remove("open");
-      focusedOptionIndex = -1;
-    }
-    async function addTag(tagId) {
-      const detailTaskId2 = _getDetailTaskId ? _getDetailTaskId() : null;
-      try {
-        const res = await fetch("/api/tasks/" + detailTaskId2 + "/tags", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ tagId: Number(tagId) })
-        });
-        if (!res.ok) throw new Error("Server error");
-        const tag = allAvailableTags.find((t) => String(t.id) === String(tagId));
-        if (tag) currentTags.push(tag);
-        input.value = "";
-        inputValue = "";
-        renderPills();
-        renderDropdown();
-      } catch {
-        showToast("Failed to add tag");
-      }
-    }
-    control.addEventListener("click", () => input.focus());
-    input.addEventListener("focus", () => openDropdown());
-    input.addEventListener("blur", () => setTimeout(() => closeDropdown(), 150));
-    input.addEventListener("input", () => {
-      inputValue = input.value;
-      renderDropdown();
-      if (!dropdown.classList.contains("open")) openDropdown();
-    });
-    input.addEventListener("keydown", async (e) => {
-      const filtered = getFilteredTags();
-      const opts = dropdown.querySelectorAll(".tag-select-option");
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        setFocusedOption(Math.min(focusedOptionIndex + 1, opts.length - 1));
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        setFocusedOption(Math.max(focusedOptionIndex - 1, 0));
-      } else if (e.key === "Enter") {
-        e.preventDefault();
-        if (focusedOptionIndex >= 0 && filtered[focusedOptionIndex]) {
-          await addTag(String(filtered[focusedOptionIndex].id));
-        } else if (focusedOptionIndex >= 0 && inputValue.trim()) {
-          await createAndAddTag(inputValue.trim());
-        }
-      } else if (e.key === "Escape") {
-        closeDropdown();
-        input.blur();
-      } else if (e.key === "Backspace" && input.value === "" && currentTags.length > 0) {
-        e.preventDefault();
-        const last = currentTags[currentTags.length - 1];
-        const detailTaskId2 = _getDetailTaskId ? _getDetailTaskId() : null;
-        try {
-          const res = await fetch("/api/tasks/" + detailTaskId2 + "/tags/" + last.id, {
-            method: "DELETE"
-          });
-          if (!res.ok) throw new Error("Server error");
-          currentTags.splice(currentTags.length - 1, 1);
-          renderPills();
-          renderDropdown();
-        } catch {
-          showToast("Failed to remove tag");
-        }
-      }
-    });
-    renderPills();
-  }
-
-  // src/board/client/boardPolling.ts
-  var activeFilters = { tagIds: [], priorities: [], assignee: "", searchText: "" };
-  function buildFilterParams() {
-    const params = new URLSearchParams();
-    if (activeFilters.priorities.length > 0) {
-      params.set("priority", activeFilters.priorities.join(","));
-    }
-    if (activeFilters.tagIds.length > 0) {
-      params.set("tags", activeFilters.tagIds.join(","));
-    }
-    if (activeFilters.assignee) {
-      params.set("assignee", activeFilters.assignee);
-    }
-    if (activeFilters.searchText) {
-      params.set("search", activeFilters.searchText);
-    }
-    return params;
-  }
-  var _openTaskDetail = null;
-  var _renderDetailPanel = null;
-  var _showUpdateWarning = null;
-  var _getDetailTaskId2 = null;
-  var _getDetailActiveTab = null;
-  var _setActiveCard = null;
-  var _redrawDependencies2 = null;
-  function registerDetailPanelCallbacks(callbacks) {
-    _openTaskDetail = callbacks.openTaskDetail;
-    _renderDetailPanel = callbacks.renderDetailPanel;
-    _showUpdateWarning = callbacks.showUpdateWarning;
-    _getDetailTaskId2 = callbacks.getDetailTaskId;
-    _getDetailActiveTab = callbacks.getDetailActiveTab;
-    _setActiveCard = callbacks.setActiveCard;
-  }
-  function registerDependencyRedrawCallback2(callback) {
-    _redrawDependencies2 = callback;
-  }
-  function attachCardListeners(body) {
-    body.querySelectorAll(".card").forEach((card) => {
-      attachDragListeners(card);
-      if (card.dataset.listenersAttached) return;
-      card.dataset.listenersAttached = "1";
-      card.addEventListener("click", async (e) => {
-        if (e.defaultPrevented) return;
-        if (_openTaskDetail) await _openTaskDetail(card.dataset.id);
-      });
-    });
-  }
-  function applyIncrementalCardUpdate(body, newHtml) {
-    const template = document.createElement("div");
-    template.innerHTML = newHtml;
-    const newCards = Array.from(template.querySelectorAll(".card"));
-    const existingCards = /* @__PURE__ */ new Map();
-    body.querySelectorAll(".card").forEach((card) => {
-      const id = card.dataset.id;
-      if (id) existingCards.set(id, card);
-    });
-    const newCardIds = /* @__PURE__ */ new Set();
-    newCards.forEach((card) => {
-      const id = card.dataset.id;
-      if (id) newCardIds.add(id);
-    });
-    existingCards.forEach((card, id) => {
-      if (!newCardIds.has(id)) {
-        card.remove();
-      }
-    });
-    newCards.forEach((newCard, index) => {
-      const id = newCard.dataset.id;
-      const newUpdatedAt = newCard.dataset.updatedAt;
-      const newTagIds = newCard.dataset.tagIds ?? "";
-      const newBlockedBy = newCard.dataset.blockedBy ?? "";
-      const newBlocking = newCard.dataset.blocking ?? "";
-      const existing = id ? existingCards.get(id) : void 0;
-      if (existing) {
-        const existingUpdatedAt = existing.dataset.updatedAt;
-        const existingTagIds = existing.dataset.tagIds ?? "";
-        const existingBlockedBy = existing.dataset.blockedBy ?? "";
-        const existingBlocking = existing.dataset.blocking ?? "";
-        const tagsChanged = newTagIds !== existingTagIds;
-        const depsChanged = newBlockedBy !== existingBlockedBy || newBlocking !== existingBlocking;
-        let activeCard;
-        if (newUpdatedAt !== existingUpdatedAt || tagsChanged || depsChanged) {
-          existing.replaceWith(newCard);
-          activeCard = newCard;
-        } else {
-          activeCard = existing;
-        }
-        const currentChild = body.children[index];
-        if (currentChild !== activeCard) {
-          body.insertBefore(activeCard, currentChild || null);
-        }
-      } else {
-        const currentChild = body.children[index];
-        body.insertBefore(newCard, currentChild || null);
-      }
-    });
-  }
-  function updateColumnHtml(col) {
-    const body = document.getElementById("col-" + col.status);
-    if (!body) return;
-    applyIncrementalCardUpdate(body, col.html);
-    const colEl = body.closest(".column");
-    if (colEl) {
-      const countEl = colEl.querySelector(".column-count");
-      if (countEl) countEl.textContent = String(col.count);
-    }
-    attachCardListeners(body);
-    attachAutoScrollToBody(body);
-    attachClaudeButtonListeners(body);
-    updateButtonStates(getRunningTaskIds());
-  }
-  function isEditingDetailPanel() {
-    const editableFields = ["detail-edit-title", "detail-edit-body", "detail-edit-status", "detail-edit-priority"];
-    return editableFields.some((id) => document.activeElement && document.activeElement.id === id);
-  }
-  async function refreshOpenDetailPanel(detailTaskId2) {
-    if (isEditingDetailPanel()) {
-      if (_showUpdateWarning) _showUpdateWarning();
-      return;
-    }
-    if (_getDetailActiveTab && _getDetailActiveTab() === "run-logs") {
-      return;
-    }
-    try {
-      const taskRes = await fetch("/api/tasks/" + detailTaskId2);
-      if (taskRes.ok) {
-        const taskData = await taskRes.json();
-        if (_renderDetailPanel) _renderDetailPanel(taskData);
-      }
-    } catch {
-    }
-  }
-  async function refreshBoardCards() {
-    const filterParams = buildFilterParams();
-    const url = "/api/board/cards" + (filterParams.toString() ? "?" + filterParams.toString() : "");
-    try {
-      const res = await fetch(url);
-      if (!res.ok) return;
-      const data = await res.json();
-      data.columns.forEach(updateColumnHtml);
-      const detailTaskId2 = _getDetailTaskId2 ? _getDetailTaskId2() : null;
-      if (detailTaskId2 !== null && _setActiveCard) {
-        _setActiveCard(detailTaskId2);
-      }
-      if (_redrawDependencies2) {
-        _redrawDependencies2();
-      }
-      if (detailTaskId2 !== null) {
-        await refreshOpenDetailPanel(detailTaskId2);
-      }
-    } catch {
-    }
-  }
-  function initBoardPolling() {
-    const es = new EventSource("/api/board/stream");
-    es.addEventListener("update", () => {
-      if (draggedCard !== null || isPendingStatusUpdate) return;
-      refreshBoardCards();
-    });
-  }
-
-  // src/board/client/addTaskModal.ts
-  var selectedTags = [];
-  var tagInputValue = "";
-  var tagFocusedIndex = -1;
-  function getFilteredAddTags() {
-    const selectedIds = new Set(selectedTags.map((t) => t.id));
-    const available = allAvailableTags.filter((t) => !selectedIds.has(t.id));
-    if (!tagInputValue.trim()) return available;
-    const q = tagInputValue.toLowerCase();
-    return available.filter((t) => t.name.toLowerCase().includes(q));
-  }
-  function renderAddTagPills(control, input) {
-    control.querySelectorAll(".tag-pill").forEach((p) => p.remove());
-    selectedTags.forEach((t) => {
-      const pill = document.createElement("span");
-      pill.className = "tag-pill";
-      pill.dataset.tagId = String(t.id);
-      const label = document.createTextNode(t.name);
-      const removeBtn = document.createElement("button");
-      removeBtn.className = "tag-pill-remove";
-      removeBtn.title = "Remove tag";
-      removeBtn.innerHTML = "&times;";
-      removeBtn.addEventListener("click", (e) => {
-        e.stopPropagation();
-        const idx = selectedTags.findIndex((x) => x.id === t.id);
-        if (idx !== -1) selectedTags.splice(idx, 1);
-        renderAddTagPills(control, input);
-      });
-      pill.appendChild(label);
-      pill.appendChild(removeBtn);
-      control.insertBefore(pill, input);
-    });
-    input.placeholder = selectedTags.length === 0 ? "Add tags..." : "";
-  }
-  function renderAddTagDropdown(dropdown) {
-    const filtered = getFilteredAddTags();
-    dropdown.innerHTML = "";
-    tagFocusedIndex = -1;
-    const hasInput = tagInputValue.trim() !== "";
-    const exactMatch = hasInput && allAvailableTags.some((t) => t.name.toLowerCase() === tagInputValue.trim().toLowerCase());
-    const showCreate = hasInput && !exactMatch;
-    if (filtered.length === 0 && !showCreate) {
-      const noOpt = document.createElement("div");
-      noOpt.className = "tag-select-no-options";
-      noOpt.textContent = hasInput ? "No matching tags" : "No tags available";
-      dropdown.appendChild(noOpt);
-    } else {
-      filtered.forEach((t, i) => {
-        const opt = document.createElement("div");
-        opt.className = "tag-select-option";
-        opt.dataset.tagId = String(t.id);
-        opt.textContent = t.name;
-        opt.addEventListener("mouseover", () => setAddTagFocused(dropdown, i));
-        opt.addEventListener("mousedown", (e) => {
-          e.preventDefault();
-          selectAddTag(t.id, dropdown, document.getElementById("add-tag-input"));
-        });
-        dropdown.appendChild(opt);
-      });
-      if (showCreate) {
-        const createOpt = document.createElement("div");
-        createOpt.className = "tag-select-option tag-select-create-option";
-        createOpt.dataset.create = "true";
-        createOpt.textContent = `Create "${tagInputValue.trim()}"`;
-        createOpt.addEventListener("mouseover", () => setAddTagFocused(dropdown, filtered.length));
-        createOpt.addEventListener("mousedown", async (e) => {
-          e.preventDefault();
-          const input = document.getElementById("add-tag-input");
-          await createAndSelectAddTag(tagInputValue.trim(), dropdown, input);
-        });
-        dropdown.appendChild(createOpt);
-      }
-    }
-  }
-  function setAddTagFocused(dropdown, index) {
-    const opts = dropdown.querySelectorAll(".tag-select-option");
-    opts.forEach((o, i) => o.classList.toggle("focused", i === index));
-    tagFocusedIndex = index;
-  }
-  function selectAddTag(tagId, dropdown, input) {
-    const tag = allAvailableTags.find((t) => t.id === tagId);
-    if (!tag) return;
-    selectedTags.push(tag);
-    input.value = "";
-    tagInputValue = "";
-    const control = document.getElementById("add-tag-select-control");
-    renderAddTagPills(control, input);
-    renderAddTagDropdown(dropdown);
-  }
-  async function createAndSelectAddTag(name, dropdown, input) {
-    try {
-      const res = await fetch("/api/tags", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ name })
-      });
-      if (!res.ok) throw new Error("Server error");
-      const newTag = await res.json();
-      allAvailableTags.push(newTag);
-      selectAddTag(newTag.id, dropdown, input);
-    } catch {
-      showToast("Failed to create tag");
-    }
-  }
-  function initAddTagSelector() {
-    const control = document.getElementById("add-tag-select-control");
-    const dropdown = document.getElementById("add-tag-select-dropdown");
-    if (!control || !dropdown) return;
-    const input = document.createElement("input");
-    input.className = "tag-select-input";
-    input.id = "add-tag-input";
-    input.type = "text";
-    input.autocomplete = "off";
-    control.appendChild(input);
-    control.addEventListener("click", () => input.focus());
-    input.addEventListener("focus", () => {
-      renderAddTagDropdown(dropdown);
-      dropdown.classList.add("open");
-    });
-    input.addEventListener(
-      "blur",
-      () => setTimeout(() => {
-        dropdown.classList.remove("open");
-        tagFocusedIndex = -1;
-      }, 150)
-    );
-    input.addEventListener("input", () => {
-      tagInputValue = input.value;
-      renderAddTagDropdown(dropdown);
-      if (!dropdown.classList.contains("open")) dropdown.classList.add("open");
-    });
-    input.addEventListener("keydown", async (e) => {
-      const filtered = getFilteredAddTags();
-      const opts = dropdown.querySelectorAll(".tag-select-option");
-      if (e.key === "ArrowDown") {
-        e.preventDefault();
-        setAddTagFocused(dropdown, Math.min(tagFocusedIndex + 1, opts.length - 1));
-      } else if (e.key === "ArrowUp") {
-        e.preventDefault();
-        setAddTagFocused(dropdown, Math.max(tagFocusedIndex - 1, 0));
-      } else if (e.key === "Enter") {
-        e.preventDefault();
-        if (tagFocusedIndex >= 0 && filtered[tagFocusedIndex]) {
-          selectAddTag(filtered[tagFocusedIndex].id, dropdown, input);
-        } else if (tagFocusedIndex >= 0 && tagInputValue.trim()) {
-          await createAndSelectAddTag(tagInputValue.trim(), dropdown, input);
-        }
-      } else if (e.key === "Escape") {
-        dropdown.classList.remove("open");
-        input.blur();
-      } else if (e.key === "Backspace" && input.value === "" && selectedTags.length > 0) {
-        e.preventDefault();
-        selectedTags.splice(selectedTags.length - 1, 1);
-        renderAddTagPills(control, input);
-        renderAddTagDropdown(dropdown);
-      }
-    });
-  }
-  function addMetadataRow(container) {
-    const row = document.createElement("div");
-    row.className = "metadata-row";
-    const keyInput = document.createElement("input");
-    keyInput.type = "text";
-    keyInput.className = "metadata-row-key";
-    keyInput.placeholder = "Key";
-    const valueInput = document.createElement("input");
-    valueInput.type = "text";
-    valueInput.className = "metadata-row-value";
-    valueInput.placeholder = "Value";
-    const removeBtn = document.createElement("button");
-    removeBtn.type = "button";
-    removeBtn.className = "metadata-row-remove";
-    removeBtn.title = "Remove";
-    removeBtn.innerHTML = "&times;";
-    removeBtn.addEventListener("click", () => {
-      row.remove();
-    });
-    row.appendChild(keyInput);
-    row.appendChild(valueInput);
-    row.appendChild(removeBtn);
-    container.appendChild(row);
-  }
-  function collectMetadata(container) {
-    const rows = container.querySelectorAll(".metadata-row");
-    const result = [];
-    rows.forEach((row) => {
-      const key = (row.querySelector(".metadata-row-key")?.value ?? "").trim();
-      const value = (row.querySelector(".metadata-row-value")?.value ?? "").trim();
-      if (key) result.push({ key, value });
-    });
-    return result;
-  }
-  function resetAddModal(elements) {
-    elements.addTitle.value = "";
-    elements.addBody.value = "";
-    elements.addPriority.value = "medium";
-    selectedTags = [];
-    tagInputValue = "";
-    tagFocusedIndex = -1;
-    const control = document.getElementById("add-tag-select-control");
-    const input = document.getElementById("add-tag-input");
-    if (control && input) {
-      renderAddTagPills(control, input);
-    }
-    elements.addMetadataRows.innerHTML = "";
-  }
-  function openAddModal(elements, status) {
-    elements.addStatus.value = status;
-    resetAddModal(elements);
-    elements.addModal.classList.add("show");
-    elements.addTitle.focus();
-  }
-  async function submitAddTask(elements) {
-    const title = elements.addTitle.value.trim();
-    if (!title) {
-      elements.addTitle.focus();
-      return;
-    }
-    const status = elements.addStatus.value;
-    elements.addModal.classList.remove("show");
-    const tags = selectedTags.map((t) => t.id);
-    const metadata = collectMetadata(elements.addMetadataRows);
-    try {
-      const res = await fetch("/api/tasks", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          title,
-          body: elements.addBody.value.trim() || null,
-          status,
-          priority: elements.addPriority.value || null,
-          tags: tags.length > 0 ? tags : void 0,
-          metadata: metadata.length > 0 ? metadata : void 0
-        })
-      });
-      if (!res.ok) throw new Error("Server error");
-      await refreshBoardCards();
-    } catch {
-      showToast("Failed to add task");
-    }
-  }
-  function initAddTaskModal() {
-    const elements = {
-      addModal: document.getElementById("add-modal"),
-      addTitle: document.getElementById("add-title"),
-      addBody: document.getElementById("add-body"),
-      addPriority: document.getElementById("add-priority"),
-      addStatus: document.getElementById("add-status"),
-      addTagControl: document.getElementById("add-tag-select-control"),
-      addTagDropdown: document.getElementById("add-tag-select-dropdown"),
-      addMetadataRows: document.getElementById("add-metadata-rows")
-    };
-    initAddTagSelector();
-    document.querySelectorAll(".add-btn").forEach((btn) => {
-      btn.addEventListener("click", (e) => {
-        e.stopPropagation();
-        openAddModal(elements, btn.dataset.status);
-      });
-    });
-    document.getElementById("add-cancel")?.addEventListener("click", () => {
-      elements.addModal.classList.remove("show");
-    });
-    elements.addModal.addEventListener("click", (e) => {
-      if (e.target === elements.addModal) elements.addModal.classList.remove("show");
-    });
-    elements.addTitle.addEventListener("keydown", (e) => {
-      if (e.key === "Enter" && !e.isComposing) {
-        e.preventDefault();
-        document.getElementById("add-submit").click();
-      }
-    });
-    document.getElementById("add-metadata-add-row")?.addEventListener("click", () => {
-      addMetadataRow(elements.addMetadataRows);
-    });
-    document.getElementById("add-submit")?.addEventListener("click", () => submitAddTask(elements));
-  }
-
-  // src/board/client/contextMenu.ts
-  async function deleteCard(card) {
-    const taskId = card.dataset.id;
-    const status = card.dataset.status;
-    if (!confirm("Delete task #" + taskId + "?")) return;
-    card.remove();
-    updateCount(status);
-    try {
-      const res = await fetch("/api/tasks/" + taskId, { method: "DELETE" });
-      if (!res.ok) throw new Error("Server error");
-    } catch {
-      location.reload();
-      showToast("Failed to delete task");
-    }
-  }
-  function initContextMenu() {
-    const ctxMenu = document.getElementById("context-menu");
-    let ctxTargetCard = null;
-    document.addEventListener("contextmenu", (e) => {
-      const card = e.target.closest(".card");
-      if (!card) {
-        ctxMenu.style.display = "none";
-        return;
-      }
-      e.preventDefault();
-      ctxTargetCard = card;
-      ctxMenu.style.left = e.clientX + "px";
-      ctxMenu.style.top = e.clientY + "px";
-      ctxMenu.style.display = "block";
-    });
-    document.addEventListener("click", (e) => {
-      if (!e.target.closest("#context-menu")) {
-        ctxMenu.style.display = "none";
-        ctxTargetCard = null;
-      }
-    });
-    document.getElementById("ctx-delete")?.addEventListener("click", async (e) => {
-      e.stopPropagation();
-      ctxMenu.style.display = "none";
-      if (!ctxTargetCard) return;
-      const card = ctxTargetCard;
-      ctxTargetCard = null;
-      await deleteCard(card);
-    });
-  }
-
-  // src/board/client/detailPanelApi.ts
-  var PANEL_MIN_WIDTH = 280;
-  var PANEL_MAX_WIDTH = 800;
-  var PANEL_DEFAULT_WIDTH = 400;
-  async function fetchComments(taskId) {
-    const res = await fetch("/api/tasks/" + taskId + "/comments");
-    if (!res.ok) throw new Error("Server error");
-    const data = await res.json();
-    return data.comments || [];
-  }
-  async function patchComment(commentId, content) {
-    const res = await fetch("/api/comments/" + commentId, {
-      method: "PATCH",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ content })
-    });
-    if (!res.ok) throw new Error("Server error");
-  }
-  async function deleteCommentRequest(commentId) {
-    const res = await fetch("/api/comments/" + commentId, { method: "DELETE" });
-    if (!res.ok) throw new Error("Server error");
-  }
-  async function postComment(taskId, content) {
-    const res = await fetch("/api/tasks/" + taskId + "/comments", {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ content })
-    });
-    if (!res.ok) throw new Error("Server error");
-  }
-  async function fetchTaskDetail(taskId, signal) {
-    const res = await fetch("/api/tasks/" + taskId, signal ? { signal } : void 0);
-    if (!res.ok) throw new Error("Server error");
-    return res.json();
-  }
-  async function patchTask(taskId, fields) {
-    const res = await fetch("/api/tasks/" + taskId, {
-      method: "PATCH",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify(fields)
-    });
-    if (!res.ok) throw new Error("Server error");
-    return fetchTaskDetail(taskId);
-  }
-  async function fetchPanelWidthFromConfig() {
-    let targetWidth = PANEL_DEFAULT_WIDTH;
-    try {
-      const res = await fetch("/api/config");
-      if (res.ok) {
-        const data = await res.json();
-        const savedWidth = data && data.board && data.board.detailPaneWidth;
-        if (typeof savedWidth === "number" && savedWidth >= PANEL_MIN_WIDTH && savedWidth <= PANEL_MAX_WIDTH) {
-          targetWidth = savedWidth;
-        }
-      }
-    } catch {
-    }
-    return targetWidth;
-  }
-  function savePanelWidthToConfig(width) {
-    fetch("/api/config", {
-      method: "PUT",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({ board: { detailPaneWidth: width } })
-    }).catch(function() {
-    });
-  }
-  function subscribeRunLogs(taskId, onUpdate, onError) {
-    const es = new EventSource("/api/claude/tasks/" + taskId + "/run-logs/stream");
-    es.addEventListener("update", (event) => {
-      const msgEvent = event;
-      try {
-        const data = JSON.parse(msgEvent.data);
-        onUpdate(data.logs || []);
-      } catch {
-      }
-    });
-    es.onerror = () => onError();
-    return es;
-  }
-
-  // src/board/client/detailPanelHtml.ts
-  function renderCommentItemHtml(comment, taskId) {
-    const authorText = comment.author ? escapeHtmlClient(comment.author) : "Anonymous";
-    const dateRel = relativeTime(comment.created_at);
-    const dateAbs = escapeHtmlClient(comment.created_at);
-    const contentText = escapeHtmlClient(comment.content);
-    let html = '<div class="comment-item" data-comment-id="' + comment.id + '">';
-    html += '<div class="comment-meta">';
-    html += '<span class="comment-author">' + authorText + "</span>";
-    html += '<span class="comment-date" title="' + dateAbs + '">' + dateRel + "</span>";
-    html += '<span class="comment-actions">';
-    html += '<button class="comment-action-btn" title="Edit" data-action="start-comment-edit" data-comment-id="' + comment.id + '">&#9998;</button>';
-    html += '<button class="comment-action-btn danger" title="Delete" data-action="delete-comment" data-comment-id="' + comment.id + '" data-task-id="' + taskId + '">&#128465;</button>';
-    html += "</span></div>";
-    html += '<div class="comment-content" id="comment-content-' + comment.id + '">' + contentText + "</div>";
-    html += '<div id="comment-edit-' + comment.id + '" style="display:none;">';
-    html += '<textarea class="comment-edit-area" id="comment-edit-area-' + comment.id + '">' + contentText + "</textarea>";
-    html += '<div class="comment-edit-actions">';
-    html += '<button class="comment-btn" data-action="save-comment-edit" data-comment-id="' + comment.id + '" data-task-id="' + taskId + '">Save</button>';
-    html += '<button class="comment-btn" data-action="cancel-comment-edit" data-comment-id="' + comment.id + '">Cancel</button>';
-    html += "</div></div></div>";
-    return html;
-  }
-  function renderAddCommentFormHtml(taskId) {
-    let html = '<button class="add-comment-trigger" id="add-comment-trigger" data-action="open-add-comment">+ Add comment...</button>';
-    html += '<div class="add-comment-form" id="add-comment-form">';
-    html += '<textarea class="add-comment-textarea" id="add-comment-text" placeholder="Write a comment..."></textarea>';
-    html += "<div>";
-    html += '<button class="add-comment-submit" data-action="submit-comment" data-task-id="' + taskId + '">Add Comment</button>';
-    html += '<button class="add-comment-cancel" data-action="close-add-comment">Cancel</button>';
-    html += "</div></div>";
-    return html;
-  }
-  function renderStatusField(currentStatus, allStatuses, statusLabels) {
-    let html = '<div class="detail-field">';
-    html += '<div class="detail-field-label">Status</div>';
-    html += '<select id="detail-edit-status" class="detail-edit-select">';
-    allStatuses.forEach((s) => {
-      const selected = s === currentStatus ? " selected" : "";
-      html += '<option value="' + s + '"' + selected + ">" + statusLabels[s] + "</option>";
-    });
-    html += "</select></div>";
-    return html;
-  }
-  function renderPriorityField(currentPriority, allPriorities) {
-    let html = '<div class="detail-field">';
-    html += '<div class="detail-field-label">Priority</div>';
-    html += '<select id="detail-edit-priority" class="detail-edit-select">';
-    html += '<option value="">None</option>';
-    allPriorities.forEach((p) => {
-      const selected = currentPriority === p ? " selected" : "";
-      html += '<option value="' + p + '"' + selected + ">" + p.charAt(0).toUpperCase() + p.slice(1) + "</option>";
-    });
-    html += "</select></div>";
-    return html;
-  }
-  function renderRelationsHtml(parent, blockedBy, blocking) {
-    let html = '<div class="detail-relations">';
-    if (parent) {
-      html += '<div class="detail-relation-row">';
-      html += '<span class="detail-relation-label">Parent</span>';
-      html += '<div class="detail-relation-ids"><span class="detail-relation-id detail-relation-link" data-task-id="' + parent.id + '">#' + parent.id + " " + escapeHtmlClient(parent.title) + "</span></div>";
-      html += "</div>";
-    }
-    if (blockedBy.length > 0) {
-      html += '<div class="detail-relation-row"><span class="detail-relation-label">Blocked by</span>';
-      html += '<div class="detail-relation-ids">';
-      blockedBy.forEach((t) => {
-        html += '<span class="detail-relation-id detail-relation-link" data-task-id="' + t.id + '">#' + t.id + "</span>";
-      });
-      html += "</div></div>";
-    }
-    if (blocking.length > 0) {
-      html += '<div class="detail-relation-row"><span class="detail-relation-label">Blocking</span>';
-      html += '<div class="detail-relation-ids">';
-      blocking.forEach((t) => {
-        html += '<span class="detail-relation-id detail-relation-link" data-task-id="' + t.id + '">#' + t.id + "</span>";
-      });
-      html += "</div></div>";
-    }
-    html += "</div>";
-    return html;
-  }
-  function isHttpUrl(value) {
-    return value.startsWith("https://") || value.startsWith("http://");
-  }
-  function renderMetadataValue(value) {
-    if (!isHttpUrl(value)) {
-      return escapeHtmlClient(value);
-    }
-    const escaped = escapeHtmlClient(value);
-    return '<a href="' + escaped + '" target="_blank" rel="noopener noreferrer">' + escaped + "</a>";
-  }
-  function renderMetadataTable(metadata) {
-    if (metadata.length === 0) return "";
-    let html = '<div class="detail-field"><div class="detail-field-label">Metadata</div>';
-    html += '<table class="detail-meta-table">';
-    metadata.forEach((m) => {
-      html += "<tr><td>" + escapeHtmlClient(m.key) + "</td><td>" + renderMetadataValue(m.value) + "</td></tr>";
-    });
-    html += "</table></div>";
-    return html;
-  }
-  function renderEditableTextFields(task) {
-    let html = '<div class="detail-field"><div class="detail-field-label">Title</div>';
-    html += '<input id="detail-edit-title" class="detail-edit-input" type="text" value="' + escapeHtmlClient(task.title) + '">';
-    html += "</div>";
-    html += '<div class="detail-field description-field-wrapper"><div class="detail-field-label">Description</div>';
-    html += '<textarea id="detail-edit-body" class="detail-edit-textarea">' + escapeHtmlClient(task.body || "") + "</textarea>";
-    html += "</div>";
-    return html;
-  }
-  function renderDetailPanelHtml(data) {
-    const task = data.task;
-    const metadata = data.metadata || [];
-    const blockedBy = data.blockedBy || [];
-    const blocking = data.blocking || [];
-    const parent = data.parent || null;
-    const { allStatuses, statusLabels, allPriorities } = window;
-    let html = "";
-    html += renderStatusField(task.status, allStatuses, statusLabels);
-    html += renderPriorityField(task.priority, allPriorities);
-    html += '<div class="detail-field"><div class="detail-field-label">Tags</div>';
-    html += '<div id="detail-tags-container"></div></div>';
-    const hasRelations = parent || blockedBy.length > 0 || blocking.length > 0;
-    if (hasRelations) {
-      html += renderRelationsHtml(parent, blockedBy, blocking);
-    }
-    html += renderMetadataTable(metadata);
-    html += renderEditableTextFields(task);
-    return html;
-  }
-  function renderRunLogsHtml(logs) {
-    if (logs.length === 0) {
-      return '<div class="run-log-empty">No run logs yet.</div>';
-    }
-    let html = '<div class="run-log-list">';
-    logs.forEach((log, index) => {
-      const date = log.started_at ? log.started_at.replace("T", " ").replace(/\.\d+Z$/, "") : "";
-      const exitOk = log.exit_code === 0;
-      const exitLabel = log.exit_code !== null ? "exit: " + String(log.exit_code) : "running";
-      const exitClass = exitOk ? "success" : "failure";
-      const isFirst = index === 0;
-      html += '<div class="run-log-item' + (isFirst ? " open" : "") + '" data-log-id="' + log.id + '"><div class="run-log-header" data-action="toggle-run-log"><span class="run-log-toggle">&#9654;</span><span class="run-log-date">' + escapeHtmlClient(date) + '</span><span class="run-log-exit ' + exitClass + '">' + escapeHtmlClient(exitLabel) + '</span></div><div class="run-log-body">';
-      log.events.forEach((evt) => {
-        if (evt.kind === "text" && evt.text) {
-          html += escapeHtmlClient(evt.text);
-        } else if (evt.kind === "tool_use" && evt.name) {
-          const mainArg = evt.input && typeof evt.input === "object" ? String(
-            evt.input.path ?? evt.input.command ?? ""
-          ) : "";
-          const display = mainArg ? "\u{1F527} " + evt.name + ": " + mainArg : "\u{1F527} " + evt.name;
-          html += '<span class="run-log-tool-use">' + escapeHtmlClient(display) + "\n</span>";
-        }
-      });
-      html += "</div></div>";
-    });
-    html += "</div>";
-    return html;
-  }
-  function buildDetailPanelHtml() {
-    return '<div class="detail-panel" id="detail-panel"><div class="detail-panel-resize-handle" id="detail-panel-resize-handle"></div><div class="detail-panel-header"><h2 id="detail-panel-title">Task Detail</h2><button class="detail-panel-copy-id" id="detail-panel-copy-id" title="Copy task ID">&#x2398;</button><button class="detail-panel-close" id="detail-panel-close" title="Close">&times;</button></div><div class="detail-tabs" id="detail-tabs"><button class="detail-tab active" data-tab="details">Details</button><button class="detail-tab" data-tab="comments" id="detail-tab-comments">Comments</button><button class="detail-tab" data-tab="run-logs" id="detail-tab-run-logs">Run Logs</button></div><div class="detail-panel-body" id="detail-panel-body"><div class="detail-tab-content active" id="detail-tab-content-details"></div><div class="detail-tab-content" id="detail-tab-content-comments"></div><div class="detail-tab-content" id="detail-tab-content-run-logs"></div></div><div class="detail-panel-footer" id="detail-panel-footer"><button id="detail-save-btn">Save</button></div></div>';
-  }
-  function autoResizeTextarea(el) {
-    const scrollContainer = el.closest(".detail-tab-content");
-    const scrollTop = scrollContainer?.scrollTop ?? 0;
-    el.style.height = "auto";
-    el.style.height = el.scrollHeight + "px";
-    if (scrollContainer) scrollContainer.scrollTop = scrollTop;
-  }
-
-  // src/board/client/detailPanel.ts
-  var detailTaskId = null;
-  var lastTab = "details";
-  var runLogEventSource = null;
-  var currentFetchController = null;
-  var runLogLoadSeq = 0;
-  var runLogsLoadedTaskId = null;
-  function closeRunLogStream() {
-    if (runLogEventSource !== null) {
-      runLogEventSource.close();
-      runLogEventSource = null;
-    }
-  }
-  function getDetailTaskId() {
-    return detailTaskId;
-  }
-  function getDetailActiveTab() {
-    return lastTab;
-  }
-  function setActiveCard(taskId) {
-    document.querySelectorAll(".card.active").forEach((card) => {
-      card.classList.remove("active");
-    });
-    if (taskId !== null) {
-      const card = document.querySelector('.card[data-id="' + taskId + '"]');
-      if (card) card.classList.add("active");
-    }
-  }
-  function closeDetailPanel() {
-    closeRunLogStream();
-    runLogsLoadedTaskId = null;
-    const runLogsPane = document.getElementById("detail-tab-content-run-logs");
-    if (runLogsPane) {
-      delete runLogsPane.dataset.runLogsTaskId;
-      delete runLogsPane.dataset.runLogsSignature;
-    }
-    const detailPanel = document.getElementById("detail-panel");
-    detailPanel.classList.remove("open");
-    detailPanel.style.width = "";
-    setActiveCard(null);
-    detailTaskId = null;
-  }
-  function switchTab(tabName) {
-    const activeTabBtn = document.querySelector(".detail-tab.active");
-    const currentTab = activeTabBtn?.dataset.tab ?? null;
-    const isSameTab = currentTab === tabName;
-    if (tabName !== "run-logs") {
-      closeRunLogStream();
-    }
-    lastTab = tabName;
-    if (!isSameTab) {
-      document.querySelectorAll(".detail-tab").forEach((btn) => {
-        btn.classList.toggle("active", btn.dataset.tab === tabName);
-      });
-      document.querySelectorAll(".detail-tab-content").forEach((el) => {
-        el.classList.toggle("active", el.id === "detail-tab-content-" + tabName);
-      });
-    }
-    const footer = document.getElementById("detail-panel-footer");
-    if (footer) footer.style.display = tabName === "details" ? "" : "none";
-    if (tabName === "run-logs" && detailTaskId !== null && (!isSameTab || runLogsLoadedTaskId !== detailTaskId)) {
-      loadRunLogs(detailTaskId);
-    }
-  }
-  async function loadComments(taskId) {
-    const pane = document.getElementById("detail-tab-content-comments");
-    if (!pane) return;
-    try {
-      const comments = await fetchComments(taskId);
-      if (detailTaskId !== taskId) return;
-      const tabBtn = document.getElementById("detail-tab-comments");
-      if (tabBtn) tabBtn.textContent = "Comments (" + comments.length + ")";
-      renderComments(taskId, comments);
-    } catch (err) {
-      console.error("[agkan] loadComments failed for task", taskId, err);
-      if (detailTaskId !== taskId) return;
-      if (pane) pane.innerHTML = '<div style="padding:20px;font-size:12px;color:#94a3b8;">Failed to load comments</div>';
-    }
-  }
-  function renderComments(taskId, comments) {
-    const pane = document.getElementById("detail-tab-content-comments");
-    if (!pane) return;
-    pane.style.padding = "16px 20px";
-    let html = "";
-    comments.forEach((comment) => {
-      html += renderCommentItemHtml(comment, taskId);
-    });
-    html += renderAddCommentFormHtml(taskId);
-    pane.innerHTML = html;
-    const paneEl = pane;
-    if (paneEl._commentActionHandler) {
-      paneEl.removeEventListener("click", paneEl._commentActionHandler);
-    }
-    paneEl._commentActionHandler = handleCommentAction;
-    paneEl.addEventListener("click", paneEl._commentActionHandler);
-  }
-  function openAddCommentForm() {
-    const trigger = document.getElementById("add-comment-trigger");
-    const form = document.getElementById("add-comment-form");
-    if (trigger) trigger.style.display = "none";
-    if (form) {
-      form.classList.add("open");
-      form.querySelector("textarea").focus();
-    }
-  }
-  function closeAddCommentForm() {
-    const trigger = document.getElementById("add-comment-trigger");
-    const form = document.getElementById("add-comment-form");
-    if (trigger) trigger.style.display = "";
-    if (form) {
-      form.classList.remove("open");
-      form.querySelector("textarea").value = "";
-    }
-  }
-  function startCommentEdit(commentId) {
-    const contentEl = document.getElementById("comment-content-" + commentId);
-    const editWrapper = document.getElementById("comment-edit-" + commentId);
-    if (contentEl) contentEl.style.display = "none";
-    if (editWrapper) editWrapper.style.display = "block";
-    const area = document.getElementById("comment-edit-area-" + commentId);
-    if (area) area.focus();
-  }
-  function cancelCommentEdit(commentId) {
-    const contentEl = document.getElementById("comment-content-" + commentId);
-    const editWrapper = document.getElementById("comment-edit-" + commentId);
-    if (contentEl) contentEl.style.display = "";
-    if (editWrapper) editWrapper.style.display = "none";
-  }
-  async function saveCommentEdit(commentId, taskId) {
-    const area = document.getElementById("comment-edit-area-" + commentId);
-    if (!area) return;
-    const content = area.value.trim();
-    if (!content) {
-      area.focus();
-      return;
-    }
-    try {
-      await patchComment(commentId, content);
-      await loadComments(taskId);
-    } catch {
-      showToast("Failed to update comment");
-    }
-  }
-  async function deleteComment(commentId, taskId) {
-    if (!confirm("Delete this comment?")) return;
-    try {
-      await deleteCommentRequest(commentId);
-      await loadComments(taskId);
-    } catch {
-      showToast("Failed to delete comment");
-    }
-  }
-  async function submitComment(taskId) {
-    const textarea = document.getElementById("add-comment-text");
-    if (!textarea) return;
-    const content = textarea.value.trim();
-    if (!content) {
-      textarea.focus();
-      return;
-    }
-    try {
-      await postComment(taskId, content);
-      await loadComments(taskId);
-    } catch {
-      showToast("Failed to add comment");
-    }
-  }
-  function dispatchCommentAction(action, commentId, taskId) {
-    switch (action) {
-      case "open-add-comment":
-        openAddCommentForm();
-        break;
-      case "close-add-comment":
-        closeAddCommentForm();
-        break;
-      case "start-comment-edit":
-        startCommentEdit(commentId);
-        break;
-      case "cancel-comment-edit":
-        cancelCommentEdit(commentId);
-        break;
-      case "save-comment-edit":
-        void saveCommentEdit(commentId, taskId);
-        break;
-      case "delete-comment":
-        void deleteComment(commentId, taskId);
-        break;
-      case "submit-comment":
-        void submitComment(taskId);
-        break;
-    }
-  }
-  function handleCommentAction(e) {
-    const target = e.target.closest("[data-action]");
-    if (!target) return;
-    const action = target.dataset.action ?? "";
-    const commentId = target.dataset.commentId ? Number(target.dataset.commentId) : NaN;
-    const taskId = target.dataset.taskId ? Number(target.dataset.taskId) : NaN;
-    dispatchCommentAction(action, commentId, taskId);
-  }
-  function buildRunLogsSignature(logs) {
-    return JSON.stringify(logs);
-  }
-  function renderRunLogsInPane(pane, logs) {
-    const nextSignature = buildRunLogsSignature(logs);
-    if (pane.dataset.runLogsSignature === nextSignature) return;
-    pane.dataset.runLogsSignature = nextSignature;
-    const bodyScrollState = /* @__PURE__ */ new Map();
-    const openLogIds = /* @__PURE__ */ new Set();
-    const hadPreviousItems = pane.querySelector(".run-log-item") !== null;
-    const paneScrollTop = pane.scrollTop;
-    const paneIsNearBottom = pane.scrollHeight - pane.scrollTop - pane.clientHeight <= 50;
-    pane.querySelectorAll(".run-log-item.open").forEach((item) => {
-      const logId = Number(item.dataset.logId);
-      if (!logId) return;
-      openLogIds.add(logId);
-      const body = item.querySelector(".run-log-body");
-      if (body) {
-        const isNearBottom = body.scrollHeight - body.scrollTop - body.clientHeight <= 50;
-        bodyScrollState.set(logId, { scrollTop: body.scrollTop, isNearBottom });
-      }
-    });
-    pane.innerHTML = renderRunLogsHtml(logs);
-    requestAnimationFrame(() => {
-      if (hadPreviousItems) {
-        pane.scrollTop = paneIsNearBottom ? pane.scrollHeight : paneScrollTop;
-      }
-      pane.querySelectorAll(".run-log-item").forEach((item) => {
-        const logId = Number(item.dataset.logId);
-        if (!logId) return;
-        const body = item.querySelector(".run-log-body");
-        if (!body) return;
-        if (hadPreviousItems) {
-          if (openLogIds.has(logId)) {
-            item.classList.add("open");
-            const state = bodyScrollState.get(logId);
-            if (state) {
-              body.scrollTop = state.isNearBottom ? body.scrollHeight : state.scrollTop;
-            } else {
-              body.scrollTop = body.scrollHeight;
-            }
-          } else {
-            item.classList.remove("open");
-          }
-        } else {
-          if (item.classList.contains("open")) {
-            body.scrollTop = body.scrollHeight;
-          }
-        }
-      });
-    });
-  }
-  function loadRunLogs(taskId) {
-    closeRunLogStream();
-    const seq = ++runLogLoadSeq;
-    const pane = document.getElementById("detail-tab-content-run-logs");
-    if (!pane) return;
-    runLogsLoadedTaskId = taskId;
-    if (pane.dataset.runLogsTaskId !== String(taskId)) {
-      pane.dataset.runLogsTaskId = String(taskId);
-      delete pane.dataset.runLogsSignature;
-    }
-    pane.removeEventListener("click", handleRunLogToggle);
-    pane.addEventListener("click", handleRunLogToggle);
-    runLogEventSource = subscribeRunLogs(
-      taskId,
-      (logs) => {
-        if (seq !== runLogLoadSeq) return;
-        if (detailTaskId !== taskId) {
-          closeRunLogStream();
-          return;
-        }
-        const p = document.getElementById("detail-tab-content-run-logs");
-        if (p) renderRunLogsInPane(p, logs);
-      },
-      () => {
-        if (seq !== runLogLoadSeq) return;
-        closeRunLogStream();
-      }
-    );
-  }
-  function handleRunLogToggle(e) {
-    const target = e.target.closest('[data-action="toggle-run-log"]');
-    if (!target) return;
-    const item = target.closest(".run-log-item");
-    if (item) item.classList.toggle("open");
-  }
-  function renderDetailPanel(data) {
-    document.getElementById("detail-panel-update-warning")?.remove();
-    const detailPanelTitle = document.getElementById("detail-panel-title");
-    const task = data.task;
-    const tags = data.tags || [];
-    detailTaskId = task.id;
-    detailPanelTitle.textContent = "#" + task.id;
-    const detailsPane = document.getElementById("detail-tab-content-details");
-    if (detailsPane) {
-      detailsPane.innerHTML = renderDetailPanelHtml(data);
-      detailsPane.style.padding = "20px";
-      detailsPane.querySelectorAll(".detail-relation-link[data-task-id]").forEach((el) => {
-        el.style.cursor = "pointer";
-        el.addEventListener("click", () => {
-          const tid = el.dataset.taskId;
-          if (tid) void openTaskDetail(tid);
-        });
-      });
-    }
-    const footer = document.getElementById("detail-panel-footer");
-    if (footer) {
-      footer.innerHTML = '<span class="detail-footer-timestamp">created ' + relativeTime(task.created_at) + " &middot; updated " + relativeTime(task.updated_at) + '</span><button id="detail-save-btn">Save</button>';
-      document.getElementById("detail-save-btn")?.addEventListener("click", saveDetailTask);
-    }
-    const textarea = document.getElementById("detail-edit-body");
-    if (textarea) {
-      const detailPanel = document.getElementById("detail-panel");
-      if (detailPanel && !detailPanel.classList.contains("open")) {
-        const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-        if (prefersReducedMotion) {
-          autoResizeTextarea(textarea);
-        } else {
-          let done = false;
-          const finish = () => {
-            if (done) return;
-            done = true;
-            detailPanel.removeEventListener("transitionend", onTransitionEnd);
-            requestAnimationFrame(() => {
-              requestAnimationFrame(() => {
-                autoResizeTextarea(textarea);
-              });
-            });
-          };
-          const onTransitionEnd = (e) => {
-            if (e.propertyName === "width") finish();
-          };
-          detailPanel.addEventListener("transitionend", onTransitionEnd);
-          setTimeout(finish, 260);
-        }
-      } else {
-        requestAnimationFrame(() => {
-          requestAnimationFrame(() => {
-            autoResizeTextarea(textarea);
-          });
-        });
-      }
-      textarea.addEventListener("input", () => {
-        autoResizeTextarea(textarea);
-      });
-    }
-    renderTagsSection([...tags]);
-    loadAllTags().catch((err) => {
-      console.error("[agkan] renderDetailPanel tags failed", err);
-    });
-    loadComments(task.id);
-    switchTab(lastTab);
-  }
-  async function openTaskDetail(taskId) {
-    const detailPanel = document.getElementById("detail-panel");
-    const PANEL_DEFAULT_WIDTH2 = 400;
-    setActiveCard(Number(taskId));
-    if (currentFetchController) {
-      currentFetchController.abort();
-    }
-    currentFetchController = new AbortController();
-    const { signal } = currentFetchController;
-    try {
-      const data = await fetchTaskDetail(taskId, signal);
-      currentFetchController = null;
-      renderDetailPanel(data);
-      if (!detailPanel.classList.contains("open")) {
-        const preferredWidth = detailPanel.dataset.preferredWidth || String(PANEL_DEFAULT_WIDTH2);
-        detailPanel.style.width = preferredWidth + "px";
-        detailPanel.classList.add("open");
-      }
-    } catch (err) {
-      if (err instanceof DOMException && err.name === "AbortError") return;
-      console.error("[agkan] openTaskDetail failed for task", taskId, err);
-      showToast("Failed to load task details");
-    }
-  }
-  function showUpdateWarning() {
-    const detailPanelBody = document.getElementById("detail-panel-body");
-    const warning = document.getElementById("detail-panel-update-warning");
-    if (!warning) {
-      const warningEl = document.createElement("div");
-      warningEl.id = "detail-panel-update-warning";
-      warningEl.style.cssText = "display: flex; align-items: center; gap: 8px; color: red; font-size: 0.85em; padding: 4px 8px; background: #fff0f0; border: 1px solid #ffcccc; border-radius: 4px; margin-bottom: 8px;";
-      const msgSpan = document.createElement("span");
-      msgSpan.style.cssText = "flex: 1;";
-      msgSpan.textContent = "This task has been updated in the database. Save or discard your changes to see the latest version.";
-      const reloadBtn = buildUpdateWarningReloadBtn();
-      warningEl.appendChild(msgSpan);
-      warningEl.appendChild(reloadBtn);
-      detailPanelBody.insertBefore(warningEl, detailPanelBody.firstChild);
-    }
-  }
-  function buildUpdateWarningReloadBtn() {
-    const reloadBtn = document.createElement("button");
-    reloadBtn.title = "Reload latest data";
-    reloadBtn.textContent = "\u21BA";
-    reloadBtn.style.cssText = "background: none; border: none; cursor: pointer; font-size: 1.5em; color: red; padding: 0 4px; line-height: 1; flex-shrink: 0;";
-    reloadBtn.addEventListener("click", async () => {
-      try {
-        if (detailTaskId !== null) {
-          const taskData = await fetchTaskDetail(detailTaskId);
-          renderDetailPanel(taskData);
-        }
-      } catch {
-      }
-    });
-    return reloadBtn;
-  }
-  function collectEditedTaskFields() {
-    const titleInput = document.getElementById("detail-edit-title");
-    const title = titleInput ? titleInput.value.trim() : "";
-    if (!title) {
-      if (titleInput) titleInput.focus();
-      return null;
-    }
-    const bodyEl = document.getElementById("detail-edit-body");
-    const statusEl = document.getElementById("detail-edit-status");
-    const priorityEl = document.getElementById("detail-edit-priority");
-    return {
-      title,
-      body: bodyEl ? bodyEl.value.trim() || null : null,
-      status: statusEl ? statusEl.value : void 0,
-      priority: priorityEl ? priorityEl.value || null : null
-    };
-  }
-  async function saveDetailTask() {
-    if (detailTaskId === null) return;
-    const fields = collectEditedTaskFields();
-    if (!fields) return;
-    try {
-      const data = await patchTask(detailTaskId, fields);
-      renderDetailPanel(data);
-      showToast("Task saved successfully");
-      refreshBoardCards();
-    } catch {
-      showToast("Failed to update task");
-    }
-  }
-  async function initPanelWidthFromConfig(detailPanel) {
-    const targetWidth = await fetchPanelWidthFromConfig();
-    detailPanel.dataset.preferredWidth = String(targetWidth);
-  }
-  function attachResizeMousedown(resizeHandle, detailPanel) {
-    resizeHandle.addEventListener("mousedown", function(e) {
-      e.preventDefault();
-      if (!detailPanel.classList.contains("open")) return;
-      const startX = e.clientX;
-      const startWidth = detailPanel.offsetWidth;
-      resizeHandle.classList.add("dragging");
-      document.body.style.userSelect = "none";
-      document.body.style.cursor = "col-resize";
-      detailPanel.style.transition = "none";
-      function onMouseMove(ev) {
-        const delta = startX - ev.clientX;
-        const newWidth = Math.min(PANEL_MAX_WIDTH, Math.max(PANEL_MIN_WIDTH, startWidth + delta));
-        detailPanel.style.width = newWidth + "px";
-      }
-      function onMouseUp() {
-        resizeHandle.classList.remove("dragging");
-        document.body.style.userSelect = "";
-        document.body.style.cursor = "";
-        detailPanel.style.transition = "";
-        const currentWidth = detailPanel.offsetWidth;
-        detailPanel.dataset.preferredWidth = String(currentWidth);
-        savePanelWidthToConfig(currentWidth);
-        document.removeEventListener("mousemove", onMouseMove);
-        document.removeEventListener("mouseup", onMouseUp);
-      }
-      document.addEventListener("mousemove", onMouseMove);
-      document.addEventListener("mouseup", onMouseUp);
-    });
-  }
-  function initPanelResize(detailPanel) {
-    const resizeHandle = document.getElementById("detail-panel-resize-handle");
-    initPanelWidthFromConfig(detailPanel);
-    attachResizeMousedown(resizeHandle, detailPanel);
-  }
-  function initDetailPanel() {
-    const boardContainer = document.querySelector(".board-container");
-    boardContainer.insertAdjacentHTML("beforeend", buildDetailPanelHtml());
-    const detailPanel = document.getElementById("detail-panel");
-    document.getElementById("detail-panel-close")?.addEventListener("click", closeDetailPanel);
-    document.getElementById("detail-panel-copy-id")?.addEventListener("click", () => {
-      if (detailTaskId === null) return;
-      navigator.clipboard.writeText(String(detailTaskId)).then(() => {
-        showToast("Copied task ID: " + detailTaskId);
-      });
-    });
-    document.addEventListener("keydown", (e) => {
-      if (e.key === "Escape" && detailPanel.classList.contains("open")) {
-        closeDetailPanel();
-      }
-    });
-    document.getElementById("detail-tabs")?.addEventListener("click", (e) => {
-      const btn = e.target.closest(".detail-tab");
-      if (!btn) return;
-      switchTab(btn.dataset.tab);
-    });
-    initPanelResize(detailPanel);
-    document.querySelectorAll(".card").forEach((card) => {
-      if (card.dataset.listenersAttached) return;
-      card.dataset.listenersAttached = "1";
-      card.addEventListener("click", async (e) => {
-        if (e.defaultPrevented) return;
-        await openTaskDetail(card.dataset.id);
-      });
-    });
-    registerDetailPanelCallbacks({
-      openTaskDetail,
-      renderDetailPanel,
-      showUpdateWarning,
-      getDetailTaskId,
-      getDetailActiveTab,
-      setActiveCard
-    });
-    registerGetDetailTaskId(getDetailTaskId);
-  }
-
-  // src/board/client/filters.ts
-  function isFiltersActive() {
-    return activeFilters.priorities.length > 0 || activeFilters.tagIds.length > 0 || activeFilters.assignee !== "" || activeFilters.searchText !== "";
-  }
-  function applyFilters() {
-    const clearBtn = document.getElementById("filter-clear");
-    if (clearBtn) {
-      if (isFiltersActive()) {
-        clearBtn.classList.add("visible");
-      } else {
-        clearBtn.classList.remove("visible");
-      }
-    }
-    refreshBoardCards();
-  }
-  function renderFilterTagPills() {
-    const container = document.getElementById("filter-tags-control");
-    if (!container) return;
-    container.querySelectorAll(".filter-tag-pill").forEach((p) => p.remove());
-    activeFilters.tagIds.forEach((tagId) => {
-      const tag = allAvailableTags.find((t) => t.id === tagId);
-      if (!tag) return;
-      const pill = document.createElement("span");
-      pill.className = "filter-tag-pill";
-      const label = document.createTextNode(tag.name);
-      const removeBtn = document.createElement("button");
-      removeBtn.className = "filter-tag-pill-remove";
-      removeBtn.title = "Remove tag filter";
-      removeBtn.innerHTML = "&times;";
-      removeBtn.addEventListener("click", () => {
-        const idx = activeFilters.tagIds.indexOf(tagId);
-        if (idx !== -1) activeFilters.tagIds.splice(idx, 1);
-        renderFilterTagPills();
-        applyFilters();
-      });
-      pill.appendChild(label);
-      pill.appendChild(removeBtn);
-      container.insertBefore(pill, container.querySelector(".filter-tag-dropdown-wrapper"));
-    });
-  }
-  function initFilterBar() {
-    document.querySelectorAll(".filter-priority-btn").forEach((btn) => {
-      btn.addEventListener("click", () => {
-        const priority = btn.dataset.priority;
-        const idx = activeFilters.priorities.indexOf(priority);
-        if (idx === -1) {
-          activeFilters.priorities.push(priority);
-          btn.classList.add("active");
-        } else {
-          activeFilters.priorities.splice(idx, 1);
-          btn.classList.remove("active");
-        }
-        applyFilters();
-      });
-    });
-    const searchInput = document.getElementById("filter-search");
-    let searchTimer = null;
-    if (searchInput) {
-      searchInput.addEventListener("input", () => {
-        if (searchTimer) clearTimeout(searchTimer);
-        searchTimer = setTimeout(() => {
-          activeFilters.searchText = searchInput.value.trim();
-          applyFilters();
-        }, 300);
-      });
-    }
-    const assigneeInput = document.getElementById("filter-assignee");
-    let assigneeTimer = null;
-    if (assigneeInput) {
-      assigneeInput.addEventListener("input", () => {
-        if (assigneeTimer) clearTimeout(assigneeTimer);
-        assigneeTimer = setTimeout(() => {
-          activeFilters.assignee = assigneeInput.value.trim();
-          applyFilters();
-        }, 300);
-      });
-    }
-    const clearBtn = document.getElementById("filter-clear");
-    if (clearBtn) {
-      clearBtn.addEventListener("click", () => {
-        activeFilters.tagIds = [];
-        activeFilters.priorities = [];
-        activeFilters.assignee = "";
-        activeFilters.searchText = "";
-        document.querySelectorAll(".filter-priority-btn").forEach((btn) => btn.classList.remove("active"));
-        if (searchInput) searchInput.value = "";
-        if (assigneeInput) assigneeInput.value = "";
-        renderFilterTagPills();
-        applyFilters();
-      });
-    }
-    const tagsControl = document.getElementById("filter-tags-control");
-    if (tagsControl) {
-      let renderTagDropdown2 = function() {
-        dropdown.innerHTML = "";
-        const available = allAvailableTags.filter((t) => !activeFilters.tagIds.includes(t.id));
-        if (available.length === 0) {
-          const empty = document.createElement("div");
-          empty.className = "filter-tag-dropdown-empty";
-          empty.textContent = "No tags available";
-          dropdown.appendChild(empty);
-        } else {
-          available.forEach((tag) => {
-            const opt = document.createElement("div");
-            opt.className = "filter-tag-dropdown-option";
-            opt.textContent = tag.name;
-            opt.addEventListener("mousedown", (e) => {
-              e.preventDefault();
-              activeFilters.tagIds.push(tag.id);
-              dropdown.classList.remove("open");
-              renderFilterTagPills();
-              applyFilters();
-            });
-            dropdown.appendChild(opt);
-          });
-        }
-      };
-      var renderTagDropdown = renderTagDropdown2;
-      const dropdownWrapper = document.createElement("div");
-      dropdownWrapper.className = "filter-tag-dropdown-wrapper";
-      const addBtn = document.createElement("button");
-      addBtn.className = "filter-tag-add-btn";
-      addBtn.textContent = "+ Tag";
-      const dropdown = document.createElement("div");
-      dropdown.className = "filter-tag-dropdown";
-      dropdownWrapper.appendChild(addBtn);
-      dropdownWrapper.appendChild(dropdown);
-      tagsControl.appendChild(dropdownWrapper);
-      addBtn.addEventListener("click", () => {
-        if (dropdown.classList.contains("open")) {
-          dropdown.classList.remove("open");
-        } else {
-          renderTagDropdown2();
-          const rect = addBtn.getBoundingClientRect();
-          dropdown.style.top = rect.bottom + 2 + "px";
-          dropdown.style.left = rect.left + "px";
-          dropdown.classList.add("open");
-        }
-      });
-      document.addEventListener("click", (e) => {
-        if (!dropdownWrapper.contains(e.target)) {
-          dropdown.classList.remove("open");
-        }
-      });
-    }
-  }
-  function initFilters() {
-    loadAllTags().then(() => {
-      initFilterBar();
-    });
-  }
-
-  // src/board/client/darkMode.ts
-  function applyTheme(preference) {
-    if (preference === "dark") {
-      document.documentElement.setAttribute("data-theme", "dark");
-    } else if (preference === "light") {
-      document.documentElement.setAttribute("data-theme", "light");
-    } else {
-      document.documentElement.removeAttribute("data-theme");
-    }
-  }
-  async function persistThemeToServer(theme) {
-    try {
-      await fetch("/api/config", {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ board: { theme } })
-      });
-    } catch {
-    }
-  }
-  function getActivePreference() {
-    const ssrTheme = document.documentElement.getAttribute("data-theme");
-    if (ssrTheme === "dark" || ssrTheme === "light") return ssrTheme;
-    return "system";
-  }
-  function updateCheckmarks(active) {
-    const items = {
-      dark: "burger-theme-dark",
-      light: "burger-theme-light",
-      system: "burger-theme-system"
-    };
-    for (const [pref, id] of Object.entries(items)) {
-      const el = document.getElementById(id);
-      if (!el) continue;
-      if (pref === active) {
-        if (!el.textContent?.startsWith("\u2713 ")) {
-          el.textContent = "\u2713 " + el.textContent?.replace(/^\u2713 /, "");
-        }
-      } else {
-        el.textContent = el.textContent?.replace(/^\u2713 /, "") ?? el.textContent;
-      }
-    }
-  }
-  function initDarkMode() {
-    const activePreference = getActivePreference();
-    updateCheckmarks(activePreference);
-    document.getElementById("burger-theme-dark")?.addEventListener("click", () => {
-      applyTheme("dark");
-      updateCheckmarks("dark");
-      void persistThemeToServer("dark");
-    });
-    document.getElementById("burger-theme-light")?.addEventListener("click", () => {
-      applyTheme("light");
-      updateCheckmarks("light");
-      void persistThemeToServer("light");
-    });
-    document.getElementById("burger-theme-system")?.addEventListener("click", () => {
-      applyTheme("system");
-      updateCheckmarks("system");
-      void persistThemeToServer("system");
-    });
-  }
-
-  // src/board/client/burgerMenu.ts
-  function initBurgerToggle(burgerBtn, burgerDropdown) {
-    burgerBtn.addEventListener("click", (e) => {
-      e.stopPropagation();
-      burgerDropdown.classList.toggle("open");
-    });
-    document.addEventListener("click", (e) => {
-      if (!burgerDropdown.contains(e.target) && e.target !== burgerBtn) {
-        burgerDropdown.classList.remove("open");
-      }
-    });
-  }
-  async function executePurge(purgeResultEl) {
-    try {
-      const res = await fetch("/api/tasks/purge", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({})
-      });
-      if (res.ok) {
-        await refreshBoardCards();
-      } else {
-        purgeResultEl.textContent = "Failed to purge tasks. Please try again.";
-        purgeResultEl.style.color = "#dc2626";
-      }
-    } catch {
-      purgeResultEl.textContent = "Failed to purge tasks. Network error.";
-      purgeResultEl.style.color = "#dc2626";
-    }
-  }
-  async function executeArchive(archiveResultEl) {
-    try {
-      const res = await fetch("/api/tasks/archive", {
-        method: "POST",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({})
-      });
-      if (res.ok) {
-        const data = await res.json();
-        await refreshBoardCards();
-        return data;
-      } else {
-        archiveResultEl.textContent = "Failed to archive tasks. Please try again.";
-        archiveResultEl.style.color = "#dc2626";
-      }
-    } catch {
-      archiveResultEl.textContent = "Failed to archive tasks. Network error.";
-      archiveResultEl.style.color = "#dc2626";
-    }
-    return null;
-  }
-  function initPurgeModal(burgerDropdown) {
-    const purgeModal = document.getElementById("purge-confirm-modal");
-    const purgeConfirmBtn = document.getElementById("purge-confirm-btn");
-    const purgeCancelBtn = document.getElementById("purge-cancel-btn");
-    const purgeResultEl = document.getElementById("purge-result");
-    document.getElementById("burger-purge-tasks")?.addEventListener("click", () => {
-      burgerDropdown.classList.remove("open");
-      purgeResultEl.textContent = "";
-      purgeModal.classList.add("show");
-    });
-    purgeCancelBtn.addEventListener("click", () => {
-      purgeModal.classList.remove("show");
-    });
-    purgeConfirmBtn.addEventListener("click", () => {
-      purgeModal.classList.remove("show");
-      void executePurge(purgeResultEl);
-    });
-  }
-  function initArchiveModal(burgerDropdown) {
-    const archiveModal = document.getElementById("archive-confirm-modal");
-    const archiveConfirmBtn = document.getElementById("archive-confirm-btn");
-    const archiveCancelBtn = document.getElementById("archive-cancel-btn");
-    const archiveResultEl = document.getElementById("archive-result");
-    if (!archiveModal || !archiveConfirmBtn || !archiveCancelBtn || !archiveResultEl) {
-      return;
-    }
-    const safeArchiveModal = archiveModal;
-    const safeArchiveResultEl = archiveResultEl;
-    document.getElementById("burger-archive-tasks")?.addEventListener("click", () => {
-      burgerDropdown.classList.remove("open");
-      safeArchiveResultEl.textContent = "";
-      safeArchiveModal.classList.add("show");
-    });
-    archiveCancelBtn.addEventListener("click", () => {
-      safeArchiveModal.classList.remove("show");
-    });
-    archiveConfirmBtn.addEventListener("click", async () => {
-      const result = await executeArchive(safeArchiveResultEl);
-      if (result !== null) {
-        safeArchiveModal.classList.remove("show");
-      }
-    });
-  }
-  function initVersionModal(burgerDropdown) {
-    const versionModal = document.getElementById("version-info-modal");
-    const versionCloseBtn = document.getElementById("version-info-close");
-    const versionTextEl = document.getElementById("version-info-text");
-    document.getElementById("burger-version-info")?.addEventListener("click", async () => {
-      burgerDropdown.classList.remove("open");
-      versionTextEl.textContent = "Loading...";
-      versionModal.classList.add("show");
-      try {
-        const res = await fetch("/api/version");
-        const data = await res.json();
-        versionTextEl.textContent = "agkan v" + data.version;
-      } catch {
-        versionTextEl.textContent = "Failed to load version.";
-      }
-    });
-    versionCloseBtn.addEventListener("click", () => {
-      versionModal.classList.remove("show");
-    });
-  }
-  function initExportModal(burgerDropdown) {
-    document.getElementById("burger-export-tasks")?.addEventListener("click", () => {
-      burgerDropdown.classList.remove("open");
-      const a = document.createElement("a");
-      a.href = "/api/export";
-      a.download = "";
-      document.body.appendChild(a);
-      a.click();
-      document.body.removeChild(a);
-    });
-  }
-  function initImportModal(burgerDropdown) {
-    const importModal = document.getElementById("import-modal");
-    const importCancelBtn = document.getElementById("import-cancel-btn");
-    const importConfirmBtn = document.getElementById("import-confirm-btn");
-    const importResultEl = document.getElementById("import-result");
-    const importDropZone = document.getElementById("import-drop-zone");
-    const importFileInput = document.getElementById("import-file-input");
-    if (!importModal || !importCancelBtn || !importConfirmBtn || !importResultEl || !importDropZone || !importFileInput) {
-      return;
-    }
-    const safeImportModal = importModal;
-    const safeImportCancelBtn = importCancelBtn;
-    const safeImportConfirmBtn = importConfirmBtn;
-    const safeImportResultEl = importResultEl;
-    const safeImportDropZone = importDropZone;
-    const safeImportFileInput = importFileInput;
-    let selectedFile = null;
-    function setFile(file) {
-      selectedFile = file;
-      safeImportResultEl.textContent = `Selected: ${file.name}`;
-      safeImportResultEl.style.color = "#64748b";
-      safeImportConfirmBtn.disabled = false;
-    }
-    document.getElementById("burger-import-tasks")?.addEventListener("click", () => {
-      burgerDropdown.classList.remove("open");
-      selectedFile = null;
-      safeImportResultEl.textContent = "";
-      safeImportConfirmBtn.disabled = true;
-      safeImportFileInput.value = "";
-      safeImportModal.classList.add("show");
-    });
-    safeImportCancelBtn.addEventListener("click", () => {
-      safeImportModal.classList.remove("show");
-    });
-    safeImportFileInput.addEventListener("change", () => {
-      const file = safeImportFileInput.files?.[0];
-      if (file) setFile(file);
-    });
-    safeImportDropZone.addEventListener("dragover", (e) => {
-      e.preventDefault();
-      safeImportDropZone.style.borderColor = "#3b82f6";
-    });
-    safeImportDropZone.addEventListener("dragleave", () => {
-      safeImportDropZone.style.borderColor = "#94a3b8";
-    });
-    safeImportDropZone.addEventListener("drop", (e) => {
-      e.preventDefault();
-      safeImportDropZone.style.borderColor = "#94a3b8";
-      const file = e.dataTransfer?.files?.[0];
-      if (file) setFile(file);
-    });
-    safeImportConfirmBtn.addEventListener("click", async () => {
-      if (!selectedFile) return;
-      safeImportConfirmBtn.disabled = true;
-      safeImportConfirmBtn.textContent = "Importing...";
-      try {
-        const text = await selectedFile.text();
-        const data = JSON.parse(text);
-        const res = await fetch("/api/import", {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(data)
-        });
-        const result = await res.json();
-        if (res.ok) {
-          safeImportResultEl.textContent = `Imported ${result.importedCount} task(s) successfully.`;
-          safeImportResultEl.style.color = "#16a34a";
-          setTimeout(() => {
-            safeImportModal.classList.remove("show");
-            location.reload();
-          }, 1500);
-        } else {
-          safeImportResultEl.textContent = "Error: " + (result.error || "Unknown error");
-          safeImportResultEl.style.color = "#dc2626";
-        }
-      } catch {
-        safeImportResultEl.textContent = "Failed to import tasks. Invalid JSON file.";
-        safeImportResultEl.style.color = "#dc2626";
-      } finally {
-        safeImportConfirmBtn.disabled = false;
-        safeImportConfirmBtn.textContent = "Import";
-      }
-    });
-  }
-  function initBurgerMenu() {
-    const burgerBtn = document.getElementById("burger-menu-btn");
-    const burgerDropdown = document.getElementById("burger-menu-dropdown");
-    initBurgerToggle(burgerBtn, burgerDropdown);
-    initPurgeModal(burgerDropdown);
-    initArchiveModal(burgerDropdown);
-    initExportModal(burgerDropdown);
-    initImportModal(burgerDropdown);
-    initVersionModal(burgerDropdown);
-    initDarkMode();
-  }
-
-  // src/board/client/dependencyVisualization.ts
-  var isDependencyVisible = false;
-  var arrowMarkers = /* @__PURE__ */ new Map();
-  var scrollListener = null;
-  var columnScrollListener = null;
-  var resizeListener = null;
-  function getOrCreateArrowMarker(svg, color) {
-    const markerId = `arrow-${color.substring(1)}`;
-    if (!arrowMarkers.has(markerId)) {
-      const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
-      const marker = document.createElementNS("http://www.w3.org/2000/svg", "marker");
-      marker.setAttribute("id", markerId);
-      marker.setAttribute("markerWidth", "10");
-      marker.setAttribute("markerHeight", "10");
-      marker.setAttribute("refX", "8");
-      marker.setAttribute("refY", "3");
-      marker.setAttribute("orient", "auto");
-      marker.setAttribute("markerUnits", "strokeWidth");
-      const polygon = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
-      polygon.setAttribute("points", "0 0, 10 3, 0 6");
-      polygon.setAttribute("fill", color);
-      marker.appendChild(polygon);
-      defs.appendChild(marker);
-      svg.appendChild(defs);
-      arrowMarkers.set(markerId, { svg });
-    }
-    return markerId;
-  }
-  function drawBezierLine(svg, x1, y1, x2, y2, color, isHovered) {
-    const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
-    const dx = Math.abs(x2 - x1);
-    const isSameSide = dx < 10;
-    let cp1x;
-    let cp2x;
-    if (isSameSide) {
-      const cpOffset = 80;
-      cp1x = x1 + cpOffset;
-      cp2x = x2 + cpOffset;
-    } else {
-      const cpOffset = Math.max(dx * 0.5, 60);
-      cp1x = x1 < x2 ? x1 + cpOffset : x1 - cpOffset;
-      cp2x = x1 < x2 ? x2 - cpOffset : x2 + cpOffset;
-    }
-    const pathData = `M ${x1} ${y1} C ${cp1x} ${y1}, ${cp2x} ${y2}, ${x2} ${y2}`;
-    path.setAttribute("d", pathData);
-    path.setAttribute("stroke", color);
-    path.setAttribute("stroke-width", isHovered ? "2.5" : "1.5");
-    path.setAttribute("fill", "none");
-    path.setAttribute("stroke-linecap", "round");
-    path.setAttribute("marker-end", `url(#${getOrCreateArrowMarker(svg, color)})`);
-    path.setAttribute("class", "dependency-line");
-    return path;
-  }
-  function getCardRect(card) {
-    if (card === draggedCard) {
-      return getDraggedCardVirtualRect() ?? card.getBoundingClientRect();
-    }
-    return card.getBoundingClientRect();
-  }
-  function getCardEdgePoints(fromCard, toCard, boardRect) {
-    const fromRect = getCardRect(fromCard);
-    const toRect = getCardRect(toCard);
-    const fromCenterX = fromRect.left + fromRect.width / 2;
-    const toCenterX = toRect.left + toRect.width / 2;
-    const columnThreshold = 50;
-    let fromX;
-    let toX;
-    if (Math.abs(fromCenterX - toCenterX) < columnThreshold) {
-      fromX = fromRect.right - boardRect.left;
-      toX = toRect.right - boardRect.left;
-    } else if (fromCenterX <= toCenterX) {
-      fromX = fromRect.right - boardRect.left;
-      toX = toRect.left - boardRect.left;
-    } else {
-      fromX = fromRect.left - boardRect.left;
-      toX = toRect.right - boardRect.left;
-    }
-    return {
-      x1: fromX,
-      y1: fromRect.top - boardRect.top + fromRect.height / 2,
-      x2: toX,
-      y2: toRect.top - boardRect.top + toRect.height / 2
-    };
-  }
-  function createSVGOverlay() {
-    const boardContainer = document.querySelector(".board-container");
-    const existing = boardContainer.querySelector("#dependency-svg");
-    if (existing) {
-      existing.remove();
-    }
-    arrowMarkers.clear();
-    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    svg.setAttribute("id", "dependency-svg");
-    svg.setAttribute("width", "100%");
-    svg.setAttribute("height", "100%");
-    svg.setAttribute("viewBox", `0 0 ${boardContainer.offsetWidth} ${boardContainer.offsetHeight}`);
-    svg.style.position = "absolute";
-    svg.style.top = "0";
-    svg.style.left = "0";
-    svg.style.pointerEvents = "none";
-    svg.style.zIndex = "5";
-    boardContainer.style.position = "relative";
-    boardContainer.appendChild(svg);
-    return svg;
-  }
-  function redrawDependencies() {
-    if (!isDependencyVisible) return;
-    const svg = createSVGOverlay();
-    const boardContainer = document.querySelector(".board-container");
-    svg.querySelectorAll(".dependency-line").forEach((line) => line.remove());
-    const cards = Array.from(document.querySelectorAll(".card"));
-    const cardMap = /* @__PURE__ */ new Map();
-    cards.forEach((card) => {
-      const id = Number(card.getAttribute("data-id"));
-      cardMap.set(id, card);
-    });
-    const hoveredCard = document.querySelector(".card:hover");
-    const hoveredCardId = hoveredCard ? Number(hoveredCard.getAttribute("data-id")) : null;
-    const hoveredBlockedBySet = /* @__PURE__ */ new Set();
-    const hoveredBlockingSet = /* @__PURE__ */ new Set();
-    if (hoveredCardId) {
-      const hoveredElement = cardMap.get(hoveredCardId);
-      if (hoveredElement) {
-        const blockedBy = hoveredElement.getAttribute("data-blocked-by");
-        const blocking = hoveredElement.getAttribute("data-blocking");
-        if (blockedBy) {
-          blockedBy.split(",").forEach((id) => {
-            const numId = Number(id.trim());
-            if (!isNaN(numId)) hoveredBlockedBySet.add(numId);
-          });
-        }
-        if (blocking) {
-          blocking.split(",").forEach((id) => {
-            const numId = Number(id.trim());
-            if (!isNaN(numId)) hoveredBlockingSet.add(numId);
-          });
-        }
-      }
-    }
-    const boardRect = boardContainer.getBoundingClientRect();
-    cards.forEach((card) => {
-      const cardId = Number(card.getAttribute("data-id"));
-      const blockedByStr = card.getAttribute("data-blocked-by");
-      const blockingStr = card.getAttribute("data-blocking");
-      if (!blockedByStr && !blockingStr) return;
-      const isHovered = cardId === hoveredCardId || hoveredBlockedBySet.has(cardId) || hoveredBlockingSet.has(cardId);
-      if (blockingStr) {
-        const blockingIds = blockingStr.split(",").map((s) => Number(s.trim()));
-        blockingIds.forEach((blockedId) => {
-          const blockedCard = cardMap.get(blockedId);
-          if (blockedCard) {
-            const { x1, y1, x2, y2 } = getCardEdgePoints(card, blockedCard, boardRect);
-            const color = isHovered || hoveredBlockedBySet.has(blockedId) ? "#ef4444" : "#cbd5e1";
-            const line = drawBezierLine(svg, x1, y1, x2, y2, color, isHovered);
-            svg.appendChild(line);
-          }
-        });
-      }
-    });
-    svg.setAttribute("viewBox", `0 0 ${boardContainer.offsetWidth} ${boardContainer.offsetHeight}`);
-  }
-  function handleCardHoverEvents() {
-    const cards = document.querySelectorAll(".card");
-    cards.forEach((card) => {
-      card.addEventListener("mouseenter", () => {
-        redrawDependencies();
-      });
-      card.addEventListener("mouseleave", () => {
-        redrawDependencies();
-      });
-    });
-  }
-  function initDependencyVisualization() {
-    const toggleBtn = document.getElementById("dependency-toggle");
-    if (!toggleBtn) return;
-    const redrawIfVisible = () => {
-      if (isDependencyVisible) {
-        handleCardHoverEvents();
-        redrawDependencies();
-      }
-    };
-    registerDependencyRedrawCallback2(redrawIfVisible);
-    registerDependencyRedrawCallback(redrawIfVisible);
-    toggleBtn.addEventListener("click", () => {
-      isDependencyVisible = !isDependencyVisible;
-      if (isDependencyVisible) {
-        toggleBtn.classList.add("active");
-        redrawDependencies();
-        handleCardHoverEvents();
-        const board = document.querySelector(".board");
-        const boardContainer = document.querySelector(".board-container");
-        if (board) {
-          scrollListener = () => redrawDependencies();
-          board.addEventListener("scroll", scrollListener, { passive: true });
-        }
-        columnScrollListener = () => redrawDependencies();
-        document.querySelectorAll(".column-body").forEach((col) => {
-          col.addEventListener("scroll", columnScrollListener, { passive: true });
-        });
-        if (boardContainer) {
-          resizeListener = () => redrawDependencies();
-          window.addEventListener("resize", resizeListener, { passive: true });
-        }
-      } else {
-        toggleBtn.classList.remove("active");
-        const svg = document.querySelector("#dependency-svg");
-        if (svg) svg.remove();
-        const board = document.querySelector(".board");
-        if (board && scrollListener) {
-          board.removeEventListener("scroll", scrollListener);
-          scrollListener = null;
-        }
-        if (columnScrollListener) {
-          document.querySelectorAll(".column-body").forEach((col) => {
-            col.removeEventListener("scroll", columnScrollListener);
-          });
-          columnScrollListener = null;
-        }
-        if (resizeListener) {
-          window.removeEventListener("resize", resizeListener);
-          resizeListener = null;
-        }
-      }
-    });
-  }
-
-  // src/board/client/claudeStreamModal.ts
-  var _currentEventSource = null;
-  var _currentTaskId = null;
-  var _claudeButtonUpdateCallback = null;
-  function registerClaudeButtonUpdateCallback(cb) {
-    _claudeButtonUpdateCallback = cb;
-  }
-  function stripAnsi(text) {
-    return text.replace(/\x1b\[[0-9;]*m/g, "");
-  }
-  function getModalElements() {
-    return {
-      overlay: document.getElementById("claude-stream-modal"),
-      title: document.getElementById("claude-stream-modal-title"),
-      log: document.getElementById("claude-stream-log"),
-      status: document.getElementById("claude-stream-status"),
-      stopBtn: document.getElementById("claude-stream-stop-btn"),
-      closeBtn: document.getElementById("claude-stream-close-btn"),
-      modalClose: document.getElementById("claude-stream-modal-close")
-    };
-  }
-  function isAutoScrollEnabled(log) {
-    const threshold = 50;
-    return log.scrollHeight - log.scrollTop - log.clientHeight <= threshold;
-  }
-  function appendToLog(log, text, className) {
-    const shouldScroll = isAutoScrollEnabled(log);
-    const line = document.createElement("div");
-    line.textContent = text;
-    if (className) {
-      line.className = className;
-    }
-    log.appendChild(line);
-    if (shouldScroll) {
-      log.scrollTop = log.scrollHeight;
-    }
-  }
-  function closeEventSource() {
-    if (_currentEventSource) {
-      _currentEventSource.close();
-      _currentEventSource = null;
-    }
-  }
-  function closeClaudeStreamModal() {
-    closeEventSource();
-    const { overlay } = getModalElements();
-    overlay?.classList.remove("show");
-  }
-  function openClaudeStreamModal(taskId) {
-    closeEventSource();
-    _currentTaskId = taskId;
-    const { overlay, title, log, status, stopBtn } = getModalElements();
-    if (!overlay || !title || !log || !status || !stopBtn) return;
-    title.textContent = `Claude Output #${taskId}`;
-    log.innerHTML = "";
-    status.textContent = "Connecting...";
-    stopBtn.disabled = false;
-    stopBtn.textContent = "Stop";
-    overlay.classList.add("show");
-    const es = new EventSource(`/api/claude/tasks/${taskId}/stream`);
-    _currentEventSource = es;
-    es.onopen = () => {
-      if (_currentEventSource === es) {
-        status.textContent = "Running";
-      }
-    };
-    es.addEventListener("text", (event) => {
-      const msgEvent = event;
-      try {
-        const data = JSON.parse(msgEvent.data);
-        appendToLog(log, stripAnsi(data.text));
-      } catch {
-      }
-    });
-    es.addEventListener("tool_use", (event) => {
-      const msgEvent = event;
-      try {
-        const data = JSON.parse(msgEvent.data);
-        const mainArg = data.input?.path ?? data.input?.command ?? "";
-        const displayText = mainArg ? `\u{1F527} ${data.name}: ${mainArg}` : `\u{1F527} ${data.name}`;
-        appendToLog(log, displayText, "claude-stream-tool-use");
-      } catch {
-      }
-    });
-    es.addEventListener("end", (event) => {
-      const msgEvent = event;
-      try {
-        const data = JSON.parse(msgEvent.data);
-        status.textContent = `Done (exit ${data.exitCode})`;
-      } catch {
-        status.textContent = "Done";
-      }
-      closeEventSource();
-      stopBtn.disabled = true;
-    });
-    es.addEventListener("error", (event) => {
-      const msgEvent = event;
-      try {
-        const data = JSON.parse(msgEvent.data);
-        status.textContent = `Error: ${data.message}`;
-      } catch {
-        status.textContent = "Error";
-      }
-      closeEventSource();
-      stopBtn.disabled = true;
-    });
-    es.onerror = () => {
-      if (_currentEventSource === es) {
-        closeEventSource();
-        status.textContent = "Disconnected";
-        stopBtn.disabled = true;
-      }
-    };
-  }
-  async function handleStop() {
-    if (_currentTaskId === null) return;
-    const { stopBtn, status } = getModalElements();
-    if (!stopBtn || !status) return;
-    const taskId = _currentTaskId;
-    closeEventSource();
-    stopBtn.disabled = true;
-    stopBtn.textContent = "Stopping...";
-    try {
-      await fetch(`/api/claude/tasks/${taskId}/run`, { method: "DELETE" });
-    } catch {
-    }
-    stopBtn.textContent = "Stopped";
-    status.textContent = "Stopped";
-    if (_claudeButtonUpdateCallback) {
-      _claudeButtonUpdateCallback();
-    }
-  }
-  function initClaudeStreamModal() {
-    const { overlay, stopBtn, closeBtn, modalClose } = getModalElements();
-    modalClose?.addEventListener("click", () => {
-      closeClaudeStreamModal();
-    });
-    closeBtn?.addEventListener("click", () => {
-      closeClaudeStreamModal();
-    });
-    stopBtn?.addEventListener("click", () => {
-      void handleStop();
-    });
-    overlay?.addEventListener("click", (e) => {
-      if (e.target === overlay) {
-        closeClaudeStreamModal();
-      }
-    });
-    document.addEventListener("keydown", (e) => {
-      if (e.key === "Escape" && overlay?.classList.contains("show")) {
-        closeClaudeStreamModal();
-      }
-    });
-  }
-
-  // src/board/client/main.ts
-  initDragDrop();
-  initAutoScroll();
-  initAddTaskModal();
-  initContextMenu();
-  initDetailPanel();
-  initBoardPolling();
-  initFilters();
-  initBurgerMenu();
-  initDependencyVisualization();
-  initClaudeButton();
-  initClaudeStreamModal();
-  registerClaudeModalCallback(openClaudeStreamModal);
-  registerClaudeButtonUpdateCallback(() => {
-    updateButtonStates(/* @__PURE__ */ new Set());
-  });
-})();