floq 1.3.3 → 1.4.1

package/dist/ui/components/KanbanDQ.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 } from '../../config.js';
-import { useHistory, CreateTaskCommand, MoveTaskCommand, } from '../history/index.js';
+import { isTursoEnabled, getContexts, addContext, getLocale, getContextFilter, setContextFilter as saveContextFilter, getFocusFilter, setFocusFilter } from '../../config.js';
+import { useHistory, CreateTaskCommand, MoveTaskCommand, 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';
@@ -127,9 +128,23 @@ export function KanbanDQ({ onOpenSettings }) {
     const [searchQuery, setSearchQuery] = useState('');
     const [searchResults, setSearchResults] = useState([]);
     const [searchResultIndex, setSearchResultIndex] = useState(0);
+    // Focus filter state
+    const [focusFilter, setFocusFilterState] = useState(getFocusFilter());
+    const [effortSelectIndex, setEffortSelectIndex] = useState(0);
     const terminalWidth = stdout?.columns || 80;
     const leftPaneWidth = 20;
     const rightPaneWidth = terminalWidth - leftPaneWidth - 6;
+    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 filterByContext = (taskList) => {
@@ -139,6 +154,11 @@ export function KanbanDQ({ onOpenSettings }) {
                 return taskList.filter(t => !t.context);
             return taskList.filter(t => t.context === contextFilter);
         };
+        const filterByFocus = (taskList) => {
+            if (!focusFilter)
+                return taskList;
+            return taskList.filter(t => t.isFocused);
+        };
         let todoTasks = await db
             .select()
             .from(schema.tasks)
@@ -154,12 +174,12 @@ export function KanbanDQ({ onOpenSettings }) {
             .from(schema.tasks)
             .where(and(eq(schema.tasks.status, 'done'), eq(schema.tasks.isProject, false), gte(schema.tasks.updatedAt, oneWeekAgo)));
         setTasks({
-            todo: filterByContext(todoTasks),
-            doing: filterByContext(doingTasks),
-            done: filterByContext(doneTasks),
+            todo: filterByFocus(filterByContext(todoTasks)),
+            doing: filterByFocus(filterByContext(doingTasks)),
+            done: filterByFocus(filterByContext(doneTasks)),
         });
         setAvailableContexts(getContexts());
-    }, [contextFilter]);
+    }, [contextFilter, focusFilter]);
     const loadTaskComments = useCallback(async (taskId) => {
         const db = getDb();
         const comments = await db
@@ -275,6 +295,48 @@ export function KanbanDQ({ onOpenSettings }) {
         setMessage(fmt(i18n.tui.completed, { title: task.title }));
         await loadTasks();
     }, [i18n.tui.completed, 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) => {
         // Handle search mode submit
         if (mode === 'search') {
@@ -311,8 +373,8 @@ export function KanbanDQ({ 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;
         }
         if (mode === 'add' || mode === 'add-comment' || mode === 'add-context') {
@@ -375,6 +437,25 @@ export function KanbanDQ({ 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 (message)
             setMessage(null);
         // Quit
@@ -387,6 +468,11 @@ export function KanbanDQ({ onOpenSettings }) {
             setMode('help');
             return;
         }
+        // Insights
+        if (input === 'I') {
+            setMode('insights');
+            return;
+        }
         // Calendar
         if (input === 'C') {
             setMode('calendar');
@@ -488,6 +574,24 @@ export function KanbanDQ({ onOpenSettings }) {
                 });
                 return;
             }
+            // Toggle task focus
+            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;
+            }
         }
         // Refresh
         if (input === 'r' && !key.ctrl) {
@@ -501,20 +605,25 @@ export function KanbanDQ({ onOpenSettings }) {
     if (mode === 'help') {
         return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(HelpModal, { onClose: () => setMode('normal'), isKanban: true }) }));
     }
+    // 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') }) }));
     }
-    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.todo.length + tasks.doing.length }), _jsxs(Text, { color: theme.colors.textMuted, children: ["/", tasks.todo.length + tasks.doing.length + tasks.done.length] }), _jsx(Text, { color: theme.colors.text, children: "  MP " }), _jsx(Text, { bold: true, color: theme.colors.statusWaiting, children: tasks.doing.length }), _jsx(Text, { color: theme.colors.accent, children: " [KANBAN]" }), _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" })] })] }), 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.todo.length + tasks.doing.length }), _jsxs(Text, { color: theme.colors.textMuted, children: ["/", tasks.todo.length + tasks.doing.length + tasks.done.length] }), _jsx(Text, { color: theme.colors.text, children: "  MP " }), _jsx(Text, { bold: true, color: theme.colors.statusWaiting, children: tasks.doing.length }), _jsx(Text, { color: theme.colors.accent, children: " [KANBAN]" }), _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] })), focusFilter && (_jsx(Text, { color: theme.colors.accent, children: " [\u2605FOCUS]" }))] }), _jsxs(Box, { children: [_jsx(CalendarEvents, { compact: true, showLabel: true, withSeparator: true }), _jsx(Clock, {}), _jsx(Text, { color: theme.colors.textMuted, children: " ?=help q=quit" })] })] }), 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));
-                        }) })] })) : (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { marginRight: 2, children: _jsx(TitledBoxInline, { title: 'カテゴリ', width: leftPaneWidth, minHeight: 5, isActive: paneFocus === 'category', children: CATEGORIES.map((cat) => {
+                        }) })] })) : mode === 'set-effort' ? (_jsx(TitledBoxInline, { title: i18n.tui.effort?.set || 'Set Effort', width: 30, 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.value || 'clear'))) })) : (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { marginRight: 2, children: _jsx(TitledBoxInline, { title: 'カテゴリ', width: leftPaneWidth, minHeight: 5, isActive: paneFocus === 'category', children: CATEGORIES.map((cat) => {
                                 const isSelected = cat === selectedCategory;
                                 const count = tasks[cat].length;
                                 return (_jsxs(Text, { color: isSelected && paneFocus === 'category' ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? '▶ ' : '  ', getCategoryLabel(cat), " (", count, ")"] }, cat));
                             }) }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TitledBoxInline, { title: getCategoryLabel(selectedCategory), width: rightPaneWidth, minHeight: 10, isActive: paneFocus === 'tasks', children: currentTasks.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noTasks })) : (currentTasks.map((task, index) => {
                                 const isSelected = paneFocus === 'tasks' && index === selectedTaskIndex;
-                                return (_jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? '▶ ' : '  ', task.title, task.context && _jsxs(Text, { color: theme.colors.muted, children: [" @", task.context] })] }, task.id));
+                                const effortBadge = task.effort === 'small' ? '[S]' : task.effort === 'medium' ? '[M]' : task.effort === 'large' ? '[L]' : '';
+                                return (_jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? '▶ ' : '  ', task.isFocused ? '★ ' : '', task.title, effortBadge && _jsxs(Text, { color: theme.colors.secondary, children: [" ", effortBadge] }), task.context && _jsxs(Text, { color: theme.colors.muted, children: [" @", task.context] })] }, task.id));
                             })) }) })] })), mode === 'add' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.newTask }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.placeholder })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), mode === 'search' && searchQuery && (_jsx(SearchResults, { results: searchResults, selectedIndex: searchResultIndex, query: searchQuery, viewMode: "kanban" })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, children: paneFocus === 'category'
                         ? i18n.tui.kanbanFooter.category
                         : i18n.tui.kanbanFooter.tasks }) })] }));

