@industry-theme/backlogmd-kanban-panel 1.1.1 → 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,CAovB1D,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",
@@ -56497,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",
@@ -56521,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" });
@@ -56582,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(() => {
@@ -56612,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);
@@ -56624,7 +56745,7 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
         payload: {}
       });
     }
-  };
+  }, [selectedTask, events2]);
   if (!selectedTask) {
     return /* @__PURE__ */ jsxs(
       "div",
@@ -56724,7 +56845,7 @@ const TaskDetailPanel = ({ context: context2, events: events2, config }) => {
                 deleteState.status === "idle" && /* @__PURE__ */ jsx(
                   "button",
                   {
-                    onClick: () => setIsDeleteModalOpen(true),
+                    onClick: handleOpenDeleteModal,
                     style: {
                       display: "flex",
                       alignItems: "center",