@industry-theme/backlogmd-kanban-panel 1.2.10 → 1.2.12

package/dist/panels.bundle.js

@@ -6336,7 +6336,7 @@ function gt(o, e, t, r2) {
     };
   }, [o, e, t, r2]);
 }
-const version = "1.2.10";
+const version = "1.2.11";
 const packageJson = {
   version
 };
@@ -8971,10 +8971,6 @@ const KanbanPanel = ({
       "task.id": task.id,
       "task.status": task.status || "unknown"
     });
-    span.setStatus({
-      code: SpanStatusCode.OK
-    });
-    span.end();
     if (events2) {
       events2.emit({
         type: "task:selected",
@@ -8985,7 +8981,14 @@ const KanbanPanel = ({
           task
         }
       });
+      span.addEvent("task.selected.emitted", {
+        "task.id": task.id
+      });
     }
+    span.setStatus({
+      code: SpanStatusCode.OK
+    });
+    span.end();
   }, [events2]);
   useEffect(() => {
     if (!events2) return;
@@ -54089,7 +54092,8 @@ const TaskDetailPanel = ({
   context: context2,
   events: events2,
   actions,
-  config
+  config,
+  core: coreProp
 }) => {
   var _a, _b;
   const {
@@ -54104,9 +54108,17 @@ const TaskDetailPanel = ({
     status: "idle"
   });
   const panelRef = useRef(null);
+  const deleteSpanRef = useRef(null);
   const {
     editable = false
   } = config ?? {};
+  const {
+    core: hookCore
+  } = useBacklogCore({
+    context: context2,
+    actions
+  });
+  const core2 = coreProp ?? hookCore;
   gt("task-detail", events2, () => {
     var _a2;
     return (_a2 = panelRef.current) == null ? void 0 : _a2.focus();
@@ -54157,47 +54169,66 @@ const TaskDetailPanel = ({
   const handleOpenDeleteModal = useCallback(() => {
     if (!selectedTask) return;
     const tracer = getTracer();
-    const span = tracer.startSpan("detail.interaction", {
+    const span = tracer.startSpan("task.delete", {
       attributes: {
         "task.id": selectedTask.id
       }
     });
+    deleteSpanRef.current = span;
     span.addEvent("delete.modal.opened", {
       "task.id": selectedTask.id
     });
-    span.setStatus({
-      code: SpanStatusCode.OK
-    });
-    span.end();
     setIsDeleteModalOpen(true);
   }, [selectedTask]);
   const handleDeleteConfirm = useCallback(async () => {
     if (!selectedTask) return;
-    if (!(actions == null ? void 0 : actions.deleteTask)) {
+    const span = deleteSpanRef.current;
+    const canDeleteWithCore = Boolean(core2);
+    const canDeleteWithActions = Boolean(actions == null ? void 0 : actions.deleteTask);
+    if (!canDeleteWithCore && !canDeleteWithActions) {
       setDeleteState({
         status: "error",
-        error: "Delete action not available"
+        error: "Delete not available"
       });
+      if (span) {
+        span.addEvent("task.deleted", {
+          "task.id": selectedTask.id
+        });
+        span.addEvent("task.save.error", {
+          "task.id": selectedTask.id,
+          "operation": "delete",
+          "error.type": "DeleteNotAvailable",
+          "error.message": "Neither Core nor deleteTask action available"
+        });
+        span.setStatus({
+          code: SpanStatusCode.ERROR,
+          message: "Delete not available"
+        });
+        span.end();
+        deleteSpanRef.current = null;
+      }
       return;
     }
     setDeleteState({
       status: "loading"
     });
     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();
+      if (core2) {
+        await core2.deleteTask(selectedTask.id);
+      } else if (actions == null ? void 0 : actions.deleteTask) {
+        await actions.deleteTask(selectedTask.id);
+      }
+      if (span) {
+        span.addEvent("task.deleted", {
+          "task.id": selectedTask.id,
+          "delete.method": core2 ? "core" : "actions"
+        });
+        span.setStatus({
+          code: SpanStatusCode.OK
+        });
+        span.end();
+        deleteSpanRef.current = null;
+      }
       setDeleteState({
         status: "success"
       });
@@ -54222,8 +54253,39 @@ const TaskDetailPanel = ({
         status: "error",
         error: errorMessage
       });
+      if (span) {
+        span.addEvent("task.deleted", {
+          "task.id": selectedTask.id
+        });
+        span.addEvent("task.save.error", {
+          "task.id": selectedTask.id,
+          "operation": "delete",
+          "error.type": error instanceof Error ? error.name : "Unknown",
+          "error.message": errorMessage
+        });
+        span.setStatus({
+          code: SpanStatusCode.ERROR,
+          message: errorMessage
+        });
+        span.end();
+        deleteSpanRef.current = null;
+      }
+    }
+  }, [core2, actions, selectedTask, events2]);
+  const handleDeleteCancel = useCallback(() => {
+    const span = deleteSpanRef.current;
+    if (span) {
+      span.addEvent("delete.modal.cancelled", {
+        "task.id": selectedTask == null ? void 0 : selectedTask.id
+      });
+      span.setStatus({
+        code: SpanStatusCode.OK
+      });
+      span.end();
+      deleteSpanRef.current = null;
     }
-  }, [actions, selectedTask, events2]);
+    setIsDeleteModalOpen(false);
+  }, [selectedTask]);
   useEffect(() => {
     if (!events2) return;
     const handleTaskSelected = (event) => {
@@ -54292,6 +54354,17 @@ const TaskDetailPanel = ({
     };
   }, [events2, selectedTask, isDeleteModalOpen, handleOpenDeleteModal, handleDeleteConfirm]);
   const handleBack = useCallback(() => {
+    const deleteSpan = deleteSpanRef.current;
+    if (deleteSpan) {
+      deleteSpan.addEvent("delete.modal.cancelled", {
+        "task.id": selectedTask == null ? void 0 : selectedTask.id
+      });
+      deleteSpan.setStatus({
+        code: SpanStatusCode.OK
+      });
+      deleteSpan.end();
+      deleteSpanRef.current = null;
+    }
     if (selectedTask) {
       const tracer = getTracer();
       const span = tracer.startSpan("detail.interaction", {
@@ -54344,6 +54417,7 @@ const TaskDetailPanel = ({
         children: [/* @__PURE__ */ jsx("h3", {
           style: {
             margin: "0 0 8px 0",
+            fontFamily: theme2.fonts.body,
             fontSize: theme2.fontSizes[3],
             color: theme2.colors.text,
             fontWeight: theme2.fontWeights.semibold
@@ -54352,6 +54426,7 @@ const TaskDetailPanel = ({
         }), /* @__PURE__ */ jsx("p", {
           style: {
             margin: 0,
+            fontFamily: theme2.fonts.body,
             fontSize: theme2.fontSizes[1],
             color: theme2.colors.textSecondary
           },
@@ -54692,7 +54767,7 @@ const TaskDetailPanel = ({
         padding: "16px"
       },
       children: [/* @__PURE__ */ jsx("div", {
-        onClick: () => setIsDeleteModalOpen(false),
+        onClick: handleDeleteCancel,
         style: {
           position: "absolute",
           inset: 0,
@@ -54719,13 +54794,14 @@ const TaskDetailPanel = ({
           children: [/* @__PURE__ */ jsx("h2", {
             style: {
               margin: 0,
+              fontFamily: theme2.fonts.body,
               fontSize: theme2.fontSizes[4],
-              fontWeight: 600,
-              color: theme2.colors.text
+              fontWeight: theme2.fontWeights.semibold,
+              color: theme2.colors.warning
             },
             children: "Delete Task?"
           }), /* @__PURE__ */ jsx("button", {
-            onClick: () => setIsDeleteModalOpen(false),
+            onClick: handleDeleteCancel,
             style: {
               background: "none",
               border: "none",
@@ -54748,11 +54824,15 @@ const TaskDetailPanel = ({
           children: [/* @__PURE__ */ jsxs("p", {
             style: {
               margin: 0,
+              fontFamily: theme2.fonts.body,
               fontSize: theme2.fontSizes[2],
               color: theme2.colors.text,
               lineHeight: 1.5
             },
             children: ["Are you sure you want to delete ", /* @__PURE__ */ jsxs("strong", {
+              style: {
+                color: theme2.colors.primary
+              },
               children: ['"', selectedTask.title, '"']
             }), "? This action cannot be undone."]
           }), deleteState.status === "error" && /* @__PURE__ */ jsx("div", {
@@ -54762,8 +54842,9 @@ const TaskDetailPanel = ({
               backgroundColor: `${theme2.colors.error}15`,
               border: `1px solid ${theme2.colors.error}`,
               borderRadius: theme2.radii[2],
-              color: theme2.colors.error,
-              fontSize: theme2.fontSizes[1]
+              fontFamily: theme2.fonts.body,
+              fontSize: theme2.fontSizes[1],
+              color: theme2.colors.error
             },
             children: deleteState.error || "Failed to delete task"
           })]
@@ -54777,12 +54858,13 @@ const TaskDetailPanel = ({
           },
           children: [/* @__PURE__ */ jsx("button", {
             type: "button",
-            onClick: () => setIsDeleteModalOpen(false),
+            onClick: handleDeleteCancel,
             disabled: deleteState.status === "loading",
             style: {
               padding: "10px 20px",
+              fontFamily: theme2.fonts.body,
               fontSize: theme2.fontSizes[2],
-              fontWeight: 500,
+              fontWeight: theme2.fontWeights.medium,
               border: `1px solid ${theme2.colors.border}`,
               borderRadius: theme2.radii[2],
               backgroundColor: "transparent",
@@ -54800,8 +54882,9 @@ const TaskDetailPanel = ({
               alignItems: "center",
               gap: "8px",
               padding: "10px 20px",
+              fontFamily: theme2.fonts.body,
               fontSize: theme2.fontSizes[2],
-              fontWeight: 500,
+              fontWeight: theme2.fontWeights.medium,
               border: "none",
               borderRadius: theme2.radii[2],
               backgroundColor: theme2.colors.error,