floq 0.3.1 → 0.5.0

package/dist/ui/App.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useEffect, useCallback } from 'react';
 import { Box, Text, useInput, useApp } from 'ink';
 import TextInput from 'ink-text-input';
-import { eq, and } from 'drizzle-orm';
+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';
@@ -16,10 +16,10 @@ import { LanguageSelector } from './LanguageSelector.js';
 import { getDb, schema } from '../db/index.js';
 import { t, fmt } from '../i18n/index.js';
 import { ThemeProvider, useTheme } from './theme/index.js';
-import { getThemeName, getViewMode, setThemeName, setViewMode, setLocale, isTursoEnabled } from '../config.js';
+import { getThemeName, getViewMode, setThemeName, setViewMode, setLocale, isTursoEnabled, getContexts, addContext } from '../config.js';
 import { KanbanBoard } from './components/KanbanBoard.js';
 import { VERSION } from '../version.js';
-import { HistoryProvider, useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, } from './history/index.js';
+import { HistoryProvider, useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from './history/index.js';
 const TABS = ['inbox', 'next', 'waiting', 'someday', 'projects', 'done'];
 export function App() {
     const [themeName, setThemeNameState] = useState(getThemeName);
@@ -87,6 +87,10 @@ function AppContent({ onOpenSettings }) {
     const [searchQuery, setSearchQuery] = useState('');
     const [searchResults, setSearchResults] = useState([]);
     const [searchResultIndex, setSearchResultIndex] = useState(0);
+    // Context filter state
+    const [contextFilter, setContextFilter] = useState(null); // null = all, '' = no context, string = specific context
+    const [contextSelectIndex, setContextSelectIndex] = useState(0);
+    const [availableContexts, setAvailableContexts] = useState([]);
     const i18n = t();
     const loadTasks = useCallback(async () => {
         const db = getDb();
@@ -101,12 +105,35 @@ function AppContent({ onOpenSettings }) {
         // Load all tasks (including project children) by status
         const statusList = ['inbox', 'next', 'waiting', 'someday', 'done'];
         for (const status of statusList) {
-            newTasks[status] = await db
+            // For done tasks, only show those completed in the last week
+            const oneWeekAgo = new Date();
+            oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
+            const conditions = [
+                eq(schema.tasks.status, status),
+                eq(schema.tasks.isProject, false),
+            ];
+            // Filter done tasks to last week only
+            if (status === 'done') {
+                conditions.push(gte(schema.tasks.updatedAt, oneWeekAgo));
+            }
+            let allTasks = await db
                 .select()
                 .from(schema.tasks)
-                .where(and(eq(schema.tasks.status, status), eq(schema.tasks.isProject, false)));
+                .where(and(...conditions));
+            // Apply context filter
+            if (contextFilter !== null) {
+                if (contextFilter === '') {
+                    // Filter to tasks with no context
+                    allTasks = allTasks.filter(t => !t.context);
+                }
+                else {
+                    // Filter to specific context
+                    allTasks = allTasks.filter(t => t.context === contextFilter);
+                }
+            }
+            newTasks[status] = allTasks;
         }
-        // Load projects (isProject = true, not done)
+        // Load projects (isProject = true, not done) - projects don't get context filtered
         newTasks.projects = await db
             .select()
             .from(schema.tasks)
@@ -124,7 +151,8 @@ function AppContent({ onOpenSettings }) {
         }
         setProjectProgress(progress);
         setTasks(newTasks);
-    }, []);
+        setAvailableContexts(getContexts());
+    }, [contextFilter]);
     // Get parent project for a task
     const getParentProject = (parentId) => {
         if (!parentId)
@@ -188,7 +216,7 @@ function AppContent({ onOpenSettings }) {
             setMode('normal');
         }
     }, [tasks]);
-    const addTask = useCallback(async (title, parentId) => {
+    const addTask = useCallback(async (title, parentId, context) => {
         if (!title.trim())
             return;
         const now = new Date();
@@ -199,6 +227,7 @@ function AppContent({ onOpenSettings }) {
                 title: title.trim(),
                 status: parentId ? 'next' : 'inbox',
                 parentId: parentId || null,
+                context: context || null,
                 createdAt: now,
                 updatedAt: now,
             },
@@ -258,18 +287,36 @@ function AppContent({ onOpenSettings }) {
             setSearchResultIndex(0);
             return;
         }
+        // Handle add-context mode submit
+        if (mode === 'add-context') {
+            if (value.trim()) {
+                const newContext = value.trim().toLowerCase().replace(/^@/, '');
+                addContext(newContext);
+                setAvailableContexts(getContexts());
+                // Set the new context on the current task
+                if (currentTasks.length > 0) {
+                    const task = currentTasks[selectedTaskIndex];
+                    await setTaskContext(task, newContext);
+                }
+            }
+            setInputValue('');
+            setContextSelectIndex(0);
+            setMode('normal');
+            return;
+        }
         if (value.trim()) {
             if (mode === 'add-comment' && selectedTask) {
                 await addCommentToTask(selectedTask, value);
                 setMode('task-detail');
             }
             else if (mode === 'add-to-project' && selectedProject) {
-                await addTask(value, selectedProject.id);
+                await addTask(value, selectedProject.id, contextFilter && contextFilter !== '' ? contextFilter : null);
                 await loadProjectTasks(selectedProject.id);
                 setMode('project-detail');
             }
             else {
-                await addTask(value);
+                // Pass contextFilter when adding a task, so it inherits the current filter context
+                await addTask(value, undefined, contextFilter && contextFilter !== '' ? contextFilter : null);
                 setMode('normal');
             }
         }
@@ -343,6 +390,20 @@ function AppContent({ onOpenSettings }) {
         setMessage(fmt(i18n.tui.madeProject || 'Made project: {title}', { title: task.title }));
         await loadTasks();
     }, [i18n.tui.madeProject, loadTasks, history]);
+    const setTaskContext = useCallback(async (task, context) => {
+        const description = context
+            ? fmt(i18n.tui.context?.contextSet || 'Set context @{context} for "{title}"', { context, title: task.title })
+            : fmt(i18n.tui.context?.contextCleared || 'Cleared context for "{title}"', { title: task.title });
+        const command = new SetContextCommand({
+            taskId: task.id,
+            fromContext: task.context,
+            toContext: context,
+            description,
+        });
+        await history.execute(command);
+        setMessage(description);
+        await loadTasks();
+    }, [i18n.tui.context, loadTasks, history]);
     const deleteTask = useCallback(async (task) => {
         const command = new DeleteTaskCommand({
             task,
@@ -519,6 +580,87 @@ function AppContent({ onOpenSettings }) {
             }
             return;
         }
+        // Handle context-filter mode
+        if (mode === 'context-filter') {
+            if (key.escape) {
+                setContextSelectIndex(0);
+                setMode('normal');
+                return;
+            }
+            // Navigate context options (All, No context, then each context)
+            const contextOptions = ['all', 'none', ...availableContexts];
+            if (key.upArrow || input === 'k') {
+                setContextSelectIndex((prev) => (prev > 0 ? prev - 1 : contextOptions.length - 1));
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                setContextSelectIndex((prev) => (prev < contextOptions.length - 1 ? prev + 1 : 0));
+                return;
+            }
+            // Select context with Enter
+            if (key.return) {
+                const selected = contextOptions[contextSelectIndex];
+                if (selected === 'all') {
+                    setContextFilter(null);
+                }
+                else if (selected === 'none') {
+                    setContextFilter('');
+                }
+                else {
+                    setContextFilter(selected);
+                }
+                setContextSelectIndex(0);
+                setMode('normal');
+                return;
+            }
+            return;
+        }
+        // Handle set-context mode
+        if (mode === 'set-context') {
+            if (key.escape) {
+                setContextSelectIndex(0);
+                setMode('normal');
+                return;
+            }
+            // Navigate context options (Clear, each context, then + New)
+            const contextOptions = ['clear', ...availableContexts, 'new'];
+            if (key.upArrow || input === 'k') {
+                setContextSelectIndex((prev) => (prev > 0 ? prev - 1 : contextOptions.length - 1));
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                setContextSelectIndex((prev) => (prev < contextOptions.length - 1 ? prev + 1 : 0));
+                return;
+            }
+            // Select context with Enter
+            if (key.return && currentTasks.length > 0) {
+                const selected = contextOptions[contextSelectIndex];
+                if (selected === 'new') {
+                    setMode('add-context');
+                    setInputValue('');
+                    return;
+                }
+                const task = currentTasks[selectedTaskIndex];
+                if (selected === 'clear') {
+                    setTaskContext(task, null);
+                }
+                else {
+                    setTaskContext(task, selected);
+                }
+                setContextSelectIndex(0);
+                setMode('normal');
+                return;
+            }
+            return;
+        }
+        // Handle add-context mode
+        if (mode === 'add-context') {
+            if (key.escape) {
+                setInputValue('');
+                setMode('set-context');
+            }
+            return;
+        }
         // Handle project-detail mode
         if (mode === 'project-detail') {
             if (key.escape || key.backspace || input === 'b') {
@@ -622,6 +764,18 @@ function AppContent({ onOpenSettings }) {
             setSearchResultIndex(0);
             return;
         }
+        // Context filter mode
+        if (input === '@') {
+            setContextSelectIndex(0);
+            setMode('context-filter');
+            return;
+        }
+        // Set context mode (c key)
+        if (input === 'c' && currentTasks.length > 0 && currentTab !== 'projects') {
+            setContextSelectIndex(0);
+            setMode('set-context');
+            return;
+        }
         // Settings: Theme selector
         if (input === 'T') {
             onOpenSettings('theme-select');
@@ -841,12 +995,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') })] }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.helpHint })] }), _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] }))] }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.helpHint })] }), _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})`] })] })] }), _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') })] })] }), _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' && (_jsx(Box, { flexDirection: "column", borderStyle: theme.borders.list, borderColor: theme.colors.border, paddingX: 1, paddingY: 1, minHeight: 10, children: currentTasks.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noTasks })) : (currentTasks.map((task, index) => {
@@ -855,7 +1009,27 @@ function AppContent({ onOpenSettings }) {
                     return (_jsx(TaskItem, { task: task, isSelected: index === selectedTaskIndex, projectName: parentProject?.title, progress: progress }, 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 }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), 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: "" }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), mode === 'select-project' && taskToLink && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project for', ": ", taskToLink.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, borderStyle: theme.borders.list, borderColor: theme.colors.borderActive, paddingX: 1, children: tasks.projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? theme.style.selectedPrefix : theme.style.unselectedPrefix, project.title] }, project.id))) }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.selectProjectHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] })), 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 }) })), _jsx(Box, { marginTop: 1, children: (mode === 'task-detail' || mode === 'add-comment') ? (theme.style.showFunctionKeys ? (_jsx(FunctionKeyBar, { keys: [
