agkan 2.14.0 → 2.14.3

package/dist/board/client/board.js

@@ -764,6 +764,221 @@
     });
   }
 
+  // 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) {
+    const res = await fetch("/api/tasks/" + taskId);
+    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 syncTimestampAfterSave() {
+    try {
+      const tsRes = await fetch("/api/board/updated-at");
+      if (tsRes.ok) {
+        const tsData = await tsRes.json();
+        setLastUpdatedAt(tsData.updatedAt);
+      }
+    } catch {
+    }
+  }
+  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() {
+    });
+  }
+
+  // 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">#' + 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">#' + 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">#' + t.id + "</span>";
+      });
+      html += "</div></div>";
+    }
+    html += "</div>";
+    return html;
+  }
+  function renderMetadataTable(metadata) {
+    const otherMeta = metadata.filter((m) => m.key !== "priority");
+    if (otherMeta.length === 0) return "";
+    let html = '<div class="detail-field"><div class="detail-field-label">Metadata</div>';
+    html += '<table class="detail-meta-table">';
+    otherMeta.forEach((m) => {
+      html += "<tr><td>" + escapeHtmlClient(m.key) + "</td><td>" + escapeHtmlClient(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 win = window;
+    const allStatuses = win.allStatuses;
+    const statusLabels = win.statusLabels;
+    const allPriorities = win.allPriorities;
+    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 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-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></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><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";
@@ -802,10 +1017,7 @@
     const pane = document.getElementById("detail-tab-content-comments");
     if (!pane) return;
     try {
-      const res = await fetch("/api/tasks/" + taskId + "/comments");
-      if (!res.ok) throw new Error("Server error");
-      const data = await res.json();
-      const comments = data.comments || [];
+      const comments = await fetchComments(taskId);
       if (tabBtn) tabBtn.textContent = "Comments (" + comments.length + ")";
       renderComments(taskId, comments);
     } catch (err) {
@@ -813,38 +1025,6 @@
       if (pane) pane.innerHTML = '<div style="padding:20px;font-size:12px;color:#94a3b8;">Failed to load comments</div>';
     }
   }
-  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 renderComments(taskId, comments) {
     const pane = document.getElementById("detail-tab-content-comments");
     if (!pane) return;
@@ -903,12 +1083,7 @@
       return;
     }
     try {
-      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");
+      await patchComment(commentId, content);
       await loadComments(taskId);
     } catch {
       showToast("Failed to update comment");
@@ -917,8 +1092,7 @@
   async function deleteComment(commentId, taskId) {
     if (!confirm("Delete this comment?")) return;
     try {
-      const res = await fetch("/api/comments/" + commentId, { method: "DELETE" });
-      if (!res.ok) throw new Error("Server error");
+      await deleteCommentRequest(commentId);
       await loadComments(taskId);
     } catch {
       showToast("Failed to delete comment");
@@ -933,12 +1107,7 @@
       return;
     }
     try {
-      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");
+      await postComment(taskId, content);
       await loadComments(taskId);
     } catch {
       showToast("Failed to add comment");
@@ -977,103 +1146,6 @@
     const taskId = target.dataset.taskId ? Number(target.dataset.taskId) : NaN;
     dispatchCommentAction(action, commentId, taskId);
   }
-  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">#' + 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">#' + 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">#' + t.id + "</span>";
-      });
-      html += "</div></div>";
-    }
-    html += "</div>";
-    return html;
-  }
-  function autoResizeTextarea(el) {
-    el.style.height = "auto";
-    el.style.height = el.scrollHeight + "px";
-  }
-  function renderMetadataTable(metadata) {
-    const otherMeta = metadata.filter((m) => m.key !== "priority");
-    if (otherMeta.length === 0) return "";
-    let html = '<div class="detail-field"><div class="detail-field-label">Metadata</div>';
-    html += '<table class="detail-meta-table">';
-    otherMeta.forEach((m) => {
-      html += "<tr><td>" + escapeHtmlClient(m.key) + "</td><td>" + escapeHtmlClient(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 win = window;
-    const allStatuses = win.allStatuses;
-    const statusLabels = win.statusLabels;
-    const allPriorities = win.allPriorities;
-    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 renderDetailPanel(data) {
     document.getElementById("detail-panel-update-warning")?.remove();
     const detailPanelTitle = document.getElementById("detail-panel-title");
@@ -1093,12 +1165,15 @@
     }
     const textarea = document.getElementById("detail-edit-body");
     if (textarea) {
-      autoResizeTextarea(textarea);
+      requestAnimationFrame(() => {
+        autoResizeTextarea(textarea);
+      });
       textarea.addEventListener("input", () => {
         autoResizeTextarea(textarea);
       });
     }
-    loadAllTags().then(() => renderTagsSection([...tags])).catch((err) => {
+    renderTagsSection([...tags]);
+    loadAllTags().catch((err) => {
       console.error("[agkan] renderDetailPanel tags failed", err);
     });
     loadComments(task.id);
@@ -1108,9 +1183,7 @@
     const detailPanel = document.getElementById("detail-panel");
     const PANEL_DEFAULT_WIDTH2 = 400;
     try {
-      const res = await fetch("/api/tasks/" + taskId);
-      if (!res.ok) throw new Error("Server error");
-      const data = await res.json();
+      const data = await fetchTaskDetail(taskId);
       renderDetailPanel(data);
       setActiveCard(Number(taskId));
       if (!detailPanel.classList.contains("open")) {
@@ -1146,9 +1219,8 @@
     reloadBtn.style.cssText = "background: none; border: none; cursor: pointer; font-size: 1.1em; color: red; padding: 0 2px; line-height: 1; flex-shrink: 0;";
     reloadBtn.addEventListener("click", async () => {
       try {
-        const taskRes = await fetch("/api/tasks/" + detailTaskId);
-        if (taskRes.ok) {
-          const taskData = await taskRes.json();
+        if (detailTaskId !== null) {
+          const taskData = await fetchTaskDetail(detailTaskId);
           renderDetailPanel(taskData);
         }
       } catch {
@@ -1173,24 +1245,13 @@
       priority: priorityEl ? priorityEl.value || null : null
     };
   }
-  async function patchAndReloadDetail(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");
-    const getRes = await fetch("/api/tasks/" + taskId);
-    if (!getRes.ok) throw new Error("Failed to fetch updated task");
-    const data = await getRes.json();
-    renderDetailPanel(data);
-  }
   async function saveDetailTask() {
     if (detailTaskId === null) return;
     const fields = collectEditedTaskFields();
     if (!fields) return;
     try {
-      await patchAndReloadDetail(detailTaskId, fields);
+      const data = await patchTask(detailTaskId, fields);
+      renderDetailPanel(data);
       showToast("Task saved successfully");
       await syncTimestampAfterSave();
       refreshBoardCards();
@@ -1198,32 +1259,8 @@
       showToast("Failed to update task");
     }
   }
-  async function syncTimestampAfterSave() {
-    try {
-      const tsRes = await fetch("/api/board/updated-at");
-      if (tsRes.ok) {
-        const tsData = await tsRes.json();
-        setLastUpdatedAt(tsData.updatedAt);
-      }
-    } catch {
-    }
-  }
-  var PANEL_MIN_WIDTH = 280;
-  var PANEL_MAX_WIDTH = 800;
-  var PANEL_DEFAULT_WIDTH = 400;
   async function initPanelWidthFromConfig(detailPanel) {
-    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 {
-    }
+    const targetWidth = await fetchPanelWidthFromConfig();
     detailPanel.dataset.preferredWidth = String(targetWidth);
   }
   function attachResizeMousedown(resizeHandle, detailPanel) {
@@ -1248,12 +1285,7 @@
         detailPanel.style.transition = "";
         const currentWidth = detailPanel.offsetWidth;
         detailPanel.dataset.preferredWidth = String(currentWidth);
-        fetch("/api/config", {
-          method: "PUT",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ board: { detailPaneWidth: currentWidth } })
-        }).catch(function() {
-        });
+        savePanelWidthToConfig(currentWidth);
         document.removeEventListener("mousemove", onMouseMove);
         document.removeEventListener("mouseup", onMouseUp);
       }
@@ -1266,9 +1298,6 @@
     initPanelWidthFromConfig(detailPanel);
     attachResizeMousedown(resizeHandle, detailPanel);
   }
-  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-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></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><div class="detail-panel-footer" id="detail-panel-footer"><button id="detail-save-btn">Save</button></div></div>';
-  }
   function initDetailPanel() {
     const boardContainer = document.querySelector(".board-container");
     boardContainer.insertAdjacentHTML("beforeend", buildDetailPanelHtml());

package/dist/board/client/boardPolling.d.ts

@@ -0,0 +1,15 @@
+import { ActiveFilters } from './types';
+export declare function getLastUpdatedAt(): string | null;
+export declare function setLastUpdatedAt(val: string | null): void;
+export declare const activeFilters: ActiveFilters;
+export declare function buildFilterParams(): URLSearchParams;
+export declare function registerDetailPanelCallbacks(callbacks: {
+    openTaskDetail: (taskId: string) => Promise<void>;
+    renderDetailPanel: (data: unknown) => void;
+    showUpdateWarning: () => void;
+    getDetailTaskId: () => number | null;
+}): void;
+export declare function refreshBoardCards(): Promise<void>;
+export declare function pollBoardUpdates(): Promise<void>;
+export declare function initBoardPolling(): void;
+//# sourceMappingURL=boardPolling.d.ts.map

package/dist/board/client/boardPolling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boardPolling.d.ts","sourceRoot":"","sources":["../../../src/board/client/boardPolling.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,wBAAgB,gBAAgB,IAAI,MAAM,GAAG,IAAI,CAEhD;AAED,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAEzD;AAED,eAAO,MAAM,aAAa,EAAE,aAA4D,CAAC;AAEzF,wBAAgB,iBAAiB,IAAI,eAAe,CAYnD;AASD,wBAAgB,4BAA4B,CAAC,SAAS,EAAE;IACtD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,iBAAiB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,eAAe,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;CACtC,GAAG,IAAI,CAKP;AAED,wBAAsB,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC,CA2DvD;AAED,wBAAsB,gBAAgB,IAAI,OAAO,CAAC,IAAI,CAAC,CAqBtD;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAGvC"}