package/dist/ui/components/KanbanMario.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 } from '../../config.js';
+import { isTursoEnabled, getContexts, addContext, getContextFilter, setContextFilter as saveContextFilter, getFocusFilter, setFocusFilter } from '../../config.js';
 import { VERSION } from '../../version.js';
-import { useHistory, CreateTaskCommand, MoveTaskCommand, } from '../history/index.js';
+import { useHistory, CreateTaskCommand, MoveTaskCommand, 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';
@@ -49,6 +50,19 @@ export function KanbanMario({ onOpenSettings }) {
     const [searchQuery, setSearchQuery] = useState('');
     const [searchResults, setSearchResults] = useState([]);
     const [searchResultIndex, setSearchResultIndex] = useState(0);
+    const [focusFilter, setFocusFilterState] = useState(getFocusFilter());
+    const [effortSelectIndex, setEffortSelectIndex] = useState(0);
+    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 EFFORT_LABELS = {
+        small: 'S',
+        medium: 'M',
+        large: 'L',
+    };
     const terminalWidth = stdout?.columns || 80;
     const leftPaneWidth = 20;
     const rightPaneWidth = terminalWidth - leftPaneWidth - 6;
@@ -75,13 +89,18 @@ export function KanbanMario({ onOpenSettings }) {
             .select()
             .from(schema.tasks)
             .where(and(eq(schema.tasks.status, 'done'), eq(schema.tasks.isProject, false), gte(schema.tasks.updatedAt, oneWeekAgo)));
+        const filterByFocus = (taskList) => {
+            if (!focusFilter)
+                return taskList;
+            return taskList.filter(t => t.isFocused);
+        };
         setTasks({
-            todo: filterByContext(todoTasks),
-            doing: filterByContext(doingTasks),
-            done: filterByContext(doneTasks),
+            todo: filterByFocus(filterByContext(todoTasks)),
+            doing: filterByFocus(filterByContext(doingTasks)),
+            done: filterByFocus(filterByContext(doneTasks)),
         });
         setAvailableContexts(getContexts());
-    }, [contextFilter]);
+    }, [contextFilter, focusFilter]);
     const loadTaskComments = useCallback(async (taskId) => {
         const db = getDb();
         const comments = await db
@@ -138,6 +157,53 @@ export function KanbanMario({ onOpenSettings }) {
         loadTasks();
     }, [loadTasks]);
     const currentTasks = tasks[selectedCategory];
+    const getCurrentTask = () => {
+        if (currentTasks.length === 0)
+            return undefined;
+        return currentTasks[selectedTaskIndex];
+    };
+    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 getCategoryLabel = (cat) => {
         return i18n.kanban[cat];
     };
@@ -233,8 +299,8 @@ export function KanbanMario({ 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;
         }
         if (mode === 'add' || mode === 'add-comment' || mode === 'add-context') {
@@ -297,6 +363,26 @@ export function KanbanMario({ 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;
+        }
         if (message)
             setMessage(null);
         // Quit
@@ -309,6 +395,11 @@ export function KanbanMario({ onOpenSettings }) {
             setMode('help');
             return;
         }
+        // Insights
+        if (input === 'I') {
+            setMode('insights');
+            return;
+        }
         // Calendar
         if (input === 'C') {
             setMode('calendar');
@@ -397,6 +488,24 @@ export function KanbanMario({ onOpenSettings }) {
                 });
                 return;
             }
+            // Toggle focus
+            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') {
                 history.undo().then((didUndo) => {
@@ -423,11 +532,15 @@ export function KanbanMario({ onOpenSettings }) {
     if (mode === 'help') {
         return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(HelpModal, { onClose: () => setMode('normal'), isKanban: true }) }));
     }
+    // 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') }) }));
     }
-    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.todo.length + tasks.doing.length).toString().padStart(2, '0') }), _jsxs(Text, { color: theme.colors.textMuted, children: [" FLOQ v", VERSION] }), _jsx(Text, { color: theme.colors.accent, children: " [KANBAN]" }), _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, {})] })] }), 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.todo.length + tasks.doing.length).toString().padStart(2, '0') }), _jsxs(Text, { color: theme.colors.textMuted, children: [" FLOQ v", VERSION] }), _jsx(Text, { color: theme.colors.accent, children: " [KANBAN]" }), _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, {})] })] }), 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));
                         }) })] })) : (_jsxs(Box, { flexDirection: "row", children: [_jsx(Box, { marginRight: 2, children: _jsx(MarioBoxInline, { title: 'STAGE', width: leftPaneWidth, minHeight: 5, isActive: paneFocus === 'category', children: CATEGORIES.map((cat) => {
@@ -436,8 +549,9 @@ export function KanbanMario({ onOpenSettings }) {
                                 return (_jsxs(Text, { color: isSelected && paneFocus === 'category' ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? '🍄 ' : '   ', getCategoryLabel(cat), " (", count, ")"] }, cat));
                             }) }) }), _jsx(Box, { flexGrow: 1, children: _jsx(MarioBoxInline, { title: getCategoryLabel(selectedCategory), width: rightPaneWidth, minHeight: 10, isActive: paneFocus === 'tasks', children: currentTasks.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noTasks })) : (currentTasks.map((task, index) => {
                                 const isSelected = paneFocus === 'tasks' && index === selectedTaskIndex;
-                                return (_jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? '🍄 ' : '   ', task.title, task.context && _jsxs(Text, { color: theme.colors.muted, children: [" @", task.context] })] }, task.id));
-                            })) }) })] })), mode === 'add' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.newTask }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.placeholder })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), mode === 'search' && searchQuery && (_jsx(SearchResults, { results: searchResults, selectedIndex: searchResultIndex, query: searchQuery, viewMode: "kanban" })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, children: paneFocus === 'category'
+                                const shortId = task.id.slice(0, 4);
+                                return (_jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? '🍄 ' : '   ', task.isFocused ? '★ ' : '', task.effort ? `[${EFFORT_LABELS[task.effort]}] ` : '', "[", shortId, "] ", task.title, task.context && _jsxs(Text, { color: theme.colors.muted, children: [" @", task.context] })] }, task.id));
+                            })) }) })] })), mode === 'add' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.newTask }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.placeholder })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), mode === 'search' && searchQuery && (_jsx(SearchResults, { results: searchResults, selectedIndex: searchResultIndex, query: searchQuery, viewMode: "kanban" })), mode === 'set-effort' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(MarioBoxInline, { title: i18n.tui.effort?.set || 'Set effort', width: 30, minHeight: EFFORT_OPTIONS.length + 2, 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))) }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.effort?.setHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, children: paneFocus === 'category'
                         ? i18n.tui.kanbanFooter.category
                         : i18n.tui.kanbanFooter.tasks }) })] }));
 }

