aitasks 1.0.2 → 1.0.3

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.0.2",
+    version: "1.0.3",
     description: "CLI task management tool built for AI agents",
     type: "module",
     bin: {
@@ -27159,30 +27159,6 @@ var TreeRow = ({ item, isSelected, paneWidth }) => {
     ]
   }, undefined, true, undefined, this);
 };
-var SectionDivider = ({ section, count, total, isFirst }) => {
-  const color = section === "in_progress" ? "yellow" : "green";
-  const label = section === "in_progress" ? "IN PROGRESS" : "DONE";
-  const countLabel = total !== undefined && total !== count ? `${count} of ${total}` : `${count}`;
-  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
-    marginTop: isFirst ? 0 : 1,
-    paddingLeft: 1,
-    children: [
-      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
-        color,
-        bold: true,
-        children: label
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
-        color: "#AAAAAA",
-        children: [
-          "  (",
-          countLabel,
-          ")"
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-};
 var c2 = (color, text) => {
   if (color.startsWith("#"))
     return source_default.hex(color)(text);
@@ -27360,6 +27336,7 @@ var TreeBoardComponent = ({ getTasks }) => {
   const [tasks, setTasks] = import_react29.useState(() => getTasks());
   const [selectedIdx, setSelectedIdx] = import_react29.useState(0);
   const [scrollOffset, setScrollOffset] = import_react29.useState(0);
+  const [leftScrollOffset, setLeftScrollOffset] = import_react29.useState(0);
   const { exit } = use_app_default();
   const { stdout } = use_stdout_default();
   import_react29.useEffect(() => {
@@ -27370,9 +27347,45 @@ var TreeBoardComponent = ({ getTasks }) => {
   }, [getTasks]);
   const items = import_react29.useMemo(() => buildTree(tasks), [tasks]);
   const clampIdx = Math.min(selectedIdx, Math.max(0, items.length - 1));
+  const leftRows = import_react29.useMemo(() => {
+    const ipCnt = items.filter((i) => i.section === "in_progress").length;
+    const ipTotal = items.filter((i) => i.section === "in_progress" || i.section === "middle").length;
+    const doneCnt = items.filter((i) => i.section === "done").length;
+    const result2 = [];
+    let firstSection = true;
+    for (let idx = 0;idx < items.length; idx++) {
+      const item = items[idx];
+      if (item.showSectionHeader && item.section !== "middle") {
+        if (!firstSection)
+          result2.push({ kind: "spacer" });
+        result2.push({
+          kind: "section",
+          section: item.section,
+          count: item.section === "in_progress" ? ipCnt : doneCnt,
+          total: item.section === "in_progress" ? ipTotal : undefined
+        });
+        firstSection = false;
+      }
+      result2.push({ kind: "item", item, itemIdx: idx });
+    }
+    return result2;
+  }, [items]);
+  const selectedRowIdx = leftRows.findIndex((r2) => r2.kind === "item" && r2.itemIdx === clampIdx);
   import_react29.useEffect(() => {
     setScrollOffset(0);
   }, [clampIdx]);
+  import_react29.useEffect(() => {
+    if (selectedRowIdx < 0)
+      return;
+    const visH = Math.max(1, (stdout.rows ?? 30) - 4);
+    setLeftScrollOffset((o) => {
+      if (selectedRowIdx < o)
+        return selectedRowIdx;
+      if (selectedRowIdx >= o + visH)
+        return selectedRowIdx - visH + 1;
+      return o;
+    });
+  }, [selectedRowIdx, stdout]);
   use_input_default((input, key) => {
     if (input === "q" || key.escape)
       exit();
@@ -27440,16 +27453,30 @@ var TreeBoardComponent = ({ getTasks }) => {
       process.stdin.off("data", onData);
     };
   }, []);
-  const ipCount = items.filter((i) => i.section === "in_progress").length;
-  const ipTotalCount = items.filter((i) => i.section === "in_progress" || i.section === "middle").length;
-  const doneCount = items.filter((i) => i.section === "done").length;
   const leftInner = leftWidth - 2;
   const rightInner = rightWidth - 2;
+  const leftVisibleH = Math.max(1, rows - 4);
+  const leftTotalRows = leftRows.length;
+  const leftMaxOffset = Math.max(0, leftTotalRows - leftVisibleH);
+  const leftOffset = Math.min(leftScrollOffset, leftMaxOffset);
+  const visibleLeftRows = leftRows.slice(leftOffset, leftOffset + leftVisibleH);
+  const leftScrollbar = (() => {
+    const bar = Array(leftVisibleH).fill(" ");
+    if (leftTotalRows > leftVisibleH) {
+      const thumbH = Math.max(1, Math.floor(leftVisibleH / leftTotalRows * leftVisibleH));
+      const thumbPos = leftMaxOffset > 0 ? Math.floor(leftOffset / leftMaxOffset * (leftVisibleH - thumbH)) : 0;
+      for (let i = 0;i < leftVisibleH; i++) {
+        bar[i] = i >= thumbPos && i < thumbPos + thumbH ? "\u2588" : "\u2591";
+      }
+    }
+    return bar;
+  })();
   return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
     flexDirection: "column",
     width: cols,
     children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
       width: cols,
+      height: rows,
       children: [
         /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
           width: leftWidth,
@@ -27484,21 +27511,70 @@ var TreeBoardComponent = ({ getTasks }) => {
               dimColor: true,
               children: "\u2500".repeat(leftInner)
             }, undefined, false, undefined, this),
-            items.map((item, idx) => /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(import_react29.default.Fragment, {
-              children: [
-                item.showSectionHeader && item.section !== "middle" && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(SectionDivider, {
-                  section: item.section,
-                  count: item.section === "in_progress" ? ipCount : doneCount,
-                  total: item.section === "in_progress" ? ipTotalCount : undefined,
-                  isFirst: idx === 0
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(TreeRow, {
-                  item,
-                  isSelected: idx === clampIdx,
-                  paneWidth: leftInner
+            visibleLeftRows.map((row, i) => {
+              const sb = /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+                width: 1,
+                children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                  dimColor: true,
+                  children: leftScrollbar[i]
                 }, undefined, false, undefined, this)
-              ]
-            }, item.task.id, true, undefined, this))
+              }, undefined, false, undefined, this);
+              if (row.kind === "spacer") {
+                return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+                  children: [
+                    /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+                      flexGrow: 1,
+                      children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                        children: " "
+                      }, undefined, false, undefined, this)
+                    }, undefined, false, undefined, this),
+                    sb
+                  ]
+                }, `sp-${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";
+                const cnt = row.total !== undefined && row.total !== row.count ? `${row.count} of ${row.total}` : `${row.count}`;
+                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, {
+                          color,
+                          bold: true,
+                          children: label
+                        }, undefined, false, undefined, this),
+                        /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Text, {
+                          color: "#AAAAAA",
+                          children: [
+                            "  (",
+                            cnt,
+                            ")"
+                          ]
+                        }, undefined, true, undefined, this)
+                      ]
+                    }, undefined, true, undefined, this),
+                    sb
+                  ]
+                }, `sec-${row.section}`, true, undefined, this);
+              }
+              return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+                children: [
+                  /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
+                    flexGrow: 1,
+                    children: /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(TreeRow, {
+                      item: row.item,
+                      isSelected: row.itemIdx === clampIdx,
+                      paneWidth: leftInner - 1
+                    }, undefined, false, undefined, this)
+                  }, undefined, false, undefined, this),
+                  sb
+                ]
+              }, row.item.task.id, true, undefined, this);
+            })
           ]
         }, undefined, true, undefined, this),
         /* @__PURE__ */ jsx_dev_runtime3.jsxDEV(Box_default, {
@@ -27945,4 +28021,4 @@ program2.parseAsync(process.argv).catch((err) => {
   process.exit(1);
 });
 
-//# debugId=7BF15E0EE4CC68E364756E2164756E21
+//# debugId=09373F4729776D6C64756E2164756E21

package/package.json

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