@industry-theme/backlogmd-kanban-panel 1.1.0 → 1.1.2

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,CAi4CvD,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,CA+8CvD,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;AAsG7E;;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,CAgvB1D,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,CA0yB1D,CAAC"}

package/dist/panels/kanban/components/BoardEmptyState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BoardEmptyState.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/BoardEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,UAAU,oBAAoB;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2I1D,CAAC"}
+{"version":3,"file":"BoardEmptyState.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/BoardEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,UAAU,oBAAoB;IAC5B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAqJ1D,CAAC"}

package/dist/panels.bundle.js

@@ -9871,17 +9871,27 @@ const BoardEmptyState = ({
 }) => {
   const { theme: theme2 } = useTheme();
   const handleAddTask = useCallback(() => {
-    const activeSpan = getActiveSpan();
-    activeSpan == null ? void 0 : activeSpan.addEvent("empty.action.clicked", {
+    const tracer = getTracer();
+    const span = tracer.startSpan("board.interaction", {
+      attributes: { "action.type": "add_task" }
+    });
+    span.addEvent("empty.action.clicked", {
       "action.type": "add_task"
     });
+    span.setStatus({ code: SpanStatusCode.OK });
+    span.end();
     onAddTask();
   }, [onAddTask]);
   const handleAddMilestone = useCallback(() => {
-    const activeSpan = getActiveSpan();
-    activeSpan == null ? void 0 : activeSpan.addEvent("empty.action.clicked", {
+    const tracer = getTracer();
+    const span = tracer.startSpan("board.interaction", {
+      attributes: { "action.type": "add_milestone" }
+    });
+    span.addEvent("empty.action.clicked", {
       "action.type": "add_milestone"
     });
+    span.setStatus({ code: SpanStatusCode.OK });
+    span.end();
     onAddMilestone();
   }, [onAddMilestone]);
   return /* @__PURE__ */ jsxs(
@@ -11084,26 +11094,68 @@ const KanbanPanel = ({
   const [searchQuery, setSearchQuery] = useState("");
   const [isSearchVisible, setIsSearchVisible] = useState(false);
   const searchDebounceRef = useRef(null);
+  useEffect(() => {
+    var _a2;
+    const tracer = getTracer();
+    const span = tracer.startSpan("panel.lifecycle", {
+      attributes: {
+        "panel.id": "kanban-panel"
+      }
+    });
+    span.addEvent("panel.initialized", {
+      "panel.id": "kanban-panel",
+      "has.file.tree": Boolean((_a2 = context2 == null ? void 0 : context2.fileTree) == null ? void 0 : _a2.data),
+      "has.file.system": Boolean(actions == null ? void 0 : actions.writeFile)
+    });
+    span.setStatus({ code: SpanStatusCode.OK });
+    span.end();
+  }, []);
   const handleSearchChange = useCallback((value) => {
     setSearchQuery(value);
     if (searchDebounceRef.current) {
       clearTimeout(searchDebounceRef.current);
     }
     searchDebounceRef.current = setTimeout(() => {
-      const activeSpan = getActiveSpan();
       if (value.trim()) {
-        activeSpan == null ? void 0 : activeSpan.addEvent("search.performed", {
+        const tracer = getTracer();
+        const span = tracer.startSpan("board.interaction", {
+          attributes: {
+            "search.query": value.trim()
+          }
+        });
+        span.addEvent("search.performed", {
           "search.query": value.trim()
-          // Note: results.count is approximate since filteredTasksByStatus updates async
         });
+        span.setStatus({ code: SpanStatusCode.OK });
+        span.end();
       }
     }, 500);
   }, []);
   const handleClearSearch = useCallback(() => {
     setSearchQuery("");
-    const activeSpan = getActiveSpan();
-    activeSpan == null ? void 0 : activeSpan.addEvent("filter.cleared");
+    const tracer = getTracer();
+    const span = tracer.startSpan("board.interaction");
+    span.addEvent("filter.cleared");
+    span.setStatus({ code: SpanStatusCode.OK });
+    span.end();
   }, []);
+  const handleTabSelect = useCallback((status) => {
+    const previousTab = selectedTab;
+    setSelectedTab(status);
+    const tracer = getTracer();
+    const span = tracer.startSpan("board.interaction", {
+      attributes: {
+        "column.selected": status,
+        "column.previous": previousTab
+      }
+    });
+    span.addEvent("column.selected", {
+      "column.status": status,
+      "column.previous": previousTab
+    });
+    span.setStatus({ code: SpanStatusCode.OK });
+    span.end();
+  }, [selectedTab]);
   const sensors = useSensors(
     useSensor(PointerSensor, {
       activationConstraint: {
@@ -11176,6 +11228,24 @@ const KanbanPanel = ({
     context: context2,
     actions
   });
+  const hasEmittedSkipped = useRef(false);
+  useEffect(() => {
+    if (!isLoading && !isBacklogProject && !hasEmittedSkipped.current) {
+      hasEmittedSkipped.current = true;
+      const tracer = getTracer();
+      const span = tracer.startSpan("board.interaction", {
+        attributes: { "is.backlog.project": false }
+      });
+      span.addEvent("kanban.skipped", {
+        "reason": "not_backlog_project"
+      });
+      span.setStatus({ code: SpanStatusCode.OK });
+      span.end();
+    }
+    if (isBacklogProject) {
+      hasEmittedSkipped.current = false;
+    }
+  }, [isLoading, isBacklogProject]);
   const filteredTasksByStatus = useMemo(() => {
     if (!searchQuery.trim()) {
       return tasksByStatus;
@@ -11269,11 +11339,19 @@ const KanbanPanel = ({
   }, [getTaskById, moveTaskOptimistic]);
   const handleTaskClick = (task) => {
     setSelectedTaskId(task.id);
-    const activeSpan = getActiveSpan();
-    activeSpan == null ? void 0 : activeSpan.addEvent("task.selected", {
+    const tracer = getTracer();
+    const span = tracer.startSpan("board.interaction", {
+      attributes: {
+        "task.id": task.id,
+        "task.status": task.status || "unknown"
+      }
+    });
+    span.addEvent("task.selected", {
       "task.id": task.id,
       "task.status": task.status || "unknown"
     });
+    span.setStatus({ code: SpanStatusCode.OK });
+    span.end();
     if (events2) {
       events2.emit({
         type: "task:selected",
@@ -11893,7 +11971,7 @@ const KanbanPanel = ({
                           return /* @__PURE__ */ jsxs(
                             "button",
                             {
-                              onClick: () => setSelectedTab(status),
+                              onClick: () => handleTabSelect(status),
                               style: {
                                 flex: 1,
                                 padding: "10px 12px",
@@ -56456,7 +56534,7 @@ const getPriorityStyles = (theme2, priority) => {
 };
 const StatusBadge = ({ status }) => {
   const { theme: theme2 } = useTheme();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "span",
     {
       style: {
@@ -56469,7 +56547,10 @@ const StatusBadge = ({ status }) => {
         color: theme2.colors.primary,
         textTransform: "capitalize"
       },
-      children: status
+      children: [
+        "Status: ",
+        status
+      ]
     }
   );
 };
@@ -56494,6 +56575,16 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
   const hasClaudeWorkflow = ((_a = repoCapabilities == null ? void 0 : repoCapabilities.data) == null ? void 0 : _a.hasClaudeWorkflow) ?? false;
   const handleAssignToClaude = useCallback(() => {
     if (!events2 || !selectedTask) return;
+    const tracer = getTracer();
+    const span = tracer.startSpan("detail.interaction", {
+      attributes: { "task.id": selectedTask.id }
+    });
+    span.addEvent("task.assign.requested", {
+      "task.id": selectedTask.id,
+      "task.title": selectedTask.title
+    });
+    span.setStatus({ code: SpanStatusCode.OK });
+    span.end();
     setClaudeAssignment({ status: "loading" });
     events2.emit({
       type: "task:assign-to-claude",
@@ -56518,6 +56609,19 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
       }
     });
   }, [events2, selectedTask]);
+  const handleOpenDeleteModal = useCallback(() => {
+    if (!selectedTask) return;
+    const tracer = getTracer();
+    const span = tracer.startSpan("detail.interaction", {
+      attributes: { "task.id": selectedTask.id }
+    });
+    span.addEvent("delete.modal.opened", {
+      "task.id": selectedTask.id
+    });
+    span.setStatus({ code: SpanStatusCode.OK });
+    span.end();
+    setIsDeleteModalOpen(true);
+  }, [selectedTask]);
   const handleDeleteConfirm = useCallback(() => {
     if (!events2 || !selectedTask) return;
     setDeleteState({ status: "loading" });
@@ -56579,6 +56683,15 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
       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(() => {
@@ -56609,7 +56722,18 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
       });
     };
   }, [events2, selectedTask == null ? void 0 : selectedTask.id]);
-  const handleBack = () => {
+  const handleBack = useCallback(() => {
+    if (selectedTask) {
+      const tracer = getTracer();
+      const span = tracer.startSpan("detail.interaction", {
+        attributes: { "task.id": selectedTask.id }
+      });
+      span.addEvent("task.deselected", {
+        "task.id": selectedTask.id
+      });
+      span.setStatus({ code: SpanStatusCode.OK });
+      span.end();
+    }
     setSelectedTask(null);
     setDeleteState({ status: "idle" });
     setIsDeleteModalOpen(false);
@@ -56621,7 +56745,7 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
         payload: {}
       });
     }
-  };
+  }, [selectedTask, events2]);
   if (!selectedTask) {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -56689,121 +56813,125 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
           {
             style: {
               flexShrink: 0,
-              padding: "16px 20px",
+              height: "40px",
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "space-between",
+              padding: "0 12px",
               borderBottom: `1px solid ${theme2.colors.border}`,
               backgroundColor: theme2.colors.backgroundSecondary
             },
             children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  style: {
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "space-between",
-                    marginBottom: "12px"
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-                      /* @__PURE__ */ jsx(
-                        "span",
-                        {
-                          style: {
-                            fontFamily: theme2.fonts.monospace,
-                            fontSize: theme2.fontSizes[0],
-                            fontWeight: theme2.fontWeights.medium,
-                            color: theme2.colors.textMuted
-                          },
-                          children: selectedTask.id
-                        }
-                      ),
-                      selectedTask.priority && /* @__PURE__ */ jsxs("span", { style: getPriorityStyles(theme2, selectedTask.priority), children: [
-                        "Priority: ",
-                        selectedTask.priority
-                      ] }),
-                      /* @__PURE__ */ jsx(StatusBadge, { status: selectedTask.status })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-                      deleteState.status === "idle" && /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          onClick: () => setIsDeleteModalOpen(true),
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            width: "32px",
-                            height: "32px",
-                            border: `1px solid ${theme2.colors.error}`,
-                            borderRadius: theme2.radii[1],
-                            background: "transparent",
-                            cursor: "pointer",
-                            color: theme2.colors.error,
-                            transition: "all 0.2s ease"
-                          },
-                          onMouseEnter: (e) => {
-                            e.currentTarget.style.background = theme2.colors.error;
-                            e.currentTarget.style.color = theme2.colors.background;
-                          },
-                          onMouseLeave: (e) => {
-                            e.currentTarget.style.background = "transparent";
-                            e.currentTarget.style.color = theme2.colors.error;
-                          },
-                          title: "Delete task",
-                          children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
-                        }
-                      ),
-                      deleteState.status === "success" && /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            width: "32px",
-                            height: "32px",
-                            border: `1px solid ${theme2.colors.success}`,
-                            borderRadius: theme2.radii[1],
-                            background: `${theme2.colors.success}15`,
-                            color: theme2.colors.success
-                          },
-                          title: "Task deleted",
-                          children: /* @__PURE__ */ jsx(CircleCheckBig, { size: 16 })
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          onClick: handleBack,
-                          style: {
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            width: "32px",
-                            height: "32px",
-                            border: `1px solid ${theme2.colors.border}`,
-                            borderRadius: theme2.radii[1],
-                            background: theme2.colors.surface,
-                            cursor: "pointer",
-                            color: theme2.colors.textSecondary,
-                            transition: "all 0.2s ease"
-                          },
-                          onMouseEnter: (e) => {
-                            e.currentTarget.style.background = theme2.colors.backgroundSecondary;
-                            e.currentTarget.style.color = theme2.colors.text;
-                          },
-                          onMouseLeave: (e) => {
-                            e.currentTarget.style.background = theme2.colors.surface;
-                            e.currentTarget.style.color = theme2.colors.textSecondary;
-                          },
-                          title: "Close",
-                          children: /* @__PURE__ */ jsx(X, { size: 16 })
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              ),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    style: {
+                      fontFamily: theme2.fonts.monospace,
+                      fontSize: theme2.fontSizes[0],
+                      fontWeight: theme2.fontWeights.medium,
+                      color: theme2.colors.textMuted
+                    },
+                    children: selectedTask.id
+                  }
+                ),
+                /* @__PURE__ */ jsx(StatusBadge, { status: selectedTask.status }),
+                selectedTask.priority && /* @__PURE__ */ jsxs("span", { style: getPriorityStyles(theme2, selectedTask.priority), children: [
+                  "Priority: ",
+                  selectedTask.priority
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                deleteState.status === "idle" && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleOpenDeleteModal,
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: "28px",
+                      height: "28px",
+                      border: `1px solid ${theme2.colors.error}`,
+                      borderRadius: theme2.radii[1],
+                      background: "transparent",
+                      cursor: "pointer",
+                      color: theme2.colors.error,
+                      transition: "all 0.2s ease"
+                    },
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.background = theme2.colors.error;
+                      e.currentTarget.style.color = theme2.colors.background;
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.background = "transparent";
+                      e.currentTarget.style.color = theme2.colors.error;
+                    },
+                    title: "Delete task",
+                    children: /* @__PURE__ */ jsx(Trash2, { size: 14 })
+                  }
+                ),
+                deleteState.status === "success" && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: "28px",
+                      height: "28px",
+                      border: `1px solid ${theme2.colors.success}`,
+                      borderRadius: theme2.radii[1],
+                      background: `${theme2.colors.success}15`,
+                      color: theme2.colors.success
+                    },
+                    title: "Task deleted",
+                    children: /* @__PURE__ */ jsx(CircleCheckBig, { size: 14 })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: handleBack,
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      justifyContent: "center",
+                      width: "28px",
+                      height: "28px",
+                      border: `1px solid ${theme2.colors.border}`,
+                      borderRadius: theme2.radii[1],
+                      background: theme2.colors.surface,
+                      cursor: "pointer",
+                      color: theme2.colors.textSecondary,
+                      transition: "all 0.2s ease"
+                    },
+                    onMouseEnter: (e) => {
+                      e.currentTarget.style.background = theme2.colors.backgroundSecondary;
+                      e.currentTarget.style.color = theme2.colors.text;
+                    },
+                    onMouseLeave: (e) => {
+                      e.currentTarget.style.background = theme2.colors.surface;
+                      e.currentTarget.style.color = theme2.colors.textSecondary;
+                    },
+                    title: "Close",
+                    children: /* @__PURE__ */ jsx(X, { size: 14 })
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            style: {
+              flexShrink: 0,
+              padding: "12px 16px",
+              borderBottom: `1px solid ${theme2.colors.border}`,
+              backgroundColor: theme2.colors.background
+            },
+            children: [
               /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px", marginBottom: "12px" }, children: [
                 hasClaudeWorkflow && claudeAssignment.status === "idle" && !getGitHubIssueFromRefs(selectedTask.references) && /* @__PURE__ */ jsxs(
                   "button",