@industry-theme/backlogmd-kanban-panel 1.0.8 → 1.0.9

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;AA2MpD;;;;;;;;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;AAwRpD;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMrD,CAAC"}

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

@@ -9,8 +9,24 @@ export interface ColumnState {
 }
 /** Source column names (directory-based) */
 export type SourceColumn = 'tasks' | 'completed';
-/** Display labels for source columns */
+/** Status column names (for 3-column view) */
+export type StatusColumn = 'todo' | 'in-progress' | 'completed';
+/** Display labels for status columns */
+export declare const STATUS_DISPLAY_LABELS: Record<StatusColumn, string>;
+/** Display labels for source columns (legacy) */
 export declare const SOURCE_DISPLAY_LABELS: Record<SourceColumn, string>;
+/** Status-based column state (computed from source data) */
+export interface StatusColumnState {
+    tasks: Task[];
+    count: number;
+}
+/** Active tasks pagination state */
+export interface ActiveTasksState {
+    total: number;
+    loaded: number;
+    hasMore: boolean;
+    isLoadingMore: boolean;
+}
 export interface UseKanbanDataResult {
     tasks: Task[];
     /** Source columns: "tasks" and "completed" */
@@ -25,6 +41,14 @@ export interface UseKanbanDataResult {
     loadMore: (source: SourceColumn) => Promise<void>;
     refreshData: () => Promise<void>;
     updateTaskStatus: (taskId: string, newStatus: string) => Promise<void>;
+    /** Status columns for 3-column view */
+    statusColumns: StatusColumn[];
+    /** Tasks grouped by status (To Do, In Progress, Completed) */
+    tasksByStatus: Map<StatusColumn, StatusColumnState>;
+    /** Active tasks (To Do + In Progress) pagination state */
+    activeTasksState: ActiveTasksState;
+    /** Load more active tasks */
+    loadMoreActive: () => Promise<void>;
 }
 interface UseKanbanDataOptions {
     context?: PanelContextValue;

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,CAwVrB"}
+{"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,8CAA8C;AAC9C,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,aAAa,GAAG,WAAW,CAAC;AAEhE,wCAAwC;AACxC,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI9D,CAAC;AASF,iDAAiD;AACjD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG9D,CAAC;AAEF,4DAA4D;AAC5D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,oCAAoC;AACpC,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,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;IACvE,uCAAuC;IACvC,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B,8DAA8D;IAC9D,aAAa,EAAE,GAAG,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC;IACpD,0DAA0D;IAC1D,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,6BAA6B;IAC7B,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC;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,CAmYrB"}

package/dist/panels.bundle.js

@@ -1507,9 +1507,10 @@ class PanelFileSystemAdapter {
     return path2.replace(/^\/+/, "").replace(/\/+$/, "").replace(/\/+/g, "/");
   }
 }
-const SOURCE_DISPLAY_LABELS = {
-  tasks: "Active",
-  completed: "Completed"
+const STATUS_DISPLAY_LABELS = {
+  "todo": "To Do",
+  "in-progress": "In Progress",
+  "completed": "Completed"
 };
 const DEFAULT_SOURCES = ["tasks", "completed"];
 const DEFAULT_TASKS_LIMIT = 20;
@@ -1768,6 +1769,30 @@ function useKanbanData(options) {
     },
     []
   );
+  const statusColumns = ["todo", "in-progress", "completed"];
+  const tasksByStatus = (() => {
+    const result = /* @__PURE__ */ new Map();
+    const activeTasks = tasksBySource.get("tasks") || [];
+    const completedTasks = tasksBySource.get("completed") || [];
+    const todoTasks = activeTasks.filter((t) => t.status === "To Do");
+    const inProgressTasks = activeTasks.filter((t) => t.status === "In Progress");
+    result.set("todo", { tasks: todoTasks, count: todoTasks.length });
+    result.set("in-progress", { tasks: inProgressTasks, count: inProgressTasks.length });
+    result.set("completed", { tasks: completedTasks, count: completedTasks.length });
+    return result;
+  })();
+  const activeTasksState = (() => {
+    const activeColumnState = columnStates.get("tasks");
+    return {
+      total: (activeColumnState == null ? void 0 : activeColumnState.total) || 0,
+      loaded: (activeColumnState == null ? void 0 : activeColumnState.tasks.length) || 0,
+      hasMore: (activeColumnState == null ? void 0 : activeColumnState.hasMore) || false,
+      isLoadingMore: (activeColumnState == null ? void 0 : activeColumnState.isLoadingMore) || false
+    };
+  })();
+  const loadMoreActive = useCallback(async () => {
+    await loadMore("tasks");
+  }, [loadMore]);
   return {
     tasks,
     sources,
@@ -1778,7 +1803,12 @@ function useKanbanData(options) {
     columnStates,
     loadMore,
     refreshData,
-    updateTaskStatus
+    updateTaskStatus,
+    // New 3-column view exports
+    statusColumns,
+    tasksByStatus,
+    activeTasksState,
+    loadMoreActive
   };
 }
 const KanbanColumn = ({
@@ -2324,7 +2354,17 @@ const KanbanPanelContent = ({
   var _a, _b;
   const { theme: theme2 } = useTheme();
   const [_selectedTask, setSelectedTask] = useState(null);
-  const { sources, tasksBySource, columnStates, loadMore, error, isBacklogProject, refreshData } = useKanbanData({
+  const {
+    statusColumns,
+    tasksByStatus,
+    columnStates,
+    loadMore,
+    activeTasksState,
+    loadMoreActive,
+    error,
+    isBacklogProject,
+    refreshData
+  } = useKanbanData({
     context,
     actions,
     tasksLimit: 20,
@@ -2428,22 +2468,72 @@ const KanbanPanelContent = ({
               // Don't shrink header
               display: "flex",
               alignItems: "center",
+              justifyContent: "space-between",
               gap: "12px",
               flexWrap: "wrap"
             },
             children: [
-              /* @__PURE__ */ jsx(Kanban, { size: 24, color: theme2.colors.primary }),
-              /* @__PURE__ */ jsx(
-                "h2",
-                {
-                  style: {
-                    margin: 0,
-                    fontSize: theme2.fontSizes[4],
-                    color: theme2.colors.text
-                  },
-                  children: "Kanban Board"
-                }
-              )
+              /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+                /* @__PURE__ */ jsx(Kanban, { size: 24, color: theme2.colors.primary }),
+                /* @__PURE__ */ jsx(
+                  "h2",
+                  {
+                    style: {
+                      margin: 0,
+                      fontSize: theme2.fontSizes[4],
+                      color: theme2.colors.text
+                    },
+                    children: "Kanban Board"
+                  }
+                )
+              ] }),
+              isBacklogProject && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "16px", flexWrap: "wrap" }, children: [
+                /* @__PURE__ */ jsx("div", { style: { display: "flex", alignItems: "center", gap: "12px" }, children: statusColumns.map((status) => {
+                  const statusState = tasksByStatus.get(status);
+                  const count = (statusState == null ? void 0 : statusState.count) || 0;
+                  const completedState = columnStates.get("completed");
+                  const displayCount = status === "completed" && completedState ? `${count}/${completedState.total}` : count;
+                  return /* @__PURE__ */ jsxs(
+                    "span",
+                    {
+                      style: {
+                        fontSize: theme2.fontSizes[1],
+                        color: theme2.colors.textSecondary,
+                        background: theme2.colors.backgroundSecondary,
+                        padding: "4px 10px",
+                        borderRadius: theme2.radii[1],
+                        fontWeight: theme2.fontWeights.medium
+                      },
+                      children: [
+                        STATUS_DISPLAY_LABELS[status],
+                        ": ",
+                        displayCount
+                      ]
+                    },
+                    status
+                  );
+                }) }),
+                activeTasksState.hasMore && /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    onClick: loadMoreActive,
+                    disabled: activeTasksState.isLoadingMore,
+                    style: {
+                      background: theme2.colors.primary,
+                      color: theme2.colors.background,
+                      border: "none",
+                      borderRadius: theme2.radii[2],
+                      padding: "6px 12px",
+                      fontSize: theme2.fontSizes[1],
+                      fontWeight: theme2.fontWeights.medium,
+                      cursor: activeTasksState.isLoadingMore ? "wait" : "pointer",
+                      opacity: activeTasksState.isLoadingMore ? 0.7 : 1,
+                      transition: "opacity 0.2s ease"
+                    },
+                    children: activeTasksState.isLoadingMore ? "Loading..." : `Load more active (${activeTasksState.total - activeTasksState.loaded} remaining)`
+                  }
+                )
+              ] })
             ]
           }
         ),
