floq 0.2.2 → 0.3.0

package/README.ja.md

@@ -61,9 +61,20 @@ floq
 | `Esc/b` | 戻る |
 | `/` | タスク検索 |
 | `r` | 更新 |
+| `u` | 元に戻す（Undo） |
+| `Ctrl+r` | やり直し（Redo） |
 | `?` | ヘルプ |
 | `q` | 終了 |
 
+#### 検索
+
+| キー | アクション |
+|------|-----------|
+| `/` | 検索モード開始 |
+| `↑/↓` または `Ctrl+j/k` | 検索結果をナビゲート |
+| `Enter` | 選択したタスクのタブに移動して選択 |
+| `Esc` | キャンセル |
+
 #### プロジェクト詳細画面
 
 | キー | アクション |
@@ -98,6 +109,8 @@ floq
 | `Enter` | タスク詳細を開く |
 | `/` | タスク検索 |
 | `r` | 更新 |
+| `u` | 元に戻す（Undo） |
+| `Ctrl+r` | やり直し（Redo） |
 | `?` | ヘルプ |
 | `q` | 終了 |
 

package/README.md

@@ -61,9 +61,20 @@ floq
 | `Esc/b` | Back |
 | `/` | Search tasks |
 | `r` | Refresh |
+| `u` | Undo |
+| `Ctrl+r` | Redo |
 | `?` | Help |
 | `q` | Quit |
 
+#### Search
+
+| Key | Action |
+|-----|--------|
+| `/` | Start search mode |
+| `↑/↓` or `Ctrl+j/k` | Navigate search results |
+| `Enter` | Jump to selected task's tab and select it |
+| `Esc` | Cancel search |
+
 #### Project Detail View
 
 | Key | Action |
@@ -98,6 +109,8 @@ floq
 | `Enter` | Open task detail |
 | `/` | Search tasks |
 | `r` | Refresh |
+| `u` | Undo |
+| `Ctrl+r` | Redo |
 | `?` | Help |
 | `q` | Quit |
 

package/dist/i18n/en.d.ts

