floq 1.3.2 → 1.4.0

package/dist/ui/components/GtdDQ.js

@@ -7,11 +7,12 @@ import { v4 as uuidv4 } from 'uuid';
 import { getDb, schema } from '../../db/index.js';
 import { t, fmt } from '../../i18n/index.js';
 import { useTheme } from '../theme/index.js';
-import { isTursoEnabled, getContexts, addContext, getLocale, getContextFilter, setContextFilter as saveContextFilter, getPomodoroFocusMode, setPomodoroFocusMode } from '../../config.js';
-import { useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from '../history/index.js';
+import { isTursoEnabled, getContexts, addContext, getLocale, getContextFilter, setContextFilter as saveContextFilter, getPomodoroFocusMode, setPomodoroFocusMode, getFocusFilter, setFocusFilter } from '../../config.js';
+import { useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, SetFocusCommand, SetEffortCommand, } from '../history/index.js';
 import { SearchBar } from './SearchBar.js';
 import { SearchResults } from './SearchResults.js';
 import { HelpModal } from './HelpModal.js';
+import { InsightsModal } from './InsightsModal.js';
 import { CalendarModal } from './CalendarModal.js';
 import { Clock } from './Clock.js';
 import { CalendarEvents } from './CalendarEvents.js';
@@ -155,6 +156,9 @@ export function GtdDQ({ onOpenSettings }) {
     const [searchQuery, setSearchQuery] = useState('');
     const [searchResults, setSearchResults] = useState([]);
     const [searchResultIndex, setSearchResultIndex] = useState(0);
+    // Focus filter state
+    const [focusFilterState, setFocusFilterState] = useState(getFocusFilter());
+    const [effortSelectIndex, setEffortSelectIndex] = useState(0);
     // Pomodoro focus mode state
     const [focusMode, setFocusModeState] = useState(() => getPomodoroFocusMode());
     const toggleFocusMode = useCallback(() => {
@@ -181,6 +185,17 @@ export function GtdDQ({ onOpenSettings }) {
     const rightPaneWidth = terminalWidth - leftPaneWidth - 6;
     const currentTab = TABS[currentTabIndex];
     const currentTasks = mode === 'project-detail' ? projectTasks : tasks[currentTab];
+    const EFFORT_OPTIONS = [
+        { value: 'small', label: i18n.tui.effort?.small || 'Small' },
+        { value: 'medium', label: i18n.tui.effort?.medium || 'Medium' },
+        { value: 'large', label: i18n.tui.effort?.large || 'Large' },
+        { value: null, label: i18n.tui.effort?.clear || 'Clear' },
+    ];
+    const getCurrentTask = () => {
+        if (currentTasks.length === 0)
+            return undefined;
+        return currentTasks[selectedTaskIndex];
+    };
     const loadTasks = useCallback(async () => {
         const db = getDb();
         const newTasks = {
@@ -214,6 +229,9 @@ export function GtdDQ({ onOpenSettings }) {
                     allTasks = allTasks.filter(t => t.context === contextFilter);
                 }
             }
+            if (focusFilterState) {
+                allTasks = allTasks.filter(t => t.isFocused);
+            }
             newTasks[status] = allTasks;
         }
         newTasks.projects = await db
@@ -233,7 +251,7 @@ export function GtdDQ({ onOpenSettings }) {
         setProjectProgress(progress);
         setTasks(newTasks);
         setAvailableContexts(getContexts());
-    }, [contextFilter]);
+    }, [contextFilter, focusFilterState]);
     const loadProjectTasks = useCallback(async (projectId) => {
         const db = getDb();
         const children = await db
@@ -430,6 +448,48 @@ export function GtdDQ({ onOpenSettings }) {
         setMessage(description);
         await loadTasks();
     }, [i18n.tui.context, loadTasks, history]);
+    const toggleTaskFocus = async () => {
+        const task = getCurrentTask();
+        if (!task)
+            return;
+        const newFocused = !task.isFocused;
+        const description = newFocused
+            ? fmt(i18n.tui.focus?.taskFocused || 'Focused: "{title}"', { title: task.title })
+            : fmt(i18n.tui.focus?.taskUnfocused || 'Unfocused: "{title}"', { title: task.title });
+        const command = new SetFocusCommand({
+            taskId: task.id,
+            fromFocused: task.isFocused,
+            toFocused: newFocused,
+            description,
+        });
+        await history.execute(command);
+        setMessage(description);
+        await loadTasks();
+    };
+    const toggleFocusFilter = () => {
+        const newValue = !focusFilterState;
+        setFocusFilterState(newValue);
+        setFocusFilter(newValue);
+        setMessage(newValue ? (i18n.tui.focus?.filterOn || 'Focus filter ON') : (i18n.tui.focus?.filterOff || 'Focus filter OFF'));
+    };
+    const setTaskEffort = async (effort) => {
+        const task = getCurrentTask();
+        if (!task)
+            return;
+        const description = effort
+            ? fmt(i18n.tui.effort?.effortSet || 'Set effort {effort} for "{title}"', { effort: i18n.tui.effort?.[effort] || effort, title: task.title })
+            : fmt(i18n.tui.effort?.effortCleared || 'Cleared effort for "{title}"', { title: task.title });
+        const command = new SetEffortCommand({
+            taskId: task.id,
+            fromEffort: task.effort,
+            toEffort: effort,
+            description,
+        });
+        await history.execute(command);
+        setMessage(description);
+        setMode('normal');
+        await loadTasks();
+    };
     const handleInputSubmit = async (value) => {
         // Handle search mode submit
         if (mode === 'search') {
@@ -494,8 +554,8 @@ export function GtdDQ({ onOpenSettings }) {
         }
     };
     useInput((input, key) => {
-        // Handle help mode - let HelpModal handle its own input
-        if (mode === 'help') {
+        // Handle help/insights mode - let modals handle their own input
+        if (mode === 'help' || mode === 'insights') {
             return;
         }
         // Battle command navigation (j/k) - when timer is running and in focus mode
@@ -730,6 +790,26 @@ export function GtdDQ({ onOpenSettings }) {
             }
             return;
         }
+        // Handle set-effort mode
+        if (mode === 'set-effort') {
+            if (key.escape) {
+                setMode('normal');
+                return;
+            }
+            if (input === 'j' || key.downArrow) {
+                setEffortSelectIndex(prev => Math.min(prev + 1, EFFORT_OPTIONS.length - 1));
+                return;
+            }
+            if (input === 'k' || key.upArrow) {
+                setEffortSelectIndex(prev => Math.max(prev - 1, 0));
+                return;
+            }
+            if (key.return) {
+                setTaskEffort(EFFORT_OPTIONS[effortSelectIndex].value);
+                return;
+            }
+            return;
+        }
         // Handle select-project mode
         if (mode === 'select-project') {
             if (key.escape) {
@@ -801,6 +881,10 @@ export function GtdDQ({ onOpenSettings }) {
             setMode('help');
             return;
         }
+        if (input === 'I') {
+            setMode('insights');
+            return;
+        }
         if (input === 'C') {
             setMode('calendar');
             return;
@@ -958,6 +1042,24 @@ export function GtdDQ({ onOpenSettings }) {
                     setMode('set-context');
                     return;
                 }
+                // Toggle focus on task
+                if (input === 'g') {
+                    toggleTaskFocus();
+                    return;
+                }
+                // Toggle focus filter
+                if (input === 'G') {
+                    toggleFocusFilter();
+                    return;
+                }
+                // Set effort
+                if (input === 'E') {
+                    if (getCurrentTask()) {
+                        setEffortSelectIndex(0);
+                        setMode('set-effort');
+                    }
+                    return;
+                }
             }
             // Undo
             if (input === 'u') {
@@ -1035,6 +1137,10 @@ export function GtdDQ({ onOpenSettings }) {
     if (mode === 'help') {
         return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(HelpModal, { onClose: () => setMode('normal') }) }));
     }
+    // Insights modal overlay
+    if (mode === 'insights') {
+        return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(InsightsModal, { onClose: () => setMode('normal') }) }));
+    }
     // Calendar modal overlay
     if (mode === 'calendar') {
         return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(CalendarModal, { onClose: () => setMode('normal') }) }));
@@ -1045,13 +1151,13 @@ export function GtdDQ({ onOpenSettings }) {
         const battleWidth = terminalWidth - 4;
         return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(PomodoroBattleUI, { state: pomodoro.state, remainingSeconds: pomodoro.remainingSeconds, isPaused: pomodoro.isPaused, jobClass: jobClass, level: playerLevel, totalCompleted: tasks.done.length, width: battleWidth, selectedCommand: selectedCommand }), message && (_jsx(BattleMessage, { message: message, isNew: true })), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsxs(Box, { children: [_jsx(Text, { color: theme.colors.accent, children: "\u2328\uFE0F " }), _jsxs(Text, { color: theme.colors.textMuted, children: ["a=", i18n.tui.keyBar.add, " f=focus off"] })] }) })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: jobClass }), _jsx(Text, { color: theme.colors.text, children: " Lv." }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: Math.floor(tasks.done.length / 5) + 1 }), _jsx(Text, { color: theme.colors.text, children: "  HP " }), _jsx(Text, { bold: true, color: theme.colors.statusNext, children: tasks.inbox.length + tasks.next.length }), _jsxs(Text, { color: theme.colors.textMuted, children: ["/", tasks.inbox.length + tasks.next.length + tasks.waiting.length + tasks.someday.length] }), _jsx(Text, { color: theme.colors.text, children: "  MP " }), _jsx(Text, { bold: true, color: theme.colors.statusWaiting, children: tasks.projects.length }), _jsx(Text, { color: tursoEnabled ? theme.colors.accent : theme.colors.textMuted, children: tursoEnabled ? ' [TURSO]' : '' }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? 'none' : contextFilter] }))] }), _jsxs(Box, { children: [_jsx(CalendarEvents, { compact: true, showLabel: true, withSeparator: true }), _jsx(Clock, {}), _jsx(Text, { color: theme.colors.textMuted, children: " ?=help q=quit" })] })] }), pomodoro.isRunning && pomodoro.state && (_jsx(Box, { marginBottom: 1, children: _jsx(PomodoroBattleUI, { state: pomodoro.state, remainingSeconds: pomodoro.remainingSeconds, isPaused: pomodoro.isPaused, jobClass: jobClass, level: Math.floor(tasks.done.length / 5) + 1, totalCompleted: tasks.done.length, width: terminalWidth - 4, compact: true }) })), mode === 'context-filter' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "Filter by context" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: ['all', 'none', ...availableContexts].map((ctx, index) => {
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: jobClass }), _jsx(Text, { color: theme.colors.text, children: " Lv." }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: Math.floor(tasks.done.length / 5) + 1 }), _jsx(Text, { color: theme.colors.text, children: "  HP " }), _jsx(Text, { bold: true, color: theme.colors.statusNext, children: tasks.inbox.length + tasks.next.length }), _jsxs(Text, { color: theme.colors.textMuted, children: ["/", tasks.inbox.length + tasks.next.length + tasks.waiting.length + tasks.someday.length] }), _jsx(Text, { color: theme.colors.text, children: "  MP " }), _jsx(Text, { bold: true, color: theme.colors.statusWaiting, children: tasks.projects.length }), _jsx(Text, { color: tursoEnabled ? theme.colors.accent : theme.colors.textMuted, children: tursoEnabled ? ' [TURSO]' : '' }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? 'none' : contextFilter] })), focusFilterState && (_jsxs(Text, { color: theme.colors.accent, children: [" ", i18n.tui.focus?.focused || '★ Focused'] }))] }), _jsxs(Box, { children: [_jsx(CalendarEvents, { compact: true, showLabel: true, withSeparator: true }), _jsx(Clock, {}), _jsx(Text, { color: theme.colors.textMuted, children: " ?=help q=quit" })] })] }), pomodoro.isRunning && pomodoro.state && (_jsx(Box, { marginBottom: 1, children: _jsx(PomodoroBattleUI, { state: pomodoro.state, remainingSeconds: pomodoro.remainingSeconds, isPaused: pomodoro.isPaused, jobClass: jobClass, level: Math.floor(tasks.done.length / 5) + 1, totalCompleted: tasks.done.length, width: terminalWidth - 4, compact: true }) })), mode === 'context-filter' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "Filter by context" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: ['all', 'none', ...availableContexts].map((ctx, index) => {
                             const label = ctx === 'all' ? 'All' : ctx === 'none' ? 'No context' : `@${ctx}`;
                             return (_jsxs(Text, { color: index === contextSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === contextSelectIndex, children: [index === contextSelectIndex ? '▶ ' : '  ', label] }, ctx));
                         }) })] })) : mode === 'set-context' && currentTasks.length > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.context?.setContext || 'Set context for', ": ", currentTasks[selectedTaskIndex]?.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: ['clear', ...availableContexts, 'new'].map((ctx, index) => {
                             const label = ctx === 'clear' ? (i18n.tui.context?.none || 'Clear context') : ctx === 'new' ? (i18n.tui.context?.addNew || 'New context...') : `@${ctx}`;
                             return (_jsxs(Text, { color: index === contextSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === contextSelectIndex, children: [index === contextSelectIndex ? '▶ ' : '  ', label] }, ctx));
-                        }) })] })) : mode === 'select-project' && taskToLink ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project', ": ", taskToLink.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: tasks.projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? '▶ ' : '  ', project.title] }, project.id))) })] })) : mode === 'confirm-delete' && taskToDelete ? (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: theme.colors.accent, bold: true, children: fmt(i18n.tui.deleteConfirm || 'Delete "{title}"? (y/n)', { title: taskToDelete.title }) }) })) : (mode === 'task-detail' || mode === 'add-comment') && selectedTask ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(TitledBoxInline, { title: i18n.tui.taskDetailTitle || 'Task Details', width: terminalWidth - 4, minHeight: 4, isActive: true, children: [_jsx(Text, { color: theme.colors.text, bold: true, children: selectedTask.title }), selectedTask.description && (_jsx(Text, { color: theme.colors.textMuted, children: selectedTask.description })), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.taskDetailStatus || 'Status', ": "] }), _jsxs(Text, { color: theme.colors.accent, children: [i18n.status[selectedTask.status], selectedTask.waitingFor && ` (${selectedTask.waitingFor})`] })] }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.context?.label || 'Context', ": "] }), _jsx(Text, { color: theme.colors.accent, children: selectedTask.context ? `@${selectedTask.context}` : (i18n.tui.context?.none || 'No context') })] })] }), _jsx(Box, { marginTop: 1, children: _jsx(TitledBoxInline, { title: `${i18n.tui.comments || 'Comments'} (${taskComments.length})`, width: terminalWidth - 4, minHeight: 5, isActive: mode === 'task-detail', children: taskComments.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noComments || 'No comments yet' })) : (taskComments.map((comment, index) => {
+                        }) })] })) : mode === 'set-effort' && getCurrentTask() ? (_jsx(Box, { flexDirection: "column", children: _jsx(TitledBoxInline, { title: i18n.tui.effort?.set || 'Set Effort', width: Math.min(40, terminalWidth - 4), minHeight: EFFORT_OPTIONS.length, isActive: true, children: EFFORT_OPTIONS.map((option, index) => (_jsxs(Text, { color: index === effortSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === effortSelectIndex, children: [index === effortSelectIndex ? '▶ ' : '  ', option.label] }, option.label))) }) })) : mode === 'select-project' && taskToLink ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project', ": ", taskToLink.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: tasks.projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? '▶ ' : '  ', project.title] }, project.id))) })] })) : mode === 'confirm-delete' && taskToDelete ? (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: theme.colors.accent, bold: true, children: fmt(i18n.tui.deleteConfirm || 'Delete "{title}"? (y/n)', { title: taskToDelete.title }) }) })) : (mode === 'task-detail' || mode === 'add-comment') && selectedTask ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(TitledBoxInline, { title: i18n.tui.taskDetailTitle || 'Task Details', width: terminalWidth - 4, minHeight: 4, isActive: true, children: [_jsx(Text, { color: theme.colors.text, bold: true, children: selectedTask.title }), selectedTask.description && (_jsx(Text, { color: theme.colors.textMuted, children: selectedTask.description })), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.taskDetailStatus || 'Status', ": "] }), _jsxs(Text, { color: theme.colors.accent, children: [i18n.status[selectedTask.status], selectedTask.waitingFor && ` (${selectedTask.waitingFor})`] })] }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.context?.label || 'Context', ": "] }), _jsx(Text, { color: theme.colors.accent, children: selectedTask.context ? `@${selectedTask.context}` : (i18n.tui.context?.none || 'No context') })] }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.effort?.label || 'Effort', ": "] }), _jsx(Text, { color: theme.colors.accent, children: selectedTask.effort ? (i18n.tui.effort?.[selectedTask.effort] || selectedTask.effort) : '-' })] }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.focus?.label || 'Focus', ": "] }), _jsx(Text, { color: theme.colors.accent, children: selectedTask.isFocused ? '★' : '-' })] })] }), _jsx(Box, { marginTop: 1, children: _jsx(TitledBoxInline, { title: `${i18n.tui.comments || 'Comments'} (${taskComments.length})`, width: terminalWidth - 4, minHeight: 5, isActive: mode === 'task-detail', children: taskComments.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noComments || 'No comments yet' })) : (taskComments.map((comment, index) => {
                                 const isSelected = index === selectedCommentIndex && mode === 'task-detail';
                                 return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { color: theme.colors.textMuted, children: [isSelected ? '▶ ' : '  ', "[", comment.createdAt.toLocaleString(), "]"] }), _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: ['  ', comment.content] })] }, comment.id));
                             })) }) })] })) : (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { marginRight: 2, children: _jsx(TitledBoxInline, { title: mode === 'project-detail' && selectedProject ? selectedProject.title : 'GTD', width: leftPaneWidth, minHeight: 8, isActive: paneFocus === 'tabs' && mode !== 'project-detail', children: mode === 'project-detail' ? (_jsx(Text, { color: theme.colors.textMuted, children: "\u2190 Esc/b: back" })) : (TABS.map((tab, index) => {
@@ -1062,6 +1168,8 @@ export function GtdDQ({ onOpenSettings }) {
                                 const isSelected = (paneFocus === 'tasks' || mode === 'project-detail') && index === selectedTaskIndex;
                                 const parentProject = getParentProject(task.parentId);
                                 const progress = currentTab === 'projects' ? projectProgress[task.id] : undefined;
+                                const focusPrefix = task.isFocused ? '★ ' : '';
+                                const effortBadge = task.effort ? `[${{ 'small': 'S', 'medium': 'M', 'large': 'L' }[task.effort]}] ` : '';
                                 // Calculate available width for title
                                 const prefix = isSelected ? '▶ ' : '  ';
                                 const suffix = [
@@ -1070,9 +1178,9 @@ export function GtdDQ({ onOpenSettings }) {
                                     parentProject ? ` [${parentProject.title}]` : '',
                                     progress ? ` [${progress.completed}/${progress.total}]` : '',
                                 ].join('');
-                                const availableWidth = rightPaneWidth - 6 - getDisplayWidth(prefix) - getDisplayWidth(suffix);
+                                const availableWidth = rightPaneWidth - 6 - getDisplayWidth(prefix) - getDisplayWidth(focusPrefix) - getDisplayWidth(effortBadge) - getDisplayWidth(suffix);
                                 const displayTitle = truncateString(task.title, availableWidth);
-                                return (_jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [prefix, displayTitle, task.waitingFor && _jsxs(Text, { color: theme.colors.muted, children: [" (", task.waitingFor, ")"] }), task.context && _jsxs(Text, { color: theme.colors.muted, children: [" @", task.context] }), parentProject && _jsxs(Text, { color: theme.colors.muted, children: [" [", parentProject.title, "]"] }), progress && _jsxs(Text, { color: theme.colors.muted, children: [" [", progress.completed, "/", progress.total, "]"] })] }, task.id));
+                                return (_jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [prefix, focusPrefix, effortBadge, displayTitle, task.waitingFor && _jsxs(Text, { color: theme.colors.muted, children: [" (", task.waitingFor, ")"] }), task.context && _jsxs(Text, { color: theme.colors.muted, children: [" @", task.context] }), parentProject && _jsxs(Text, { color: theme.colors.muted, children: [" [", parentProject.title, "]"] }), progress && _jsxs(Text, { color: theme.colors.muted, children: [" [", progress.completed, "/", progress.total, "]"] })] }, task.id));
                             })) }) })] })), (mode === 'add' || mode === 'add-to-project') && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: mode === 'add-to-project' && selectedProject
                             ? `${i18n.tui.newTask}[${selectedProject.title}] `
                             : i18n.tui.newTask }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.placeholder })] })), mode === 'move-to-waiting' && taskToWaiting && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.waitingFor }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: "" })] })), mode === 'add-context' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "New context: " }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: "Enter context name..." })] })), mode === 'add-comment' && selectedTask && (_jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.addComment || 'Add comment', ": "] }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: "Enter comment..." })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), mode === 'search' && searchQuery && (_jsx(SearchResults, { results: searchResults, selectedIndex: searchResultIndex, query: searchQuery })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.accent, children: "\u2328\uFE0F " }), _jsx(Text, { color: theme.colors.textMuted, children: mode === 'task-detail'

package/dist/ui/components/GtdMario.js

@@ -7,12 +7,13 @@ import { v4 as uuidv4 } from 'uuid';
 import { getDb, schema } from '../../db/index.js';
 import { t, fmt } from '../../i18n/index.js';
 import { useTheme } from '../theme/index.js';
-import { isTursoEnabled, getContexts, addContext, getContextFilter, setContextFilter as saveContextFilter, getPomodoroFocusMode, setPomodoroFocusMode } from '../../config.js';
+import { isTursoEnabled, getContexts, addContext, getContextFilter, setContextFilter as saveContextFilter, getPomodoroFocusMode, setPomodoroFocusMode, getFocusFilter, setFocusFilter } from '../../config.js';
 import { VERSION } from '../../version.js';
-import { useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from '../history/index.js';
+import { useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, SetFocusCommand, SetEffortCommand, } from '../history/index.js';
 import { SearchBar } from './SearchBar.js';
 import { SearchResults } from './SearchResults.js';
 import { HelpModal } from './HelpModal.js';
+import { InsightsModal } from './InsightsModal.js';
 import { CalendarModal } from './CalendarModal.js';
 import { MarioBoxInline } from './MarioBox.js';
 import { Clock } from './Clock.js';
@@ -97,6 +98,8 @@ export function GtdMario({ onOpenSettings }) {
     const [searchQuery, setSearchQuery] = useState('');
     const [searchResults, setSearchResults] = useState([]);
     const [searchResultIndex, setSearchResultIndex] = useState(0);
+    const [focusFilter, setFocusFilterState] = useState(getFocusFilter());
+    const [effortSelectIndex, setEffortSelectIndex] = useState(0);
     // Focus mode state (can be toggled during pomodoro)
     const [focusMode, setFocusModeState] = useState(() => getPomodoroFocusMode());
     const toggleFocusMode = useCallback(() => {
@@ -132,6 +135,17 @@ export function GtdMario({ onOpenSettings }) {
     const rightPaneWidth = terminalWidth - leftPaneWidth - 6;
     const currentTab = TABS[currentTabIndex];
     const currentTasks = mode === 'project-detail' ? projectTasks : tasks[currentTab];
+    const getCurrentTask = () => {
+        if (currentTasks.length === 0)
+            return undefined;
+        return currentTasks[selectedTaskIndex];
+    };
+    const EFFORT_OPTIONS = [
+        { value: 'small', label: i18n.tui.effort?.small || 'Small' },
+        { value: 'medium', label: i18n.tui.effort?.medium || 'Medium' },
+        { value: 'large', label: i18n.tui.effort?.large || 'Large' },
+        { value: null, label: i18n.tui.effort?.clear || 'Clear' },
+    ];
     const loadTasks = useCallback(async () => {
         const db = getDb();
         const newTasks = {
@@ -165,6 +179,9 @@ export function GtdMario({ onOpenSettings }) {
                     allTasks = allTasks.filter(t => t.context === contextFilter);
                 }
             }
+            if (focusFilter) {
+                allTasks = allTasks.filter(t => t.isFocused);
+            }
             newTasks[status] = allTasks;
         }
         newTasks.projects = await db
@@ -184,7 +201,7 @@ export function GtdMario({ onOpenSettings }) {
         setProjectProgress(progress);
         setTasks(newTasks);
         setAvailableContexts(getContexts());
-    }, [contextFilter]);
+    }, [contextFilter, focusFilter]);
     const loadProjectTasks = useCallback(async (projectId) => {
         const db = getDb();
         const children = await db
@@ -377,6 +394,48 @@ export function GtdMario({ onOpenSettings }) {
         setMessage(description);
         await loadTasks();
     }, [i18n.tui.context, loadTasks, history]);
+    const toggleTaskFocus = async () => {
+        const task = getCurrentTask();
+        if (!task)
+            return;
+        const newFocused = !task.isFocused;
+        const description = newFocused
+            ? fmt(i18n.tui.focus?.taskFocused || 'Focused: "{title}"', { title: task.title })
+            : fmt(i18n.tui.focus?.taskUnfocused || 'Unfocused: "{title}"', { title: task.title });
+        const command = new SetFocusCommand({
+            taskId: task.id,
+            fromFocused: task.isFocused,
+            toFocused: newFocused,
+            description,
+        });
+        await history.execute(command);
+        setMessage(description);
+        await loadTasks();
+    };
+    const toggleFocusFilter = () => {
+        const newValue = !focusFilter;
+        setFocusFilterState(newValue);
+        setFocusFilter(newValue);
+        setMessage(newValue ? (i18n.tui.focus?.filterOn || 'Focus filter ON') : (i18n.tui.focus?.filterOff || 'Focus filter OFF'));
+    };
+    const setTaskEffort = async (effort) => {
+        const task = getCurrentTask();
+        if (!task)
+            return;
+        const description = effort
+            ? fmt(i18n.tui.effort?.effortSet || 'Set effort {effort} for "{title}"', { effort: i18n.tui.effort?.[effort] || effort, title: task.title })
+            : fmt(i18n.tui.effort?.effortCleared || 'Cleared effort for "{title}"', { title: task.title });
+        const command = new SetEffortCommand({
+            taskId: task.id,
+            fromEffort: task.effort,
+            toEffort: effort,
+            description,
+        });
+        await history.execute(command);
+        setMessage(description);
+        setMode('normal');
+        await loadTasks();
+    };
     const handleInputSubmit = async (value) => {
         if (mode === 'search') {
             if (searchResults.length > 0) {
@@ -439,7 +498,7 @@ export function GtdMario({ onOpenSettings }) {
         }
     };
     useInput((input, key) => {
-        if (mode === 'help') {
+        if (mode === 'help' || mode === 'insights') {
             return;
         }
         // Focus mode key handling - simplified controls
@@ -644,6 +703,25 @@ export function GtdMario({ onOpenSettings }) {
             }
             return;
         }
+        if (mode === 'set-effort') {
+            if (key.escape) {
+                setMode('normal');
+                return;
+            }
+            if (input === 'j' || key.downArrow) {
+                setEffortSelectIndex(prev => Math.min(prev + 1, EFFORT_OPTIONS.length - 1));
+                return;
+            }
+            if (input === 'k' || key.upArrow) {
+                setEffortSelectIndex(prev => Math.max(prev - 1, 0));
+                return;
+            }
+            if (key.return) {
+                setTaskEffort(EFFORT_OPTIONS[effortSelectIndex].value);
+                return;
+            }
+            return;
+        }
         if (mode === 'select-project') {
             if (key.escape) {
                 const wasFromTaskDetail = selectedTask !== null;
@@ -712,6 +790,10 @@ export function GtdMario({ onOpenSettings }) {
             setMode('help');
             return;
         }
+        if (input === 'I') {
+            setMode('insights');
+            return;
+        }
         if (input === 'C') {
             setMode('calendar');
             return;
@@ -857,6 +939,24 @@ export function GtdMario({ onOpenSettings }) {
                     setMode('set-context');
                     return;
                 }
+                // Toggle focus on task
+                if (input === 'g') {
+                    toggleTaskFocus();
+                    return;
+                }
+                // Toggle focus filter
+                if (input === 'G') {
+                    toggleFocusFilter();
+                    return;
+                }
+                // Set effort
+                if (input === 'E') {
+                    if (getCurrentTask()) {
+                        setEffortSelectIndex(0);
+                        setMode('set-effort');
+                    }
+                    return;
+                }
             }
             if (input === 'u') {
                 history.undo().then((didUndo) => {
@@ -928,6 +1028,9 @@ export function GtdMario({ onOpenSettings }) {
     if (mode === 'help') {
         return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(HelpModal, { onClose: () => setMode('normal') }) }));
     }
+    if (mode === 'insights') {
+        return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(InsightsModal, { onClose: () => setMode('normal') }) }));
+    }
     if (mode === 'calendar') {
         return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(CalendarModal, { onClose: () => setMode('normal') }) }));
     }
@@ -942,13 +1045,13 @@ export function GtdMario({ onOpenSettings }) {
         const marioWidth = terminalWidth - 4;
         return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(PomodoroMarioUI, { state: pomodoro.state, remainingSeconds: pomodoro.remainingSeconds, isPaused: pomodoro.isPaused, score: score, coins: coins, lives: lives, world: world, width: marioWidth, animationFrame: animationFrame }), message && (_jsx(MarioMessage, { message: message, isNew: true })), _jsx(Box, { marginTop: 1, flexDirection: "column", children: _jsxs(Box, { children: [_jsx(Text, { color: theme.colors.accent, children: "\u2328\uFE0F " }), _jsxs(Text, { color: theme.colors.textMuted, children: ["a=", i18n.tui.keyBar.add, " Space=", pomodoro.isPaused ? 'resume' : 'pause', " S=skip X=stop f=focus off"] })] }) })] }));
     }
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "WORLD " }), _jsxs(Text, { color: theme.colors.primary, bold: true, children: [(new Date().getMonth() + 1), "-", new Date().getDate()] }), _jsx(Text, { color: theme.colors.text, children: " " }), _jsx(Text, { color: theme.colors.secondary, children: "x" }), _jsx(Text, { color: theme.colors.text, children: (tasks.inbox.length + tasks.next.length + tasks.waiting.length + tasks.someday.length + tasks.projects.length).toString().padStart(2, '0') }), _jsxs(Text, { color: theme.colors.textMuted, children: [" FLOQ v", VERSION] }), _jsx(Text, { color: tursoEnabled ? theme.colors.accent : theme.colors.textMuted, children: tursoEnabled ? ' [TURSO]' : ' [LOCAL]' }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? 'none' : contextFilter] }))] }), _jsxs(Box, { children: [_jsx(CalendarEvents, { compact: true, showLabel: true, withSeparator: true }), _jsx(Clock, {})] })] }), pomodoro.isRunning && pomodoro.state && (_jsx(Box, { marginBottom: 1, children: _jsx(PomodoroMarioUI, { state: pomodoro.state, remainingSeconds: pomodoro.remainingSeconds, isPaused: pomodoro.isPaused, score: tasks.done.length * 100, coins: pomodoro.state.completedCount, lives: Math.floor(tasks.done.length / 10) + 3, world: `${new Date().getMonth() + 1}-${new Date().getDate()}`, width: terminalWidth - 4, compact: true }) })), mode === 'context-filter' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "Filter by context" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: ['all', 'none', ...availableContexts].map((ctx, index) => {
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "WORLD " }), _jsxs(Text, { color: theme.colors.primary, bold: true, children: [(new Date().getMonth() + 1), "-", new Date().getDate()] }), _jsx(Text, { color: theme.colors.text, children: " " }), _jsx(Text, { color: theme.colors.secondary, children: "x" }), _jsx(Text, { color: theme.colors.text, children: (tasks.inbox.length + tasks.next.length + tasks.waiting.length + tasks.someday.length + tasks.projects.length).toString().padStart(2, '0') }), _jsxs(Text, { color: theme.colors.textMuted, children: [" FLOQ v", VERSION] }), _jsx(Text, { color: tursoEnabled ? theme.colors.accent : theme.colors.textMuted, children: tursoEnabled ? ' [TURSO]' : ' [LOCAL]' }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? 'none' : contextFilter] })), focusFilter && (_jsxs(Text, { color: theme.colors.accent, children: [" ", i18n.tui.focus?.focused || '★ Focused'] }))] }), _jsxs(Box, { children: [_jsx(CalendarEvents, { compact: true, showLabel: true, withSeparator: true }), _jsx(Clock, {})] })] }), pomodoro.isRunning && pomodoro.state && (_jsx(Box, { marginBottom: 1, children: _jsx(PomodoroMarioUI, { state: pomodoro.state, remainingSeconds: pomodoro.remainingSeconds, isPaused: pomodoro.isPaused, score: tasks.done.length * 100, coins: pomodoro.state.completedCount, lives: Math.floor(tasks.done.length / 10) + 3, world: `${new Date().getMonth() + 1}-${new Date().getDate()}`, width: terminalWidth - 4, compact: true }) })), mode === 'context-filter' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "Filter by context" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: ['all', 'none', ...availableContexts].map((ctx, index) => {
                             const label = ctx === 'all' ? 'All' : ctx === 'none' ? 'No context' : `@${ctx}`;
                             return (_jsxs(Text, { color: index === contextSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === contextSelectIndex, children: [index === contextSelectIndex ? '🍄 ' : '   ', label] }, ctx));
                         }) })] })) : mode === 'set-context' && currentTasks.length > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.context?.setContext || 'Set context for', ": ", currentTasks[selectedTaskIndex]?.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: ['clear', ...availableContexts, 'new'].map((ctx, index) => {
                             const label = ctx === 'clear' ? (i18n.tui.context?.none || 'Clear context') : ctx === 'new' ? (i18n.tui.context?.addNew || 'New context...') : `@${ctx}`;
                             return (_jsxs(Text, { color: index === contextSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === contextSelectIndex, children: [index === contextSelectIndex ? '🍄 ' : '   ', label] }, ctx));
-                        }) })] })) : mode === 'select-project' && taskToLink ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project', ": ", taskToLink.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: tasks.projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? '🍄 ' : '   ', project.title] }, project.id))) })] })) : mode === 'confirm-delete' && taskToDelete ? (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: theme.colors.accent, bold: true, children: fmt(i18n.tui.deleteConfirm || 'Delete "{title}"? (y/n)', { title: taskToDelete.title }) }) })) : (mode === 'task-detail' || mode === 'add-comment') && selectedTask ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(MarioBoxInline, { title: i18n.tui.taskDetailTitle || 'Task Details', width: terminalWidth - 4, minHeight: 4, isActive: true, children: [_jsx(Text, { color: theme.colors.text, bold: true, children: selectedTask.title }), selectedTask.description && (_jsx(Text, { color: theme.colors.textMuted, children: selectedTask.description })), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.taskDetailStatus || 'Status', ": "] }), _jsxs(Text, { color: theme.colors.accent, children: [i18n.status[selectedTask.status], selectedTask.waitingFor && ` (${selectedTask.waitingFor})`] })] }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.context?.label || 'Context', ": "] }), _jsx(Text, { color: theme.colors.accent, children: selectedTask.context ? `@${selectedTask.context}` : (i18n.tui.context?.none || 'No context') })] })] }), _jsx(Box, { marginTop: 1, children: _jsx(MarioBoxInline, { title: `${i18n.tui.comments || 'Comments'} (${taskComments.length})`, width: terminalWidth - 4, minHeight: 5, isActive: mode === 'task-detail', children: taskComments.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noComments || 'No comments yet' })) : (taskComments.map((comment, index) => {
+                        }) })] })) : mode === 'set-effort' && currentTasks.length > 0 ? (_jsx(Box, { flexDirection: "column", children: _jsxs(MarioBoxInline, { title: i18n.tui.effort?.set || 'Set Effort', width: terminalWidth - 4, minHeight: 4, isActive: true, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.effort?.set || 'Set effort for', ": ", currentTasks[selectedTaskIndex]?.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: EFFORT_OPTIONS.map((opt, index) => (_jsxs(Text, { color: index === effortSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === effortSelectIndex, children: [index === effortSelectIndex ? '🍄 ' : '   ', opt.label] }, opt.value || 'clear'))) })] }) })) : mode === 'select-project' && taskToLink ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project', ": ", taskToLink.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: tasks.projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? '🍄 ' : '   ', project.title] }, project.id))) })] })) : mode === 'confirm-delete' && taskToDelete ? (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: theme.colors.accent, bold: true, children: fmt(i18n.tui.deleteConfirm || 'Delete "{title}"? (y/n)', { title: taskToDelete.title }) }) })) : (mode === 'task-detail' || mode === 'add-comment') && selectedTask ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(MarioBoxInline, { title: i18n.tui.taskDetailTitle || 'Task Details', width: terminalWidth - 4, minHeight: 4, isActive: true, children: [_jsx(Text, { color: theme.colors.text, bold: true, children: selectedTask.title }), selectedTask.description && (_jsx(Text, { color: theme.colors.textMuted, children: selectedTask.description })), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.taskDetailStatus || 'Status', ": "] }), _jsxs(Text, { color: theme.colors.accent, children: [i18n.status[selectedTask.status], selectedTask.waitingFor && ` (${selectedTask.waitingFor})`] })] }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.context?.label || 'Context', ": "] }), _jsx(Text, { color: theme.colors.accent, children: selectedTask.context ? `@${selectedTask.context}` : (i18n.tui.context?.none || 'No context') })] }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.effort?.label || 'Effort', ": "] }), _jsx(Text, { color: theme.colors.accent, children: selectedTask.effort ? (i18n.tui.effort?.[selectedTask.effort] || selectedTask.effort) : '-' })] }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.focus?.label || 'Focus', ": "] }), _jsx(Text, { color: theme.colors.accent, children: selectedTask.isFocused ? '★' : '-' })] })] }), _jsx(Box, { marginTop: 1, children: _jsx(MarioBoxInline, { title: `${i18n.tui.comments || 'Comments'} (${taskComments.length})`, width: terminalWidth - 4, minHeight: 5, isActive: mode === 'task-detail', children: taskComments.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noComments || 'No comments yet' })) : (taskComments.map((comment, index) => {
                                 const isSelected = index === selectedCommentIndex && mode === 'task-detail';
                                 return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { color: theme.colors.textMuted, children: [isSelected ? '🍄 ' : '   ', "[", comment.createdAt.toLocaleString(), "]"] }), _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: ['   ', comment.content] })] }, comment.id));
                             })) }) })] })) : (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { marginRight: 2, children: _jsx(MarioBoxInline, { title: mode === 'project-detail' && selectedProject ? selectedProject.title : 'STAGE', width: leftPaneWidth, minHeight: 8, isActive: paneFocus === 'tabs' && mode !== 'project-detail', children: mode === 'project-detail' ? (_jsx(Text, { color: theme.colors.textMuted, children: "\u2190 Esc/b: back" })) : (TABS.map((tab, index) => {
@@ -959,6 +1062,8 @@ export function GtdMario({ onOpenSettings }) {
                                 const isSelected = (paneFocus === 'tasks' || mode === 'project-detail') && index === selectedTaskIndex;
                                 const parentProject = getParentProject(task.parentId);
                                 const progress = currentTab === 'projects' ? projectProgress[task.id] : undefined;
+                                const focusPrefix = task.isFocused ? '★ ' : '';
+                                const effortBadge = task.effort ? `[${{ 'small': 'S', 'medium': 'M', 'large': 'L' }[task.effort]}] ` : '';
                                 const prefix = isSelected ? '🍄 ' : '   ';
                                 const suffix = [
                                     task.waitingFor ? ` (${task.waitingFor})` : '',
@@ -966,9 +1071,9 @@ export function GtdMario({ onOpenSettings }) {
                                     parentProject ? ` [${parentProject.title}]` : '',
                                     progress ? ` [${progress.completed}/${progress.total}]` : '',
                                 ].join('');
-                                const availableWidth = rightPaneWidth - 6 - getDisplayWidth(prefix) - getDisplayWidth(suffix);
+                                const availableWidth = rightPaneWidth - 6 - getDisplayWidth(prefix) - getDisplayWidth(`${focusPrefix}${effortBadge}`) - getDisplayWidth(suffix);
                                 const displayTitle = truncateString(task.title, availableWidth);
-                                return (_jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [prefix, displayTitle, task.waitingFor && _jsxs(Text, { color: theme.colors.muted, children: [" (", task.waitingFor, ")"] }), task.context && _jsxs(Text, { color: theme.colors.muted, children: [" @", task.context] }), parentProject && _jsxs(Text, { color: theme.colors.muted, children: [" [", parentProject.title, "]"] }), progress && _jsxs(Text, { color: theme.colors.muted, children: [" [", progress.completed, "/", progress.total, "]"] })] }, task.id));
+                                return (_jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [prefix, focusPrefix, effortBadge, displayTitle, task.waitingFor && _jsxs(Text, { color: theme.colors.muted, children: [" (", task.waitingFor, ")"] }), task.context && _jsxs(Text, { color: theme.colors.muted, children: [" @", task.context] }), parentProject && _jsxs(Text, { color: theme.colors.muted, children: [" [", parentProject.title, "]"] }), progress && _jsxs(Text, { color: theme.colors.muted, children: [" [", progress.completed, "/", progress.total, "]"] })] }, task.id));
                             })) }) })] })), (mode === 'add' || mode === 'add-to-project') && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: mode === 'add-to-project' && selectedProject
                             ? `${i18n.tui.newTask}[${selectedProject.title}] `
                             : i18n.tui.newTask }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.placeholder })] })), mode === 'move-to-waiting' && taskToWaiting && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.waitingFor }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: "" })] })), mode === 'add-context' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "New context: " }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: "Enter context name..." })] })), mode === 'add-comment' && selectedTask && (_jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.addComment || 'Add comment', ": "] }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: "Enter comment..." })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), mode === 'search' && searchQuery && (_jsx(SearchResults, { results: searchResults, selectedIndex: searchResultIndex, query: searchQuery })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.accent, children: "\u2328\uFE0F " }), _jsx(Text, { color: theme.colors.textMuted, children: mode === 'task-detail'

package/dist/ui/components/HelpModal.js

@@ -28,6 +28,9 @@ export function HelpModal({ onClose, isKanban = false }) {
                 { type: 'key', key: 'd', value: kHelp.completeTask },
                 { type: 'key', key: 'm', value: kHelp.moveRight },
                 { type: 'key', key: 'BS', value: kHelp.moveLeft },
+                { type: 'key', key: 'g', value: kHelp.toggleFocus || 'Toggle focus' },
+                { type: 'key', key: 'G', value: kHelp.toggleFocusFilter || 'Toggle focus filter' },
+                { type: 'key', key: 'E', value: kHelp.setEffort || 'Set effort size' },
                 { type: 'key', key: 'u', value: 'Undo' },
                 { type: 'key', key: 'Ctrl+r', value: 'Redo' },
                 { type: 'header', value: kHelp.settings },
@@ -36,6 +39,7 @@ export function HelpModal({ onClose, isKanban = false }) {
                 { type: 'key', key: 'L', value: kHelp.changeLanguage },
                 { type: 'header', value: kHelp.other },
                 { type: 'key', key: '/', value: kHelp.searchTasks },
+                { type: 'key', key: 'I', value: help.showInsights || 'Show insights' },
                 { type: 'key', key: '?', value: kHelp.showHelp },
                 { type: 'key', key: 'q', value: kHelp.quit },
             ];
@@ -53,6 +57,9 @@ export function HelpModal({ onClose, isKanban = false }) {
             { type: 'key', key: 'w', value: help.moveToWaiting },
             { type: 'key', key: 'i', value: help.moveToInbox },
             { type: 'key', key: 'r', value: help.refresh },
+            { type: 'key', key: 'g', value: help.toggleFocus || 'Toggle focus' },
+            { type: 'key', key: 'G', value: help.toggleFocusFilter || 'Toggle focus filter' },
+            { type: 'key', key: 'E', value: help.setEffort || 'Set effort size' },
             { type: 'key', key: 'u', value: help.undo },
             { type: 'key', key: 'Ctrl+r', value: help.redo },
             { type: 'header', value: help.projects },
@@ -72,6 +79,7 @@ export function HelpModal({ onClose, isKanban = false }) {
             { type: 'header', value: help.other },
             { type: 'key', key: '/', value: help.searchTasks },
             { type: 'key', key: 'C', value: help.showCalendar || 'Show calendar' },
+            { type: 'key', key: 'I', value: help.showInsights || 'Show insights' },
             { type: 'key', key: '?', value: help.showHelp },
             { type: 'key', key: 'q', value: help.quit },
         ];

package/dist/ui/components/InsightsModal.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface InsightsModalProps {
+    onClose: () => void;
+}
+export declare function InsightsModal({ onClose }: InsightsModalProps): React.ReactElement;
+export {};