+                            : i18n.tui.newTask }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.placeholder }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), 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: "" }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), mode === 'select-project' && taskToLink && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project for', ": ", taskToLink.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, borderStyle: theme.borders.list, borderColor: theme.colors.borderActive, paddingX: 1, children: tasks.projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? theme.style.selectedPrefix : theme.style.unselectedPrefix, project.title] }, project.id))) }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.selectProjectHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] })), mode === 'context-filter' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.context?.filter || 'Filter by context' }), _jsx(Box, { flexDirection: "column", marginTop: 1, borderStyle: theme.borders.list, borderColor: theme.colors.borderActive, paddingX: 1, children: ['all', 'none', ...availableContexts].map((ctx, index) => {
+                            const label = ctx === 'all'
+                                ? (i18n.tui.context?.all || 'All')
+                                : ctx === 'none'
+                                    ? (i18n.tui.context?.none || 'No context')
+                                    : `@${ctx}`;
+                            const isActive = (ctx === 'all' && contextFilter === null) ||
+                                (ctx === 'none' && contextFilter === '') ||
+                                (ctx !== 'all' && ctx !== 'none' && contextFilter === 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?.filterHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] })), mode === 'set-context' && currentTasks.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.context?.setContext || 'Set context', ": ", currentTasks[selectedTaskIndex]?.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, borderStyle: theme.borders.list, borderColor: theme.colors.borderActive, paddingX: 1, children: ['clear', ...availableContexts, 'new'].map((ctx, index) => {
+                            const label = ctx === 'clear'
+                                ? (i18n.tui.context?.none || 'No context')
+                                : ctx === 'new'
+                                    ? (i18n.tui.context?.addNew || '+ New context')
+                                    : `@${ctx}`;
+                            const currentContext = currentTasks[selectedTaskIndex]?.context;
+                            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 }) })), _jsx(Box, { marginTop: 1, 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 },

package/dist/ui/components/KanbanBoard.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState, useEffect, useCallback } from 'react';
 import { Box, Text, useInput, useApp } from 'ink';
 import TextInput from 'ink-text-input';
