floq 0.2.0 → 0.2.1

package/dist/i18n/en.d.ts

@@ -107,6 +107,7 @@ export declare const en: {
             title: string;
             whatsNewTab: string;
             keybindingsTab: string;
+            infoTab: string;
             tabHint: string;
             navigation: string;
             tabSwitch: string;
@@ -168,6 +169,10 @@ export declare const en: {
         commentDeleted: string;
         taskDetailTitle: string;
         taskDetailFooter: string;
+        taskDetailStatus: string;
+        deleteConfirm: string;
+        deleted: string;
+        deleteCancelled: string;
         comments: string;
         projectTasks: string;
         search: {
@@ -178,6 +183,21 @@ export declare const en: {
             resultsTitle: string;
             searchTasks: string;
         };
+        info: {
+            settings: string;
+            database: string;
+            paths: string;
+            theme: string;
+            language: string;
+            viewMode: string;
+            dbType: string;
+            dbPath: string;
+            tursoUrl: string;
+            configFile: string;
+            dataDir: string;
+            local: string;
+            turso: string;
+        };
     };
     setup: {
         welcome: {
@@ -232,6 +252,7 @@ export type HelpTranslations = {
     title: string;
     whatsNewTab: string;
     keybindingsTab: string;
+    infoTab: string;
     tabHint: string;
     navigation: string;
     tabSwitch: string;
@@ -312,6 +333,21 @@ export type SearchTranslations = {
     resultsTitle: string;
     searchTasks: string;
 };
+export type InfoTranslations = {
+    settings: string;
+    database: string;
+    paths: string;
+    theme: string;
+    language: string;
+    viewMode: string;
+    dbType: string;
+    dbPath: string;
+    tursoUrl: string;
+    configFile: string;
+    dataDir: string;
+    local: string;
+    turso: string;
+};
 export type TuiTranslations = {
     title: string;
     helpHint: string;
@@ -342,6 +378,7 @@ export type TuiTranslations = {
     whatsNew: WhatsNewTranslations;
     kanbanHelp: KanbanHelpTranslations;
     search: SearchTranslations;
+    info: InfoTranslations;
     addComment: string;
     noComments: string;
     commentHint: string;
@@ -350,6 +387,10 @@ export type TuiTranslations = {
     commentDeleted: string;
     taskDetailTitle: string;
     taskDetailFooter: string;
+    taskDetailStatus: string;
+    deleteConfirm: string;
+    deleted: string;
+    deleteCancelled: string;
     comments: string;
     projectTasks: string;
 };

package/dist/i18n/en.js

@@ -81,7 +81,7 @@ export const en = {
         movedToWaiting: 'Moved "{title}" to Waiting (for {person})',
         waitingFor: 'Waiting for: ',
         refreshed: 'Refreshed',
-        footer: 'a=add d=done n=next s=someday w=waiting i=inbox p=project P=link',
+        footer: 'a=add d=done D=delete n=next s=someday w=waiting i=inbox p=project P=link',
         noTasks: 'No tasks',
         // Tab labels
         tabInbox: 'Inbox',
@@ -116,6 +116,7 @@ export const en = {
             title: 'Keyboard Shortcuts',
             whatsNewTab: "What's New",
             keybindingsTab: 'Keybindings',
+            infoTab: 'Info',
             tabHint: 'Tab: switch view',
             navigation: 'Navigation',
             tabSwitch: 'Switch tab (5=Projects, 6=Done)',
@@ -179,6 +180,10 @@ export const en = {
         commentDeleted: 'Comment deleted',
         taskDetailTitle: 'Task Details',
         taskDetailFooter: 'j/k=select i=comment d=delete P=link b/Esc=back',
+        taskDetailStatus: 'Status',
+        deleteConfirm: 'Delete "{title}"? (y/n)',
+        deleted: 'Deleted: "{title}"',
+        deleteCancelled: 'Delete cancelled',
         comments: 'Comments',
         projectTasks: 'Tasks',
         // Search
@@ -190,6 +195,22 @@ export const en = {
             resultsTitle: 'Search Results',
             searchTasks: 'Search tasks',
         },
+        // Info tab
+        info: {
+            settings: 'Settings',
+            database: 'Database',
+            paths: 'Paths',
+            theme: 'Theme',
+            language: 'Language',
+            viewMode: 'View Mode',
+            dbType: 'Type',
+            dbPath: 'Path',
+            tursoUrl: 'Turso URL',
+            configFile: 'Config File',
+            dataDir: 'Data Directory',
+            local: 'local',
+            turso: 'turso',
+        },
     },
     // Setup wizard
     setup: {

package/dist/i18n/ja.js

@@ -81,7 +81,7 @@ export const ja = {
         movedToWaiting: '「{title}」を連絡待ち({person})に移動しました',
         waitingFor: '待機相手: ',
         refreshed: '更新しました',
-        footer: 'a=追加 d=完了 n=次 s=いつか w=待ち i=Inbox p=プロジェクト化 P=紐づけ',
+        footer: 'a=追加 d=完了 D=削除 n=次 s=いつか w=待ち i=Inbox p=プロジェクト化 P=紐づけ',
         noTasks: 'タスクなし',
         // Tab labels
         tabInbox: 'Inbox',
@@ -116,6 +116,7 @@ export const ja = {
             title: 'キーボードショートカット',
             whatsNewTab: '更新履歴',
             keybindingsTab: 'キー操作',
+            infoTab: '情報',
             tabHint: 'Tab: 表示切替',
             navigation: 'ナビゲーション',
             tabSwitch: 'タブ切替 (5=プロジェクト, 6=完了)',
@@ -179,6 +180,10 @@ export const ja = {
         commentDeleted: 'コメントを削除しました',
         taskDetailTitle: 'タスク詳細',
         taskDetailFooter: 'j/k=選択 i=コメント d=削除 P=紐づけ b/Esc=戻る',
+        taskDetailStatus: 'ステータス',
+        deleteConfirm: '「{title}」を削除しますか？ (y/n)',
+        deleted: '削除しました: 「{title}」',
+        deleteCancelled: '削除をキャンセルしました',
         comments: 'コメント',
         projectTasks: 'タスク一覧',
         // Search
@@ -190,6 +195,22 @@ export const ja = {
             resultsTitle: '検索結果',
             searchTasks: 'タスク検索',
         },
+        // Info tab
+        info: {
+            settings: '設定',
+            database: 'データベース',
+            paths: 'パス',
+            theme: 'テーマ',
+            language: '言語',
+            viewMode: '表示モード',
+            dbType: '種類',
+            dbPath: 'パス',
+            tursoUrl: 'Turso URL',
+            configFile: '設定ファイル',
+            dataDir: 'データディレクトリ',
+            local: 'ローカル',
+            turso: 'turso',
+        },
     },
     // Setup wizard
     setup: {

package/dist/ui/App.js

@@ -13,7 +13,7 @@ import { SplashScreen } from './SplashScreen.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, isTursoEnabled, getTursoConfig } from '../config.js';
+import { getThemeName, getViewMode, isTursoEnabled } from '../config.js';
 import { KanbanBoard } from './components/KanbanBoard.js';
 import { VERSION } from '../version.js';
 const TABS = ['inbox', 'next', 'waiting', 'someday', 'projects', 'done'];
@@ -46,6 +46,7 @@ function AppContent() {
     const [taskComments, setTaskComments] = useState([]);
     const [selectedCommentIndex, setSelectedCommentIndex] = useState(0);
     const [taskToWaiting, setTaskToWaiting] = useState(null);
+    const [taskToDelete, setTaskToDelete] = useState(null);
     const [projectProgress, setProjectProgress] = useState({});
     // Search state
     const [searchQuery, setSearchQuery] = useState('');
@@ -267,6 +268,15 @@ function AppContent() {
         setMessage(fmt(i18n.tui.madeProject || 'Made project: {title}', { title: task.title }));
         await loadTasks();
     }, [i18n.tui.madeProject, loadTasks]);
+    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));
+        setMessage(fmt(i18n.tui.deleted || 'Deleted: "{title}"', { title: task.title }));
+        await loadTasks();
+    }, [i18n.tui.deleted, loadTasks]);
     const getTabLabel = (tab) => {
         switch (tab) {
             case 'inbox':
@@ -314,6 +324,27 @@ function AppContent() {
             // Let TextInput handle other keys
             return;
         }
+        // Handle confirm-delete mode
+        if (mode === 'confirm-delete' && taskToDelete) {
+            if (input === 'y' || input === 'Y') {
+                deleteTask(taskToDelete).then(() => {
+                    if (selectedTaskIndex >= currentTasks.length - 1) {
+                        setSelectedTaskIndex(Math.max(0, selectedTaskIndex - 1));
+                    }
+                });
+                setTaskToDelete(null);
+                setMode('normal');
+                return;
+            }
+            if (input === 'n' || input === 'N' || key.escape) {
+                setMessage(i18n.tui.deleteCancelled || 'Delete cancelled');
+                setTaskToDelete(null);
+                setMode('normal');
+                return;
+            }
+            // Ignore other keys in confirm mode
+            return;
+        }
         // Handle add mode
         if (mode === 'add' || mode === 'add-to-project' || mode === 'add-comment' || mode === 'move-to-waiting') {
             if (key.escape) {
@@ -626,6 +657,13 @@ function AppContent() {
             });
             return;
         }
+        // Delete task (D key - with confirmation)
+        if (input === 'D' && currentTasks.length > 0 && currentTab !== 'projects') {
+            const task = currentTasks[selectedTaskIndex];
+            setTaskToDelete(task);
+            setMode('confirm-delete');
+            return;
+        }
         // Move to next actions
         if (input === 'n' && currentTasks.length > 0 && currentTab !== 'next' && currentTab !== 'projects' && currentTab !== 'done') {
             const task = currentTasks[selectedTaskIndex];
@@ -685,24 +723,14 @@ function AppContent() {
     };
     // Turso 接続情報を取得
     const tursoEnabled = isTursoEnabled();
-    const tursoHost = tursoEnabled ? (() => {
-        const config = getTursoConfig();
-        if (config) {
-            try {
-                return new URL(config.url).host;
-            }
-            catch {
-                return config.url;
-            }
-        }
-        return '';
-    })() : '';
-    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}` }), tursoEnabled && (_jsxs(Text, { color: theme.colors.accent, children: [theme.name === 'modern' ? ' ☁️ ' : ' [SYNC] ', tursoHost] })), !tursoEnabled && (_jsx(Text, { color: theme.colors.textMuted, children: theme.name === 'modern' ? ' 💾 local' : ' [LOCAL]' }))] }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.helpHint })] }), _jsx(Box, { marginBottom: 1, children: TABS.map((tab, index) => {
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.colors.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) => {
                     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(Text, { color: theme.colors.textMuted, 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})`] })] })] }), _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) => {
@@ -711,7 +739,7 @@ function AppContent() {
                     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 })), 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 === '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/HelpModal.js