@@ -136,6 +136,8 @@ export declare const en: {
             other: string;
             showHelp: string;
             quit: string;
+            undo: string;
+            redo: string;
             closeHint: string;
         };
         whatsNew: {
@@ -181,6 +183,12 @@ export declare const en: {
         deleteConfirm: string;
         deleted: string;
         deleteCancelled: string;
+        undone: string;
+        redone: string;
+        nothingToUndo: string;
+        nothingToRedo: string;
+        undoFailed: string;
+        redoFailed: string;
         comments: string;
         projectTasks: string;
         search: {
@@ -289,6 +297,8 @@ export type HelpTranslations = {
     other: string;
     showHelp: string;
     quit: string;
+    undo: string;
+    redo: string;
     closeHint: string;
 };
 export type WhatsNewTranslations = {
@@ -407,6 +417,12 @@ export type TuiTranslations = {
     deleteConfirm: string;
     deleted: string;
     deleteCancelled: string;
+    undone: string;
+    redone: string;
+    nothingToUndo: string;
+    nothingToRedo: string;
+    undoFailed: string;
+    redoFailed: string;
     comments: string;
     projectTasks: string;
 };

package/dist/i18n/en.js

@@ -145,6 +145,8 @@ export const en = {
             other: 'Other',
             showHelp: 'Show this help',
             quit: 'Quit',
+            undo: 'Undo',
+            redo: 'Redo',
             closeHint: 'Esc/q: close',
         },
         // What's New / Changelog
@@ -192,13 +194,20 @@ export const en = {
         deleteConfirm: 'Delete "{title}"? (y/n)',
         deleted: 'Deleted: "{title}"',
         deleteCancelled: 'Delete cancelled',
+        // Undo/Redo
+        undone: 'Undone: {action}',
+        redone: 'Redone: {action}',
+        nothingToUndo: 'Nothing to undo',
+        nothingToRedo: 'Nothing to redo',
+        undoFailed: 'Undo failed',
+        redoFailed: 'Redo failed',
         comments: 'Comments',
         projectTasks: 'Tasks',
         // Search
         search: {
             prefix: '/',
             placeholder: 'Search tasks...',
-            help: '(Enter to select, Ctrl+j/k to navigate, Esc to cancel)',
+            help: '(Enter to select, ↑/↓ or Ctrl+j/k to navigate, Esc to cancel)',
             noResults: 'No matching tasks',
             resultsTitle: 'Search Results',
             searchTasks: 'Search tasks',

package/dist/i18n/ja.js

@@ -145,6 +145,8 @@ export const ja = {
             other: 'その他',
             showHelp: 'このヘルプを表示',
             quit: '終了',
+            undo: '元に戻す',
+            redo: 'やり直し',
             closeHint: 'Esc/q: 閉じる',
         },
         // What's New / Changelog
@@ -192,13 +194,20 @@ export const ja = {
         deleteConfirm: '「{title}」を削除しますか？ (y/n)',
         deleted: '削除しました: 「{title}」',
         deleteCancelled: '削除をキャンセルしました',
+        // Undo/Redo
+        undone: '元に戻しました: {action}',
+        redone: 'やり直しました: {action}',
+        nothingToUndo: '元に戻す操作がありません',
+        nothingToRedo: 'やり直す操作がありません',
+        undoFailed: '元に戻す操作に失敗しました',
+        redoFailed: 'やり直しに失敗しました',
         comments: 'コメント',
         projectTasks: 'タスク一覧',
         // Search
         search: {
             prefix: '/',
             placeholder: 'タスクを検索...',
-            help: '(Enterで選択, Ctrl+j/kで移動, Escでキャンセル)',
+            help: '(Enterで選択, ↑/↓またはCtrl+j/kで移動, Escでキャンセル)',
             noResults: '該当するタスクがありません',
             resultsTitle: '検索結果',
             searchTasks: 'タスク検索',

package/dist/ui/App.js

@@ -19,6 +19,7 @@ import { ThemeProvider, useTheme } from './theme/index.js';
 import { getThemeName, getViewMode, setThemeName, setViewMode, setLocale, isTursoEnabled } 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';
 const TABS = ['inbox', 'next', 'waiting', 'someday', 'projects', 'done'];
 export function App() {
     const [themeName, setThemeNameState] = useState(getThemeName);
@@ -53,11 +54,12 @@ export function App() {
     if (settingsMode === 'lang-select') {
         return (_jsx(ThemeProvider, { themeName: themeName, children: _jsx(LanguageSelector, { onSelect: handleLocaleSelect, onCancel: handleSettingsCancel }) }));
     }
-    return (_jsx(ThemeProvider, { themeName: themeName, children: viewMode === 'kanban' ? (_jsx(KanbanBoard, { onOpenSettings: setSettingsMode })) : (_jsx(AppContent, { onOpenSettings: setSettingsMode })) }));
+    return (_jsx(ThemeProvider, { themeName: themeName, children: _jsx(HistoryProvider, { children: viewMode === 'kanban' ? (_jsx(KanbanBoard, { onOpenSettings: setSettingsMode })) : (_jsx(AppContent, { onOpenSettings: setSettingsMode })) }) }));
 }
 function AppContent({ onOpenSettings }) {
     const theme = useTheme();
     const { exit } = useApp();
+    const history = useHistory();
     const [mode, setMode] = useState('splash');
     const [inputValue, setInputValue] = useState('');
     const [currentListIndex, setCurrentListIndex] = useState(0);
@@ -174,42 +176,64 @@ function AppContent({ onOpenSettings }) {
         setSearchResults(results);
         setSearchResultIndex(0);
     }, [searchTasks]);
+    // Navigate to a task from search results
+    const navigateToTask = useCallback((task) => {
+        const targetTab = task.isProject ? 'projects' : task.status;
+        const tabIndex = TABS.indexOf(targetTab);
+        const tabTasks = tasks[targetTab];
+        const taskIndex = tabTasks.findIndex(t => t.id === task.id);
+        if (tabIndex >= 0 && taskIndex >= 0) {
+            setCurrentListIndex(tabIndex);
+            setSelectedTaskIndex(taskIndex);
+            setMode('normal');
+        }
+    }, [tasks]);
     const addTask = useCallback(async (title, parentId) => {
         if (!title.trim())
             return;
-        const db = getDb();
         const now = new Date();
-        await db.insert(schema.tasks)
-            .values({
-            id: uuidv4(),
-            title: title.trim(),
-            status: parentId ? 'next' : 'inbox',
-            parentId: parentId || null,
-            createdAt: now,
-            updatedAt: now,
+        const taskId = uuidv4();
+        const command = new CreateTaskCommand({
+            task: {
+                id: taskId,
+                title: title.trim(),
+                status: parentId ? 'next' : 'inbox',
+                parentId: parentId || null,
+                createdAt: now,
+                updatedAt: now,
+            },
+            description: fmt(i18n.tui.added, { title: title.trim() }),
         });
+        await history.execute(command);
         setMessage(fmt(i18n.tui.added, { title: title.trim() }));
         await loadTasks();
-    }, [i18n.tui.added, loadTasks]);
+    }, [i18n.tui.added, loadTasks, history]);
     const addCommentToTask = useCallback(async (task, content) => {
-        const db = getDb();
-        await db.insert(schema.comments).values({
-            id: uuidv4(),
-            taskId: task.id,
-            content: content.trim(),
-            createdAt: new Date(),
+        const commentId = uuidv4();
+        const command = new CreateCommentCommand({
+            comment: {
+                id: commentId,
+                taskId: task.id,
+                content: content.trim(),
+                createdAt: new Date(),
+            },
+            description: i18n.tui.commentAdded || 'Comment added',
         });
+        await history.execute(command);
         setMessage(i18n.tui.commentAdded || 'Comment added');
         await loadTaskComments(task.id);
-    }, [i18n.tui.commentAdded, loadTaskComments]);
+    }, [i18n.tui.commentAdded, loadTaskComments, history]);
     const deleteComment = useCallback(async (comment) => {
-        const db = getDb();
-        await db.delete(schema.comments).where(eq(schema.comments.id, comment.id));
+        const command = new DeleteCommentCommand({
+            comment,
+            description: i18n.tui.commentDeleted || 'Comment deleted',
+        });
+        await history.execute(command);
         setMessage(i18n.tui.commentDeleted || 'Comment deleted');
         if (selectedTask) {
             await loadTaskComments(selectedTask.id);
         }
-    }, [i18n.tui.commentDeleted, loadTaskComments, selectedTask]);
+    }, [i18n.tui.commentDeleted, loadTaskComments, selectedTask, history]);
     const handleInputSubmit = async (value) => {
         if (mode === 'move-to-waiting' && taskToWaiting) {
             if (value.trim()) {
@@ -224,9 +248,7 @@ function AppContent({ onOpenSettings }) {
         if (mode === 'search') {
             if (searchResults.length > 0) {
                 const task = searchResults[searchResultIndex];
-                setSelectedTask(task);
-                loadTaskComments(task.id);
-                setMode('task-detail');
+                navigateToTask(task);
             }
             else {
                 setMode('normal');
@@ -262,54 +284,74 @@ function AppContent({ onOpenSettings }) {
         setInputValue('');
     };
     const linkTaskToProject = useCallback(async (task, project) => {
-        const db = getDb();
-        await db.update(schema.tasks)
-            .set({ parentId: project.id, updatedAt: new Date() })
-            .where(eq(schema.tasks.id, task.id));
+        const command = new LinkTaskCommand({
+            taskId: task.id,
+            fromParentId: task.parentId,
+            toParentId: project.id,
+            description: fmt(i18n.tui.linkedToProject || 'Linked "{title}" to {project}', { title: task.title, project: project.title }),
+        });
+        await history.execute(command);
         setMessage(fmt(i18n.tui.linkedToProject || 'Linked "{title}" to {project}', { title: task.title, project: project.title }));
         await loadTasks();
-    }, [i18n.tui.linkedToProject, loadTasks]);
+    }, [i18n.tui.linkedToProject, loadTasks, history]);
     const markTaskDone = useCallback(async (task) => {
-        const db = getDb();
-        await db.update(schema.tasks)
-            .set({ status: 'done', updatedAt: new Date() })
-            .where(eq(schema.tasks.id, task.id));
+        const command = new MoveTaskCommand({
+            taskId: task.id,
+            fromStatus: task.status,
+            toStatus: 'done',
+            fromWaitingFor: task.waitingFor,
+            toWaitingFor: null,
+            description: fmt(i18n.tui.completed, { title: task.title }),
+        });
+        await history.execute(command);
         setMessage(fmt(i18n.tui.completed, { title: task.title }));
         await loadTasks();
-    }, [i18n.tui.completed, loadTasks]);
+    }, [i18n.tui.completed, loadTasks, history]);
     const moveTaskToStatus = useCallback(async (task, status) => {
-        const db = getDb();
-        await db.update(schema.tasks)
-            .set({ status, waitingFor: null, updatedAt: new Date() })
-            .where(eq(schema.tasks.id, task.id));
+        const command = new MoveTaskCommand({
+            taskId: task.id,
+            fromStatus: task.status,
+            toStatus: status,
+            fromWaitingFor: task.waitingFor,
+            toWaitingFor: null,
+            description: fmt(i18n.tui.movedTo, { title: task.title, status: i18n.status[status] }),
+        });
+        await history.execute(command);
         setMessage(fmt(i18n.tui.movedTo, { title: task.title, status: i18n.status[status] }));
         await loadTasks();
-    }, [i18n.tui.movedTo, i18n.status, loadTasks]);
+    }, [i18n.tui.movedTo, i18n.status, loadTasks, history]);
     const moveTaskToWaiting = useCallback(async (task, waitingFor) => {
-        const db = getDb();
-        await db.update(schema.tasks)
-            .set({ status: 'waiting', waitingFor: waitingFor.trim(), updatedAt: new Date() })
-            .where(eq(schema.tasks.id, task.id));
+        const command = new MoveTaskCommand({
+            taskId: task.id,
+            fromStatus: task.status,
+            toStatus: 'waiting',
+            fromWaitingFor: task.waitingFor,
+            toWaitingFor: waitingFor.trim(),
+            description: fmt(i18n.tui.movedToWaiting, { title: task.title, person: waitingFor.trim() }),
+        });
+        await history.execute(command);
         setMessage(fmt(i18n.tui.movedToWaiting, { title: task.title, person: waitingFor.trim() }));
         await loadTasks();
-    }, [i18n.tui.movedToWaiting, loadTasks]);
+    }, [i18n.tui.movedToWaiting, loadTasks, history]);
     const makeTaskProject = useCallback(async (task) => {
-        const db = getDb();
-        await db.update(schema.tasks)
-            .set({ isProject: true, status: 'next', updatedAt: new Date() })
-            .where(eq(schema.tasks.id, task.id));
+        const command = new ConvertToProjectCommand({
+            taskId: task.id,
+            originalStatus: task.status,
+            description: fmt(i18n.tui.madeProject || 'Made project: {title}', { title: task.title }),
+        });
+        await history.execute(command);
         setMessage(fmt(i18n.tui.madeProject || 'Made project: {title}', { title: task.title }));
         await loadTasks();
-    }, [i18n.tui.madeProject, loadTasks]);
+    }, [i18n.tui.madeProject, loadTasks, history]);
     const deleteTask = useCallback(async (task) => {
-        const db = getDb();
-        // Delete comments first
-        await db.delete(schema.comments).where(eq(schema.comments.taskId, task.id));
-        // Delete the task
-        await db.delete(schema.tasks).where(eq(schema.tasks.id, task.id));
+        const command = new DeleteTaskCommand({
+            task,
+            description: fmt(i18n.tui.deleted || 'Deleted: "{title}"', { title: task.title }),
+        });
+        await history.execute(command);
         setMessage(fmt(i18n.tui.deleted || 'Deleted: "{title}"', { title: task.title }));
         await loadTasks();
-    }, [i18n.tui.deleted, loadTasks]);
+    }, [i18n.tui.deleted, loadTasks, history]);
     const getTabLabel = (tab) => {
         switch (tab) {
             case 'inbox':
@@ -332,10 +374,6 @@ function AppContent({ onOpenSettings }) {
             setMode('normal');
             return;
         }
-        // Handle help mode - let HelpModal handle input
-        if (mode === 'help') {
-            return;
-        }
         // Handle search mode
         if (mode === 'search') {
             if (key.escape) {
@@ -345,12 +383,12 @@ function AppContent({ onOpenSettings }) {
                 setMode('normal');
                 return;
             }
-            // Navigate search results with Ctrl+j/k or Ctrl+n/p
-            if (key.ctrl && (input === 'j' || input === 'n')) {
+            // Navigate search results with arrow keys, Ctrl+j/k, or Ctrl+n/p
+            if (key.downArrow || (key.ctrl && (input === 'j' || input === 'n'))) {
                 setSearchResultIndex((prev) => prev < searchResults.length - 1 ? prev + 1 : 0);
                 return;
             }
-            if (key.ctrl && (input === 'k' || input === 'p')) {
+            if (key.upArrow || (key.ctrl && (input === 'k' || input === 'p'))) {
                 setSearchResultIndex((prev) => prev > 0 ? prev - 1 : Math.max(0, searchResults.length - 1));
                 return;
             }
@@ -750,12 +788,42 @@ function AppContent({ onOpenSettings }) {
             return;
         }
         // Refresh
-        if (input === 'r') {
+        if (input === 'r' && !(key.ctrl)) {
             loadTasks();
             setMessage(i18n.tui.refreshed);
             return;
         }
-    });
+        // Undo (u key) - only in normal mode
+        if (input === 'u' && mode === 'normal') {
+            history.undo().then((didUndo) => {
+                if (didUndo) {
+                    setMessage(fmt(i18n.tui.undone, { action: history.undoDescription || '' }));
+                    loadTasks();
+                }
+                else {
+                    setMessage(i18n.tui.nothingToUndo);
+                }
+            }).catch(() => {
+                setMessage(i18n.tui.undoFailed);
+            });
+            return;
+        }
+        // Redo (Ctrl+r) - only in normal mode
+        if (key.ctrl && input === 'r' && mode === 'normal') {
+            history.redo().then((didRedo) => {
+                if (didRedo) {
+                    setMessage(fmt(i18n.tui.redone, { action: history.redoDescription || '' }));
+                    loadTasks();
+                }
+                else {
+                    setMessage(i18n.tui.nothingToRedo);
+                }
+            }).catch(() => {
+                setMessage(i18n.tui.redoFailed);
+            });
+            return;
+        }
+    }, { isActive: mode !== 'help' });
     // Splash screen
     if (mode === 'splash') {
         return _jsx(SplashScreen, { onComplete: () => setMode('normal') });

package/dist/ui/SplashScreen.js

@@ -57,5 +57,5 @@ export function SplashScreen({ onComplete, duration = 1500 }) {
     const visibleLines = Math.min(Math.floor(frame * logoLines.length / 10), logoLines.length);
     return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", padding: 2, children: [_jsx(Box, { flexDirection: "column", alignItems: "center", children: logoLines.slice(0, visibleLines).map((line, index) => (_jsx(Text, { color: theme.colors.secondary, bold: true, children: line }, index))) }), showTagline && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, italic: !isDosStyle, children: isDosStyle ? `[ ${TAGLINE.toUpperCase()} ]` : TAGLINE }) })), _jsx(Box, { marginTop: 2, children: _jsx(Text, { color: theme.colors.primary, children: frame < 10
                         ? filled.repeat(frame) + empty.repeat(10 - frame)
-                        : filled.repeat(10) }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, dimColor: !isDosStyle, children: isDosStyle ? `VER ${VERSION}` : `v${VERSION}` }) })] }));
+                        : filled.repeat(10) }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: isDosStyle ? theme.colors.textMuted : theme.colors.muted, children: isDosStyle ? `VER ${VERSION}` : `v${VERSION}` }) })] }));
 }