-import { eq, and, inArray } from 'drizzle-orm';
+import { eq, and, inArray, gte } from 'drizzle-orm';
 import { v4 as uuidv4 } from 'uuid';
 import { KanbanColumn } from './KanbanColumn.js';
 import { HelpModal } from './HelpModal.js';
@@ -12,9 +12,9 @@ import { SearchResults } from './SearchResults.js';
 import { getDb, schema } from '../../db/index.js';
 import { t, fmt } from '../../i18n/index.js';
 import { useTheme } from '../theme/index.js';
-import { isTursoEnabled } from '../../config.js';
+import { isTursoEnabled, getContexts, addContext } from '../../config.js';
 import { VERSION } from '../../version.js';
-import { useHistory, CreateTaskCommand, MoveTaskCommand, LinkTaskCommand, CreateCommentCommand, DeleteCommentCommand, } from '../history/index.js';
+import { useHistory, CreateTaskCommand, MoveTaskCommand, LinkTaskCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from '../history/index.js';
 const COLUMNS = ['todo', 'doing', 'done'];
 export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
     const theme = useTheme();
@@ -43,6 +43,10 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
     const [searchQuery, setSearchQuery] = useState('');
     const [searchResults, setSearchResults] = useState([]);
     const [searchResultIndex, setSearchResultIndex] = useState(0);
+    // Context filter state
+    const [contextFilter, setContextFilter] = useState(null);
+    const [contextSelectIndex, setContextSelectIndex] = useState(0);
+    const [availableContexts, setAvailableContexts] = useState([]);
     const i18n = t();
     // Status mapping:
     // TODO = inbox + someday
@@ -50,33 +54,44 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
     // Done = done
     const loadTasks = useCallback(async () => {
         const db = getDb();
+        // Apply context filter helper
+        const filterByContext = (taskList) => {
+            if (contextFilter === null)
+                return taskList;
+            if (contextFilter === '')
+                return taskList.filter(t => !t.context);
+            return taskList.filter(t => t.context === contextFilter);
+        };
         // TODO: inbox + someday (non-project tasks)
-        const todoTasks = await db
+        let todoTasks = await db
             .select()
             .from(schema.tasks)
             .where(and(inArray(schema.tasks.status, ['inbox', 'someday']), eq(schema.tasks.isProject, false)));
         // Doing: next + waiting (non-project tasks)
-        const doingTasks = await db
+        let doingTasks = await db
             .select()
             .from(schema.tasks)
             .where(and(inArray(schema.tasks.status, ['next', 'waiting']), eq(schema.tasks.isProject, false)));
-        // Done: done (non-project tasks)
-        const doneTasks = await db
+        // Done: done (non-project tasks) - only show last week
+        const oneWeekAgo = new Date();
+        oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
+        let doneTasks = await db
             .select()
             .from(schema.tasks)
-            .where(and(eq(schema.tasks.status, 'done'), eq(schema.tasks.isProject, false)));
+            .where(and(eq(schema.tasks.status, 'done'), eq(schema.tasks.isProject, false), gte(schema.tasks.updatedAt, oneWeekAgo)));
         // Load projects for linking
         const projectTasks = await db
             .select()
             .from(schema.tasks)
             .where(and(eq(schema.tasks.isProject, true), eq(schema.tasks.status, 'next')));
         setTasks({
-            todo: todoTasks,
-            doing: doingTasks,
-            done: doneTasks,
+            todo: filterByContext(todoTasks),
+            doing: filterByContext(doingTasks),
+            done: filterByContext(doneTasks),
         });
         setProjects(projectTasks);
-    }, []);
+        setAvailableContexts(getContexts());
+    }, [contextFilter]);
     useEffect(() => {
         loadTasks();
     }, [loadTasks]);