@@ -2492,21 +2582,23 @@ const KanbanPanelContent = ({
               WebkitOverflowScrolling: "touch"
               // Smooth scrolling on iOS
             },
-            children: sources.map((source2) => {
-              const columnTasks = tasksBySource.get(source2) || [];
-              const columnState = columnStates.get(source2);
+            children: statusColumns.map((status) => {
+              const statusState = tasksByStatus.get(status);
+              const columnTasks = (statusState == null ? void 0 : statusState.tasks) || [];
+              const isCompleted = status === "completed";
+              const completedState = columnStates.get("completed");
               return /* @__PURE__ */ jsx(
                 KanbanColumn,
                 {
-                  status: SOURCE_DISPLAY_LABELS[source2],
+                  status: STATUS_DISPLAY_LABELS[status],
                   tasks: columnTasks,
-                  total: columnState == null ? void 0 : columnState.total,
-                  hasMore: columnState == null ? void 0 : columnState.hasMore,
-                  isLoadingMore: columnState == null ? void 0 : columnState.isLoadingMore,
-                  onLoadMore: () => loadMore(source2),
+                  total: isCompleted ? completedState == null ? void 0 : completedState.total : void 0,
+                  hasMore: isCompleted ? completedState == null ? void 0 : completedState.hasMore : false,
+                  isLoadingMore: isCompleted ? completedState == null ? void 0 : completedState.isLoadingMore : false,
+                  onLoadMore: isCompleted ? () => loadMore("completed") : void 0,
                   onTaskClick: handleTaskClick
                 },
-                source2
+                status
               );
             })
           }