@industry-theme/backlogmd-kanban-panel 1.2.6 → 1.2.8

package/dist/panels.bundle.js

@@ -8483,7 +8483,7 @@ class Core {
     throw new Error("Core not initialized. Call initialize() or initializeLazy() first.");
   }
 }
-const version = "1.2.6";
+const version = "1.2.7";
 const packageJson = {
   version
 };
@@ -8505,7 +8505,8 @@ function useKanbanData(options) {
   const {
     core: core2,
     tasksLimit = DEFAULT_TASKS_LIMIT,
-    events: events2
+    events: events2,
+    parentSpan
   } = options;
   const [tasks, setTasks] = useState([]);
   const [isLoading, setIsLoading] = useState(true);
@@ -8543,9 +8544,12 @@ function useKanbanData(options) {
       return;
     }
     const tracer = getTracer();
-    return tracer.startActiveSpan("kanban.load", async (span) => {
+    const parentContext = parentSpan ? trace.setSpan(context.active(), parentSpan) : context.active();
+    return context.with(parentContext, () => tracer.startActiveSpan("kanban.load", async (span) => {
       const startTime = Date.now();
-      span.addEvent("kanban.loading");
+      span.addEvent("kanban.loading", {
+        "is.backlog.project": true
+      });
       setIsLoading(true);
       setError(null);
       try {
@@ -8568,7 +8572,7 @@ function useKanbanData(options) {
           "tasks.count": allTasks.length,
           "columns.count": newColumnStates.size,
           "tasks.total": total,
-          "tasks.hasMore": paginatedResult.hasMore
+          "has.more": paginatedResult.hasMore
         });
         span.setAttributes({
           "output.tasksLoaded": allTasks.length,
@@ -8599,8 +8603,8 @@ function useKanbanData(options) {
         setIsLoading(false);
         span.end();
       }
-    });
-  }, [core2, tasksLimit, buildColumnStates]);
+    }));
+  }, [core2, tasksLimit, buildColumnStates, parentSpan]);
   useEffect(() => {
     loadTasks();
   }, [loadTasks]);