package/dist/ui/components/TaskItem.js

@@ -1,11 +1,16 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { t } from '../../i18n/index.js';
 import { useTheme } from '../theme/index.js';
 import { ProgressBar } from './ProgressBar.js';
+const EFFORT_LABELS = {
+    small: 'S',
+    medium: 'M',
+    large: 'L',
+};
 export function TaskItem({ task, isSelected, projectName, progress }) {
     const shortId = task.id.slice(0, 8);
     const i18n = t();
     const theme = useTheme();
-    return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? theme.style.selectedPrefix : theme.style.unselectedPrefix, "[", shortId, "] ", task.title, task.context && (_jsxs(Text, { color: theme.colors.accent, children: [" @", task.context] })), projectName && (_jsxs(Text, { color: theme.colors.statusSomeday, children: [" [", projectName, "]"] })), progress && progress.total > 0 && (_jsx(ProgressBar, { completed: progress.completed, total: progress.total })), task.waitingFor && (_jsxs(Text, { color: theme.colors.statusWaiting, children: [" (", i18n.status.waiting.toLowerCase(), ": ", task.waitingFor, ")"] })), task.dueDate && (_jsxs(Text, { color: theme.colors.accent, children: [" (due: ", task.dueDate.toLocaleDateString(), ")"] }))] }) }));
+    return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? theme.style.selectedPrefix : theme.style.unselectedPrefix, task.isFocused && _jsx(Text, { color: theme.colors.accent, children: "\u2605 " }), "[", shortId, "] ", task.effort && _jsxs(Text, { color: theme.colors.secondary, children: ["[", EFFORT_LABELS[task.effort], "] "] }), task.title, task.context && (_jsxs(Text, { color: theme.colors.accent, children: [" @", task.context] })), projectName && (_jsxs(Text, { color: theme.colors.statusSomeday, children: [" [", projectName, "]"] })), progress && progress.total > 0 && (_jsx(ProgressBar, { completed: progress.completed, total: progress.total })), task.waitingFor && (_jsxs(Text, { color: theme.colors.statusWaiting, children: [" (", i18n.status.waiting.toLowerCase(), ": ", task.waitingFor, ")"] })), task.dueDate && (_jsxs(Text, { color: theme.colors.accent, children: [" (due: ", task.dueDate.toLocaleDateString(), ")"] }))] }) }));
 }