@@ -176,7 +191,7 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
             setMode('normal');
         }
     }, [tasks]);
-    const addTask = useCallback(async (title) => {
+    const addTask = useCallback(async (title, context) => {
         if (!title.trim())
             return;
         const now = new Date();
@@ -186,6 +201,7 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
                 id: taskId,
                 title: title.trim(),
                 status: 'inbox', // New tasks go to inbox (which maps to TODO)
+                context: context || null,
                 createdAt: now,
                 updatedAt: now,
             },
@@ -218,8 +234,26 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
             setSearchResultIndex(0);
             return;
         }
+        // Handle add-context mode submit
+        if (mode === 'add-context') {
+            if (value.trim()) {
+                const newContext = value.trim().toLowerCase().replace(/^@/, '');
+                addContext(newContext);
+                setAvailableContexts(getContexts());
+                // Set the new context on the current task
+                if (currentTasks.length > 0) {
+                    const task = currentTasks[selectedTaskIndex];
+                    await setTaskContext(task, newContext);
+                }
+            }
+            setInputValue('');
+            setContextSelectIndex(0);
+            setMode('normal');
+            return;
+        }
         if (value.trim()) {
-            await addTask(value);
+            // Pass contextFilter when adding a task, so it inherits the current filter context
+            await addTask(value, contextFilter && contextFilter !== '' ? contextFilter : null);
         }
         setInputValue('');
         setMode('normal');
@@ -291,6 +325,20 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
         setMessage(fmt(i18n.tui.completed, { title: task.title }));
         await loadTasks();
     }, [i18n.tui.completed, loadTasks, history]);