package/dist/ui/components/HelpModal.js

@@ -87,6 +87,7 @@ export function HelpModal({ onClose, isKanban = false }) {
         // Close modal
         if (key.escape || key.return || input === 'q' || input === ' ') {
             onClose();
+            return;
         }
     });
     const formatTitle = (title) => theme.style.headerUppercase ? title.toUpperCase() : title;
@@ -99,14 +100,14 @@ function GTDKeybindingsContent() {
     const help = i18n.tui.help;
     const theme = useTheme();
     const formatTitle = (title) => theme.style.headerUppercase ? title.toUpperCase() : title;
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.navigation) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "1-6" }), "      ", help.tabSwitch] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "h/l \u2190/\u2192" }), "  ", help.prevNextTab] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "j/k \u2191/\u2193" }), "  ", help.taskSelect] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.actions) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "a" }), "        ", help.addTask] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "d" }), "        ", help.completeTask] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "n" }), "        ", help.moveToNext] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "s" }), "        ", help.moveToSomeday] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "w" }), "        ", help.moveToWaiting] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "i" }), "        ", help.moveToInbox] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "r" }), "        ", help.refresh] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.projects) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "p" }), "        ", help.makeProject] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "P" }), "        ", help.linkToProject] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "Enter" }), "    ", help.openProject] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "Esc/b" }), "    ", help.backFromProject] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.settings) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "T" }), "        ", help.changeTheme] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "V" }), "        ", help.changeViewMode] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "L" }), "        ", help.changeLanguage] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.other) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "/" }), "        ", help.searchTasks] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "?" }), "        ", help.showHelp] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "q" }), "        ", help.quit] })] })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.navigation) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "1-6" }), "      ", help.tabSwitch] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "h/l \u2190/\u2192" }), "  ", help.prevNextTab] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "j/k \u2191/\u2193" }), "  ", help.taskSelect] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.actions) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "a" }), "        ", help.addTask] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "d" }), "        ", help.completeTask] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "n" }), "        ", help.moveToNext] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "s" }), "        ", help.moveToSomeday] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "w" }), "        ", help.moveToWaiting] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "i" }), "        ", help.moveToInbox] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "r" }), "        ", help.refresh] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "u" }), "        ", help.undo] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "Ctrl+r" }), "   ", help.redo] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.projects) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "p" }), "        ", help.makeProject] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "P" }), "        ", help.linkToProject] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "Enter" }), "    ", help.openProject] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "Esc/b" }), "    ", help.backFromProject] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.settings) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "T" }), "        ", help.changeTheme] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "V" }), "        ", help.changeViewMode] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "L" }), "        ", help.changeLanguage] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.other) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "/" }), "        ", help.searchTasks] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "?" }), "        ", help.showHelp] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "q" }), "        ", help.quit] })] })] })] }));
 }
 function KanbanKeybindingsContent() {
     const i18n = t();
     const help = i18n.tui.kanbanHelp;
     const theme = useTheme();
     const formatTitle = (title) => theme.style.headerUppercase ? title.toUpperCase() : title;
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.navigation) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "h/l \u2190/\u2192" }), "  ", help.columnSwitch] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "1-3" }), "      ", help.columnDirect] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "j/k \u2191/\u2193" }), "  ", help.taskSelect] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.actions) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "a" }), "        ", help.addTask] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "d" }), "        ", help.completeTask] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "Enter" }), "    ", help.moveRight] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "BS" }), "       ", help.moveLeft] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.settings) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "T" }), "        ", help.changeTheme] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "V" }), "        ", help.changeViewMode] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "L" }), "        ", help.changeLanguage] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.other) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "/" }), "        ", help.searchTasks] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "?" }), "        ", help.showHelp] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "q" }), "        ", help.quit] })] })] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.navigation) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "h/l \u2190/\u2192" }), "  ", help.columnSwitch] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "1-3" }), "      ", help.columnDirect] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "j/k \u2191/\u2193" }), "  ", help.taskSelect] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.actions) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "a" }), "        ", help.addTask] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "d" }), "        ", help.completeTask] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "Enter" }), "    ", help.moveRight] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "BS" }), "       ", help.moveLeft] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "u" }), "        Undo"] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "Ctrl+r" }), "   Redo"] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.settings) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "T" }), "        ", help.changeTheme] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "V" }), "        ", help.changeViewMode] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "L" }), "        ", help.changeLanguage] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(help.other) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "/" }), "        ", help.searchTasks] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "?" }), "        ", help.showHelp] }), _jsxs(Text, { color: theme.colors.text, children: [_jsx(Text, { color: theme.colors.textHighlight, children: "q" }), "        ", help.quit] })] })] })] }));
 }
 function InfoContent() {
     const i18n = t();