floq 1.3.3 → 1.4.0

package/dist/i18n/en.d.ts

@@ -71,6 +71,27 @@ export declare const en: {
             notFound: string;
             noContexts: string;
         };
+        insights: {
+            title: string;
+            period: string;
+            weeklyCompletion: string;
+            weekLabel: string;
+            tasksCompleted: string;
+            dailyBreakdown: string;
+            currentStatus: string;
+            byContext: string;
+            byEffort: string;
+            noContext: string;
+            noEffort: string;
+            projectProgress: string;
+            activeProjects: string;
+            tasksRemaining: string;
+            averageCompletion: string;
+            daysAverage: string;
+            noData: string;
+            total: string;
+            andMore: string;
+        };
     };
     tui: {
         title: string;
@@ -121,6 +142,9 @@ export declare const en: {
             comment: string;
             back: string;
             delete: string;
+            focus: string;
+            focusFilter: string;
+            effort: string;
             pause: string;
             resume: string;
             skip: string;
@@ -155,6 +179,9 @@ export declare const en: {
             searchTasks: string;
             filterByContext: string;
             setContext: string;
+            toggleFocus: string;
+            toggleFocusFilter: string;
+            setEffort: string;
             pomodoro: string;
             startPomodoro: string;
             pauseResume: string;
@@ -167,6 +194,7 @@ export declare const en: {
             other: string;
             showHelp: string;
             showCalendar: string;
+            showInsights: string;
             quit: string;
             undo: string;
             redo: string;
@@ -194,6 +222,9 @@ export declare const en: {
             moveRight: string;
             moveLeft: string;
             searchTasks: string;
+            toggleFocus: string;
+            toggleFocusFilter: string;
+            setEffort: string;
             settings: string;
             changeTheme: string;
             changeViewMode: string;
@@ -246,6 +277,25 @@ export declare const en: {
             newContext: string;
             newContextPlaceholder: string;
         };
+        focus: {
+            label: string;
+            focused: string;
+            taskFocused: string;
+            taskUnfocused: string;
+            filterOn: string;
+            filterOff: string;
+        };
+        effort: {
+            label: string;
+            small: string;
+            medium: string;
+            large: string;
+            clear: string;
+            set: string;
+            setHelp: string;
+            effortSet: string;
+            effortCleared: string;
+        };
         pomodoro: {
             work: string;
             shortBreak: string;
@@ -385,6 +435,9 @@ export type HelpTranslations = {
     searchTasks: string;
     filterByContext: string;
     setContext: string;
+    toggleFocus?: string;
+    toggleFocusFilter?: string;
+    setEffort?: string;
     pomodoro: string;
     startPomodoro: string;
     pauseResume: string;
@@ -397,6 +450,7 @@ export type HelpTranslations = {
     other: string;
     showHelp: string;
     showCalendar?: string;
+    showInsights?: string;
     quit: string;
     undo: string;
     redo: string;
@@ -424,6 +478,9 @@ export type KanbanHelpTranslations = {
     moveRight: string;
     moveLeft: string;
     searchTasks: string;
+    toggleFocus?: string;
+    toggleFocusFilter?: string;
+    setEffort?: string;
     settings: string;
     changeTheme: string;
     changeViewMode: string;
@@ -451,6 +508,9 @@ export type KeyBarTranslations = {
     comment: string;
     back: string;
     delete: string;
+    focus?: string;
+    focusFilter?: string;
+    effort?: string;
     pause: string;
     resume: string;
     skip: string;
@@ -479,6 +539,25 @@ export type ContextTranslations = {
     newContext: string;
     newContextPlaceholder: string;
 };
+export type FocusTranslations = {
+    label: string;
+    focused: string;
+    taskFocused: string;
+    taskUnfocused: string;
+    filterOn: string;
+    filterOff: string;
+};
+export type EffortTranslations = {
+    label: string;
+    small: string;
+    medium: string;
+    large: string;
+    clear: string;
+    set: string;
+    setHelp: string;
+    effortSet: string;
+    effortCleared: string;
+};
 export type PomodoroTranslations = {
     work: string;
     shortBreak: string;
@@ -577,6 +656,8 @@ export type TuiTranslations = {
     kanbanHelp: KanbanHelpTranslations;
     search: SearchTranslations;
     context: ContextTranslations;
+    focus?: FocusTranslations;
+    effort?: EffortTranslations;
     info: InfoTranslations;
     pomodoro?: PomodoroTranslations;
     calendar?: CalendarTranslations;
@@ -667,6 +748,7 @@ export type Translations = {
         project: Record<string, string>;
         comment: Record<string, string>;
         context: Record<string, string>;
+        insights?: Record<string, string>;
     };
     tui: TuiTranslations;
     splash?: SplashTranslations;

package/dist/i18n/en.js

@@ -75,6 +75,27 @@ export const en = {
             notFound: 'Context @{context} not found.',
             noContexts: 'No contexts configured.',
         },
+        insights: {
+            title: 'Task Insights',
+            period: 'Period',
+            weeklyCompletion: 'Weekly Completion',
+            weekLabel: 'Week of {date}',
+            tasksCompleted: '{count} tasks completed',
+            dailyBreakdown: 'Daily Breakdown',
+            currentStatus: 'Current Status',
+            byContext: 'By Context',
+            byEffort: 'By Effort',
+            noContext: 'No context',
+            noEffort: 'No effort set',
+            projectProgress: 'Project Progress',
+            activeProjects: 'Active Projects',
+            tasksRemaining: '{count} tasks remaining',
+            averageCompletion: 'Average Completion Time',
+            daysAverage: '{days} days',
+            noData: 'No completed tasks in this period',
+            total: 'Total',
+            andMore: '  ... and {count} more',
+        },
     },
     // TUI
     tui: {
@@ -90,17 +111,17 @@ export const en = {
         movedToWaiting: 'Moved "{title}" to Waiting (for {person})',
         waitingFor: 'Waiting for: ',
         refreshed: 'Refreshed',
-        footer: 'a=add d=done D=delete n=next s=someday w=waiting i=inbox p=project P=link c=context',
+        footer: 'a=add d=done D=delete n=next s=someday w=waiting i=inbox p=project P=link c=context g=focus G=filter E=effort',
         // DQ/Mario style footers
         dqFooter: {
-            tabs: 'j/k=select l/Enter=tasks 1-6=tab a=add @=filter /=search',
-            tasks: 'j/k=select Enter=detail h/Esc=back d=done n=next s=someday w=wait i=inbox c=context p=project P=link D=delete u=undo /=search',
+            tabs: 'j/k=select l/Enter=tasks 1-6=tab a=add @=filter g=focus G=filter E=effort /=search',
+            tasks: 'j/k=select Enter=detail h/Esc=back d=done n=next s=someday w=wait i=inbox c=context g=focus E=effort p=project P=link D=delete u=undo /=search',
             projectDetail: 'j/k=select a=add d=done Esc/b=back /=search',
             taskDetail: 'j/k=select c/i=add comment P=link D=delete comment Esc/b=back',
         },
         kanbanFooter: {
-            category: 'j/k=select l/Enter=tasks a=add @=filter /=search',
-            tasks: 'j/k=select h/Esc=back d=done m=move a=add u=undo /=search',
+            category: 'j/k=select l/Enter=tasks a=add @=filter g=focus G=filter E=effort /=search',
+            tasks: 'j/k=select h/Esc=back d=done m=move a=add g=focus E=effort u=undo /=search',
         },
         noTasks: 'No tasks',
         // Tab labels
@@ -130,6 +151,9 @@ export const en = {
             comment: 'Comment',
             back: 'Back',
             delete: 'Delete',
+            focus: 'Focus',
+            focusFilter: 'Focus Filter',
+            effort: 'Effort',
             // Pomodoro keys
             pause: 'Pause',
             resume: 'Resume',
@@ -166,6 +190,9 @@ export const en = {
             searchTasks: 'Search tasks',
             filterByContext: 'Filter by context',
             setContext: 'Set context',
+            toggleFocus: 'Toggle focus',
+            toggleFocusFilter: 'Toggle focus filter',
+            setEffort: 'Set effort size',
             pomodoro: 'Pomodoro',
             startPomodoro: 'Start Pomodoro',
             pauseResume: 'Pause/Resume',
@@ -178,6 +205,7 @@ export const en = {
             other: 'Other',
             showHelp: 'Show this help',
             showCalendar: 'Show calendar',
+            showInsights: 'Show insights',
             quit: 'Quit',
             undo: 'Undo',
             redo: 'Redo',
@@ -207,6 +235,9 @@ export const en = {
             moveRight: 'Move task to next column',
             moveLeft: 'Move task to previous column',
             searchTasks: 'Search tasks',
+            toggleFocus: 'Toggle focus',
+            toggleFocusFilter: 'Toggle focus filter',
+            setEffort: 'Set effort size',
             settings: 'Settings',
             changeTheme: 'Change theme',
             changeViewMode: 'Change view mode',
@@ -262,6 +293,27 @@ export const en = {
             newContext: 'New context: ',
             newContextPlaceholder: 'Enter context name...',
         },
+        // Focus
+        focus: {
+            label: 'Focus',
+            focused: '★ Focused',
+            taskFocused: 'Focused: "{title}"',
+            taskUnfocused: 'Unfocused: "{title}"',
+            filterOn: 'Focus filter ON',
+            filterOff: 'Focus filter OFF',
+        },
+        // Effort
+        effort: {
+            label: 'Effort',
+            small: 'Small',
+            medium: 'Medium',
+            large: 'Large',
+            clear: 'Clear',
+            set: 'Set effort',
+            setHelp: 'j/k: select, Enter: confirm, Esc: cancel',
+            effortSet: 'Set effort {effort} for "{title}"',
+            effortCleared: 'Cleared effort for "{title}"',
+        },
         // Pomodoro
         pomodoro: {
             work: 'Work',

package/dist/i18n/ja.js

@@ -75,6 +75,27 @@ export const ja = {
             notFound: 'コンテキスト @{context} が見つかりません。',
             noContexts: 'コンテキストが設定されていません。',
         },
+        insights: {
+            title: 'タスクインサイト',
+            period: '期間',
+            weeklyCompletion: '週別完了数',
+            weekLabel: '{date}の週',
+            tasksCompleted: '{count}件完了',
+            dailyBreakdown: '曜日別内訳',
+            currentStatus: '現在のステータス',
+            byContext: 'コンテキスト別',
+            byEffort: '作業量別',
+            noContext: 'コンテキストなし',
+            noEffort: '作業量未設定',
+            projectProgress: 'プロジェクト進捗',
+            activeProjects: 'アクティブ',
+            tasksRemaining: '残り{count}件',
+            averageCompletion: '平均完了時間',
+            daysAverage: '{days}日',
+            noData: 'この期間に完了したタスクはありません',
+            total: '合計',
+            andMore: '  ... 他{count}件',
+        },
     },
     // TUI
     tui: {
@@ -90,17 +111,17 @@ export const ja = {
         movedToWaiting: '「{title}」を連絡待ち({person})に移動しました',
         waitingFor: '待機相手: ',
         refreshed: '更新しました',
-        footer: 'a=追加 d=完了 D=削除 n=次 s=いつか w=待ち i=Inbox p=プロジェクト化 P=紐づけ c=コンテキスト',
+        footer: 'a=追加 d=完了 D=削除 n=次 s=いつか w=待ち i=Inbox p=プロジェクト化 P=紐づけ c=コンテキスト g=集中 G=フィルター E=作業量',
         // DQ/Mario style footers
         dqFooter: {
-            tabs: 'j/k=選択 l/Enter=タスク 1-6=タブ a=追加 @=フィルター /=検索',
-            tasks: 'j/k=選択 Enter=詳細 h/Esc=戻る d=完了 n=次 s=いつか w=待ち i=inbox c=コンテキスト p=プロジェクト化 P=紐づけ D=削除 u=戻す /=検索',
+            tabs: 'j/k=選択 l/Enter=タスク 1-6=タブ a=追加 @=フィルター g=集中 G=フィルター E=作業量 /=検索',
+            tasks: 'j/k=選択 Enter=詳細 h/Esc=戻る d=完了 n=次 s=いつか w=待ち i=inbox c=コンテキスト g=集中 E=作業量 p=プロジェクト化 P=紐づけ D=削除 u=戻す /=検索',
             projectDetail: 'j/k=選択 a=追加 d=完了 Esc/b=戻る /=検索',
             taskDetail: 'j/k=選択 c/i=コメント追加 P=紐づけ D=コメント削除 Esc/b=戻る',
         },
         kanbanFooter: {
-            category: 'j/k=選択 l/Enter=タスク a=追加 @=フィルター /=検索',
-            tasks: 'j/k=選択 h/Esc=戻る d=完了 m=移動 a=追加 u=戻す /=検索',
+            category: 'j/k=選択 l/Enter=タスク a=追加 @=フィルター g=集中 G=フィルター E=作業量 /=検索',
+            tasks: 'j/k=選択 h/Esc=戻る d=完了 m=移動 a=追加 g=集中 E=作業量 u=戻す /=検索',
         },
         noTasks: 'タスクなし',
         // Tab labels
@@ -130,6 +151,9 @@ export const ja = {
             comment: 'コメント',
             back: '戻る',
             delete: '削除',
+            focus: '集中',
+            focusFilter: '集中フィルター',
+            effort: '作業量',
             // Pomodoro keys
             pause: '一時停止',
             resume: '再開',
@@ -166,6 +190,9 @@ export const ja = {
             searchTasks: 'タスク検索',
             filterByContext: 'コンテキストフィルター',
             setContext: 'コンテキスト設定',
+            toggleFocus: '集中モード切替',
+            toggleFocusFilter: '集中フィルター切替',
+            setEffort: '作業量設定',
             pomodoro: 'ポモドーロ',
             startPomodoro: 'ポモドーロ開始',
             pauseResume: '一時停止/再開',
@@ -178,6 +205,7 @@ export const ja = {
             other: 'その他',
             showHelp: 'このヘルプを表示',
             showCalendar: 'カレンダーを表示',
+            showInsights: 'インサイトを表示',
             quit: '終了',
             undo: '元に戻す',
             redo: 'やり直し',
@@ -207,6 +235,9 @@ export const ja = {
             moveRight: '次のカラムへ移動',
             moveLeft: '前のカラムへ戻す',
             searchTasks: 'タスク検索',
+            toggleFocus: '集中モード切替',
+            toggleFocusFilter: '集中フィルター切替',
+            setEffort: '作業量設定',
             settings: '設定',
             changeTheme: 'テーマ変更',
             changeViewMode: '表示モード変更',
@@ -262,6 +293,27 @@ export const ja = {
             newContext: '新規コンテキスト: ',
             newContextPlaceholder: 'コンテキスト名を入力...',
         },
+        // Focus
+        focus: {
+            label: '集中',
+            focused: '★ 集中',
+            taskFocused: '集中設定: 「{title}」',
+            taskUnfocused: '集中解除: 「{title}」',
+            filterOn: '集中フィルター ON',
+            filterOff: '集中フィルター OFF',
+        },
+        // Effort
+        effort: {
+            label: '作業量',
+            small: '小',
+            medium: '中',
+            large: '大',
+            clear: 'クリア',
+            set: '作業量設定',
+            setHelp: 'j/k: 選択, Enter: 確定, Esc: キャンセル',
+            effortSet: '「{title}」の作業量を{effort}に設定しました',
+            effortCleared: '「{title}」の作業量をクリアしました',
+        },
         // Pomodoro
         pomodoro: {
             work: '作業中',

package/dist/ui/App.js

@@ -6,6 +6,7 @@ import { eq, and, gte } from 'drizzle-orm';
 import { v4 as uuidv4 } from 'uuid';
 import { TaskItem } from './components/TaskItem.js';
 import { HelpModal } from './components/HelpModal.js';
+import { InsightsModal } from './components/InsightsModal.js';
 import { CalendarModal } from './components/CalendarModal.js';
 import { FunctionKeyBar } from './components/FunctionKeyBar.js';
 import { SearchBar } from './components/SearchBar.js';
@@ -22,14 +23,14 @@ import { LanguageSelector } from './LanguageSelector.js';
 import { getDb, schema } from '../db/index.js';
 import { t, fmt } from '../i18n/index.js';
 import { ThemeProvider, useTheme, getTheme } from './theme/index.js';
-import { getThemeName, getViewMode, setThemeName, setViewMode, setLocale, isTursoEnabled, getContexts, addContext, getSplashDuration, getContextFilter, setContextFilter as saveContextFilter, getPomodoroFocusMode, setPomodoroFocusMode } from '../config.js';
+import { getThemeName, getViewMode, setThemeName, setViewMode, setLocale, isTursoEnabled, getContexts, addContext, getSplashDuration, getContextFilter, setContextFilter as saveContextFilter, getPomodoroFocusMode, setPomodoroFocusMode, getFocusFilter, setFocusFilter } from '../config.js';
 import { KanbanBoard } from './components/KanbanBoard.js';
 import { KanbanDQ } from './components/KanbanDQ.js';
 import { KanbanMario } from './components/KanbanMario.js';
 import { GtdDQ } from './components/GtdDQ.js';
 import { GtdMario } from './components/GtdMario.js';
 import { VERSION } from '../version.js';
-import { HistoryProvider, useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from './history/index.js';
+import { HistoryProvider, useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, SetFocusCommand, SetEffortCommand, } from './history/index.js';
 const TABS = ['inbox', 'next', 'waiting', 'someday', 'projects', 'done'];
 export function App() {
     const [themeName, setThemeNameState] = useState(getThemeName);
@@ -123,7 +124,15 @@ function AppContent({ onOpenSettings }) {
         });
     }, []);
     const [availableContexts, setAvailableContexts] = useState([]);
+    const [focusFilterState, setFocusFilterState] = useState(getFocusFilter());
+    const [effortSelectIndex, setEffortSelectIndex] = useState(0);
     const i18n = t();
+    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' },
+    ];
     // Pomodoro timer
     const handlePomodoroPhaseComplete = useCallback((type, completedCount) => {
         if (type === 'work') {
@@ -173,6 +182,9 @@ function AppContent({ onOpenSettings }) {
                     allTasks = allTasks.filter(t => t.context === contextFilter);
                 }
             }
+            if (focusFilterState) {
+                allTasks = allTasks.filter(t => t.isFocused);
+            }
             newTasks[status] = allTasks;
         }
         // Load projects (isProject = true, not done) - projects don't get context filtered
@@ -194,7 +206,7 @@ function AppContent({ onOpenSettings }) {
         setProjectProgress(progress);
         setTasks(newTasks);
         setAvailableContexts(getContexts());
-    }, [contextFilter]);
+    }, [contextFilter, focusFilterState]);
     // Get parent project for a task
     const getParentProject = (parentId) => {
         if (!parentId)
@@ -222,6 +234,11 @@ function AppContent({ onOpenSettings }) {
     }, [loadTasks]);
     const currentTab = TABS[currentListIndex];
     const currentTasks = mode === 'project-detail' ? projectTasks : tasks[currentTab];
+    const getCurrentTask = () => {
+        if (currentTasks.length === 0)
+            return undefined;
+        return currentTasks[selectedTaskIndex];
+    };
     // Get all tasks for search (across all statuses)
     const getAllTasks = useCallback(() => {
         const allTasks = [];
@@ -446,6 +463,48 @@ function AppContent({ 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 deleteTask = useCallback(async (task) => {
         const command = new DeleteTaskCommand({
             task,
@@ -652,6 +711,26 @@ function AppContent({ 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 set-context mode
         if (mode === 'set-context') {
             if (key.escape) {
@@ -793,6 +872,11 @@ function AppContent({ onOpenSettings }) {
             setMode('help');
             return;
         }
+        // Show insights
+        if (input === 'I') {
+            setMode('insights');
+            return;
+        }
         // Show calendar
         if (input === 'C') {
             setMode('calendar');
@@ -818,6 +902,21 @@ function AppContent({ onOpenSettings }) {
             setMode('set-context');
             return;
         }
+        if (input === 'g') {
+            toggleTaskFocus();
+            return;
+        }
+        if (input === 'G') {
+            toggleFocusFilter();
+            return;
+        }
+        if (input === 'E') {
+            if (getCurrentTask()) {
+                setEffortSelectIndex(0);
+                setMode('set-effort');
+            }
+            return;
+        }
         // Settings: Theme selector
         if (input === 'T') {
             onOpenSettings('theme-select');
@@ -1055,11 +1154,15 @@ function AppContent({ onOpenSettings }) {
             });
             return;
         }
-    }, { isActive: mode !== 'help' && mode !== 'calendar' });
+    }, { isActive: mode !== 'help' && mode !== 'insights' && mode !== 'calendar' });
     // Help modal overlay
     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') }) }));
@@ -1080,12 +1183,12 @@ function AppContent({ onOpenSettings }) {
     const tursoEnabled = isTursoEnabled();
     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.primary, children: formatTitle(i18n.tui.title) }), _jsx(Text, { color: theme.colors.textMuted, children: theme.name === 'modern' ? ` v${VERSION}` : ` VER ${VERSION}` }), _jsx(Text, { color: tursoEnabled ? theme.colors.accent : theme.colors.textMuted, children: theme.name === 'modern'
                                     ? (tursoEnabled ? ' ☁️ turso' : ' 💾 local')
-                                    : (tursoEnabled ? ' [DB]TURSO' : ' [DB]local') }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? (i18n.tui.context?.none || 'none') : contextFilter] }))] }), _jsxs(Box, { children: [_jsx(CalendarEvents, { compact: true, showLabel: true, withSeparator: true }), _jsx(Clock, {}), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.helpHint] })] })] }), pomodoro.isRunning && (_jsx(Box, { marginBottom: 1, children: _jsx(PomodoroTimer, { state: pomodoro.state, remainingSeconds: pomodoro.remainingSeconds, isPaused: pomodoro.isPaused }) })), _jsx(Box, { marginBottom: 1, children: TABS.map((tab, index) => {
+                                    : (tursoEnabled ? ' [DB]TURSO' : ' [DB]local') }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? (i18n.tui.context?.none || '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, {}), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.helpHint] })] })] }), pomodoro.isRunning && (_jsx(Box, { marginBottom: 1, children: _jsx(PomodoroTimer, { state: pomodoro.state, remainingSeconds: pomodoro.remainingSeconds, isPaused: pomodoro.isPaused }) })), _jsx(Box, { marginBottom: 1, children: TABS.map((tab, index) => {
                     const isActive = index === currentListIndex && mode !== 'project-detail';
                     const count = tasks[tab].length;
                     const label = `${index + 1}:${getTabLabel(tab)}(${count})`;
                     return (_jsx(Box, { marginRight: 1, children: _jsx(Text, { color: isActive ? theme.colors.textSelected : theme.colors.textMuted, bold: isActive, inverse: isActive && theme.style.tabActiveInverse, children: formatTabLabel(` ${label} `, isActive) }) }, tab));
-                }) }), mode === 'project-detail' && selectedProject && (_jsxs(_Fragment, { children: [_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: theme.colors.accent, bold: true, children: [theme.name === 'modern' ? '📁 ' : '>> ', selectedProject.title] }), _jsxs(Text, { color: theme.colors.textMuted, children: [" (Esc/b: ", i18n.tui.back || 'back', ")"] })] }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.projectTasks || 'Tasks', " (", projectTasks.length, ")"] }) })] })), (mode === 'task-detail' || mode === 'add-comment') && selectedTask && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: theme.colors.accent, bold: true, children: [theme.name === 'modern' ? '📋 ' : '>> ', i18n.tui.taskDetailTitle || 'Task Details'] }), _jsxs(Text, { color: theme.colors.textMuted, children: [" (Esc/b: ", i18n.tui.back || 'back', ", ", i18n.tui.commentHint || 'i: add comment', ")"] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.list, borderColor: theme.colors.border, paddingX: 1, paddingY: 1, marginBottom: 1, 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, { marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.taskDetailStatus, ": "] }), _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, { marginBottom: 1, children: _jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.comments || 'Comments', " (", taskComments.length, ")"] }) }), _jsx(Box, { flexDirection: "column", borderStyle: theme.borders.list, borderColor: theme.colors.border, paddingX: 1, paddingY: 1, minHeight: 5, children: taskComments.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noComments || 'No comments yet' })) : (taskComments.map((comment, index) => {
+                }) }), mode === 'project-detail' && selectedProject && (_jsxs(_Fragment, { children: [_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: theme.colors.accent, bold: true, children: [theme.name === 'modern' ? '📁 ' : '>> ', selectedProject.title] }), _jsxs(Text, { color: theme.colors.textMuted, children: [" (Esc/b: ", i18n.tui.back || 'back', ")"] })] }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.projectTasks || 'Tasks', " (", projectTasks.length, ")"] }) })] })), (mode === 'task-detail' || mode === 'add-comment') && selectedTask && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: theme.colors.accent, bold: true, children: [theme.name === 'modern' ? '📋 ' : '>> ', i18n.tui.taskDetailTitle || 'Task Details'] }), _jsxs(Text, { color: theme.colors.textMuted, children: [" (Esc/b: ", i18n.tui.back || 'back', ", ", i18n.tui.commentHint || 'i: add comment', ")"] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.list, borderColor: theme.colors.border, paddingX: 1, paddingY: 1, marginBottom: 1, 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, { marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.taskDetailStatus, ": "] }), _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, { marginBottom: 1, children: _jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.comments || 'Comments', " (", taskComments.length, ")"] }) }), _jsx(Box, { flexDirection: "column", borderStyle: theme.borders.list, borderColor: theme.colors.border, paddingX: 1, paddingY: 1, minHeight: 5, 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: "row", marginBottom: 1, children: [_jsx(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.textMuted, children: isSelected ? theme.style.selectedPrefix : theme.style.unselectedPrefix }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.textMuted, children: ["[", comment.createdAt.toLocaleString(), "]"] }), _jsx(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: comment.content })] })] }, comment.id));
                         })) }), mode === 'add-comment' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.addComment || 'New comment: ' }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: "" }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] }))] })), mode === 'search' && searchQuery && (_jsx(SearchResults, { results: searchResults, selectedIndex: searchResultIndex, query: searchQuery })), mode !== 'task-detail' && mode !== 'add-comment' && mode !== 'search' && (theme.uiStyle === 'titled-box' ? (_jsx(TitledBox, { title: mode === 'project-detail' && selectedProject ? selectedProject.title : getTabLabel(currentTab), borderColor: theme.colors.border, minHeight: 10, children: currentTasks.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noTasks })) : (currentTasks.map((task, index) => {
@@ -1118,7 +1221,7 @@ function AppContent({ onOpenSettings }) {
                             const isActive = (ctx === 'clear' && !currentContext) ||
                                 (ctx !== 'clear' && ctx !== 'new' && currentContext === ctx);
                             return (_jsxs(Text, { color: index === contextSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === contextSelectIndex, children: [index === contextSelectIndex ? theme.style.selectedPrefix : theme.style.unselectedPrefix, label, isActive && ' *'] }, ctx));
-                        }) }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.context?.setContextHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] })), mode === 'add-context' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.context?.newContext || 'New context: ' }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.context?.newContextPlaceholder || 'Enter context name...' }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), mode === 'confirm-delete' && taskToDelete && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.accent, bold: true, children: fmt(i18n.tui.deleteConfirm || 'Delete "{title}"? (y/n)', { title: taskToDelete.title }) }) })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [(mode === 'task-detail' || mode === 'add-comment') ? (theme.style.showFunctionKeys ? (_jsx(FunctionKeyBar, { keys: [
+                        }) }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.context?.setContextHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] })), mode === 'set-effort' && (_jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.modal, borderColor: theme.colors.borderActive, paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: i18n.tui.effort?.set || 'Set effort' }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.effort?.setHelp || 'j/k: select, Enter: confirm, Esc: cancel' }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: EFFORT_OPTIONS.map((option, index) => (_jsxs(Text, { color: index === effortSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === effortSelectIndex, children: [index === effortSelectIndex ? theme.style.selectedPrefix : theme.style.unselectedPrefix, option.label] }, option.label))) })] })), mode === 'add-context' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.context?.newContext || 'New context: ' }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.context?.newContextPlaceholder || 'Enter context name...' }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), mode === 'confirm-delete' && taskToDelete && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.accent, bold: true, children: fmt(i18n.tui.deleteConfirm || 'Delete "{title}"? (y/n)', { title: taskToDelete.title }) }) })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [(mode === 'task-detail' || mode === 'add-comment') ? (theme.style.showFunctionKeys ? (_jsx(FunctionKeyBar, { keys: [
                             { key: 'i', label: i18n.tui.keyBar.comment },
                             { key: 'd', label: i18n.tui.keyBar.delete },
                             { key: 'P', label: i18n.tui.keyBar.project },