package/dist/ui/history/commands/SetEffortCommand.d.ts

@@ -0,0 +1,20 @@
+import type { UndoableCommand } from '../types.js';
+interface SetEffortParams {
+    taskId: string;
+    fromEffort: string | null;
+    toEffort: string | null;
+    description: string;
+}
+/**
+ * Command to set/change a task's effort size
+ */
+export declare class SetEffortCommand implements UndoableCommand {
+    readonly description: string;
+    private readonly taskId;
+    private readonly fromEffort;
+    private readonly toEffort;
+    constructor(params: SetEffortParams);
+    execute(): Promise<void>;
+    undo(): Promise<void>;
+}
+export {};

package/dist/ui/history/commands/SetEffortCommand.js

@@ -0,0 +1,37 @@
+import { eq } from 'drizzle-orm';
+import { getDb, schema } from '../../../db/index.js';
+/**
+ * Command to set/change a task's effort size
+ */
+export class SetEffortCommand {
+    description;
+    taskId;
+    fromEffort;
+    toEffort;
+    constructor(params) {
+        this.taskId = params.taskId;
+        this.fromEffort = params.fromEffort;
+        this.toEffort = params.toEffort;
+        this.description = params.description;
+    }
+    async execute() {
+        const db = getDb();
+        await db
+            .update(schema.tasks)
+            .set({
+            effort: this.toEffort,
+            updatedAt: new Date(),
+        })
+            .where(eq(schema.tasks.id, this.taskId));
+    }
+    async undo() {
+        const db = getDb();
+        await db
+            .update(schema.tasks)
+            .set({
+            effort: this.fromEffort,
+            updatedAt: new Date(),
+        })
+            .where(eq(schema.tasks.id, this.taskId));
+    }
+}

