floq 0.4.0 → 0.6.0

package/README.ja.md

@@ -4,17 +4,20 @@
 
 MS-DOSスタイルのテーマを備えたターミナルベースのGTD（Getting Things Done）タスクマネージャー。
 
+![Floq Demo](./assets/demo_ja.gif)
+
 ## 特徴
 
 - **TUIインターフェース**: Ink（CLI用React）で構築されたインタラクティブなターミナルUI
-- **GTDワークフロー**: Inbox、Next Actions、Waiting For、Someday/Maybe、Done
+- **GTDワークフロー**: Inbox、Next Actions、Waiting For、Someday/Maybe、Done（過去7日間表示）
 - **カンバンモード**: 3カラムのカンバンボード表示（TODO、Doing、Done）
 - **プロジェクト**: タスクをプロジェクトに整理（進捗バー表示付き）
-- **コンテキスト**: タスクにコンテキスト（@work、@homeなど）を設定してフィルタリング
+- **コンテキスト**: タスクにコンテキスト（@work、@homeなど）を設定してフィルタリング。タスク追加時は現在のフィルターを自動継承
 - **タスク検索**: `/` キーで全タスクを素早く検索
 - **コメント**: タスクにメモやコメントを追加
 - **クラウド同期**: [Turso](https://turso.tech/)のembedded replicasによるオプションの同期機能
-- **テーマ**: MS-DOSノスタルジックスタイルを含む複数テーマ
+- **テーマ**: MS-DOSノスタルジックスタイルやドラクエRPG風を含む複数テーマ
+- **スプラッシュ画面**: 起動時のスプラッシュ画面（レトロテーマではドラクエ風）
 - **多言語対応**: 英語・日本語サポート
 - **Vimスタイルナビゲーション**: hjklまたは矢印キーで操作
 - **セットアップウィザード**: 初回起動時の簡単設定
@@ -209,6 +212,12 @@ floq config mode kanban            # カンバンボード
 floq config db /path/to/custom.db
 floq config db                     # デフォルトに戻す
 
+# スプラッシュ画面設定
+floq config splash                 # 現在の設定を表示
+floq config splash 3000            # 3秒に設定
+floq config splash off             # スプラッシュ無効化
+floq config splash key             # キー入力待ちモード
+
 # データベースリセット（全データ削除）
 floq db reset                      # 確認あり
 floq db reset --force              # 確認なし
@@ -254,6 +263,10 @@ floq config turso --disable
 
 26種類のテーマが利用可能。`floq config theme` でインタラクティブに選択（j/kで移動）。
 
+一部のテーマは**ドラクエRPG風UI**を採用しており、タイトル付きメッセージボックス、2カラムレイアウト、レトロなスプラッシュ画面が表示されます。DQ風テーマ: `turbo-pascal`、`msx`、`pc-98`
+
+![ドラクエ風UI](./assets/demo_dq.gif)
+
 | テーマ | 説明 |
 |--------|------|
 | `modern` | シンプルでクリーン（デフォルト） |

package/README.md

@@ -4,17 +4,20 @@
 
 A terminal-based GTD (Getting Things Done) task manager with MS-DOS style themes.
 
+![Floq Demo](./assets/demo.gif)
+
 ## Features
 
 - **TUI Interface**: Interactive terminal UI built with Ink (React for CLI)
-- **GTD Workflow**: Inbox, Next Actions, Waiting For, Someday/Maybe, Done
+- **GTD Workflow**: Inbox, Next Actions, Waiting For, Someday/Maybe, Done (shows last 7 days)
 - **Kanban Mode**: 3-column kanban board view (TODO, Doing, Done)
 - **Projects**: Organize tasks into projects with progress tracking
-- **Contexts**: Tag tasks with contexts (@work, @home, etc.) and filter by context
+- **Contexts**: Tag tasks with contexts (@work, @home, etc.) and filter by context. New tasks inherit the active context filter
 - **Task Search**: Quick search across all tasks with `/`
 - **Comments**: Add notes and comments to tasks
 - **Cloud Sync**: Optional sync with [Turso](https://turso.tech/) using embedded replicas
-- **Themes**: Multiple themes including MS-DOS nostalgic styles
+- **Themes**: Multiple themes including MS-DOS nostalgic styles and Dragon Quest RPG style
+- **Splash Screen**: Configurable startup splash with Dragon Quest style for retro themes
 - **i18n**: English and Japanese support
 - **Vim-style Navigation**: Use hjkl or arrow keys
 - **Setup Wizard**: First-run wizard for easy configuration
@@ -209,6 +212,12 @@ floq config mode kanban            # Kanban board
 floq config db /path/to/custom.db
 floq config db                     # Reset to default
 
+# Splash screen settings
+floq config splash                 # Show current setting
+floq config splash 3000            # Set to 3 seconds
+floq config splash off             # Disable splash screen
+floq config splash key             # Wait for key press
+
 # Reset database (delete all data)
 floq db reset                      # With confirmation
 floq db reset --force              # Skip confirmation
@@ -254,6 +263,10 @@ floq config turso --disable
 
 26 themes available. Use `floq config theme` for interactive selection (j/k to navigate).
 
+Some themes feature a **Dragon Quest RPG style UI** with titled message boxes, 2-column layouts, and retro splash screens. Themes with DQ-style: `turbo-pascal`, `msx`, `pc-98`.
+
+![Dragon Quest Style UI](./assets/demo_dq.gif)
+
 | Theme | Description |
 |-------|-------------|
 | `modern` | Clean, minimal style (default) |

package/dist/cli.js

@@ -7,7 +7,7 @@ import { listTasks, listProjects } from './commands/list.js';
 import { moveTask } from './commands/move.js';
 import { markDone } from './commands/done.js';
 import { addProject, listProjectsCommand, showProject, completeProject, } from './commands/project.js';
-import { showConfig, setLanguage, setDbPath, resetDbPath, setTheme, selectTheme, setViewModeCommand, selectMode, setTurso, disableTurso, syncCommand, resetDatabase } from './commands/config.js';
+import { showConfig, setLanguage, setDbPath, resetDbPath, setTheme, selectTheme, setViewModeCommand, selectMode, setTurso, disableTurso, syncCommand, resetDatabase, setSplashCommand, showSplash } from './commands/config.js';
 import { addComment, listComments } from './commands/comment.js';
 import { listContexts, addContextCommand, removeContextCommand } from './commands/context.js';
 import { runSetupWizard } from './commands/setup.js';
@@ -155,6 +155,17 @@ configCmd
         process.exit(1);
     }
 });
