@industry-theme/backlogmd-kanban-panel 1.0.5 → 1.0.7

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,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AA6LpD;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMrD,CAAC"}
+{"version":3,"file":"KanbanPanel.d.ts","sourceRoot":"","sources":["../../src/panels/KanbanPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAmMpD;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMrD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/KanbanColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAyQpD,CAAC"}
+{"version":3,"file":"KanbanColumn.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/components/KanbanColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,UAAU,iBAAiB;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kCAAkC;IAClC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;CACpC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8QpD,CAAC"}

package/dist/panels/kanban/hooks/useKanbanData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKanbanData.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/hooks/useKanbanData.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,IAAI,EAAwB,MAAM,kBAAkB,CAAC;AAEzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEtE,kCAAkC;AAClC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,4CAA4C;AAC5C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,WAAW,CAAC;AAEjD,wCAAwC;AACxC,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG9D,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,8CAA8C;IAC9C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IACnC,kCAAkC;IAClC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACvC,mDAAmD;IACnD,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxE;AAED,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAMD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,OAAO,CAAC,EAAE,oBAAoB,GAC7B,mBAAmB,CAoUrB"}
+{"version":3,"file":"useKanbanData.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/hooks/useKanbanData.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,IAAI,EAAwB,MAAM,kBAAkB,CAAC;AAEzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEtE,kCAAkC;AAClC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,4CAA4C;AAC5C,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,WAAW,CAAC;AAEjD,wCAAwC;AACxC,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG9D,CAAC;AAEF,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,8CAA8C;IAC9C,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;IACnC,kCAAkC;IAClC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACvC,mDAAmD;IACnD,QAAQ,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClD,WAAW,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACxE;AAED,UAAU,oBAAoB;IAC5B,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qDAAqD;IACrD,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAMD;;;;;;GAMG;AACH,wBAAgB,aAAa,CAC3B,OAAO,CAAC,EAAE,oBAAoB,GAC7B,mBAAmB,CAwVrB"}

package/dist/panels/kanban/mocks/mockData.d.ts

@@ -7,6 +7,7 @@
 import type { Task } from '@backlog-md/core';
 /**
  * Generate mock tasks for testing the kanban board
+ * Creates 25 active tasks and 10 completed tasks to test pagination
  */
 export declare function generateMockTasks(): Task[];
 /**

package/dist/panels/kanban/mocks/mockData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/mocks/mockData.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,EAAE,CAuJ1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;GAEG;AACH,wBAAgB,kBAAkB;;;;;;;;;;;;EAcjC"}
+{"version":3,"file":"mockData.d.ts","sourceRoot":"","sources":["../../../../src/panels/kanban/mocks/mockData.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAsE7C;;;GAGG;AACH,wBAAgB,iBAAiB,IAAI,IAAI,EAAE,CAqD1C;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI,MAAM,EAAE,CAE7C;AAED;;GAEG;AACH,wBAAgB,kBAAkB;;;;;;;;;;;;EAcjC"}

package/dist/panels.bundle.js

@@ -954,25 +954,18 @@ class Core {
     const tasksLimit = (options == null ? void 0 : options.tasksLimit) ?? 10;
     const completedLimit = (options == null ? void 0 : options.completedLimit) ?? 10;
     const offset = (options == null ? void 0 : options.offset) ?? 0;
-    const tasksSortDirection = (options == null ? void 0 : options.tasksSortDirection) ?? "asc";
+    (options == null ? void 0 : options.tasksSortDirection) ?? "asc";
     const completedSortByIdDesc = (options == null ? void 0 : options.completedSortByIdDesc) ?? true;
     const sources = ["tasks", "completed"];
     const bySource = /* @__PURE__ */ new Map();
     for (const source of sources) {
       let entries = Array.from(this.taskIndex.values()).filter((e) => e.source === source);
       const limit = source === "tasks" ? tasksLimit : completedLimit;
-      if (source === "completed" && completedSortByIdDesc) {
-        entries = entries.sort((a, b) => {
-          const aNum = parseInt(a.id.replace(/\D/g, ""), 10) || 0;
-          const bNum = parseInt(b.id.replace(/\D/g, ""), 10) || 0;
-          return bNum - aNum;
-        });
-      } else {
-        entries = entries.sort((a, b) => {
-          const cmp = a.title.localeCompare(b.title);
-          return tasksSortDirection === "asc" ? cmp : -cmp;
-        });
-      }
+      entries = entries.sort((a, b) => {
+        const aNum = parseInt(a.id.replace(/\D/g, ""), 10) || 0;
+        const bNum = parseInt(b.id.replace(/\D/g, ""), 10) || 0;
+        return source === "completed" && completedSortByIdDesc ? bNum - aNum : aNum - bNum;
+      });
       const total = entries.length;
       const pageEntries = entries.slice(offset, offset + limit);
       const items = await this.loadTasks(pageEntries.map((e) => e.id));
@@ -1002,21 +995,14 @@ class Core {
       throw new Error("Core not lazy initialized. Call initializeLazy() first.");
     }
     const limit = (options == null ? void 0 : options.limit) ?? 10;
-    const sortDirection = (options == null ? void 0 : options.sortDirection) ?? "asc";
+    (options == null ? void 0 : options.sortDirection) ?? "asc";
     const completedSortByIdDesc = (options == null ? void 0 : options.completedSortByIdDesc) ?? true;
     let entries = Array.from(this.taskIndex.values()).filter((e) => e.source === source);
-    if (source === "completed" && completedSortByIdDesc) {
-      entries = entries.sort((a, b) => {
-        const aNum = parseInt(a.id.replace(/\D/g, ""), 10) || 0;
-        const bNum = parseInt(b.id.replace(/\D/g, ""), 10) || 0;
-        return bNum - aNum;
-      });
-    } else {
-      entries = entries.sort((a, b) => {
-        const cmp = a.title.localeCompare(b.title);
-        return sortDirection === "asc" ? cmp : -cmp;
-      });
-    }
+    entries = entries.sort((a, b) => {
+      const aNum = parseInt(a.id.replace(/\D/g, ""), 10) || 0;
+      const bNum = parseInt(b.id.replace(/\D/g, ""), 10) || 0;
+      return source === "completed" && completedSortByIdDesc ? bNum - aNum : aNum - bNum;
+    });
     const total = entries.length;
     const pageEntries = entries.slice(currentOffset, currentOffset + limit);
     const items = await this.loadTasks(pageEntries.map((e) => e.id));
@@ -1417,8 +1403,9 @@ function useKanbanData(options) {
       activeFilePathRef.current = null;
     }
   }, []);