+    const setTaskContext = useCallback(async (task, context) => {
+        const description = context
+            ? fmt(i18n.tui.context?.contextSet || 'Set context @{context} for "{title}"', { context, title: task.title })
+            : fmt(i18n.tui.context?.contextCleared || 'Cleared context for "{title}"', { title: task.title });
+        const command = new SetContextCommand({
+            taskId: task.id,
+            fromContext: task.context,
+            toContext: context,
+            description,
+        });
+        await history.execute(command);
+        setMessage(description);
+        await loadTasks();
+    }, [i18n.tui.context, loadTasks, history]);
     const getColumnLabel = (column) => {
         return i18n.kanban[column];
     };
@@ -401,6 +449,83 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
             }
             return;
         }
+        // Handle context-filter mode
+        if (mode === 'context-filter') {
+            if (key.escape) {
+                setContextSelectIndex(0);
+                setMode('normal');
+                return;
+            }
+            const contextOptions = ['all', 'none', ...availableContexts];
+            if (key.upArrow || input === 'k') {
+                setContextSelectIndex((prev) => (prev > 0 ? prev - 1 : contextOptions.length - 1));
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                setContextSelectIndex((prev) => (prev < contextOptions.length - 1 ? prev + 1 : 0));
+                return;
+            }
+            if (key.return) {
+                const selected = contextOptions[contextSelectIndex];
+                if (selected === 'all') {
+                    setContextFilter(null);
+                }
+                else if (selected === 'none') {
+                    setContextFilter('');
+                }
+                else {
+                    setContextFilter(selected);
+                }
+                setContextSelectIndex(0);
+                setMode('normal');
+                return;
+            }
+            return;
+        }
+        // Handle set-context mode
+        if (mode === 'set-context') {
+            if (key.escape) {
+                setContextSelectIndex(0);
+                setMode('normal');
+                return;
+            }
+            const contextOptions = ['clear', ...availableContexts, 'new'];
+            if (key.upArrow || input === 'k') {
+                setContextSelectIndex((prev) => (prev > 0 ? prev - 1 : contextOptions.length - 1));
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                setContextSelectIndex((prev) => (prev < contextOptions.length - 1 ? prev + 1 : 0));
+                return;
+            }
+            if (key.return && currentTasks.length > 0) {
+                const selected = contextOptions[contextSelectIndex];
+                if (selected === 'new') {
+                    setMode('add-context');
+                    setInputValue('');
+                    return;
+                }
+                const task = currentTasks[selectedTaskIndex];
+                if (selected === 'clear') {
+                    setTaskContext(task, null);
+                }
+                else {
+                    setTaskContext(task, selected);
+                }
+                setContextSelectIndex(0);
+                setMode('normal');
+                return;
+            }
+            return;
+        }
+        // Handle add-context mode
+        if (mode === 'add-context') {
+            if (key.escape) {
+                setInputValue('');
+                setMode('set-context');
+            }
+            return;
+        }
         // Clear message on any input
         if (message) {
             setMessage(null);
@@ -418,6 +543,18 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
             setSearchResultIndex(0);
             return;
         }
