@industry-theme/backlogmd-kanban-panel 1.0.21 → 1.0.23

package/dist/panels.bundle.js

@@ -3741,88 +3741,77 @@ const createLucideIcon = (iconName, iconNode) => {
  * See the LICENSE file in the root directory of this source tree.
  */
 const __iconNode$o = [
-  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
-  ["path", { d: "M19 12H5", key: "x3x0zl" }]
-];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$o);
-/**
- * @license lucide-react v0.552.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const __iconNode$n = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
 ];
-const Calendar = createLucideIcon("calendar", __iconNode$n);
+const Calendar = createLucideIcon("calendar", __iconNode$o);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$m = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$m);
+const __iconNode$n = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$n);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$l = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$l);
+const __iconNode$m = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$m);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$k = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$k);
+const __iconNode$l = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$l);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$j = [
+const __iconNode$k = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$j);
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$k);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$i = [
+const __iconNode$j = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$i);
+const CircleCheck = createLucideIcon("circle-check", __iconNode$j);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$h = [
+const __iconNode$i = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$h);
+const Copy = createLucideIcon("copy", __iconNode$i);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$g = [
+const __iconNode$h = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -3832,26 +3821,26 @@ const __iconNode$g = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$g);
+const Expand = createLucideIcon("expand", __iconNode$h);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$f = [
+const __iconNode$g = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink = createLucideIcon("external-link", __iconNode$f);
+const ExternalLink = createLucideIcon("external-link", __iconNode$g);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$e = [
+const __iconNode$f = [
   [
     "path",
     {
@@ -3864,14 +3853,14 @@ const __iconNode$e = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$e);
+const FileText = createLucideIcon("file-text", __iconNode$f);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$d = [
+const __iconNode$e = [
   [
     "path",
     {
@@ -3880,14 +3869,14 @@ const __iconNode$d = [
     }
   ]
 ];
-const Flag = createLucideIcon("flag", __iconNode$d);
+const Flag = createLucideIcon("flag", __iconNode$e);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$c = [
+const __iconNode$d = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -3898,47 +3887,47 @@ const __iconNode$c = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$c);
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$d);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$b = [
+const __iconNode$c = [
   ["line", { x1: "6", x2: "6", y1: "3", y2: "15", key: "17qcm7" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M18 9a9 9 0 0 1-9 9", key: "n2h4wq" }]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$b);
+const GitBranch = createLucideIcon("git-branch", __iconNode$c);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$a = [
+const __iconNode$b = [
   ["path", { d: "M5 3v14", key: "9nsxs2" }],
   ["path", { d: "M12 3v8", key: "1h2ygw" }],
   ["path", { d: "M19 3v18", key: "1sk56x" }]
 ];
-const Kanban = createLucideIcon("kanban", __iconNode$a);
+const Kanban = createLucideIcon("kanban", __iconNode$b);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$9 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$9);
+const __iconNode$a = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$a);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$8 = [
+const __iconNode$9 = [
   ["path", { d: "M12 13v8", key: "1l5pq0" }],
   ["path", { d: "M12 3v3", key: "1n5kay" }],
   [
@@ -3949,37 +3938,37 @@ const __iconNode$8 = [
     }
   ]
 ];
-const Milestone = createLucideIcon("milestone", __iconNode$8);
+const Milestone = createLucideIcon("milestone", __iconNode$9);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$7 = [
+const __iconNode$8 = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
 ];
-const Monitor = createLucideIcon("monitor", __iconNode$7);
+const Monitor = createLucideIcon("monitor", __iconNode$8);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$6 = [
+const __iconNode$7 = [
   ["path", { d: "M18 8L22 12L18 16", key: "1r0oui" }],
   ["path", { d: "M2 12H22", key: "1m8cig" }]
 ];
-const MoveRight = createLucideIcon("move-right", __iconNode$6);
+const MoveRight = createLucideIcon("move-right", __iconNode$7);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$5 = [
+const __iconNode$6 = [
   [
     "path",
     {
@@ -3988,31 +3977,42 @@ const __iconNode$5 = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$5);
+const Play = createLucideIcon("play", __iconNode$6);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$4 = [
+const __iconNode$5 = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$4);
+const Plus = createLucideIcon("plus", __iconNode$5);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const __iconNode$3 = [
+const __iconNode$4 = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$3);
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$4);
+/**
+ * @license lucide-react v0.552.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const __iconNode$3 = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+];
+const Search = createLucideIcon("search", __iconNode$3);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -5866,35 +5866,32 @@ class PanelFileSystemAdapter {
 const STATUS_DISPLAY_LABELS = {
   "todo": "To Do",
   "in-progress": "In Progress",
-  "completed": "Completed"
+  "done": "Done"
 };
 const COLUMN_TO_STATUS = {
   "todo": "To Do",
   "in-progress": "In Progress",
-  "completed": "Done"
+  "done": "Done"
 };
-const DEFAULT_SOURCES = ["tasks", "completed"];
 const DEFAULT_TASKS_LIMIT = 20;
-const DEFAULT_COMPLETED_LIMIT = 5;
 function useKanbanData(options) {
   const {
     context,
     actions,
-    tasksLimit = DEFAULT_TASKS_LIMIT,
-    completedLimit = DEFAULT_COMPLETED_LIMIT
+    tasksLimit = DEFAULT_TASKS_LIMIT
   } = options || {};
   const [tasks, setTasks] = useState([]);
-  const [sources] = useState(DEFAULT_SOURCES);
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const [isBacklogProject, setIsBacklogProject] = useState(false);
   const [canWrite, setCanWrite] = useState(false);
-  const [tasksBySource, setTasksBySource] = useState(
-    /* @__PURE__ */ new Map()
-  );
   const [columnStates, setColumnStates] = useState(
     /* @__PURE__ */ new Map()
   );