@@ -4,6 +4,8 @@ import { Box, Text, useInput } from 'ink';
 import { t } from '../../i18n/index.js';
 import { useTheme } from '../theme/index.js';
 import { parseChangelog } from '../../changelog.js';
+import { loadConfig, isTursoEnabled, getTursoConfig, getDbPath } from '../../config.js';
+import { CONFIG_FILE, DATA_DIR } from '../../paths.js';
 const VISIBLE_LINES = 12;
 export function HelpModal({ onClose, isKanban = false }) {
     const [activeTab, setActiveTab] = useState('keybindings');
@@ -27,10 +29,14 @@ export function HelpModal({ onClose, isKanban = false }) {
         return items;
     }, []);
     const maxScroll = Math.max(0, changelogItems.length - VISIBLE_LINES);
+    const tabs = ['keybindings', 'info', 'whatsNew'];
     useInput((input, key) => {
         // Tab key detection (key.tab or raw tab character)
         if (key.tab || input === '\t') {
-            setActiveTab(prev => prev === 'keybindings' ? 'whatsNew' : 'keybindings');
+            setActiveTab(prev => {
+                const currentIndex = tabs.indexOf(prev);
+                return tabs[(currentIndex + 1) % tabs.length];
+            });
             setScrollOffset(0);
             return;
         }
@@ -41,18 +47,29 @@ export function HelpModal({ onClose, isKanban = false }) {
             return;
         }
         if (input === '2') {
+            setActiveTab('info');
+            setScrollOffset(0);
+            return;
+        }
+        if (input === '3') {
             setActiveTab('whatsNew');
             setScrollOffset(0);
             return;
         }
         // Arrow keys and h/l for tab switching
         if (input === 'h' || key.leftArrow) {
-            setActiveTab('keybindings');
+            setActiveTab(prev => {
+                const currentIndex = tabs.indexOf(prev);
+                return tabs[(currentIndex - 1 + tabs.length) % tabs.length];
+            });
             setScrollOffset(0);
             return;
         }
         if (input === 'l' || key.rightArrow) {
-            setActiveTab('whatsNew');
+            setActiveTab(prev => {
+                const currentIndex = tabs.indexOf(prev);
+                return tabs[(currentIndex + 1) % tabs.length];
+            });
             setScrollOffset(0);
             return;
         }
@@ -73,7 +90,7 @@ export function HelpModal({ onClose, isKanban = false }) {
         }
     });
     const formatTitle = (title) => theme.style.headerUppercase ? title.toUpperCase() : title;
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.modal, borderColor: theme.colors.borderActive, paddingX: 2, paddingY: 1, children: [_jsx(Box, { justifyContent: "center", marginBottom: 1, children: _jsxs(Box, { children: [_jsxs(Text, { bold: activeTab === 'keybindings', color: activeTab === 'keybindings' ? theme.colors.secondary : theme.colors.textMuted, inverse: activeTab === 'keybindings', children: [' ', formatTitle(help.keybindingsTab), ' '] }), _jsx(Text, { color: theme.colors.textMuted, children: " \u2502 " }), _jsxs(Text, { bold: activeTab === 'whatsNew', color: activeTab === 'whatsNew' ? theme.colors.secondary : theme.colors.textMuted, inverse: activeTab === 'whatsNew', children: [' ', formatTitle(help.whatsNewTab), ' '] })] }) }), activeTab === 'keybindings' ? (isKanban ? (_jsx(KanbanKeybindingsContent, {})) : (_jsx(GTDKeybindingsContent, {}))) : (_jsx(WhatsNewContent, { items: changelogItems, scrollOffset: scrollOffset, visibleLines: VISIBLE_LINES, maxScroll: maxScroll })), _jsx(Box, { justifyContent: "center", marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, children: activeTab === 'whatsNew' && maxScroll > 0
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.modal, borderColor: theme.colors.borderActive, paddingX: 2, paddingY: 1, children: [_jsx(Box, { justifyContent: "center", marginBottom: 1, children: _jsxs(Box, { children: [_jsxs(Text, { bold: activeTab === 'keybindings', color: activeTab === 'keybindings' ? theme.colors.secondary : theme.colors.textMuted, inverse: activeTab === 'keybindings', children: [' ', formatTitle(help.keybindingsTab), ' '] }), _jsx(Text, { color: theme.colors.textMuted, children: " \u2502 " }), _jsxs(Text, { bold: activeTab === 'info', color: activeTab === 'info' ? theme.colors.secondary : theme.colors.textMuted, inverse: activeTab === 'info', children: [' ', formatTitle(help.infoTab), ' '] }), _jsx(Text, { color: theme.colors.textMuted, children: " \u2502 " }), _jsxs(Text, { bold: activeTab === 'whatsNew', color: activeTab === 'whatsNew' ? theme.colors.secondary : theme.colors.textMuted, inverse: activeTab === 'whatsNew', children: [' ', formatTitle(help.whatsNewTab), ' '] })] }) }), activeTab === 'keybindings' ? (isKanban ? (_jsx(KanbanKeybindingsContent, {})) : (_jsx(GTDKeybindingsContent, {}))) : activeTab === 'info' ? (_jsx(InfoContent, {})) : (_jsx(WhatsNewContent, { items: changelogItems, scrollOffset: scrollOffset, visibleLines: VISIBLE_LINES, maxScroll: maxScroll })), _jsx(Box, { justifyContent: "center", marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, children: activeTab === 'whatsNew' && maxScroll > 0
                         ? `j/k: scroll | ${help.tabHint} | ${help.closeHint}`
                         : `${help.tabHint} | ${help.closeHint}` }) })] }));
 }