+configCmd
+    .command('splash [duration]')
+    .description('Set splash screen duration (ms, off=disable, key=wait for key)')
+    .action(async (duration) => {
+    if (duration !== undefined) {
+        await setSplashCommand(duration);
+    }
+    else {
+        await showSplash();
+    }
+});
 // Sync command
 program
     .command('sync')

package/dist/commands/config.d.ts

@@ -9,5 +9,7 @@ export declare function setViewModeCommand(mode: string): Promise<void>;
 export declare function selectMode(): Promise<void>;
 export declare function setTurso(url: string, token: string): Promise<void>;
 export declare function disableTurso(): Promise<void>;
+export declare function setSplashCommand(duration: string): Promise<void>;
+export declare function showSplash(): Promise<void>;
 export declare function syncCommand(): Promise<void>;
 export declare function resetDatabase(force: boolean): Promise<void>;

package/dist/commands/config.js

@@ -3,7 +3,7 @@ import React from 'react';
 import { createInterface } from 'readline';
 import { unlinkSync, existsSync, readdirSync } from 'fs';
 import { dirname, basename, join } from 'path';
-import { loadConfig, saveConfig, getDbPath, getViewMode, setViewMode, isTursoEnabled, getTursoConfig, setTursoConfig } from '../config.js';
+import { loadConfig, saveConfig, getDbPath, getViewMode, setViewMode, isTursoEnabled, getTursoConfig, setTursoConfig, getSplashDuration, setSplashDuration } from '../config.js';
 import { CONFIG_FILE } from '../paths.js';
 import { ThemeSelector } from '../ui/ThemeSelector.js';
 import { ModeSelector } from '../ui/ModeSelector.js';
