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

package/dist/panels.bundle.js

@@ -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;
@@ -54104,6 +54107,7 @@ const TaskDetailPanel = ({
     status: "idle"
   });
   const panelRef = useRef(null);
+  const deleteSpanRef = useRef(null);
   const {
     editable = false
   } = config ?? {};
@@ -54157,27 +54161,42 @@ 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;
+    const span = deleteSpanRef.current;
     if (!(actions == null ? void 0 : actions.deleteTask)) {
       setDeleteState({
         status: "error",
         error: "Delete action 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": "ActionNotAvailable",
+          "error.message": "Delete action not available"
+        });
+        span.setStatus({
+          code: SpanStatusCode.ERROR,
+          message: "Delete action not available"
+        });
+        span.end();
+        deleteSpanRef.current = null;
+      }
       return;
     }
     setDeleteState({
@@ -54185,19 +54204,16 @@ const TaskDetailPanel = ({
     });
     try {
       await actions.deleteTask(selectedTask.id);
-      const tracer = getTracer();
-      const span = tracer.startSpan("task.mutation", {
-        attributes: {
+      if (span) {
+        span.addEvent("task.deleted", {
           "task.id": selectedTask.id
-        }
-      });
-      span.addEvent("task.deleted", {
-        "task.id": selectedTask.id
-      });
-      span.setStatus({
-        code: SpanStatusCode.OK
-      });
-      span.end();
+        });
+        span.setStatus({
+          code: SpanStatusCode.OK
+        });
+        span.end();
+        deleteSpanRef.current = null;
+      }
       setDeleteState({
         status: "success"
       });
@@ -54222,8 +54238,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;
+      }
     }
   }, [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;
+    }
+    setIsDeleteModalOpen(false);
+  }, [selectedTask]);
   useEffect(() => {
     if (!events2) return;
     const handleTaskSelected = (event) => {
@@ -54292,6 +54339,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 +54402,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 +54411,7 @@ const TaskDetailPanel = ({
         }), /* @__PURE__ */ jsx("p", {
           style: {
             margin: 0,
+            fontFamily: theme2.fonts.body,
             fontSize: theme2.fontSizes[1],
             color: theme2.colors.textSecondary
           },
@@ -54692,7 +54752,7 @@ const TaskDetailPanel = ({
         padding: "16px"
       },
       children: [/* @__PURE__ */ jsx("div", {
-        onClick: () => setIsDeleteModalOpen(false),
+        onClick: handleDeleteCancel,
         style: {
           position: "absolute",
           inset: 0,
@@ -54719,13 +54779,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 +54809,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 +54827,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 +54843,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 +54867,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,