+        // Context filter mode
+        if (input === '@') {
+            setContextSelectIndex(0);
+            setMode('context-filter');
+            return;
+        }
+        // Set context mode (c key)
+        if (input === 'c' && currentTasks.length > 0) {
+            setContextSelectIndex(0);
+            setMode('set-context');
+            return;
+        }
         // Settings: Theme selector
         if (input === 'T' && onOpenSettings) {
             onOpenSettings('theme-select');
@@ -575,10 +712,30 @@ export function KanbanBoard({ onSwitchToGtd, 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.accent, children: " [KANBAN]" }), _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') })] }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.helpHint })] }), (mode === 'task-detail' || mode === 'add-comment' || mode === 'select-project') && 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(Text, { color: theme.colors.textMuted, children: [i18n.status[selectedTask.status], selectedTask.waitingFor && ` - ${selectedTask.waitingFor}`, selectedTask.dueDate && ` (${selectedTask.dueDate.toLocaleDateString()})`] })] }), _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) => {
+                                    : (tursoEnabled ? ' [DB]TURSO' : ' [DB]local') }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? (i18n.tui.context?.none || 'none') : contextFilter] }))] }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.helpHint })] }), (mode === 'task-detail' || mode === 'add-comment' || mode === 'select-project') && 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') })] }), selectedTask.dueDate && (_jsxs(Text, { color: theme.colors.textMuted, children: ["Due: ", selectedTask.dueDate.toLocaleDateString()] }))] }), _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 === 'select-project' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project for', ": ", selectedTask.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, borderStyle: theme.borders.list, borderColor: theme.colors.borderActive, paddingX: 1, children: projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? theme.style.selectedPrefix : theme.style.unselectedPrefix, project.title] }, project.id))) }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.selectProjectHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] }))] })) : mode === 'search' ? (_jsx(_Fragment, { children: searchQuery && (_jsx(SearchResults, { results: searchResults, selectedIndex: searchResultIndex, query: searchQuery })) })) : (_jsxs(_Fragment, { children: [_jsx(Box, { marginBottom: 1, children: COLUMNS.map((column, index) => (_jsx(Box, { flexGrow: 1, flexBasis: 0, marginRight: index < 2 ? 1 : 0, children: _jsxs(Text, { color: currentColumnIndex === index ? theme.colors.textHighlight : theme.colors.textMuted, children: [index + 1, ":"] }) }, column))) }), _jsx(Box, { flexDirection: "row", children: COLUMNS.map((column, index) => (_jsx(KanbanColumn, { title: getColumnLabel(column), tasks: tasks[column], isActive: index === currentColumnIndex, selectedTaskIndex: selectedTaskIndices[column], columnIndex: index }, column))) })] })), 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 }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsx(Box, { marginTop: 1, children: mode === 'select-project' ? (_jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.selectProjectHelp || 'j/k: select, Enter: confirm, Esc: cancel' })) : (mode === 'task-detail' || mode === 'add-comment') ? (theme.style.showFunctionKeys ? (_jsx(FunctionKeyBar, { keys: [
+                        })) }), 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 === 'select-project' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project for', ": ", selectedTask.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, borderStyle: theme.borders.list, borderColor: theme.colors.borderActive, paddingX: 1, children: projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? theme.style.selectedPrefix : theme.style.unselectedPrefix, project.title] }, project.id))) }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.selectProjectHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] }))] })) : mode === 'search' ? (_jsx(_Fragment, { children: searchQuery && (_jsx(SearchResults, { results: searchResults, selectedIndex: searchResultIndex, query: searchQuery, viewMode: "kanban" })) })) : mode === 'context-filter' ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.context?.filter || 'Filter by context' }), _jsx(Box, { flexDirection: "column", marginTop: 1, borderStyle: theme.borders.list, borderColor: theme.colors.borderActive, paddingX: 1, children: ['all', 'none', ...availableContexts].map((ctx, index) => {
+                            const label = ctx === 'all'
+                                ? (i18n.tui.context?.all || 'All')
+                                : ctx === 'none'
+                                    ? (i18n.tui.context?.none || 'No context')
+                                    : `@${ctx}`;
+                            const isActive = (ctx === 'all' && contextFilter === null) ||
+                                (ctx === 'none' && contextFilter === '') ||
+                                (ctx !== 'all' && ctx !== 'none' && contextFilter === 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?.filterHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] })) : mode === 'set-context' && currentTasks.length > 0 ? (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.context?.setContext || 'Set context', ": ", currentTasks[selectedTaskIndex]?.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, borderStyle: theme.borders.list, borderColor: theme.colors.borderActive, paddingX: 1, children: ['clear', ...availableContexts, 'new'].map((ctx, index) => {
+                            const label = ctx === 'clear'
+                                ? (i18n.tui.context?.none || 'No context')
+                                : ctx === 'new'
+                                    ? (i18n.tui.context?.addNew || '+ New context')
+                                    : `@${ctx}`;
+                            const currentContext = currentTasks[selectedTaskIndex]?.context;
+                            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] })] })) : (_jsxs(_Fragment, { children: [_jsx(Box, { marginBottom: 1, children: COLUMNS.map((column, index) => (_jsx(Box, { flexGrow: 1, flexBasis: 0, marginRight: index < 2 ? 1 : 0, children: _jsxs(Text, { color: currentColumnIndex === index ? theme.colors.textHighlight : theme.colors.textMuted, children: [index + 1, ":"] }) }, column))) }), _jsx(Box, { flexDirection: "row", children: COLUMNS.map((column, index) => (_jsx(KanbanColumn, { title: getColumnLabel(column), tasks: tasks[column], isActive: index === currentColumnIndex, selectedTaskIndex: selectedTaskIndices[column], columnIndex: index }, column))) })] })), 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 }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsx(Box, { marginTop: 1, children: mode === 'select-project' ? (_jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.selectProjectHelp || 'j/k: select, Enter: confirm, Esc: cancel' })) : (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 },