@@ -8654,7 +8658,8 @@ function useKanbanData(options) {
         span.addEvent("kanban.loaded", {
           "tasks.count": newTasks.length,
           "columns.count": newColumnStates.size,
-          "tasks.newlyLoaded": result.items.length
+          "tasks.newlyLoaded": result.items.length,
+          "has.more": result.hasMore
         });
         span.setAttributes({
           "output.tasksLoaded": result.items.length,
@@ -10393,8 +10398,9 @@ class PanelFileSystemAdapter {
 }
 function useBacklogCore(options) {
   const {
-    context: context2,
-    actions
+    context: context$1,
+    actions,
+    parentSpan
   } = options || {};
   const [core2, setCore] = useState(null);
   const [isInitializing, setIsInitializing] = useState(true);
@@ -10403,12 +10409,12 @@ function useBacklogCore(options) {
   const [canWrite, setCanWrite] = useState(false);
   const [filePaths, setFilePaths] = useState([]);
   const fileTreeVersionRef = useRef(null);
-  const contextRef = useRef(context2);
+  const contextRef = useRef(context$1);
   const actionsRef = useRef(actions);
   useEffect(() => {
-    contextRef.current = context2;
+    contextRef.current = context$1;
     actionsRef.current = actions;
-  }, [context2, actions]);
+  }, [context$1, actions]);
   const fetchFileContent = useCallback(async (path2) => {
     const currentActions = actionsRef.current;
     if (!(currentActions == null ? void 0 : currentActions.readFile)) {
@@ -10418,35 +10424,34 @@ function useBacklogCore(options) {
   }, []);
   const initializeCore = useCallback(async () => {
     const tracer = getTracer();
-    return tracer.startActiveSpan("backlog.core.init", async (span) => {
+    const parentContext = parentSpan ? trace.setSpan(context.active(), parentSpan) : context.active();
+    return context.with(parentContext, () => tracer.startActiveSpan("backlog.core.init", async (span) => {
       var _a, _b;
       const startTime = Date.now();
       try {
         span.addEvent("backlog.core.init.started");
-        if (!context2 || !actions) {
+        if (!context$1 || !actions) {
           console.log("[useBacklogCore] No context provided");
           setIsBacklogProject(false);
           setCore(null);
           setIsInitializing(false);
           setFilePaths([]);
-          span.setAttributes({
-            "output.skipped": true,
-            "output.reason": "no_context"
+          span.addEvent("backlog.core.init.skipped", {
+            reason: "no_context"
           });
           span.setStatus({
             code: SpanStatusCode.OK
           });
           return;
         }
-        const fileTreeSlice = context2.fileTree;
+        const fileTreeSlice = context$1.fileTree;
         if (!((_a = fileTreeSlice == null ? void 0 : fileTreeSlice.data) == null ? void 0 : _a.allFiles)) {
           console.log("[useBacklogCore] FileTree not available");
           setIsBacklogProject(false);
           setCore(null);
           setFilePaths([]);
-          span.setAttributes({
-            "output.skipped": true,
-            "output.reason": "no_filetree"
+          span.addEvent("backlog.core.init.skipped", {
+            reason: "no_filetree"
           });
           span.setStatus({
             code: SpanStatusCode.OK
@@ -10457,9 +10462,8 @@ function useBacklogCore(options) {
         if (core2 && fileTreeVersionRef.current === currentVersion) {
           console.log("[useBacklogCore] Already initialized for this version");
           setIsInitializing(false);
-          span.setAttributes({
-            "output.skipped": true,
-            "output.reason": "already_initialized"
+          span.addEvent("backlog.core.init.skipped", {
+            reason: "already_initialized"
           });
           span.setStatus({
             code: SpanStatusCode.OK
@@ -10491,8 +10495,8 @@ function useBacklogCore(options) {
           console.log("[useBacklogCore] Not a Backlog.md project");
           setIsBacklogProject(false);
           setCore(null);
-          span.setAttributes({
-            "output.isBacklogProject": false
+          span.addEvent("backlog.core.init.skipped", {
+            reason: "not_backlog_project"
           });
           span.setStatus({
             code: SpanStatusCode.OK
@@ -10538,8 +10542,8 @@ function useBacklogCore(options) {
         setIsInitializing(false);
         span.end();
       }
-    });
-  }, [context2, actions, core2, fetchFileContent]);
+    }));
+  }, [context$1, actions, core2, fetchFileContent, parentSpan]);
   useEffect(() => {
     initializeCore();
   }, [initializeCore]);
@@ -10838,23 +10842,27 @@ const KanbanPanel = ({
   const [searchQuery, setSearchQuery] = useState("");
   const [isSearchVisible, setIsSearchVisible] = useState(false);
   const searchDebounceRef = useRef(null);
-  useEffect(() => {
-    var _a2;
+  const boardSessionSpanRef = useRef(null);
+  const boardSessionStartedRef = useRef(false);
+  if (!boardSessionStartedRef.current) {
+    boardSessionStartedRef.current = true;
     const tracer = getTracer();
-    const span = tracer.startSpan("panel.lifecycle", {
+    boardSessionSpanRef.current = tracer.startSpan("board.session", {
       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();
+    boardSessionSpanRef.current.addEvent("board.session.started");
+  }
+  useEffect(() => {
+    var _a2;
+    if (boardSessionSpanRef.current) {
+      boardSessionSpanRef.current.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)
+      });
+    }
   }, []);
   const handleSearchChange = useCallback((value) => {
     setSearchQuery(value);
@@ -10941,7 +10949,8 @@ const KanbanPanel = ({
     canWrite
   } = useBacklogCore({
     context: context2,
-    actions
+    actions,
+    parentSpan: boardSessionSpanRef.current ?? void 0
   });
   const {
     statusColumns,
@@ -10956,9 +10965,25 @@ const KanbanPanel = ({
   } = useKanbanData({
     core: core2,
     events: events2,
-    tasksLimit: 20
+    tasksLimit: 20,
+    parentSpan: boardSessionSpanRef.current ?? void 0
   });
   const isLoading = isCoreInitializing || isKanbanLoading;
+  const boardSessionEndedRef = useRef(false);
+  useEffect(() => {
+    if (!isLoading && boardSessionSpanRef.current && !boardSessionEndedRef.current) {
+      boardSessionEndedRef.current = true;
+      const span = boardSessionSpanRef.current;
+      span.addEvent("board.session.complete", {
+        "is.backlog.project": isBacklogProject,
+        "has.error": Boolean(error)
+      });
+      span.setStatus({
+        code: error ? SpanStatusCode.ERROR : SpanStatusCode.OK
+      });
+      span.end();
+    }
+  }, [isLoading, isBacklogProject, error]);
   const {
     milestones,
     isLoading: isMilestonesLoading,
@@ -10967,28 +10992,6 @@ const KanbanPanel = ({
   } = useMilestoneData({
     core: core2
   });
-  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;