@industry-theme/backlogmd-kanban-panel 1.1.5 → 1.1.7

package/dist/panels/KanbanPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanPanel.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAelG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAiBtD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAk9CvD,CAAC"}
+{"version":3,"file":"KanbanPanel.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAelG,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAiBtD;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA29CvD,CAAC"}

package/dist/panels/TaskDetailPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TaskDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,UAAU,CAAC;AAuG7E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAiDD;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0yB1D,CAAC"}
+{"version":3,"file":"TaskDetailPanel.d.ts","sourceRoot":"","sources":["../../src/panels/TaskDetailPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAMxE,OAAO,KAAK,EAAE,yBAAyB,EAAqB,MAAM,UAAU,CAAC;AAuG7E;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAiDD;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoxB1D,CAAC"}

package/dist/panels.bundle.js

@@ -11489,94 +11489,121 @@ const KanbanPanel = ({
         style: {
           display: "flex",
           alignItems: "center",
-          gap: "12px"
+          gap: "6px",
+          flex: 1
         },
-        children: [/* @__PURE__ */ jsxs("div", {
+        children: [/* @__PURE__ */ jsx(SquareKanban, {
+          size: 24,
+          color: theme2.colors.primary
+        }), /* @__PURE__ */ jsx("h2", {
           style: {
-            display: "flex",
-            alignItems: "center",
-            gap: "6px"
+            margin: 0,
+            fontSize: theme2.fontSizes[4],
+            color: theme2.colors.text
           },
-          children: [/* @__PURE__ */ jsx(SquareKanban, {
-            size: 24,
-            color: theme2.colors.primary
-          }), /* @__PURE__ */ jsx("h2", {
+          children: /* @__PURE__ */ jsxs("a", {
+            href: "https://github.com/MrLesk/Backlog.md",
+            target: "_blank",
+            rel: "noopener noreferrer",
             style: {
-              margin: 0,
-              fontSize: theme2.fontSizes[4],
-              color: theme2.colors.text
+              color: "inherit",
+              textDecoration: "none"
             },
-            children: /* @__PURE__ */ jsxs("a", {
-              href: "https://github.com/MrLesk/Backlog.md",
-              target: "_blank",
-              rel: "noopener noreferrer",
+            onMouseEnter: (e) => e.currentTarget.style.textDecoration = "underline",
+            onMouseLeave: (e) => e.currentTarget.style.textDecoration = "none",
+            children: ["Backlog", /* @__PURE__ */ jsx("span", {
               style: {
-                color: "inherit",
-                textDecoration: "none"
+                color: theme2.colors.primary
               },
-              onMouseEnter: (e) => e.currentTarget.style.textDecoration = "underline",
-              onMouseLeave: (e) => e.currentTarget.style.textDecoration = "none",
-              children: ["Backlog", /* @__PURE__ */ jsx("span", {
-                style: {
-                  color: theme2.colors.primary
-                },
-                children: ".md"
-              })]
-            })
-          })]
-        }), isBacklogProject && totalTasksState.total > 0 && /* @__PURE__ */ jsxs("div", {
+              children: ".md"
+            })]
+          })
+        })]
+      }), isBacklogProject && totalTasksState.total > 0 && /* @__PURE__ */ jsxs("div", {
+        style: {
+          display: "flex",
+          background: theme2.colors.backgroundSecondary,
+          borderRadius: theme2.radii[2],
+          padding: "3px",
+          gap: "2px"
+        },
+        children: [/* @__PURE__ */ jsx("button", {
+          onClick: () => {
+            setViewMode("milestones");
+            setIsSearchVisible(false);
+            setSearchQuery("");
+          },
           style: {
+            padding: "6px 12px",
+            border: "none",
+            borderRadius: theme2.radii[1],
+            background: "transparent",
+            color: viewMode === "milestones" ? theme2.colors.primary : theme2.colors.textSecondary,
+            fontSize: theme2.fontSizes[2],
+            fontWeight: theme2.fontWeights.medium,
+            cursor: "pointer",
+            transition: "all 0.2s ease",
             display: "flex",
-            background: theme2.colors.backgroundSecondary,
-            borderRadius: theme2.radii[2],
-            padding: "3px",
-            gap: "2px"
+            alignItems: "center",
+            justifyContent: "center",
+            gap: "6px",
+            minWidth: "91px"
           },
-          children: [/* @__PURE__ */ jsx("button", {
-            onClick: () => setViewMode("board"),
-            style: {
-              padding: "6px 12px",
-              border: "none",
-              borderRadius: theme2.radii[1],
-              background: viewMode === "board" ? theme2.colors.primary : "transparent",
-              color: viewMode === "board" ? theme2.colors.textOnPrimary : theme2.colors.textSecondary,
-              fontSize: theme2.fontSizes[1],
-              fontWeight: theme2.fontWeights.medium,
-              cursor: "pointer",
-              transition: "all 0.2s ease",
-              display: "flex",
-              alignItems: "center",
-              gap: "6px"
-            },
-            children: "Board"
-          }), /* @__PURE__ */ jsx("button", {
-            onClick: () => setViewMode("milestones"),
-            style: {
-              padding: "6px 12px",
-              border: "none",
-              borderRadius: theme2.radii[1],
-              background: viewMode === "milestones" ? theme2.colors.primary : "transparent",
-              color: viewMode === "milestones" ? theme2.colors.textOnPrimary : theme2.colors.textSecondary,
-              fontSize: theme2.fontSizes[1],
-              fontWeight: theme2.fontWeights.medium,
-              cursor: "pointer",
-              transition: "all 0.2s ease",
-              display: "flex",
-              alignItems: "center",
-              gap: "6px"
-            },
-            children: "Milestones"
-          })]
+          children: "Milestones"
+        }), /* @__PURE__ */ jsx("button", {
+          onClick: () => {
+            setViewMode("board");
+            setIsSearchVisible(false);
+            setSearchQuery("");
+          },
+          style: {
+            padding: "6px 12px",
+            border: "none",
+            borderRadius: theme2.radii[1],
+            background: "transparent",
+            color: viewMode === "board" ? theme2.colors.primary : theme2.colors.textSecondary,
+            fontSize: theme2.fontSizes[2],
+            fontWeight: theme2.fontWeights.medium,
+            cursor: "pointer",
+            transition: "all 0.2s ease",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            gap: "6px",
+            minWidth: "91px"
+          },
+          children: "Status"
         })]
       }), isBacklogProject && totalTasksState.total > 0 && /* @__PURE__ */ jsx("div", {
         style: {
           display: "flex",
           alignItems: "center",
           gap: "8px",
-          flexWrap: "wrap"
+          flexWrap: "wrap",
+          flex: 1,
+          justifyContent: "flex-end"
         },
         children: viewMode === "board" ? /* @__PURE__ */ jsxs(Fragment, {
-          children: [/* @__PURE__ */ jsx("button", {
+          children: [canWrite && /* @__PURE__ */ jsxs("button", {
+            onClick: handleOpenNewTask,
+            style: {
+              display: "flex",
+              alignItems: "center",
+              gap: "6px",
+              background: theme2.colors.primary,
+              color: theme2.colors.textOnPrimary,
+              border: "1px solid transparent",
+              borderRadius: theme2.radii[2],
+              padding: "6px 12px",
+              fontSize: theme2.fontSizes[1],
+              fontWeight: theme2.fontWeights.medium,
+              cursor: "pointer",
+              transition: "opacity 0.2s ease"
+            },
+            children: [/* @__PURE__ */ jsx(Plus, {
+              size: 14
+            }), "Add Task"]
+          }), /* @__PURE__ */ jsx("button", {
             onClick: () => {
               const newVisible = !isSearchVisible;
               setIsSearchVisible(newVisible);
@@ -11588,27 +11615,28 @@ const KanbanPanel = ({
               display: "flex",
               alignItems: "center",
               justifyContent: "center",
-              background: isSearchVisible ? theme2.colors.primary : theme2.colors.backgroundSecondary,
-              color: isSearchVisible ? theme2.colors.textOnPrimary : theme2.colors.textSecondary,
-              border: isSearchVisible ? "none" : `1px solid ${theme2.colors.border}`,
+              background: theme2.colors.backgroundSecondary,
+              color: theme2.colors.textSecondary,
+              border: `1px solid ${theme2.colors.border}`,
               borderRadius: theme2.radii[2],
               padding: "6px",
-              cursor: "pointer",
-              transition: "all 0.2s ease"
+              cursor: "pointer"
             },
             title: isSearchVisible ? "Hide search" : "Search tasks",
             children: /* @__PURE__ */ jsx(Search, {
               size: 16
             })
-          }), canWrite && /* @__PURE__ */ jsxs("button", {
-            onClick: handleOpenNewTask,
+          })]
+        }) : /* @__PURE__ */ jsxs(Fragment, {
+          children: [canWriteMilestones && /* @__PURE__ */ jsxs("button", {
+            onClick: handleOpenNewMilestone,
             style: {
               display: "flex",
               alignItems: "center",
               gap: "6px",
               background: theme2.colors.primary,
               color: theme2.colors.textOnPrimary,
-              border: "none",
+              border: "1px solid transparent",
               borderRadius: theme2.radii[2],
               padding: "6px 12px",
               fontSize: theme2.fontSizes[1],
@@ -11618,10 +11646,8 @@ const KanbanPanel = ({
             },
             children: [/* @__PURE__ */ jsx(Plus, {
               size: 14
-            }), "Add Task"]
-          })]
-        }) : /* @__PURE__ */ jsxs(Fragment, {
-          children: [canWrite && /* @__PURE__ */ jsxs("button", {
+            }), "Add Milestone"]
+          }), canWrite && /* @__PURE__ */ jsxs("button", {
             onClick: handleOpenNewTask,
             disabled: !selectedMilestoneId,
             title: selectedMilestoneId ? "Add task to milestone" : "Select a milestone first",
@@ -11631,7 +11657,7 @@ const KanbanPanel = ({
               gap: "6px",
               background: selectedMilestoneId ? theme2.colors.primary : theme2.colors.backgroundSecondary,
               color: selectedMilestoneId ? theme2.colors.textOnPrimary : theme2.colors.textMuted,
-              border: selectedMilestoneId ? "none" : `1px solid ${theme2.colors.border}`,
+              border: `1px solid ${selectedMilestoneId ? "transparent" : theme2.colors.border}`,
               borderRadius: theme2.radii[2],
               padding: "6px 12px",
               fontSize: theme2.fontSizes[1],
@@ -11643,25 +11669,6 @@ const KanbanPanel = ({
             children: [/* @__PURE__ */ jsx(Plus, {
               size: 14
             }), "Add Task"]
-          }), canWriteMilestones && /* @__PURE__ */ jsxs("button", {
-            onClick: handleOpenNewMilestone,
-            style: {
-              display: "flex",
-              alignItems: "center",
-              gap: "6px",
-              background: theme2.colors.primary,
-              color: theme2.colors.textOnPrimary,
-              border: "none",
-              borderRadius: theme2.radii[2],
-              padding: "6px 12px",
-              fontSize: theme2.fontSizes[1],
-              fontWeight: theme2.fontWeights.medium,
-              cursor: "pointer",
-              transition: "opacity 0.2s ease"
-            },
-            children: [/* @__PURE__ */ jsx(Plus, {
-              size: 14
-            }), "Add Milestone"]
           }), /* @__PURE__ */ jsx("button", {
             onClick: handleRefreshMilestones,
             disabled: isRefreshingMilestones || isMilestonesLoading,
@@ -56322,6 +56329,7 @@ const StatusBadge = ({
 const TaskDetailPanel = ({
   context: context2,
   events: events2,
+  actions,
   config
 }) => {
   var _a;
@@ -56405,21 +56413,61 @@ const TaskDetailPanel = ({
     span.end();
     setIsDeleteModalOpen(true);
   }, [selectedTask]);
-  const handleDeleteConfirm = useCallback(() => {
-    if (!events2 || !selectedTask) return;
+  const handleDeleteConfirm = useCallback(async () => {
+    if (!selectedTask) return;
+    if (!(actions == null ? void 0 : actions.deleteTask)) {
+      setDeleteState({
+        status: "error",
+        error: "Delete action not available"
+      });
+      return;
+    }
     setDeleteState({
       status: "loading"
     });
-    events2.emit({
-      type: "task:delete-requested",
-      source: "task-detail-panel",
-      timestamp: Date.now(),
-      payload: {
-        taskId: selectedTask.id,
-        task: selectedTask
-      }
-    });
-  }, [events2, selectedTask]);
+    try {
+      await actions.deleteTask(selectedTask.id);
+      const tracer = getTracer();
+      const span = tracer.startSpan("task.mutation", {
+        attributes: {
+          "task.id": selectedTask.id
+        }
+      });
+      span.addEvent("task.deleted", {
+        "task.id": selectedTask.id
+      });
+      span.setStatus({
+        code: SpanStatusCode.OK
+      });
+      span.end();
+      setDeleteState({
+        status: "success"
+      });
+      setIsDeleteModalOpen(false);
+      setTimeout(() => {
+        if (events2) {
+          events2.emit({
+            type: "task:deleted",
+            source: "task-detail-panel",
+            timestamp: Date.now(),
+            payload: {
+              taskId: selectedTask.id
+            }
+          });
+        }
+        setSelectedTask(null);
+        setDeleteState({
+          status: "idle"
+        });
+      }, 2e3);
+    } catch (error) {
+      const errorMessage = error instanceof Error ? error.message : "Failed to delete task";
+      setDeleteState({
+        status: "error",
+        error: errorMessage
+      });
+    }
+  }, [actions, selectedTask, events2]);
   useEffect(() => {
     if (!events2) return;
     const handleTaskSelected = (event) => {
@@ -56461,58 +56509,6 @@ const TaskDetailPanel = ({
       });
     };
   }, [events2, selectedTask == null ? void 0 : selectedTask.id]);
-  useEffect(() => {
-    if (!events2) return;
-    const unsubscribers = [events2.on("task:deleted:success", (event) => {
-      const payload = event.payload;
-      if (payload.taskId === (selectedTask == null ? void 0 : selectedTask.id)) {
-        const tracer = getTracer();
-        const span = tracer.startSpan("task.mutation", {
-          attributes: {
-            "task.id": payload.taskId
-          }
-        });
-        span.addEvent("task.deleted", {
-          "task.id": payload.taskId
-        });
-        span.setStatus({
-          code: SpanStatusCode.OK
-        });
-        span.end();
-        setDeleteState({
-          status: "success"
-        });
-        setIsDeleteModalOpen(false);
-        setTimeout(() => {
-          events2.emit({
-            type: "task:deleted",
-            source: "task-detail-panel",
-            timestamp: Date.now(),
-            payload: {
-              taskId: payload.taskId
-            }
-          });
-          setSelectedTask(null);
-          setDeleteState({
-            status: "idle"
-          });
-        }, 2e3);
-      }
-    }), events2.on("task:deleted:error", (event) => {
-      const payload = event.payload;
-      if (payload.taskId === (selectedTask == null ? void 0 : selectedTask.id)) {
-        setDeleteState({
-          status: "error",
-          error: payload.error
-        });
-      }
-    })];
-    return () => {
-      unsubscribers.forEach((unsub) => {
-        if (typeof unsub === "function") unsub();
-      });
-    };
-  }, [events2, selectedTask == null ? void 0 : selectedTask.id]);
   const handleBack = useCallback(() => {
     if (selectedTask) {
       const tracer = getTracer();