loop-task 2.1.9 → 2.1.11

package/dist/app/App.js

@@ -48,7 +48,7 @@ export function App(props) {
     const s = useAppState(loops, pushToast, refresh, loopService, taskService, projectService, logService, view, push, pop);
     useLogStream(s.selectedId, view, (error) => pushToast("error", error.message));
     const { handleCommand } = useCommandHandlers({
-        activeTab: s.activeTab, selected: s.selected, selectedTask: s.selectedTask, selectedProjectEntity: s.selectedProjectEntity,
+        activeTab: s.activeTab, selected: s.selected, selectedRunIndex: s.selectedRunIndex, selectedTask: s.selectedTask, selectedProjectEntity: s.selectedProjectEntity,
         tasks: s.tasks, projects: s.projects, currentProjectId: s.currentProjectId, filters: s.filters, projectFilters: s.projectFilters,
         setCloneMode: s.setCloneMode, setEditTarget: s.setEditTarget, setPendingTaskSelection: s.setPendingTaskSelection,
         setEditTask: s.setEditTask, setEditProject: s.setEditProject, setActiveTab: s.setActiveTab,
@@ -61,7 +61,7 @@ export function App(props) {
         runAction: s.runAction, handleOpenRunLog: s.handleOpenRunLog,
     });
     const { handleContextualCopy, triggerContextualAction } = useContextualActions({
-        activeTab: s.activeTab, focusedPanel: s.focusedPanel, selected: s.selected, selectedTask: s.selectedTask, selectedProjectEntity: s.selectedProjectEntity,
+        activeTab: s.activeTab, focusedPanel: s.focusedPanel, selected: s.selected, selectedRunIndex: s.selectedRunIndex, selectedTask: s.selectedTask, selectedProjectEntity: s.selectedProjectEntity,
         tasks: s.tasks, push, setCloneMode: s.setCloneMode, setEditTarget: s.setEditTarget, setPendingTaskSelection: s.setPendingTaskSelection,
         handleCommand, handleOpenRunLog: s.handleOpenRunLog, pushToast, isBoardView,
         view, logModalRun: s.logModalRun, commandsBrowserOpen: s.commandsBrowserOpen, confirmState: s.confirmState, searchState: s.searchState,

package/dist/features/commands/useCommandHandlers.js

@@ -1,8 +1,9 @@
 import { t } from "../../shared/i18n/index.js";
 import { cycleSortMode, cycleStatusFilter } from "../../entities/loops/filters.js";
 import { cycleProjectSortMode, cycleProjectHasLoopsFilter, cycleProjectIsSystemFilter } from "../../entities/projects/filters.js";
+import { groupRunsByCycle } from "../../widgets/right-panel/RunHistory.js";
 export function useCommandHandlers(context) {
-    const { activeTab, selected, selectedTask, selectedProjectEntity, tasks, projects, currentProjectId, setCloneMode, setEditTarget, setPendingTaskSelection, setEditTask, setEditProject, setActiveTab, setConfirmState, setCommandsBrowserOpen, setSearchValue, setSearchState, setFilters, setSort, setCurrentProjectId, setProjectFilters, setProjectSelectedIndex, setDebugMode, setExportModal, push, pop, refresh, refreshTasks, refreshProjects, pushToast, loopService, taskService, projectService, exportService, runAction, handleOpenRunLog, } = context;
+    const { activeTab, selected, selectedRunIndex, selectedTask, selectedProjectEntity, tasks, projects, currentProjectId, setCloneMode, setEditTarget, setPendingTaskSelection, setEditTask, setEditProject, setActiveTab, setConfirmState, setCommandsBrowserOpen, setSearchValue, setSearchState, setFilters, setSort, setCurrentProjectId, setProjectFilters, setProjectSelectedIndex, setDebugMode, setExportModal, push, pop, refresh, refreshTasks, refreshProjects, pushToast, loopService, taskService, projectService, exportService, runAction, handleOpenRunLog, } = context;
     const commandHandlers = {
         edit: () => {
             if (activeTab === "loops" && selected) {
@@ -109,9 +110,10 @@ export function useCommandHandlers(context) {
         debug: () => { setDebugMode((prev) => !prev); },
         logs: () => {
             if (activeTab === "loops" && selected) {
-                const runs = selected.runHistory;
-                if (runs && runs.length > 0) {
-                    handleOpenRunLog(runs[runs.length - 1]);
+                const reversed = [...groupRunsByCycle(selected.runHistory)].reverse();
+                if (reversed.length > 0) {
+                    const run = reversed[Math.min(selectedRunIndex, reversed.length - 1)];
+                    handleOpenRunLog(run ?? reversed[0]);
                 }
             }
         },

package/dist/features/commands/useContextualActions.js

@@ -2,8 +2,9 @@ import { useCallback } from "react";
 import { copyToClipboard } from "../../shared/clipboard.js";
 import { commandLine } from "../../shared/ui/format.js";
 import { t } from "../../shared/i18n/index.js";
+import { groupRunsByCycle } from "../../widgets/right-panel/RunHistory.js";
 export function useContextualActions(context) {
-    const { activeTab, focusedPanel, selected, selectedTask, selectedProjectEntity, tasks, push, setCloneMode, setEditTarget, setPendingTaskSelection, handleCommand, handleOpenRunLog, pushToast, isBoardView, view, logModalRun, commandsBrowserOpen, confirmState, searchState, setChordState, chordState, } = context;
+    const { activeTab, focusedPanel, selected, selectedRunIndex, selectedTask, selectedProjectEntity, tasks, push, setCloneMode, setEditTarget, setPendingTaskSelection, handleCommand, handleOpenRunLog, pushToast, isBoardView, view, logModalRun, commandsBrowserOpen, confirmState, searchState, setChordState, chordState, } = context;
     const handleContextualCopy = useCallback(() => {
         const copyHandlers = {
             loops: () => {
@@ -57,9 +58,11 @@ export function useContextualActions(context) {
             "loops:right": () => {
                 if (!selected)
                     return;
-                const runs = selected.runHistory;
-                if (runs && runs.length > 0)
-                    handleOpenRunLog(runs[runs.length - 1]);
+                const reversed = [...groupRunsByCycle(selected.runHistory)].reverse();
+                if (reversed.length > 0) {
+                    const run = reversed[Math.min(selectedRunIndex, reversed.length - 1)];
+                    handleOpenRunLog(run ?? reversed[0]);
+                }
                 else
                     editSelectedLoop();
             },
@@ -68,7 +71,7 @@ export function useContextualActions(context) {
         const handlerKey = activeTab !== "loops" ? `${activeTab}:` : `loops:${focusedPanel}`;
         handlers[handlerKey]?.();
     }, [activeTab, focusedPanel, view, logModalRun, commandsBrowserOpen, confirmState, searchState,
-        chordState, setChordState, selected, selectedTask, selectedProjectEntity, tasks, push,
+        chordState, setChordState, selected, selectedRunIndex, selectedTask, selectedProjectEntity, tasks, push,
         setCloneMode, setEditTarget, setPendingTaskSelection, handleCommand, handleOpenRunLog,
         isBoardView]);
     return { handleContextualCopy, triggerContextualAction };

package/dist/shared/hooks/useLogStream.js

@@ -4,7 +4,9 @@ import { TYPES } from "../services/types.js";
 import { t } from "../i18n/index.js";
 import { LOG_LINES_MAX } from "../config/constants.js";
 export function useLogStream(selectedId, view, onError) {
-    const logService = useInject(TYPES.LogService);
+    const injectedLogService = useInject(TYPES.LogService);
+    const logServiceRef = useRef(injectedLogService);
+    const logService = logServiceRef.current;
     const [logLines, setLogLines] = useState([]);
     const logSocket = useRef(null);
     useEffect(() => {

package/dist/shared/i18n/en.json

@@ -193,7 +193,7 @@
     "board.logModalExit": "exit {code}",
     "board.logModalDuration": "duration",
     "board.logModalSearchHint": "type to filter, enter to apply, esc to exit search",
-    "board.logModalFooterHints": "/:search  ctrl+x:copy  up/down:scroll  esc:close",
+    "board.logModalFooterHints": "/:search  ctrl+x:copy  up/down:scroll  ctrl+t:top  ctrl+b:bottom  esc:close",
     "board.logModalEscClose": "esc to close",
     "board.logModalRunning": "running…",
     "board.detailTitle": " Loop Detail ",

package/dist/shared/ui/format.js

@@ -100,7 +100,7 @@ export function formatRunTime(iso) {
 export function formatDate(iso) {
     const d = new Date(iso);
     const date = d.toLocaleDateString("en-US", { month: "short", day: "numeric" });
-    const time = d.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", hour12: false });
+    const time = d.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", second: "2-digit", hour12: false });
     return `${date} ${time}`;
 }
 export function sinceLabel(loop) {

package/dist/widgets/log-modal/LogModal.js

@@ -1,13 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import { Box, Text, useInput } from "ink";
+import { useEffect, useRef, useState } from "react";
+import { Box, Text, useInput, useStdout } from "ink";
 import { darkTheme as theme } from "../../shared/ui/theme.js";
 import { t } from "../../shared/i18n/index.js";
 import { useInject } from "../../shared/hooks/useInject.js";
 import { TYPES } from "../../shared/services/types.js";
 import { formatDate } from "../../shared/ui/format.js";
 import { copyToClipboard } from "../../shared/clipboard.js";
-const MAX_VISIBLE_LINES = 20;
 function colorForLine(line, run) {
     if (line.includes("[Run #"))
         return theme.accent.loop;
@@ -31,7 +30,13 @@ export function LogModal(props) {
     const [searchQuery, setSearchQuery] = useState("");
     const [follow, setFollow] = useState(true);
     const [scrollOffset, setScrollOffset] = useState(0);
-    const logService = useInject(TYPES.LogService);
+    const bottomDistanceRef = useRef(0);
+    const injectedLogService = useInject(TYPES.LogService);
+    const logServiceRef = useRef(injectedLogService);
+    const logService = logServiceRef.current;
+    const { stdout } = useStdout();
+    const terminalHeight = stdout?.rows ?? 24;
+    const MAX_VISIBLE_LINES = Math.max(1, Math.floor(terminalHeight * 0.7) - 7);
     useEffect(() => {
         setLines(props.logLines);
     }, [props.logLines]);
@@ -92,14 +97,26 @@ export function LogModal(props) {
             props.onCopy?.();
             return;
         }
+        if (key.ctrl && input === "t") {
+            setFollow(false);
+            setScrollOffset(0);
+            return;
+        }
+        if (key.ctrl && input === "b") {
+            setFollow(true);
+            setScrollOffset(0);
+            return;
+        }
         if (key.downArrow) {
+            const base = follow ? Math.max(0, totalLines - MAX_VISIBLE_LINES) : scrollOffset;
             setFollow(false);
-            setScrollOffset((o) => Math.min(o + 1, Math.max(0, totalLines - MAX_VISIBLE_LINES)));
+            setScrollOffset(Math.min(base + 1, Math.max(0, totalLines - MAX_VISIBLE_LINES)));
             return;
         }
         if (key.upArrow) {
+            const base = follow ? Math.max(0, totalLines - MAX_VISIBLE_LINES) : scrollOffset;
             setFollow(false);
-            setScrollOffset((o) => Math.max(0, o - 1));
+            setScrollOffset(Math.max(0, base - 1));
             return;
         }
     });
@@ -118,7 +135,7 @@ export function LogModal(props) {
                                             ? t("board.logModalRunning")
                                             : t("board.logModalExit", { code: props.run.exitCode })] }), props.run.duration > 0 ? (_jsxs(Text, { color: theme.text.muted, children: [" ", t("board.logModalDuration"), " ", props.run.duration, "ms"] })) : null, _jsx(Text, { color: theme.text.muted, children: searchMode
                                         ? `/${searchQuery}`
-                                        : `[${startIdx}-${endIdx}/${totalLines}]` })] }), searchMode ? (_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: theme.text.muted, children: "Search: " }), _jsxs(Text, { color: theme.text.primary, children: [searchQuery, "_"] })] })) : null, _jsx(Box, { flexDirection: "column", flexGrow: 1, children: visible.length === 0 ? (_jsx(Text, { color: theme.text.muted, children: isLoading
+                                        : `[${startIdx}-${endIdx}/${totalLines}]` })] }), searchMode ? (_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: theme.text.muted, children: "Search: " }), _jsxs(Text, { color: theme.text.primary, children: [searchQuery, "_"] })] })) : null, _jsx(Box, { flexDirection: "column", flexGrow: 1, overflow: "hidden", children: visible.length === 0 ? (_jsx(Text, { color: theme.text.muted, children: isLoading
                                     ? t("board.logModalLoading")
                                     : searchQuery
                                         ? t("board.logModalNoMatches")

package/dist/widgets/right-panel/Inspector.js

@@ -1,16 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from "ink";
 import { darkTheme as theme, statusColor } from "../../shared/ui/theme.js";
-import { describeLoop, commandLine, timeAgo, timeUntil } from "../../shared/ui/format.js";
+import { describeLoop, commandLine, timeAgo, timeUntil, truncate } from "../../shared/ui/format.js";
 import { t } from "../../shared/i18n/index.js";
-import { resolveEffectiveCwd } from "../../core/command/resolve-cwd.js";
 const LABEL_WIDTH = 11;
 function Field(props) {
-    return (_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.text.muted, children: props.label.padEnd(LABEL_WIDTH) }), _jsx(Text, { color: theme.text.primary, children: props.children })] }));
+    return (_jsxs(Box, { overflow: "hidden", children: [_jsx(Text, { bold: true, color: theme.text.muted, children: props.label.padEnd(LABEL_WIDTH) }), _jsx(Text, { color: theme.text.primary, wrap: "truncate", children: props.children })] }));
 }
 const DIVIDER = "\u2500".repeat(40);
 function MutedField(props) {
-    return (_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.text.muted, children: props.label.padEnd(LABEL_WIDTH) }), _jsx(Text, { color: theme.text.muted, children: props.children })] }));
+    return (_jsxs(Box, { overflow: "hidden", children: [_jsx(Text, { bold: true, color: theme.text.muted, children: props.label.padEnd(LABEL_WIDTH) }), _jsx(Text, { color: theme.text.muted, wrap: "truncate", children: props.children })] }));
 }
 export function Inspector(props) {
     const { loop, projects } = props;
@@ -22,12 +21,7 @@ export function Inspector(props) {
     const lastRun = loop.lastRunAt ? timeAgo(loop.lastRunAt) : t("format.dash");
     const lastExit = loop.lastExitCode !== null ? String(loop.lastExitCode) : t("format.dash");
     const nextRun = loop.nextRunAt ? t("format.timingNext", { timeAgo: timeUntil(loop.nextRunAt) }) : t("format.dash");
-    const pid = loop.pid ? String(loop.pid) : t("format.dash");
-    const projectDirectory = projects?.find((p) => p.id === loop.projectId)?.directory;
-    const effectiveCwd = resolveEffectiveCwd(loop.cwd, projectDirectory);
-    const showEffective = loop.cwd !== effectiveCwd;
-    const fullCmd = commandLine(loop.command, loop.commandArgs);
-    const desc = describeLoop(loop);
-    const showCommand = desc !== fullCmd;
-    return (_jsxs(Box, { flexDirection: "column", paddingY: 0, children: [_jsx(Box, { paddingLeft: 1, children: _jsx(Text, { color: theme.text.muted, children: t("board.inspectorTitle") }) }), _jsx(Box, { paddingLeft: 1, children: _jsx(Text, { color: theme.text.muted, children: DIVIDER }) }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.text.muted, children: t("board.fieldStatus").padEnd(LABEL_WIDTH) }), _jsx(Text, { color: sColor, children: loop.status })] }), _jsx(Field, { label: t("board.fieldLastExit"), children: _jsx(Text, { color: theme.text.primary, children: lastExit }) }), _jsx(Field, { label: t("board.fieldLastRun"), children: _jsx(Text, { color: theme.text.primary, children: lastRun }) }), _jsx(Field, { label: t("board.fieldNextRun"), children: _jsx(Text, { color: theme.text.primary, children: nextRun }) }), _jsx(Field, { label: t("board.fieldRuns"), children: _jsxs(Text, { color: theme.text.primary, children: [loop.runCount, " / ", maxRunsLabel] }) }), _jsx(Field, { label: t("board.fieldInterval"), children: _jsx(Text, { color: theme.text.primary, children: loop.intervalHuman }) }), _jsx(Field, { label: t("board.fieldDir"), children: _jsxs(Text, { color: theme.text.primary, children: [loop.cwd || t("board.inherit"), showEffective ? ` → ${effectiveCwd}` : ""] }) }), _jsx(MutedField, { label: t("board.fieldId"), children: loop.id }), _jsx(MutedField, { label: t("board.fieldDesc"), children: desc }), showCommand && _jsx(MutedField, { label: t("board.fieldCommand"), children: fullCmd }), _jsx(MutedField, { label: t("board.fieldTask"), children: loop.taskId ?? t("format.dash") }), _jsx(MutedField, { label: t("board.fieldPid"), children: pid })] }), _jsx(Box, { paddingLeft: 1, children: _jsx(Text, { color: theme.text.muted, children: DIVIDER }) })] }));
+    const fullCmd = truncate(commandLine(loop.command, loop.commandArgs), 38);
+    const desc = truncate(describeLoop(loop), 38);
+    return (_jsxs(Box, { flexDirection: "column", paddingY: 0, children: [_jsx(Box, { paddingLeft: 1, children: _jsx(Text, { color: theme.text.muted, children: t("board.inspectorTitle") }) }), _jsx(Box, { paddingLeft: 1, children: _jsx(Text, { color: theme.text.muted, children: DIVIDER }) }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.text.muted, children: t("board.fieldStatus").padEnd(LABEL_WIDTH) }), _jsx(Text, { color: sColor, children: loop.status })] }), _jsx(Field, { label: t("board.fieldRuns"), children: _jsxs(Text, { color: theme.text.primary, children: [loop.runCount, " / ", maxRunsLabel] }) }), _jsx(Field, { label: t("board.fieldInterval"), children: _jsx(Text, { color: theme.text.primary, children: loop.intervalHuman }) }), _jsx(Field, { label: t("board.fieldLastExit"), children: _jsx(Text, { color: theme.text.primary, children: lastExit }) }), _jsx(Field, { label: t("board.fieldLastRun"), children: _jsx(Text, { color: theme.text.primary, children: lastRun }) }), _jsx(Field, { label: t("board.fieldNextRun"), children: _jsx(Text, { color: theme.text.primary, children: nextRun }) }), _jsx(MutedField, { label: t("board.fieldDesc"), children: desc }), _jsx(MutedField, { label: t("board.fieldCommand"), children: fullCmd })] }), _jsx(Box, { paddingLeft: 1, children: _jsx(Text, { color: theme.text.muted, children: DIVIDER }) })] }));
 }