+  const [totalLoaded, setTotalLoaded] = useState(0);
+  const [totalCount, setTotalCount] = useState(0);
+  const [hasMore, setHasMore] = useState(false);
+  const [isLoadingMore, setIsLoadingMore] = useState(false);
   const coreRef = useRef(null);
   const activeFilePathRef = useRef(null);
   const contextRef = useRef(context);
@@ -5924,13 +5921,27 @@ function useKanbanData(options) {
     }
   }, []);
   const fileTreeVersionRef = useRef(null);
+  const buildColumnStates = useCallback((allTasks) => {
+    const statusColumns2 = ["todo", "in-progress", "done"];
+    const newColumnStates = /* @__PURE__ */ new Map();
+    for (const column of statusColumns2) {
+      const status = COLUMN_TO_STATUS[column];
+      const columnTasks = allTasks.filter((t) => t.status === status);
+      newColumnStates.set(column, {
+        tasks: columnTasks,
+        total: columnTasks.length,
+        hasMore: false,
+        isLoadingMore: false
+      });
+    }
+    return newColumnStates;
+  }, []);
   const loadBacklogData = useCallback(async () => {
     var _a, _b, _c;
     if (!context || !actions) {
       console.log("[useKanbanData] No context provided");
       setIsBacklogProject(false);
       setTasks([]);
-      setTasksBySource(/* @__PURE__ */ new Map());
       setColumnStates(/* @__PURE__ */ new Map());
       setIsLoading(false);
       coreRef.current = null;
@@ -5942,7 +5953,6 @@ function useKanbanData(options) {
       console.log("[useKanbanData] FileTree not available");
       setIsBacklogProject(false);
       setTasks([]);
-      setTasksBySource(/* @__PURE__ */ new Map());
       setColumnStates(/* @__PURE__ */ new Map());
       coreRef.current = null;
       fileTreeVersionRef.current = null;
@@ -5973,7 +5983,6 @@ function useKanbanData(options) {
         console.log("[useKanbanData] Not a Backlog.md project");
         setIsBacklogProject(false);
         setTasks([]);
-        setTasksBySource(/* @__PURE__ */ new Map());
         setColumnStates(/* @__PURE__ */ new Map());
         coreRef.current = null;
         return;
@@ -5983,133 +5992,74 @@ function useKanbanData(options) {
       setCanWrite(fs.canWrite);
       await core2.initializeLazy(filePaths);
       coreRef.current = core2;
-      const paginatedResult = await core2.getTasksBySourcePaginated({
-        tasksLimit,
-        completedLimit,
-        offset: 0,
-        tasksSortDirection: "asc",
-        completedSortByIdDesc: true
+      const paginatedResult = await core2.loadMoreForSource("tasks", 0, {
+        limit: tasksLimit,
+        sortDirection: "asc"
       });
-      const newTasksBySource = /* @__PURE__ */ new Map();
-      const newColumnStates = /* @__PURE__ */ new Map();
-      let allTasks = [];
-      for (const source2 of paginatedResult.sources) {
-        const columnResult = paginatedResult.bySource.get(source2);
-        if (columnResult) {
-          newTasksBySource.set(source2, columnResult.items);
-          newColumnStates.set(source2, {
-            tasks: columnResult.items,
-            total: columnResult.total,
-            hasMore: columnResult.hasMore,
-            isLoadingMore: false
-          });
-          allTasks = allTasks.concat(columnResult.items);
-        } else {
-          newTasksBySource.set(source2, []);
-          newColumnStates.set(source2, {
-            tasks: [],
-            total: 0,
-            hasMore: false,
-            isLoadingMore: false
-          });
-        }
-      }
-      const totalTasks = Array.from(paginatedResult.bySource.values()).reduce(
-        (sum, col) => sum + col.total,
-        0
-      );
+      const allTasks = paginatedResult.items;
+      const total = paginatedResult.total;
       console.log(
-        `[useKanbanData] Loaded ${allTasks.length}/${totalTasks} tasks (active: ${tasksLimit}, completed: ${completedLimit})`
+        `[useKanbanData] Loaded ${allTasks.length}/${total} tasks`
       );
       fileTreeVersionRef.current = currentVersion;
+      const newColumnStates = buildColumnStates(allTasks);
       setTasks(allTasks);
-      setTasksBySource(newTasksBySource);
       setColumnStates(newColumnStates);
+      setTotalLoaded(allTasks.length);
+      setTotalCount(total);
+      setHasMore(paginatedResult.hasMore);
     } catch (err) {
       console.error("[useKanbanData] Failed to load Backlog.md data:", err);
       setError(err instanceof Error ? err.message : "Failed to load backlog data");
       setIsBacklogProject(false);
       setTasks([]);
-      setTasksBySource(/* @__PURE__ */ new Map());
       setColumnStates(/* @__PURE__ */ new Map());
       coreRef.current = null;
       fileTreeVersionRef.current = null;
     } finally {
       setIsLoading(false);
     }
-  }, [context, actions, fetchFileContent, tasksLimit, completedLimit]);
+  }, [context, actions, fetchFileContent, tasksLimit, buildColumnStates]);
   useEffect(() => {
     loadBacklogData();
   }, [loadBacklogData]);
-  const loadMore = useCallback(
-    async (source2) => {
-      const core2 = coreRef.current;
-      if (!core2) {
-        console.warn("[useKanbanData] Core not available for loadMore");
-        return;
-      }
-      const currentState = columnStates.get(source2);
-      if (!currentState || !currentState.hasMore || currentState.isLoadingMore) {
-        return;
-      }
-      setColumnStates((prev) => {
-        const newStates = new Map(prev);
-        const state = newStates.get(source2);
-        if (state) {
-          newStates.set(source2, { ...state, isLoadingMore: true });
-        }
-        return newStates;
+  const loadMoreTasks = useCallback(async () => {
+    const core2 = coreRef.current;
+    if (!core2) {
+      console.warn("[useKanbanData] Core not available for loadMore");
+      return;
+    }
+    if (!hasMore || isLoadingMore) {
+      return;
+    }
+    setIsLoadingMore(true);
+    try {
+      const result = await core2.loadMoreForSource("tasks", totalLoaded, {
+        limit: tasksLimit,
+        sortDirection: "asc"
       });
-      try {
-        const currentOffset = currentState.tasks.length;
-        const limit = source2 === "tasks" ? tasksLimit : completedLimit;
-        const result = await core2.loadMoreForSource(
-          source2,
-          currentOffset,
-          {
-            limit,
-            sortDirection: "asc",
-            completedSortByIdDesc: source2 === "completed"
-          }
-        );
-        console.log(
-          `[useKanbanData] Loaded ${result.items.length} more tasks for "${source2}" (${currentOffset + result.items.length}/${result.total})`
-        );
-        setColumnStates((prev) => {
-          const newStates = new Map(prev);
-          const state = newStates.get(source2);
-          if (state) {
-            const newTasks = [...state.tasks, ...result.items];
-            newStates.set(source2, {
-              tasks: newTasks,
-              total: result.total,
-              hasMore: result.hasMore,
-              isLoadingMore: false
-            });
-          }
-          return newStates;
-        });
-        setTasksBySource((prev) => {
-          const newMap = new Map(prev);
-          const currentTasks = newMap.get(source2) || [];
-          newMap.set(source2, [...currentTasks, ...result.items]);
-          return newMap;
-        });
-        setTasks((prev) => [...prev, ...result.items]);
-      } catch (err) {
-        console.error(`[useKanbanData] Failed to load more for "${source2}":`, err);
-        setError(err instanceof Error ? err.message : "Failed to load more tasks");
-        setColumnStates((prev) => {
-          const newStates = new Map(prev);
-          const state = newStates.get(source2);
-          if (state) {
-            newStates.set(source2, { ...state, isLoadingMore: false });
-          }
-          return newStates;
-        });
-      }
+      console.log(
+        `[useKanbanData] Loaded ${result.items.length} more tasks (${totalLoaded + result.items.length}/${result.total})`
+      );
+      const newTasks = [...tasks, ...result.items];
+      setTasks(newTasks);
+      setTotalLoaded(newTasks.length);
+      setTotalCount(result.total);
+      setHasMore(result.hasMore);
+      const newColumnStates = buildColumnStates(newTasks);
+      setColumnStates(newColumnStates);
+    } catch (err) {
+      console.error("[useKanbanData] Failed to load more tasks:", err);
+      setError(err instanceof Error ? err.message : "Failed to load more tasks");
+    } finally {
+      setIsLoadingMore(false);
+    }
+  }, [tasks, hasMore, isLoadingMore, totalLoaded, tasksLimit, buildColumnStates]);
+  const loadMore = useCallback(
+    async (_status) => {
+      await loadMoreTasks();
     },
-    [columnStates, tasksLimit, completedLimit]
+    [loadMoreTasks]
   );
   const refreshData = useCallback(async () => {
     await loadBacklogData();
@@ -6141,44 +6091,17 @@ function useKanbanData(options) {
   const moveTaskOptimistic = useCallback(
     (taskId, toColumn) => {
       const newStatus = COLUMN_TO_STATUS[toColumn];
-      const isMovingToCompleted = toColumn === "completed";
-      setTasksBySource((prev) => {
-        const newMap = new Map(prev);
-        const activeTasks = [...newMap.get("tasks") || []];
-        const completedTasks = [...newMap.get("completed") || []];
-        let taskToMove;
-        const activeIndex = activeTasks.findIndex((t) => t.id === taskId);
-        if (activeIndex !== -1) {
-          taskToMove = activeTasks[activeIndex];
-          activeTasks.splice(activeIndex, 1);
-        }
-        if (!taskToMove) {
-          const completedIndex = completedTasks.findIndex((t) => t.id === taskId);
-          if (completedIndex !== -1) {
-            taskToMove = completedTasks[completedIndex];
-            completedTasks.splice(completedIndex, 1);
-          }
-        }
-        if (!taskToMove) {
-          console.warn(`[useKanbanData] Task ${taskId} not found for move`);
-          return prev;
-        }
-        const updatedTask = { ...taskToMove, status: newStatus };
-        if (isMovingToCompleted) {
-          completedTasks.unshift(updatedTask);
-        } else {
-          activeTasks.push(updatedTask);
-        }
-        newMap.set("tasks", activeTasks);
-        newMap.set("completed", completedTasks);
+      setTasks((prev) => {
+        const newTasks = prev.map(
+          (t) => t.id === taskId ? { ...t, status: newStatus } : t
+        );
+        const newColumnStates = buildColumnStates(newTasks);
+        setColumnStates(newColumnStates);
         console.log(`[useKanbanData] Moved task ${taskId} to ${toColumn} (${newStatus})`);
-        return newMap;
+        return newTasks;
       });
-      setTasks(
-        (prev) => prev.map((t) => t.id === taskId ? { ...t, status: newStatus } : t)
-      );
     },
-    []
+    [buildColumnStates]
   );
   const getTaskById = useCallback(
     (taskId) => {
@@ -6186,50 +6109,39 @@ function useKanbanData(options) {
     },
     [tasks]
   );
-  const statusColumns = ["todo", "in-progress", "completed"];
+  const statusColumns = ["todo", "in-progress", "done"];
   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 });
+    for (const column of statusColumns) {
+      const state = columnStates.get(column);
+      result.set(column, {
+        tasks: (state == null ? void 0 : state.tasks) || [],
+        count: (state == null ? void 0 : state.total) || 0
+      });
+    }
     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]);
+  const totalTasksState = {
+    total: totalCount,
+    loaded: totalLoaded,
+    hasMore,
+    isLoadingMore
+  };
   return {
     tasks,
-    sources,
     isLoading,
     error,
     isBacklogProject,
-    tasksBySource,
     columnStates,
     loadMore,
     refreshData,
     updateTaskStatus,
-    // New 3-column view exports
     statusColumns,
     tasksByStatus,
-    activeTasksState,
-    loadMoreActive,
-    // Drag-and-drop support
+    totalTasksState,
+    loadMoreTasks,
     moveTaskOptimistic,
     getTaskById,
-    // Write support
     canWrite,
     core: coreRef.current
   };
@@ -6290,6 +6202,7 @@ const TaskCard = ({
       onClick(task);
     }
   };
+  const displayTitle = task.title.replace(/^Task\s+\d+\s*[:\-–—]?\s*/i, "").trim() || task.title;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -6320,7 +6233,7 @@ const TaskCard = ({
               color: theme2.colors.text,
               fontWeight: theme2.fontWeights.medium
             },
-            children: task.title
+            children: displayTitle
           }
         ),
         task.description && /* @__PURE__ */ jsx(
@@ -6430,8 +6343,6 @@ const KanbanColumn = ({
         flex: fullWidth ? "1 1 auto" : "1 1 0",
         // Grow to fill available width equally
         minWidth: fullWidth ? void 0 : "280px",
-        maxWidth: fullWidth ? void 0 : "500px",
-        // Cap max width for readability
         alignSelf: "stretch",
         // Fill parent height via flexbox
         minHeight: 0,
@@ -7351,6 +7262,7 @@ const KanbanPanel = ({
   const [activeTask, setActiveTask] = useState(null);
   const [isTaskModalOpen, setIsTaskModalOpen] = useState(false);
   const [editingTask, setEditingTask] = useState(void 0);
+  const [searchQuery, setSearchQuery] = useState("");
   const sensors = useSensors(
     useSensor(PointerSensor, {
       activationConstraint: {
@@ -7378,10 +7290,8 @@ const KanbanPanel = ({
   const {
     statusColumns,
     tasksByStatus,
-    columnStates,
-    loadMore,
-    activeTasksState,
-    loadMoreActive,
+    totalTasksState,
+    loadMoreTasks,
     error,
     isBacklogProject,
     refreshData,
@@ -7392,9 +7302,28 @@ const KanbanPanel = ({
   } = useKanbanData({
     context,
     actions,
-    tasksLimit: 20,
-    completedLimit: 5
+    tasksLimit: 20
   });
+  const filteredTasksByStatus = useMemo(() => {
+    if (!searchQuery.trim()) {
+      return tasksByStatus;
+    }
+    const query = searchQuery.toLowerCase().trim();
+    const filtered = /* @__PURE__ */ new Map();
+    for (const [status, state] of tasksByStatus) {
+      const filteredTasks = state.tasks.filter((task) => {
+        var _a2, _b2, _c, _d;
+        if (task.title.toLowerCase().includes(query)) return true;
+        if ((_a2 = task.description) == null ? void 0 : _a2.toLowerCase().includes(query)) return true;
+        if ((_b2 = task.labels) == null ? void 0 : _b2.some((label) => label.toLowerCase().includes(query))) return true;
+        if ((_c = task.assignee) == null ? void 0 : _c.some((a) => a.toLowerCase().includes(query))) return true;
+        if ((_d = task.milestone) == null ? void 0 : _d.toLowerCase().includes(query)) return true;
+        return false;
+      });
+      filtered.set(status, { tasks: filteredTasks, count: filteredTasks.length });
+    }
+    return filtered;
+  }, [tasksByStatus, searchQuery]);
   const handleDragStart = useCallback((event) => {
     const { active } = event;
     const task = getTaskById(active.id);
@@ -7413,7 +7342,7 @@ const KanbanPanel = ({
     const statusToColumn = {
       "To Do": "todo",
       "In Progress": "in-progress",
-      "Done": "completed"
+      "Done": "done"
     };
     const currentColumn = statusToColumn[task.status] || "todo";
     if (currentColumn !== targetColumn) {
@@ -7562,32 +7491,77 @@ const KanbanPanel = ({
                   }
                 )
               ] }),
-              isBacklogProject && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "16px", flexWrap: "wrap" }, children: [
-                !isNarrowView && /* @__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],
+              isBacklogProject && /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  style: {
+                    position: "relative",
+                    flex: "1 1 200px",
+                    maxWidth: "300px",
+                    minWidth: "150px"
+                  },
+                  children: [
+                    /* @__PURE__ */ jsx(
+                      Search,
+                      {
+                        size: 16,
                         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
-                  );
-                }) }),
+                        style: {
+                          position: "absolute",
+                          left: "10px",
+                          top: "50%",
+                          transform: "translateY(-50%)",
+                          pointerEvents: "none"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "text",
+                        placeholder: "Search tasks...",
+                        value: searchQuery,
+                        onChange: (e) => setSearchQuery(e.target.value),
+                        style: {
+                          width: "100%",
+                          padding: "8px 32px 8px 32px",
+                          fontSize: theme2.fontSizes[1],
+                          fontFamily: theme2.fonts.body,
+                          border: `1px solid ${theme2.colors.border}`,
+                          borderRadius: theme2.radii[2],
+                          background: theme2.colors.backgroundSecondary,
+                          color: theme2.colors.text,
+                          outline: "none",
+                          boxSizing: "border-box"
+                        }
+                      }
+                    ),
+                    searchQuery && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        onClick: () => setSearchQuery(""),
+                        style: {
+                          position: "absolute",
+                          right: "6px",
+                          top: "50%",
+                          transform: "translateY(-50%)",
+                          background: "transparent",
+                          border: "none",
+                          padding: "4px",
+                          cursor: "pointer",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center",
+                          color: theme2.colors.textSecondary
+                        },
+                        "aria-label": "Clear search",
+                        children: /* @__PURE__ */ jsx(X, { size: 14 })
+                      }
+                    )
+                  ]
+                }
+              ),
+              isBacklogProject && /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: "16px", flexWrap: "wrap" }, children: [
                 canWrite && /* @__PURE__ */ jsxs(
                   "button",
                   {
@@ -7612,11 +7586,11 @@ const KanbanPanel = ({
                     ]
                   }
                 ),
-                activeTasksState.hasMore && /* @__PURE__ */ jsx(
+                totalTasksState.hasMore && /* @__PURE__ */ jsx(
                   "button",
                   {
-                    onClick: loadMoreActive,
-                    disabled: activeTasksState.isLoadingMore,
+                    onClick: loadMoreTasks,
+                    disabled: totalTasksState.isLoadingMore,
                     style: {
                       background: theme2.colors.backgroundSecondary,
                       color: theme2.colors.text,
@@ -7625,11 +7599,11 @@ const KanbanPanel = ({
                       padding: "6px 12px",
                       fontSize: theme2.fontSizes[1],
                       fontWeight: theme2.fontWeights.medium,
-                      cursor: activeTasksState.isLoadingMore ? "wait" : "pointer",
-                      opacity: activeTasksState.isLoadingMore ? 0.7 : 1,
+                      cursor: totalTasksState.isLoadingMore ? "wait" : "pointer",
+                      opacity: totalTasksState.isLoadingMore ? 0.7 : 1,
                       transition: "opacity 0.2s ease"
                     },
-                    children: activeTasksState.isLoadingMore ? "Loading..." : `Load more active (${activeTasksState.total - activeTasksState.loaded} remaining)`
+                    children: totalTasksState.isLoadingMore ? "Loading..." : `Load more (${totalTasksState.total - totalTasksState.loaded} remaining)`
                   }
                 )
               ] })
@@ -7696,7 +7670,7 @@ const KanbanPanel = ({
                         },
                         children: statusColumns.map((status) => {
                           const isSelected = status === selectedTab;
-                          const statusState = tasksByStatus.get(status);
+                          const statusState = filteredTasksByStatus.get(status);
                           const count = (statusState == null ? void 0 : statusState.count) || 0;
                           return /* @__PURE__ */ jsxs(
                             "button",
@@ -7758,26 +7732,19 @@ const KanbanPanel = ({
                             style: {
                               display: "flex",
                               gap: "16px",
-                              flex: "1 0 auto",
+                              width: "100%",
                               paddingBottom: "8px",
-                              minWidth: "100%",
                               alignItems: "stretch"
                             },
                             children: statusColumns.filter((status) => !isNarrowView || status === selectedTab).map((status) => {
-                              const statusState = tasksByStatus.get(status);
+                              const statusState = filteredTasksByStatus.get(status);
                               const columnTasks = (statusState == null ? void 0 : statusState.tasks) || [];
-                              const isCompleted = status === "completed";
-                              const completedState = columnStates.get("completed");
                               return /* @__PURE__ */ jsx(
                                 KanbanColumn,
                                 {
                                   columnId: status,
                                   status: STATUS_DISPLAY_LABELS[status],
                                   tasks: columnTasks,
-                                  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,
                                   fullWidth: isNarrowView
                                 },
@@ -51972,10 +51939,24 @@ const TaskDetailPanel = ({ context, actions, events: events2 }) => {
                   style: {
                     display: "flex",
                     alignItems: "center",
-                    gap: "12px",
+                    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],
+                            color: theme2.colors.textMuted
+                          },
+                          children: selectedTask.id
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(StatusBadge, { status: selectedTask.status })
+                    ] }),
                     /* @__PURE__ */ jsx(
                       "button",
                       {
@@ -52001,22 +51982,10 @@ const TaskDetailPanel = ({ context, actions, events: events2 }) => {
                           e.currentTarget.style.background = theme2.colors.surface;
                           e.currentTarget.style.color = theme2.colors.textSecondary;
                         },
-                        title: "Back",
-                        children: /* @__PURE__ */ jsx(ArrowLeft, { size: 16 })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "span",
-                      {
-                        style: {
-                          fontFamily: theme2.fonts.monospace,
-                          fontSize: theme2.fontSizes[0],
-                          color: theme2.colors.textMuted
-                        },
-                        children: selectedTask.id
+                        title: "Close",
+                        children: /* @__PURE__ */ jsx(X, { size: 16 })
                       }
-                    ),
-                    /* @__PURE__ */ jsx(StatusBadge, { status: selectedTask.status })
+                    )
                   ]
                 }
               ),