@@ -13,6 +13,7 @@ const VALID_LOCALES = ['en', 'ja'];
 const VALID_VIEW_MODES = ['gtd', 'kanban'];
 export async function showConfig() {
     const config = loadConfig();
+    const splashDuration = getSplashDuration();
     console.log('GTD CLI Configuration');
     console.log('─'.repeat(40));
     console.log(`Config file: ${CONFIG_FILE}`);
@@ -20,6 +21,7 @@ export async function showConfig() {
     console.log(`Database: ${getDbPath()}`);
     console.log(`Theme: ${config.theme || 'modern'}`);
     console.log(`View Mode: ${config.viewMode || 'gtd'}`);
+    console.log(`Splash: ${splashDuration === 0 ? 'disabled' : splashDuration === -1 ? 'wait for key' : `${splashDuration}ms`}`);
     console.log(`Turso: ${isTursoEnabled() ? 'enabled' : 'disabled'}`);
     if (config.db_path) {
         console.log(`  (custom: ${config.db_path})`);
@@ -115,6 +117,54 @@ export async function disableTurso() {
     setTursoConfig(undefined);
     console.log('Turso sync disabled');
 }
+export async function setSplashCommand(duration) {
+    let value;
+    // Handle special keywords
+    if (duration === 'key' || duration === 'wait') {
+        value = -1;
+    }
+    else if (duration === 'off' || duration === 'disable') {
+        value = 0;
+    }
+    else {
+        value = parseInt(duration, 10);
+        if (isNaN(value)) {
+            console.error(`Invalid duration: ${duration}`);
+            console.error('Usage: floq config splash <milliseconds|key|off>');
+            console.error('  off/0 = disable splash screen');
+            console.error('  key = wait for key press');
+            console.error('  positive number = duration in milliseconds');
+            process.exit(1);
+        }
+        if (value < 0) {
+            console.error('Duration must be 0 (disabled) or positive number');
+            console.error('Use "key" for wait-for-keypress mode');
+            process.exit(1);
+        }
+    }
+    setSplashDuration(value);
+    if (value === 0) {
+        console.log('Splash screen disabled');
+    }
+    else if (value === -1) {
+        console.log('Splash screen set to wait for key press');
+    }
+    else {
+        console.log(`Splash screen duration set to ${value}ms`);
+    }
+}
+export async function showSplash() {
+    const duration = getSplashDuration();
+    if (duration === 0) {
+        console.log('Splash screen: disabled');
+    }
+    else if (duration === -1) {
+        console.log('Splash screen: wait for key press');
+    }
+    else {
+        console.log(`Splash screen: ${duration}ms`);
+    }
+}
 export async function syncCommand() {
     if (!isTursoEnabled()) {
         console.error('Turso sync is not enabled.');

package/dist/commands/list.js

@@ -1,4 +1,4 @@
-import { eq } from 'drizzle-orm';
+import { eq, and, gte } from 'drizzle-orm';
 import { getDb, schema } from '../db/index.js';
 import { t, fmt } from '../i18n/index.js';
 export async function listTasks(status) {
@@ -11,10 +11,22 @@ export async function listTasks(status) {
             console.error(fmt(i18n.commands.list.validStatuses, { statuses: validStatuses.join(', ') }));
             process.exit(1);
         }
-        const tasks = await db
-            .select()
-            .from(schema.tasks)
-            .where(eq(schema.tasks.status, status));
+        // For done status, only show tasks from the last week by default
+        let tasks;
+        if (status === 'done') {
+            const oneWeekAgo = new Date();
+            oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);
+            tasks = await db
+                .select()
+                .from(schema.tasks)
+                .where(and(eq(schema.tasks.status, 'done'), gte(schema.tasks.updatedAt, oneWeekAgo)));
+        }
+        else {
+            tasks = await db
+                .select()
+                .from(schema.tasks)
+                .where(eq(schema.tasks.status, status));
+        }
         console.log(`\n${i18n.status[status]} (${tasks.length})`);
         console.log('─'.repeat(40));
         if (tasks.length === 0) {

package/dist/config.d.ts

@@ -13,6 +13,7 @@ export interface Config {
     viewMode: ViewMode;
     turso?: TursoConfig;
     contexts?: string[];
+    splashDuration?: number;
 }
 export declare function loadConfig(): Config;
 export declare function saveConfig(updates: Partial<Config>): void;
@@ -30,3 +31,5 @@ export declare function isFirstRun(): boolean;
 export declare function getContexts(): string[];
 export declare function addContext(context: string): boolean;
 export declare function removeContext(context: string): boolean;
+export declare function getSplashDuration(): number;
+export declare function setSplashDuration(duration: number): void;

package/dist/config.js

@@ -138,3 +138,16 @@ export function removeContext(context) {
     saveConfig({ contexts: newContexts });
     return true;
 }
+const DEFAULT_SPLASH_DURATION = 2500; // 2.5 seconds
+export function getSplashDuration() {
+    const duration = loadConfig().splashDuration;
+    // undefined means use default, 0 means disabled
+    if (duration === undefined) {
+        return DEFAULT_SPLASH_DURATION;
+    }
+    return duration;
+}
+export function setSplashDuration(duration) {
+    // Allow -1 (wait for key), 0 (disabled), or positive values
+    saveConfig({ splashDuration: duration >= 0 ? duration : -1 });
+}

package/dist/i18n/en.d.ts

@@ -240,6 +240,12 @@ export declare const en: {
             turso: string;
         };
     };
+    splash: {
+        welcome: string;
+        subtitle: string;
+        subtitleKanban: string;
+        pressKey: string;
+    };
     setup: {
         welcome: {
             title: string;
@@ -517,6 +523,12 @@ export type SetupTranslations = {
         confirm: string;
     };
 };
+export type SplashTranslations = {
+    welcome: string;
+    subtitle: string;
+    subtitleKanban: string;
+    pressKey: string;
+};
 export type Translations = {
     status: Record<string, string>;
     kanban: KanbanTranslations;
@@ -531,5 +543,6 @@ export type Translations = {
         context: Record<string, string>;
     };
     tui: TuiTranslations;
+    splash?: SplashTranslations;
     setup: SetupTranslations;
 };

package/dist/i18n/en.js

@@ -255,6 +255,13 @@ export const en = {
             turso: 'turso',
         },
     },
+    // Splash screen (Dragon Quest style)
+    splash: {
+        welcome: 'Welcome!',
+        subtitle: 'Your GTD adventure begins',
+        subtitleKanban: 'Your Kanban adventure begins',
+        pressKey: '▼ Press any key',
+    },
     // Setup wizard
     setup: {
         welcome: {

package/dist/i18n/ja.js

@@ -255,6 +255,13 @@ export const ja = {
             turso: 'turso',
         },
     },
+    // Splash screen (Dragon Quest style)
+    splash: {
+        welcome: 'ようこそ！',
+        subtitle: 'GTDの冒険がはじまる',
+        subtitleKanban: 'Kanbanの冒険がはじまる',
+        pressKey: '▼ なにかキーをおしてください',
+    },
     // Setup wizard
     setup: {
         welcome: {

package/dist/ui/App.js

@@ -2,22 +2,25 @@ 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';
 import { FunctionKeyBar } from './components/FunctionKeyBar.js';
 import { SearchBar } from './components/SearchBar.js';
 import { SearchResults } from './components/SearchResults.js';
+import { TitledBox } from './components/TitledBox.js';
 import { SplashScreen } from './SplashScreen.js';
 import { ThemeSelector } from './ThemeSelector.js';
 import { ModeSelector } from './ModeSelector.js';
 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, getContexts, addContext } from '../config.js';
+import { ThemeProvider, useTheme, getTheme } from './theme/index.js';
+import { getThemeName, getViewMode, setThemeName, setViewMode, setLocale, isTursoEnabled, getContexts, addContext, getSplashDuration } from '../config.js';
 import { KanbanBoard } from './components/KanbanBoard.js';
+import { KanbanDQ } from './components/KanbanDQ.js';
+import { GtdDQ } from './components/GtdDQ.js';
 import { VERSION } from '../version.js';
 import { HistoryProvider, useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from './history/index.js';
 const TABS = ['inbox', 'next', 'waiting', 'someday', 'projects', 'done'];
@@ -25,6 +28,8 @@ export function App() {
     const [themeName, setThemeNameState] = useState(getThemeName);
     const [viewMode, setViewModeState] = useState(getViewMode);
     const [settingsMode, setSettingsMode] = useState('none');
+    const splashDuration = getSplashDuration();
+    const [showSplash, setShowSplash] = useState(splashDuration !== 0);
     const [, forceUpdate] = useState({});
     const handleThemeSelect = (theme) => {
         setThemeName(theme);
@@ -44,6 +49,12 @@ export function App() {
     const handleSettingsCancel = () => {
         setSettingsMode('none');
     };
+    const currentTheme = getTheme(themeName);
+    const useDQStyle = currentTheme.uiStyle === 'titled-box';
+    // Show splash screen (all themes, configurable duration)
+    if (showSplash) {
+        return (_jsx(ThemeProvider, { themeName: themeName, children: _jsx(SplashScreen, { onComplete: () => setShowSplash(false), duration: splashDuration, viewMode: viewMode }) }));
+    }
     // Settings selector screens
     if (settingsMode === 'theme-select') {
         return (_jsx(ThemeProvider, { themeName: themeName, children: _jsx(ThemeSelector, { onSelect: handleThemeSelect, onCancel: handleSettingsCancel }) }));
@@ -54,13 +65,13 @@ 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: _jsx(HistoryProvider, { children: viewMode === 'kanban' ? (_jsx(KanbanBoard, { onOpenSettings: setSettingsMode })) : (_jsx(AppContent, { onOpenSettings: setSettingsMode })) }) }));
+    return (_jsx(ThemeProvider, { themeName: themeName, children: _jsx(HistoryProvider, { children: viewMode === 'kanban' ? (useDQStyle ? (_jsx(KanbanDQ, { onOpenSettings: setSettingsMode })) : (_jsx(KanbanBoard, { onOpenSettings: setSettingsMode }))) : (useDQStyle ? (_jsx(GtdDQ, { onOpenSettings: setSettingsMode })) : (_jsx(AppContent, { onOpenSettings: setSettingsMode }))) }) }));
 }
 function AppContent({ onOpenSettings }) {
     const theme = useTheme();
     const { exit } = useApp();
     const history = useHistory();
-    const [mode, setMode] = useState('splash');
+    const [mode, setMode] = useState('normal');
     const [inputValue, setInputValue] = useState('');
     const [currentListIndex, setCurrentListIndex] = useState(0);
     const [selectedTaskIndex, setSelectedTaskIndex] = useState(0);
@@ -105,10 +116,21 @@ function AppContent({ onOpenSettings }) {
         // Load all tasks (including project children) by status
         const statusList = ['inbox', 'next', 'waiting', 'someday', 'done'];
         for (const status of statusList) {
+            // 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 === '') {
@@ -205,7 +227,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();
@@ -216,6 +238,7 @@ function AppContent({ onOpenSettings }) {
                 title: title.trim(),
                 status: parentId ? 'next' : 'inbox',
                 parentId: parentId || null,
+                context: context || null,
                 createdAt: now,
                 updatedAt: now,
             },
@@ -298,12 +321,13 @@ function AppContent({ onOpenSettings }) {
                 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');
             }
         }
@@ -417,11 +441,6 @@ function AppContent({ onOpenSettings }) {
         }
     };
     useInput((input, key) => {
-        // Skip splash screen on any key
-        if (mode === 'splash') {
-            setMode('normal');
-            return;
-        }
         // Handle search mode
         if (mode === 'search') {
             if (key.escape) {
@@ -965,10 +984,6 @@ function AppContent({ onOpenSettings }) {
             return;
         }
     }, { isActive: mode !== 'help' });
-    // Splash screen
-    if (mode === 'splash') {
-        return _jsx(SplashScreen, { onComplete: () => setMode('normal') });
-    }
     // Help modal overlay
     if (mode === 'help') {
         return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(HelpModal, { onClose: () => setMode('normal') }) }));
@@ -990,11 +1005,15 @@ function AppContent({ onOpenSettings }) {
                 }) }), 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) => {
+                        })) }), mode === 'add-comment' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.addComment || 'New comment: ' }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: "" }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] }))] })), mode === 'search' && searchQuery && (_jsx(SearchResults, { results: searchResults, selectedIndex: searchResultIndex, query: searchQuery })), mode !== 'task-detail' && mode !== 'add-comment' && mode !== 'search' && (theme.uiStyle === 'titled-box' ? (_jsx(TitledBox, { title: mode === 'project-detail' && selectedProject ? selectedProject.title : getTabLabel(currentTab), borderColor: theme.colors.border, minHeight: 10, children: currentTasks.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noTasks })) : (currentTasks.map((task, index) => {
+                    const parentProject = getParentProject(task.parentId);
+                    const progress = currentTab === 'projects' ? projectProgress[task.id] : undefined;
+                    return (_jsx(TaskItem, { task: task, isSelected: index === selectedTaskIndex, projectName: parentProject?.title, progress: progress }, task.id));
+                })) })) : (_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) => {
                     const parentProject = getParentProject(task.parentId);
                     const progress = currentTab === 'projects' ? projectProgress[task.id] : undefined;
                     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
+                })) }))), (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 === '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'

package/dist/ui/SplashScreen.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface SplashScreenProps {
     onComplete: () => void;
     duration?: number;
+    viewMode?: 'gtd' | 'kanban';
 }
-export declare function SplashScreen({ onComplete, duration }: SplashScreenProps): React.ReactElement;
+export declare function SplashScreen({ onComplete, duration, viewMode }: SplashScreenProps): React.ReactElement;
 export {};