+  const fileTreeVersionRef = useRef(null);
   const loadBacklogData = useCallback(async () => {
-    var _a;
+    var _a, _b;
     if (!context || !actions) {
       console.log("[useKanbanData] No context provided");
       setIsBacklogProject(false);
@@ -1427,21 +1414,29 @@ function useKanbanData(options) {
       setColumnStates(/* @__PURE__ */ new Map());
       setIsLoading(false);
       coreRef.current = null;
+      fileTreeVersionRef.current = null;
+      return;
+    }
+    const fileTreeSlice = context.getRepositorySlice("fileTree");
+    if (!((_a = fileTreeSlice == null ? void 0 : fileTreeSlice.data) == null ? void 0 : _a.allFiles)) {
+      console.log("[useKanbanData] FileTree not available");
+      setIsBacklogProject(false);
+      setTasks([]);
+      setTasksBySource(/* @__PURE__ */ new Map());
+      setColumnStates(/* @__PURE__ */ new Map());
+      coreRef.current = null;
+      fileTreeVersionRef.current = null;
+      return;
+    }
+    const currentVersion = fileTreeSlice.data.sha || ((_b = fileTreeSlice.data.metadata) == null ? void 0 : _b.sourceSha) || "unknown";
+    if (coreRef.current && fileTreeVersionRef.current === currentVersion) {
+      console.log("[useKanbanData] Data already loaded for this file tree version, skipping");
+      setIsLoading(false);
       return;
     }
     setIsLoading(true);
     setError(null);
     try {
-      const fileTreeSlice = context.getRepositorySlice("fileTree");
-      if (!((_a = fileTreeSlice == null ? void 0 : fileTreeSlice.data) == null ? void 0 : _a.allFiles)) {
-        console.log("[useKanbanData] FileTree not available");
-        setIsBacklogProject(false);
-        setTasks([]);
-        setTasksBySource(/* @__PURE__ */ new Map());
-        setColumnStates(/* @__PURE__ */ new Map());
-        coreRef.current = null;
-        return;
-      }
       const files = fileTreeSlice.data.allFiles;
       const filePaths = files.map((f) => f.path);
       const fs = new PanelFileSystemAdapter({
@@ -1504,6 +1499,7 @@ function useKanbanData(options) {
       console.log(
         `[useKanbanData] Loaded ${allTasks.length}/${totalTasks} tasks (active: ${tasksLimit}, completed: ${completedLimit})`
       );
+      fileTreeVersionRef.current = currentVersion;
       setTasks(allTasks);
       setTasksBySource(newTasksBySource);
       setColumnStates(newColumnStates);
@@ -1515,6 +1511,7 @@ function useKanbanData(options) {
       setTasksBySource(/* @__PURE__ */ new Map());
       setColumnStates(/* @__PURE__ */ new Map());
       coreRef.current = null;
+      fileTreeVersionRef.current = null;
     } finally {
       setIsLoading(false);
     }
@@ -1645,9 +1642,15 @@ const KanbanColumn = ({
     "div",
     {
       style: {
-        flex: "1",
-        minWidth: "min(280px, 85vw)",
-        // Responsive width for mobile
+        flex: "1 1 0",
+        // Grow to fill available width equally
+        minWidth: "280px",
+        maxWidth: "500px",
+        // Cap max width for readability
+        height: "100%",
+        // Fill parent height
+        minHeight: 0,
+        // Allow shrinking
         display: "flex",
         flexDirection: "column",
         gap: "12px",
@@ -1700,6 +1703,8 @@ const KanbanColumn = ({
           {
             style: {
               flex: 1,
+              minHeight: 0,
+              // Critical: allows flex child to shrink and scroll
               display: "flex",
               flexDirection: "column",
               gap: "8px",
@@ -1712,6 +1717,8 @@ const KanbanColumn = ({
                 {
                   onClick: () => onTaskClick == null ? void 0 : onTaskClick(task),
                   style: {
+                    flexShrink: 0,
+                    // Prevent card from shrinking
                     background: theme2.colors.surface,
                     borderRadius: theme2.radii[2],
                     padding: "12px",
@@ -2227,9 +2234,13 @@ const KanbanPanelContent = ({
         // Responsive padding for mobile
         fontFamily: theme2.fonts.body,
         height: "100%",
+        boxSizing: "border-box",
+        // Include padding in height calculation
         display: "flex",
         flexDirection: "column",
         gap: "16px",
+        overflow: "hidden",
+        // Prevent outer scrolling
         backgroundColor: theme2.colors.background,
         color: theme2.colors.text
       },
@@ -2238,6 +2249,8 @@ const KanbanPanelContent = ({
           "div",
           {
             style: {
+              flexShrink: 0,
+              // Don't shrink header
               display: "flex",
               alignItems: "center",
               gap: "12px",
@@ -2263,6 +2276,8 @@ const KanbanPanelContent = ({
           "div",
           {
             style: {
+              flexShrink: 0,
+              // Don't shrink error message
               padding: "12px",
               background: `${theme2.colors.error}20`,
               border: `1px solid ${theme2.colors.error}`,
@@ -2292,9 +2307,13 @@ const KanbanPanelContent = ({
               flex: 1,
               display: "flex",
               gap: "16px",
+              justifyContent: "center",
+              // Center columns when they hit max-width
               overflowX: "auto",
               overflowY: "hidden",
               paddingBottom: "8px",
+              minHeight: 0,
+              // Allow flex child to shrink below content size
               WebkitOverflowScrolling: "touch"
               // Smooth scrolling on iOS
             },