@@ -91,6 +108,26 @@ function KanbanKeybindingsContent() {
     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.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();
+    const info = i18n.tui.info;
+    const theme = useTheme();
+    const formatTitle = (title) => theme.style.headerUppercase ? title.toUpperCase() : title;
+    const config = loadConfig();
+    const tursoEnabled = isTursoEnabled();
+    const tursoConfig = tursoEnabled ? getTursoConfig() : undefined;
+    const dbPath = getDbPath();
+    // Get Turso host for display
+    const tursoUrl = tursoConfig ? (() => {
+        try {
+            return new URL(tursoConfig.url).host;
+        }
+        catch {
+            return tursoConfig.url;
+        }
+    })() : '';
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(info.settings) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsxs(Text, { color: theme.colors.textHighlight, children: [info.theme, ":"] }), " ", config.theme] }), _jsxs(Text, { color: theme.colors.text, children: [_jsxs(Text, { color: theme.colors.textHighlight, children: [info.language, ":"] }), " ", config.locale] }), _jsxs(Text, { color: theme.colors.text, children: [_jsxs(Text, { color: theme.colors.textHighlight, children: [info.viewMode, ":"] }), " ", config.viewMode] })] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(info.database) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsxs(Text, { color: theme.colors.textHighlight, children: [info.dbType, ":"] }), " ", tursoEnabled ? info.turso : info.local] }), _jsxs(Text, { color: theme.colors.text, children: [_jsxs(Text, { color: theme.colors.textHighlight, children: [info.dbPath, ":"] }), " ", dbPath] }), tursoEnabled && tursoUrl && (_jsxs(Text, { color: theme.colors.text, children: [_jsxs(Text, { color: theme.colors.textHighlight, children: [info.tursoUrl, ":"] }), " ", tursoUrl] }))] })] }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(info.paths) }), _jsxs(Box, { paddingLeft: 2, flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.text, children: [_jsxs(Text, { color: theme.colors.textHighlight, children: [info.configFile, ":"] }), " ", CONFIG_FILE] }), _jsxs(Text, { color: theme.colors.text, children: [_jsxs(Text, { color: theme.colors.textHighlight, children: [info.dataDir, ":"] }), " ", DATA_DIR] })] })] })] }));
+}
 function WhatsNewContent({ items, scrollOffset, visibleLines, maxScroll }) {
     const i18n = t();
     const whatsNew = i18n.tui.whatsNew;

package/dist/ui/components/KanbanBoard.js

@@ -12,7 +12,7 @@ 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, getTursoConfig } from '../../config.js';
+import { isTursoEnabled } from '../../config.js';
 import { VERSION } from '../../version.js';
 const COLUMNS = ['todo', 'doing', 'done'];
 export function KanbanBoard({ onSwitchToGtd }) {
@@ -476,19 +476,9 @@ export function KanbanBoard({ onSwitchToGtd }) {
     const formatTitle = (title) => theme.style.headerUppercase ? title.toUpperCase() : title;
     // Turso connection info
     const tursoEnabled = isTursoEnabled();
-    const tursoHost = tursoEnabled ? (() => {
-        const config = getTursoConfig();
-        if (config) {
-            try {
-                return new URL(config.url).host;
-            }
-            catch {
-                return config.url;
-            }
-        }
-        return '';
-    })() : '';
-    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}` }), tursoEnabled && (_jsxs(Text, { color: theme.colors.accent, children: [theme.name === 'modern' ? ' ☁️ ' : ' [SYNC] ', tursoHost] })), !tursoEnabled && (_jsx(Text, { color: theme.colors.textMuted, children: theme.name === 'modern' ? ' 💾 local' : ' [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) => {
+    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) => {
                             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: [

package/package.json

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