package/dist/ui/history/commands/SetFocusCommand.d.ts

@@ -0,0 +1,20 @@
+import type { UndoableCommand } from '../types.js';
+interface SetFocusParams {
+    taskId: string;
+    fromFocused: boolean;
+    toFocused: boolean;
+    description: string;
+}
+/**
+ * Command to toggle a task's focus state
+ */
+export declare class SetFocusCommand implements UndoableCommand {
+    readonly description: string;
+    private readonly taskId;
+    private readonly fromFocused;
+    private readonly toFocused;
+    constructor(params: SetFocusParams);
+    execute(): Promise<void>;
+    undo(): Promise<void>;
+}
+export {};

package/dist/ui/history/commands/SetFocusCommand.js

@@ -0,0 +1,37 @@
+import { eq } from 'drizzle-orm';
+import { getDb, schema } from '../../../db/index.js';
+/**
+ * Command to toggle a task's focus state
+ */
+export class SetFocusCommand {
+    description;
+    taskId;
+    fromFocused;
+    toFocused;
+    constructor(params) {
+        this.taskId = params.taskId;
+        this.fromFocused = params.fromFocused;
+        this.toFocused = params.toFocused;
+        this.description = params.description;
+    }
+    async execute() {
+        const db = getDb();
+        await db
+            .update(schema.tasks)
+            .set({
+            isFocused: this.toFocused,
+            updatedAt: new Date(),
+        })
+            .where(eq(schema.tasks.id, this.taskId));
+    }
+    async undo() {
+        const db = getDb();
+        await db
+            .update(schema.tasks)
+            .set({
+            isFocused: this.fromFocused,
+            updatedAt: new Date(),
+        })
+            .where(eq(schema.tasks.id, this.taskId));
+    }
+}

package/dist/ui/history/commands/index.d.ts

@@ -6,3 +6,5 @@ export { ConvertToProjectCommand } from './ConvertToProjectCommand.js';
 export { CreateCommentCommand } from './CreateCommentCommand.js';
 export { DeleteCommentCommand } from './DeleteCommentCommand.js';
 export { SetContextCommand } from './SetContextCommand.js';
+export { SetFocusCommand } from './SetFocusCommand.js';
+export { SetEffortCommand } from './SetEffortCommand.js';

package/dist/ui/history/commands/index.js

@@ -6,3 +6,5 @@ export { ConvertToProjectCommand } from './ConvertToProjectCommand.js';
 export { CreateCommentCommand } from './CreateCommentCommand.js';
 export { DeleteCommentCommand } from './DeleteCommentCommand.js';
 export { SetContextCommand } from './SetContextCommand.js';
+export { SetFocusCommand } from './SetFocusCommand.js';
+export { SetEffortCommand } from './SetEffortCommand.js';

package/dist/ui/history/index.d.ts

@@ -3,4 +3,4 @@ export { MAX_HISTORY_SIZE } from './types.js';
 export { HistoryManager, getHistoryManager } from './HistoryManager.js';
 export { HistoryProvider, useHistoryContext } from './HistoryContext.js';
 export { useHistory } from './useHistory.js';
-export { CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from './commands/index.js';
+export { CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, SetFocusCommand, SetEffortCommand, } from './commands/index.js';

package/dist/ui/history/index.js

@@ -5,4 +5,4 @@ export { HistoryManager, getHistoryManager } from './HistoryManager.js';
 export { HistoryProvider, useHistoryContext } from './HistoryContext.js';
 export { useHistory } from './useHistory.js';
 // Commands
-export { CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from './commands/index.js';
+export { CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, SetFocusCommand, SetEffortCommand, } from './commands/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "floq",
-  "version": "1.3.3",
+  "version": "1.4.1",
   "description": "Floq - Getting Things Done Task Manager with MS-DOS style themes",
   "type": "module",
   "main": "dist/index.js",