aitasks 1.2.1 → 1.3.0

package/dist/index.js

@@ -1890,7 +1890,7 @@ var require_commander = __commonJS((exports) => {
 var require_package = __commonJS((exports, module) => {
   module.exports = {
     name: "aitasks",
-    version: "1.2.1",
+    version: "1.3.0",
     description: "CLI task management tool built for AI agents",
     type: "module",
     bin: {
@@ -41546,7 +41546,7 @@ var wrapAnsiLine = (line, maxW) => {
     result2.push(current);
   return result2;
 };
-var RightPane = ({ task, width, height, scrollOffset }) => {
+var RightPane = ({ task, width, height, scrollOffset, metricsRef }) => {
   const { lines, contentW } = import_react29.useMemo(() => {
     if (!task)
       return { lines: [], contentW: 20 };
@@ -41616,6 +41616,8 @@ var RightPane = ({ task, width, height, scrollOffset }) => {
   const visibleH = Math.max(3, height - 2);
   const maxOffset = Math.max(0, totalLines - visibleH);
   const offset = Math.min(scrollOffset, maxOffset);
+  if (metricsRef)
+    metricsRef.current = { maxOffset, visibleH };
   const visibleLines = lines.slice(offset, offset + visibleH);
   const scrollbar = import_react29.useMemo(() => {
     if (totalLines <= visibleH)
@@ -41728,6 +41730,15 @@ var StatusPicker = ({ task }) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_def
     }, undefined, false, undefined, this)
   ]
 }, undefined, true, undefined, this);
+var MONTHS = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+function getDateKey(ts) {
+  const d2 = new Date(ts);
+  return `${d2.getFullYear()}-${d2.getMonth()}-${d2.getDate()}`;
+}
+function formatDateLabel(ts) {
+  const d2 = new Date(ts);
+  return `${MONTHS[d2.getMonth()]} ${d2.getDate()}`;
+}
 function wrapText2(text, maxW) {
   const words2 = text.split(/\s+/);
   const result2 = [];
@@ -41777,6 +41788,8 @@ var TreeBoardComponent = ({ getTasks }) => {
     const doneCnt = items.filter((i) => i.section === "done").length;
     const result2 = [];
     let firstSection = true;
+    let prevDateKey = null;
+    let prevSection = null;
     for (let idx = 0;idx < items.length; idx++) {
       const item = items[idx];
       if (item.showSectionHeader && item.section !== "middle") {
@@ -41789,7 +41802,19 @@ var TreeBoardComponent = ({ getTasks }) => {
           total: item.section === "in_progress" ? ipTotal : undefined
         });
         firstSection = false;
+        prevDateKey = null;
+      } else if (item.section !== prevSection) {
+        prevDateKey = null;
+      }
+      if (item.indent === 0) {
+        const ts = item.section === "done" ? item.task.completed_at ?? item.task.created_at : item.task.created_at;
+        const dateKey = getDateKey(ts);
+        if (prevDateKey !== null && prevDateKey !== dateKey) {
+          result2.push({ kind: "date-sep", label: formatDateLabel(ts) });
+        }
+        prevDateKey = dateKey;
       }
+      prevSection = item.section;
       result2.push({ kind: "item", item, itemIdx: idx });
     }
     return result2;
@@ -41835,6 +41860,8 @@ var TreeBoardComponent = ({ getTasks }) => {
         return;
       }
       if (input && !key.ctrl && !key.meta) {
+        if (Date.now() < suppressUntilRef.current)
+          return;
         setSearchQuery((q2) => q2 + input);
         return;
       }
@@ -41887,14 +41914,40 @@ var TreeBoardComponent = ({ getTasks }) => {
   leftWidthRef.current = leftWidth;
   const scrollOffsetRef = import_react29.useRef(scrollOffset);
   scrollOffsetRef.current = scrollOffset;
+  const colsRef = import_react29.useRef(cols);
+  colsRef.current = cols;
+  const rowsRef = import_react29.useRef(rows);
+  rowsRef.current = rows;
+  const leftScrollOffsetRef = import_react29.useRef(leftScrollOffset);
+  leftScrollOffsetRef.current = leftScrollOffset;
+  const leftMaxOffsetRef = import_react29.useRef(0);
+  const rightMetricsRef = import_react29.useRef({ maxOffset: 0, visibleH: 0 });
+  const dragRef = import_react29.useRef(null);
+  const visibleLeftRowsRef = import_react29.useRef([]);
+  const suppressUntilRef = import_react29.useRef(0);
+  const searchActiveRef = import_react29.useRef(false);
   import_react29.useEffect(() => {
-    process.stdout.write("\x1B[?1000h\x1B[?1006h");
+    process.stdout.write("\x1B[?1002h\x1B[?1006h");
+    const jumpToRow = (row, pane) => {
+      const contentStart = 4;
+      const visH = Math.max(1, rowsRef.current - 4);
+      const relRow = Math.max(0, Math.min(row - contentStart, visH - 1));
+      const ratio = visH > 1 ? relRow / (visH - 1) : 0;
+      if (pane === "left") {
+        setLeftScrollOffset(Math.round(ratio * leftMaxOffsetRef.current));
+      } else {
+        setScrollOffset(Math.round(ratio * rightMetricsRef.current.maxOffset));
+      }
+    };
     const onData = (buf) => {
       const str = buf.toString("latin1");
-      const sgr = str.match(/\x1b\[<(\d+);(\d+);(\d+)M/);
+      const sgr = str.match(/\x1b\[<(\d+);(\d+);(\d+)([Mm])/);
       if (sgr) {
         const btn = parseInt(sgr[1], 10);
         const col = parseInt(sgr[2], 10) - 1;
+        const row = parseInt(sgr[3], 10) - 1;
+        const isRelease = sgr[4] === "m";
+        suppressUntilRef.current = Date.now() + 150;
         if (btn === 64 || btn === 65) {
           if (col < leftWidthRef.current) {
             if (btn === 64)
@@ -41907,6 +41960,34 @@ var TreeBoardComponent = ({ getTasks }) => {
             if (btn === 65)
               setScrollOffset((o) => o + 8);
           }
+          return;
+        }
+        if (isRelease) {
+          dragRef.current = null;
+          return;
+        }
+        if (btn === 0 || btn === 32) {
+          const leftSbCol = leftWidthRef.current - 2;
+          const rightSbCol = colsRef.current - 3;
+          if (btn === 0) {
+            if (col === leftSbCol)
+              dragRef.current = "left";
+            else if (col >= rightSbCol)
+              dragRef.current = "right";
+            else {
+              dragRef.current = null;
+              if (col < leftWidthRef.current - 1) {
+                const visRowIdx = row - (searchActiveRef.current ? 4 : 3);
+                const clicked = visibleLeftRowsRef.current[visRowIdx];
+                if (clicked?.kind === "item")
+                  setSelectedIdx(clicked.itemIdx);
+              }
+            }
+          }
+          if (dragRef.current === "left")
+            jumpToRow(row, "left");
+          if (dragRef.current === "right")
+            jumpToRow(row, "right");
         }
         return;
       }
@@ -41928,9 +42009,9 @@ var TreeBoardComponent = ({ getTasks }) => {
         }
       }
     };
-    process.stdin.on("data", onData);
+    process.stdin.prependListener("data", onData);
     return () => {
-      process.stdout.write("\x1B[?1006l\x1B[?1000l");
+      process.stdout.write("\x1B[?1006l\x1B[?1002l");
       process.stdin.off("data", onData);
     };
   }, []);
@@ -41939,8 +42020,12 @@ var TreeBoardComponent = ({ getTasks }) => {
   const leftVisibleH = Math.max(1, rows - 4);
   const leftTotalRows = leftRows.length;
   const leftMaxOffset = Math.max(0, leftTotalRows - leftVisibleH);
+  leftMaxOffsetRef.current = leftMaxOffset;
+  searchActiveRef.current = mode === "search" || !!searchQuery;
   const leftOffset = Math.min(leftScrollOffset, leftMaxOffset);
-  const visibleLeftRows = leftRows.slice(leftOffset, leftOffset + leftVisibleH);
+  const rawLeftRows = leftRows.slice(leftOffset, leftOffset + leftVisibleH);
+  const visibleLeftRows = rawLeftRows[0]?.kind === "date-sep" ? rawLeftRows.slice(1) : rawLeftRows;
+  visibleLeftRowsRef.current = visibleLeftRows;
   const leftScrollbar = (() => {
     const bar = Array(leftVisibleH).fill(" ");
     if (leftTotalRows > leftVisibleH) {
@@ -42083,6 +42168,37 @@ var TreeBoardComponent = ({ getTasks }) => {
                   ]
                 }, `sp-${leftOffset + i}`, true, undefined, this);
               }
+              if (row.kind === "date-sep") {
+                const dashW = Math.max(0, Math.floor((leftInner - 2 - row.label.length - 2) / 2));
+                const dashes = "\u254C".repeat(dashW);
+                return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+                      flexGrow: 1,
+                      paddingLeft: 1,
+                      children: [
+                        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                          dimColor: true,
+                          children: dashes
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                          dimColor: true,
+                          children: [
+                            " ",
+                            row.label,
+                            " "
+                          ]
+                        }, undefined, true, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                          dimColor: true,
+                          children: dashes
+                        }, undefined, false, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    sb
+                  ]
+                }, `ds-${leftOffset + i}`, true, undefined, this);
+              }
               if (row.kind === "section") {
                 const color = row.section === "in_progress" ? "yellow" : "green";
                 const label = row.section === "in_progress" ? "IN PROGRESS" : "DONE";
@@ -42139,7 +42255,8 @@ var TreeBoardComponent = ({ getTasks }) => {
             task: selectedTask,
             width: rightInner,
             height: rightHeight,
-            scrollOffset
+            scrollOffset,
+            metricsRef: rightMetricsRef
           }, undefined, false, undefined, this)
         }, undefined, false, undefined, this)
       ]
@@ -42215,6 +42332,7 @@ var StaticCard = ({ task }) => {
 };
 var StaticSection = ({ status, tasks }) => {
   const color = STATUS_COLORS3[status];
+  const getTaskDateKey = (t) => getDateKey(status === "done" ? t.completed_at ?? t.created_at : t.created_at);
   return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
     flexDirection: "column",
     borderStyle: "round",
@@ -42249,9 +42367,41 @@ var StaticSection = ({ status, tasks }) => {
           dimColor: true,
           children: "empty"
         }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this) : tasks.map((t) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(StaticCard, {
-        task: t
-      }, t.id, false, undefined, this))
+      }, undefined, false, undefined, this) : tasks.map((t, i) => {
+        const prev = tasks[i - 1];
+        const showSep = prev != null && getTaskDateKey(prev) !== getTaskDateKey(t);
+        return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_react29.default.Fragment, {
+          children: [
+            showSep && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+              paddingLeft: 2,
+              paddingRight: 1,
+              children: [
+                /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                  dimColor: true,
+                  children: [
+                    "\u254C".repeat(4),
+                    " "
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                  dimColor: true,
+                  children: [
+                    formatDateLabel(status === "done" ? t.completed_at ?? t.created_at : t.created_at),
+                    " "
+                  ]
+                }, undefined, true, undefined, this),
+                /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                  dimColor: true,
+                  children: "\u254C".repeat(4)
+                }, undefined, false, undefined, this)
+              ]
+            }, undefined, true, undefined, this),
+            /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(StaticCard, {
+              task: t
+            }, undefined, false, undefined, this)
+          ]
+        }, t.id, true, undefined, this);
+      })
     ]
   }, undefined, true, undefined, this);
 };
@@ -42985,4 +43135,4 @@ program2.parseAsync(process.argv).catch((err) => {
   process.exit(1);
 });
 
-//# debugId=758BC15FE9C3042464756E2164756E21
+//# debugId=26C003F11D02306964756E2164756E21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aitasks",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "CLI task management tool built for AI agents",
   "type": "module",
   "bin": {