package/dist/widgets/right-panel/RightPanel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text } from "ink";
+import { Box, Text, useStdout } from "ink";
 import { darkTheme as theme, tabAccentColor } from "../../shared/ui/theme.js";
 import { t } from "../../shared/i18n/index.js";
 import { Inspector } from "./Inspector.js";
@@ -10,7 +10,9 @@ const DIVIDER = "\u2500".repeat(40);
 export function RightPanel(props) {
     const { isFocused, navActive = true, activeTab, loop, selectedRunIndex, onSelectRun, onOpenRun, selectedTask, allTasks, selectedProject, projectLoopCount, onProjectEdit, onProjectDelete, projects, } = props;
     const borderColor = isFocused ? tabAccentColor(activeTab) : theme.border.default;
-    return (_jsx(Box, { flexDirection: "column", width: "40%", borderStyle: "single", borderColor: borderColor, children: activeTab === "projects" ? (_jsx(ProjectInspector, { project: selectedProject ?? null, loopCount: projectLoopCount ?? 0, onEdit: onProjectEdit, onDelete: onProjectDelete })) : activeTab === "tasks" ? (_jsx(TaskInspector, { task: selectedTask ?? null, allTasks: allTasks ?? [] })) : (_jsxs(_Fragment, { children: [_jsx(Inspector, { loop: loop, projects: projects }), _jsx(RunHistory, { loop: loop, selectedRunIndex: selectedRunIndex, onSelectRun: onSelectRun, onOpenRun: onOpenRun, isFocused: isFocused, navActive: navActive })] })) }));
+    const { stdout } = useStdout();
+    const panelHeight = (stdout?.rows ?? 24) - 8;
+    return (_jsx(Box, { flexDirection: "column", width: "40%", height: panelHeight, borderStyle: "single", borderColor: borderColor, children: activeTab === "projects" ? (_jsx(ProjectInspector, { project: selectedProject ?? null, loopCount: projectLoopCount ?? 0, onEdit: onProjectEdit, onDelete: onProjectDelete })) : activeTab === "tasks" ? (_jsx(TaskInspector, { task: selectedTask ?? null, allTasks: allTasks ?? [] })) : (_jsxs(_Fragment, { children: [_jsx(Inspector, { loop: loop, projects: projects }), _jsx(RunHistory, { loop: loop, selectedRunIndex: selectedRunIndex, onSelectRun: onSelectRun, onOpenRun: onOpenRun, isFocused: isFocused, navActive: navActive })] })) }));
 }
 function TaskInspector(props) {
     const { task, allTasks } = props;

package/dist/widgets/right-panel/RunHistory.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Text, useInput } from "ink";
+import { Box, Text, useInput, useStdout } from "ink";
 import { ScrollList } from "ink-scroll-list";
 import { darkTheme as theme } from "../../shared/ui/theme.js";
 import { formatRunTime, formatRunDuration, formatFileSize } from "../../shared/ui/format.js";
@@ -110,9 +110,11 @@ function computeTrends(runs) {
         lastFailureAgo,
     };
 }
-const LIMIT = 15;
 export function RunHistory(props) {
     const { loop, selectedRunIndex, onSelectRun, onOpenRun, isFocused, navActive = true } = props;
+    const { stdout } = useStdout();
+    const terminalHeight = stdout?.rows ?? 24;
+    const LIMIT = Math.max(3, terminalHeight - 22);
     const runs = groupRunsByCycle(loop?.runHistory ?? []);
     const reversed = [...runs].reverse();
     const n = reversed.length;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loop-task",
-  "version": "2.1.9",
+  "version": "2.1.11",
   "description": "Loop engineering toolkit. Run any command on a cadence, in the background, managed from a terminal board. Schedule tests, builds, syncs, or agent prompts.",
   "type": "module",
   "bin": {