floq 0.7.0 → 0.8.0

package/dist/changelog.js

@@ -1,27 +1,44 @@
 import { readFileSync } from 'fs';
 import { fileURLToPath } from 'url';
 import { dirname, join } from 'path';
+import { getLocale } from './config.js';
 function findChangelogPath() {
     // Get the directory of the current module
     const currentFile = fileURLToPath(import.meta.url);
     const currentDir = dirname(currentFile);
-    // Try to find CHANGELOG.md relative to the package root
+    const locale = getLocale();
+    const filename = locale === 'ja' ? 'CHANGELOG.ja.md' : 'CHANGELOG.md';
+    const fallbackFilename = 'CHANGELOG.md';
+    // Try to find localized CHANGELOG relative to the package root
     // From dist/ or src/, go up one level
-    const possiblePaths = [
-        join(currentDir, '..', 'CHANGELOG.md'),
-        join(currentDir, '..', '..', 'CHANGELOG.md'),
-        join(process.cwd(), 'CHANGELOG.md'),
+    const basePaths = [
+        join(currentDir, '..'),
+        join(currentDir, '..', '..'),
+        process.cwd(),
     ];
-    for (const path of possiblePaths) {
+    // First, try to find the localized version
+    for (const basePath of basePaths) {
+        const localizedPath = join(basePath, filename);
         try {
-            readFileSync(path, 'utf-8');
-            return path;
+            readFileSync(localizedPath, 'utf-8');
+            return localizedPath;
         }
         catch {
             // continue to next path
         }
     }
-    return possiblePaths[0]; // Return first path as fallback
+    // Fall back to default CHANGELOG.md
+    for (const basePath of basePaths) {
+        const fallbackPath = join(basePath, fallbackFilename);
+        try {
+            readFileSync(fallbackPath, 'utf-8');
+            return fallbackPath;
+        }
+        catch {
+            // continue to next path
+        }
+    }
+    return join(basePaths[0], fallbackFilename); // Return first path as fallback
 }
 export function parseChangelog() {
     const changelogPath = findChangelogPath();

package/dist/cli.js

@@ -20,7 +20,14 @@ program
 // Default command - launch TUI
 program
     .action(() => {
-    render(React.createElement(App));
+    // Enter alternate screen buffer (like btop/vim)
+    process.stdout.write('\x1b[?1049h');
+    process.stdout.write('\x1b[H'); // Move cursor to top-left
+    const { waitUntilExit } = render(React.createElement(App));
+    waitUntilExit().then(() => {
+        // Leave alternate screen buffer
+        process.stdout.write('\x1b[?1049l');
+    });
 });
 // Add task
 program

package/dist/config.d.ts

@@ -14,6 +14,7 @@ export interface Config {
     turso?: TursoConfig;
     contexts?: string[];
     splashDuration?: number;
+    contextFilter?: string | null;
 }
 export declare function loadConfig(): Config;
 export declare function saveConfig(updates: Partial<Config>): void;
@@ -33,3 +34,5 @@ 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;
+export declare function getContextFilter(): string | null;
+export declare function setContextFilter(contextFilter: string | null): void;

package/dist/config.js

@@ -151,3 +151,11 @@ export function setSplashDuration(duration) {
     // Allow -1 (wait for key), 0 (disabled), or positive values
     saveConfig({ splashDuration: duration >= 0 ? duration : -1 });
 }
+export function getContextFilter() {
+    const config = loadConfig();
+    // undefined means not set (default to null = all)
+    return config.contextFilter === undefined ? null : config.contextFilter;
+}
+export function setContextFilter(contextFilter) {
+    saveConfig({ contextFilter });
+}

package/dist/ui/App.js

@@ -17,7 +17,7 @@ import { LanguageSelector } from './LanguageSelector.js';
 import { getDb, schema } from '../db/index.js';
 import { t, fmt } from '../i18n/index.js';
 import { ThemeProvider, useTheme, getTheme } from './theme/index.js';
-import { getThemeName, getViewMode, setThemeName, setViewMode, setLocale, isTursoEnabled, getContexts, addContext, getSplashDuration } from '../config.js';
+import { getThemeName, getViewMode, setThemeName, setViewMode, setLocale, isTursoEnabled, getContexts, addContext, getSplashDuration, getContextFilter, setContextFilter as saveContextFilter } from '../config.js';
 import { KanbanBoard } from './components/KanbanBoard.js';
 import { KanbanDQ } from './components/KanbanDQ.js';
 import { KanbanMario } from './components/KanbanMario.js';
@@ -101,8 +101,12 @@ function AppContent({ onOpenSettings }) {
     const [searchQuery, setSearchQuery] = useState('');
     const [searchResults, setSearchResults] = useState([]);
     const [searchResultIndex, setSearchResultIndex] = useState(0);
-    // Context filter state
-    const [contextFilter, setContextFilter] = useState(null); // null = all, '' = no context, string = specific context
+    // Context filter state - load from config for persistence across sessions/terminals
+    const [contextFilter, setContextFilterState] = useState(() => getContextFilter());
+    const setContextFilter = useCallback((value) => {
+        setContextFilterState(value);
+        saveContextFilter(value);
+    }, []);
     const [contextSelectIndex, setContextSelectIndex] = useState(0);
     const [availableContexts, setAvailableContexts] = useState([]);
     const i18n = t();

package/dist/ui/components/GtdDQ.js

@@ -7,7 +7,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { getDb, schema } from '../../db/index.js';
 import { t, fmt } from '../../i18n/index.js';
 import { useTheme } from '../theme/index.js';
-import { isTursoEnabled, getContexts, addContext, getLocale } from '../../config.js';
+import { isTursoEnabled, getContexts, addContext, getLocale, getContextFilter, setContextFilter as saveContextFilter } from '../../config.js';
 import { useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from '../history/index.js';
 import { SearchBar } from './SearchBar.js';
 import { SearchResults } from './SearchResults.js';
@@ -139,7 +139,12 @@ export function GtdDQ({ onOpenSettings }) {
     const [taskToWaiting, setTaskToWaiting] = useState(null);
     const [taskToDelete, setTaskToDelete] = useState(null);
     const [projectProgress, setProjectProgress] = useState({});
-    const [contextFilter, setContextFilter] = useState(null);
+    // Context filter state - load from config for persistence across sessions/terminals
+    const [contextFilter, setContextFilterState] = useState(() => getContextFilter());
+    const setContextFilter = useCallback((value) => {
+        setContextFilterState(value);
+        saveContextFilter(value);
+    }, []);
     const [contextSelectIndex, setContextSelectIndex] = useState(0);
     const [availableContexts, setAvailableContexts] = useState([]);
     const [searchQuery, setSearchQuery] = useState('');
@@ -894,6 +899,9 @@ export function GtdDQ({ onOpenSettings }) {
     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.accent, children: jobClass }), _jsx(Text, { color: theme.colors.text, children: " Lv." }), _jsx(Text, { bold: true, color: theme.colors.secondary, children: Math.floor(tasks.done.length / 5) + 1 }), _jsx(Text, { color: theme.colors.text, children: "  HP " }), _jsx(Text, { bold: true, color: theme.colors.statusNext, children: tasks.inbox.length + tasks.next.length }), _jsxs(Text, { color: theme.colors.textMuted, children: ["/", tasks.inbox.length + tasks.next.length + tasks.waiting.length + tasks.someday.length] }), _jsx(Text, { color: theme.colors.text, children: "  MP " }), _jsx(Text, { bold: true, color: theme.colors.statusWaiting, children: tasks.projects.length }), _jsx(Text, { color: tursoEnabled ? theme.colors.accent : theme.colors.textMuted, children: tursoEnabled ? ' [TURSO]' : '' }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? 'none' : contextFilter] }))] }), _jsx(Text, { color: theme.colors.textMuted, children: "?=help q=quit" })] }), mode === 'context-filter' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "Filter by context" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: ['all', 'none', ...availableContexts].map((ctx, index) => {
                             const label = ctx === 'all' ? 'All' : ctx === 'none' ? 'No context' : `@${ctx}`;
                             return (_jsxs(Text, { color: index === contextSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === contextSelectIndex, children: [index === contextSelectIndex ? '▶ ' : '  ', label] }, ctx));
+                        }) })] })) : mode === 'set-context' && currentTasks.length > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.context?.setContext || 'Set context for', ": ", currentTasks[selectedTaskIndex]?.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: ['clear', ...availableContexts, 'new'].map((ctx, index) => {
+                            const label = ctx === 'clear' ? (i18n.tui.context?.none || 'Clear context') : ctx === 'new' ? (i18n.tui.context?.addNew || 'New context...') : `@${ctx}`;
+                            return (_jsxs(Text, { color: index === contextSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === contextSelectIndex, children: [index === contextSelectIndex ? '▶ ' : '  ', label] }, ctx));
                         }) })] })) : mode === 'select-project' && taskToLink ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project', ": ", taskToLink.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: tasks.projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? '▶ ' : '  ', project.title] }, project.id))) })] })) : mode === 'confirm-delete' && taskToDelete ? (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: theme.colors.accent, bold: true, children: fmt(i18n.tui.deleteConfirm || 'Delete "{title}"? (y/n)', { title: taskToDelete.title }) }) })) : (mode === 'task-detail' || mode === 'add-comment') && selectedTask ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(TitledBoxInline, { title: i18n.tui.taskDetailTitle || 'Task Details', width: terminalWidth - 4, minHeight: 4, isActive: true, 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, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.taskDetailStatus || 'Status', ": "] }), _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, { marginTop: 1, children: _jsx(TitledBoxInline, { title: `${i18n.tui.comments || 'Comments'} (${taskComments.length})`, width: terminalWidth - 4, minHeight: 5, isActive: mode === 'task-detail', 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: "column", marginBottom: 1, children: [_jsxs(Text, { color: theme.colors.textMuted, children: [isSelected ? '▶ ' : '  ', "[", comment.createdAt.toLocaleString(), "]"] }), _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: ['  ', comment.content] })] }, comment.id));

package/dist/ui/components/GtdMario.js

@@ -7,7 +7,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { getDb, schema } from '../../db/index.js';
 import { t, fmt } from '../../i18n/index.js';
 import { useTheme } from '../theme/index.js';
-import { isTursoEnabled, getContexts, addContext } from '../../config.js';
+import { isTursoEnabled, getContexts, addContext, getContextFilter, setContextFilter as saveContextFilter } from '../../config.js';
 import { VERSION } from '../../version.js';
 import { useHistory, CreateTaskCommand, DeleteTaskCommand, MoveTaskCommand, LinkTaskCommand, ConvertToProjectCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from '../history/index.js';
 import { SearchBar } from './SearchBar.js';
@@ -81,7 +81,12 @@ export function GtdMario({ onOpenSettings }) {
     const [taskToWaiting, setTaskToWaiting] = useState(null);
     const [taskToDelete, setTaskToDelete] = useState(null);
     const [projectProgress, setProjectProgress] = useState({});
-    const [contextFilter, setContextFilter] = useState(null);
+    // Context filter state - load from config for persistence across sessions/terminals
+    const [contextFilter, setContextFilterState] = useState(() => getContextFilter());
+    const setContextFilter = useCallback((value) => {
+        setContextFilterState(value);
+        saveContextFilter(value);
+    }, []);
     const [contextSelectIndex, setContextSelectIndex] = useState(0);
     const [availableContexts, setAvailableContexts] = useState([]);
     const [searchQuery, setSearchQuery] = useState('');
@@ -798,6 +803,9 @@ export function GtdMario({ onOpenSettings }) {
     return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "WORLD " }), _jsxs(Text, { color: theme.colors.primary, bold: true, children: [(new Date().getMonth() + 1), "-", new Date().getDate()] }), _jsx(Text, { color: theme.colors.text, children: " " }), _jsx(Text, { color: theme.colors.secondary, children: "x" }), _jsx(Text, { color: theme.colors.text, children: (tasks.inbox.length + tasks.next.length + tasks.waiting.length + tasks.someday.length + tasks.projects.length).toString().padStart(2, '0') }), _jsxs(Text, { color: theme.colors.textMuted, children: [" FLOQ v", VERSION] }), _jsx(Text, { color: tursoEnabled ? theme.colors.accent : theme.colors.textMuted, children: tursoEnabled ? ' [TURSO]' : ' [LOCAL]' }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? 'none' : contextFilter] }))] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.colors.secondary, children: "TIME " }), _jsx(Text, { color: theme.colors.text, children: new Date().toLocaleTimeString('en-US', { hour12: false, hour: '2-digit', minute: '2-digit' }) })] })] }), mode === 'context-filter' ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: "Filter by context" }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: ['all', 'none', ...availableContexts].map((ctx, index) => {
                             const label = ctx === 'all' ? 'All' : ctx === 'none' ? 'No context' : `@${ctx}`;
                             return (_jsxs(Text, { color: index === contextSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === contextSelectIndex, children: [index === contextSelectIndex ? '🍄 ' : '   ', label] }, ctx));
+                        }) })] })) : mode === 'set-context' && currentTasks.length > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.context?.setContext || 'Set context for', ": ", currentTasks[selectedTaskIndex]?.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: ['clear', ...availableContexts, 'new'].map((ctx, index) => {
+                            const label = ctx === 'clear' ? (i18n.tui.context?.none || 'Clear context') : ctx === 'new' ? (i18n.tui.context?.addNew || 'New context...') : `@${ctx}`;
+                            return (_jsxs(Text, { color: index === contextSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === contextSelectIndex, children: [index === contextSelectIndex ? '🍄 ' : '   ', label] }, ctx));
                         }) })] })) : mode === 'select-project' && taskToLink ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project', ": ", taskToLink.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: tasks.projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? '🍄 ' : '   ', project.title] }, project.id))) })] })) : mode === 'confirm-delete' && taskToDelete ? (_jsx(Box, { flexDirection: "column", children: _jsx(Text, { color: theme.colors.accent, bold: true, children: fmt(i18n.tui.deleteConfirm || 'Delete "{title}"? (y/n)', { title: taskToDelete.title }) }) })) : (mode === 'task-detail' || mode === 'add-comment') && selectedTask ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(MarioBoxInline, { title: i18n.tui.taskDetailTitle || 'Task Details', width: terminalWidth - 4, minHeight: 4, isActive: true, 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, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.taskDetailStatus || 'Status', ": "] }), _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, { marginTop: 1, children: _jsx(MarioBoxInline, { title: `${i18n.tui.comments || 'Comments'} (${taskComments.length})`, width: terminalWidth - 4, minHeight: 5, isActive: mode === 'task-detail', 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: "column", marginBottom: 1, children: [_jsxs(Text, { color: theme.colors.textMuted, children: [isSelected ? '🍄 ' : '   ', "[", comment.createdAt.toLocaleString(), "]"] }), _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: ['   ', comment.content] })] }, comment.id));

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, getContexts, addContext } from '../../config.js';
+import { isTursoEnabled, getContexts, addContext, getContextFilter, setContextFilter as saveContextFilter } from '../../config.js';
 import { VERSION } from '../../version.js';
 import { useHistory, CreateTaskCommand, MoveTaskCommand, LinkTaskCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from '../history/index.js';
 const COLUMNS = ['todo', 'doing', 'done'];
@@ -43,8 +43,12 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
     const [searchQuery, setSearchQuery] = useState('');
     const [searchResults, setSearchResults] = useState([]);
     const [searchResultIndex, setSearchResultIndex] = useState(0);
-    // Context filter state
-    const [contextFilter, setContextFilter] = useState(null);
+    // Context filter state - load from config for persistence across sessions/terminals
+    const [contextFilter, setContextFilterState] = useState(() => getContextFilter());
+    const setContextFilter = useCallback((value) => {
+        setContextFilterState(value);
+        saveContextFilter(value);
+    }, []);
     const [contextSelectIndex, setContextSelectIndex] = useState(0);
     const [availableContexts, setAvailableContexts] = useState([]);
     const i18n = t();

package/dist/ui/components/KanbanDQ.js

@@ -7,7 +7,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { getDb, schema } from '../../db/index.js';
 import { t, fmt } from '../../i18n/index.js';
 import { useTheme } from '../theme/index.js';
-import { isTursoEnabled, getContexts, addContext, getLocale } from '../../config.js';
+import { isTursoEnabled, getContexts, addContext, getLocale, getContextFilter, setContextFilter as saveContextFilter } from '../../config.js';
 import { useHistory, CreateTaskCommand, MoveTaskCommand, } from '../history/index.js';
 import { SearchBar } from './SearchBar.js';
 import { SearchResults } from './SearchResults.js';
@@ -113,7 +113,12 @@ export function KanbanDQ({ onOpenSettings }) {
     const [selectedTask, setSelectedTask] = useState(null);
     const [taskComments, setTaskComments] = useState([]);
     const [selectedCommentIndex, setSelectedCommentIndex] = useState(0);
-    const [contextFilter, setContextFilter] = useState(null);
+    // Context filter state - load from config for persistence across sessions/terminals
+    const [contextFilter, setContextFilterState] = useState(() => getContextFilter());
+    const setContextFilter = useCallback((value) => {
+        setContextFilterState(value);
+        saveContextFilter(value);
+    }, []);
     const [contextSelectIndex, setContextSelectIndex] = useState(0);
     const [availableContexts, setAvailableContexts] = useState([]);
     const [searchQuery, setSearchQuery] = useState('');

package/dist/ui/components/KanbanMario.js

@@ -7,7 +7,7 @@ import { v4 as uuidv4 } from 'uuid';
 import { getDb, schema } from '../../db/index.js';
 import { t, fmt } from '../../i18n/index.js';
 import { useTheme } from '../theme/index.js';
-import { isTursoEnabled, getContexts, addContext } from '../../config.js';
+import { isTursoEnabled, getContexts, addContext, getContextFilter, setContextFilter as saveContextFilter } from '../../config.js';
 import { VERSION } from '../../version.js';
 import { useHistory, CreateTaskCommand, MoveTaskCommand, } from '../history/index.js';
 import { SearchBar } from './SearchBar.js';
@@ -35,7 +35,12 @@ export function KanbanMario({ onOpenSettings }) {
     const [selectedTask, setSelectedTask] = useState(null);
     const [taskComments, setTaskComments] = useState([]);
     const [selectedCommentIndex, setSelectedCommentIndex] = useState(0);
-    const [contextFilter, setContextFilter] = useState(null);
+    // Context filter state - load from config for persistence across sessions/terminals
+    const [contextFilter, setContextFilterState] = useState(() => getContextFilter());
+    const setContextFilter = useCallback((value) => {
+        setContextFilterState(value);
+        saveContextFilter(value);
+    }, []);
     const [contextSelectIndex, setContextSelectIndex] = useState(0);
     const [availableContexts, setAvailableContexts] = useState([]);
     const [searchQuery, setSearchQuery] = useState('');

package/package.json

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

package/dist/ui/components/DQLayout.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-interface DQLayoutProps {
-    title: string;
-    subtitle?: string;
-    menuTitle: string;
-    menuItems: Array<{
-        label: string;
-        count?: number;
-        isActive: boolean;
-    }>;
-    onMenuSelect?: (index: number) => void;
-    contentTitle: string;
-    children: React.ReactNode;
-    statusTitle?: string;
-    statusItems?: Array<{
-        label: string;
-        value: string;
-    }>;
-    footer?: string;
-}
-/**
- * Dragon Quest style multi-window layout
- *
- * ╭────────────────────────────────────────────╮
- * │           FLOQ - GTD Manager               │
- * ╰────────────────────────────────────────────╯
- * ╭─ コマンド ─╮  ╭─ Inbox ──────────────────────╮
- * │ ▶ Inbox   │  │ ▶ タスク1                    │
- * │   次      │  │   タスク2                    │
- * │   待ち    │  │   タスク3                    │
- * │   いつか  │  ╰────────────────────────────────╯
- * │   完了    │
- * ╰───────────╯
- */
-export declare function DQLayout({ title, subtitle, menuTitle, menuItems, contentTitle, children, statusTitle, statusItems, footer, }: DQLayoutProps): React.ReactElement;
-export {};

package/dist/ui/components/DQLayout.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useTheme } from '../theme/index.js';
-/**
- * Dragon Quest style multi-window layout
- *
- * ╭────────────────────────────────────────────╮
- * │           FLOQ - GTD Manager               │
- * ╰────────────────────────────────────────────╯
- * ╭─ コマンド ─╮  ╭─ Inbox ──────────────────────╮
- * │ ▶ Inbox   │  │ ▶ タスク1                    │
- * │   次      │  │   タスク2                    │
- * │   待ち    │  │   タスク3                    │
- * │   いつか  │  ╰────────────────────────────────╯
- * │   完了    │
- * ╰───────────╯
- */
-export function DQLayout({ title, subtitle, menuTitle, menuItems, contentTitle, children, statusTitle, statusItems, footer, }) {
-    const theme = useTheme();
-    const borderColor = theme.colors.border;
-    const activeColor = theme.colors.borderActive;
-    // Render a window with title on border
-    const renderWindow = (windowTitle, content, options = {}) => {
-        const { width, minHeight = 3, active = false, flexGrow } = options;
-        const color = active ? activeColor : borderColor;
-        const titleDisplay = ` ${windowTitle} `;
-        const minW = width || 20;
-        return (_jsxs(Box, { flexDirection: "column", width: width, minHeight: minHeight, flexGrow: flexGrow, children: [_jsxs(Box, { children: [_jsx(Text, { color: color, children: "\u256D\u2500\u2500" }), _jsx(Text, { color: theme.colors.text, bold: true, children: titleDisplay }), _jsxs(Text, { color: color, children: ['─'.repeat(Math.max(minW - titleDisplay.length - 6, 2)), "\u256E"] })] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: _jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Text, { color: color, children: "\u2502 " }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: content }), _jsx(Text, { color: color, children: " \u2502" })] }) }), _jsx(Box, { children: _jsxs(Text, { color: color, children: ["\u2570", '─'.repeat(Math.max(minW - 2, 2)), "\u256F"] }) })] }));
-    };
-    // Render header window
-    const renderHeader = () => {
-        const headerWidth = 50;
-        const padding = Math.floor((headerWidth - title.length - 4) / 2);
-        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { children: _jsxs(Text, { color: borderColor, children: ["\u256D", '─'.repeat(headerWidth - 2), "\u256E"] }) }), _jsxs(Box, { children: [_jsx(Text, { color: borderColor, children: "\u2502" }), _jsxs(Text, { color: theme.colors.primary, bold: true, children: [' '.repeat(padding), title, ' '.repeat(padding)] }), _jsx(Text, { color: borderColor, children: "\u2502" })] }), subtitle && (_jsxs(Box, { children: [_jsx(Text, { color: borderColor, children: "\u2502" }), _jsxs(Text, { color: theme.colors.textMuted, children: [' '.repeat(Math.floor((headerWidth - subtitle.length - 4) / 2)), subtitle] }), _jsx(Text, { color: borderColor, children: "\u2502" })] })), _jsx(Box, { children: _jsxs(Text, { color: borderColor, children: ["\u2570", '─'.repeat(headerWidth - 2), "\u256F"] }) })] }));
-    };
-    // Render menu items
-    const renderMenuContent = () => (_jsx(_Fragment, { children: menuItems.map((item, index) => (_jsx(Box, { children: _jsxs(Text, { color: item.isActive ? theme.colors.textSelected : theme.colors.text, bold: item.isActive, children: [item.isActive ? theme.style.selectedPrefix : theme.style.unselectedPrefix, item.label, item.count !== undefined && ` (${item.count})`] }) }, index))) }));
-    // Render status window
-    const renderStatus = () => {
-        if (!statusTitle || !statusItems)
-            return null;
-        return (_jsx(Box, { marginTop: 1, children: renderWindow(statusTitle, _jsx(_Fragment, { children: statusItems.map((item, index) => (_jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.textMuted, children: [item.label, ": "] }), _jsx(Text, { color: theme.colors.accent, children: item.value })] }, index))) }), { width: 20, minHeight: statusItems.length + 2 }) }));
-    };
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [renderHeader(), _jsxs(Box, { flexDirection: "row", children: [_jsxs(Box, { flexDirection: "column", marginRight: 1, children: [renderWindow(menuTitle, renderMenuContent(), {
-                                width: 18,
-                                minHeight: menuItems.length + 2,
-                                active: true,
-                            }), renderStatus()] }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: renderWindow(contentTitle, children, {
-                            minHeight: 12,
-                            active: true,
-                            flexGrow: 1,
-                        }) })] }), footer && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, children: footer }) }))] }));
-}

package/dist/ui/components/DQTaskList.d.ts

@@ -1,53 +0,0 @@
-import React from 'react';
-import type { Task } from '../../db/schema.js';
-import type { ProjectProgress } from './TaskItem.js';
-interface DQTaskListProps {
-    tasks: Task[];
-    selectedIndex: number;
-    emptyMessage: string;
-    showProject?: boolean;
-    getParentProject?: (parentId: string | null) => Task | undefined;
-    projectProgress?: Record<string, ProjectProgress>;
-    isProjectTab?: boolean;
-}
-/**
- * Dragon Quest style task list inside a window
- */
-export declare function DQTaskList({ tasks, selectedIndex, emptyMessage, showProject, getParentProject, projectProgress, isProjectTab, }: DQTaskListProps): React.ReactElement;
-interface DQWindowFrameProps {
-    title: string;
-    children: React.ReactNode;
-    width?: number | string;
-    minHeight?: number;
-    active?: boolean;
-    flexGrow?: number;
-}
-/**
- * Dragon Quest style window frame with title on border
- */
-export declare function DQWindowFrame({ title, children, width, minHeight, active, flexGrow, }: DQWindowFrameProps): React.ReactElement;
-interface DQMenuProps {
-    title: string;
-    items: Array<{
-        key: string;
-        label: string;
-        count: number;
-        isActive: boolean;
-    }>;
-    width?: number;
-}
-/**
- * Dragon Quest style menu (left side panel)
- */
-export declare function DQMenu({ title, items, width }: DQMenuProps): React.ReactElement;
-interface DQHeaderProps {
-    title: string;
-    version: string;
-    dbMode: string;
-    contextFilter?: string | null;
-}
-/**
- * Dragon Quest style header window
- */
-export declare function DQHeader({ title, version, dbMode, contextFilter }: DQHeaderProps): React.ReactElement;
-export {};

package/dist/ui/components/DQTaskList.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useTheme } from '../theme/index.js';
-/**
- * Dragon Quest style task list inside a window
- */
-export function DQTaskList({ tasks, selectedIndex, emptyMessage, showProject = false, getParentProject, projectProgress, isProjectTab = false, }) {
-    const theme = useTheme();
-    if (tasks.length === 0) {
-        return (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: emptyMessage }));
-    }
-    return (_jsx(_Fragment, { children: tasks.map((task, index) => {
-            const isSelected = index === selectedIndex;
-            const parentProject = showProject && getParentProject ? getParentProject(task.parentId) : undefined;
-            const progress = isProjectTab && projectProgress ? projectProgress[task.id] : undefined;
-            return (_jsx(Box, { flexDirection: "row", children: _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? theme.style.selectedPrefix : theme.style.unselectedPrefix, task.title, task.waitingFor && (_jsxs(Text, { color: theme.colors.statusWaiting, children: [" [", task.waitingFor, "]"] })), task.context && (_jsxs(Text, { color: theme.colors.accent, children: [" @", task.context] })), parentProject && (_jsxs(Text, { color: theme.colors.textMuted, children: [" \u2190 ", parentProject.title] })), progress && (_jsxs(Text, { color: theme.colors.textMuted, children: [" [", progress.completed, "/", progress.total, "]"] }))] }) }, task.id));
-        }) }));
-}
-/**
- * Dragon Quest style window frame with title on border
- */
-export function DQWindowFrame({ title, children, width, minHeight = 10, active = false, flexGrow, }) {
-    const theme = useTheme();
-    const borderColor = active ? theme.colors.borderActive : theme.colors.border;
-    const titleText = ` ${title} `;
-    return (_jsxs(Box, { flexDirection: "column", width: width, minHeight: minHeight, flexGrow: flexGrow, children: [_jsxs(Text, { color: borderColor, children: ["\u256D\u2500\u2500", _jsx(Text, { color: theme.colors.text, bold: true, children: titleText }), _jsx(Text, { color: borderColor, children: '─'.repeat(30) })] }), _jsxs(Box, { flexDirection: "row", flexGrow: 1, children: [_jsx(Text, { color: borderColor, children: "\u2502 " }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: children }), _jsx(Text, { color: borderColor, children: " \u2502" })] }), _jsxs(Text, { color: borderColor, children: ["\u2570", '─'.repeat(titleText.length + 32), "\u256F"] })] }));
-}
-/**
- * Dragon Quest style menu (left side panel)
- */
-export function DQMenu({ title, items, width = 16 }) {
-    const theme = useTheme();
-    const borderColor = theme.colors.border;
-    const titleText = ` ${title} `;
-    const innerWidth = width - 4;
-    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsxs(Text, { color: borderColor, children: ["\u256D\u2500", _jsx(Text, { color: theme.colors.text, bold: true, children: titleText }), _jsxs(Text, { color: borderColor, children: ['─'.repeat(Math.max(innerWidth - titleText.length, 0)), "\u256E"] })] }), items.map((item) => (_jsxs(Box, { children: [_jsx(Text, { color: borderColor, children: "\u2502" }), _jsxs(Text, { color: item.isActive ? theme.colors.textSelected : theme.colors.text, bold: item.isActive, children: [item.isActive ? theme.style.selectedPrefix : theme.style.unselectedPrefix, item.label] }), _jsxs(Text, { color: theme.colors.textMuted, children: ["(", item.count, ")"] }), _jsx(Text, { color: borderColor, children: "\u2502" })] }, item.key))), _jsxs(Text, { color: borderColor, children: ["\u2570", '─'.repeat(innerWidth + 2), "\u256F"] })] }));
-}
-/**
- * Dragon Quest style header window
- */
-export function DQHeader({ title, version, dbMode, contextFilter }) {
-    const theme = useTheme();
-    const borderColor = theme.colors.border;
-    const headerText = `${title}  ver.${version}`;
-    const width = 50;
-    const padding = Math.floor((width - headerText.length - 2) / 2);
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { color: borderColor, children: ["\u256D", '─'.repeat(width - 2), "\u256E"] }), _jsxs(Box, { children: [_jsx(Text, { color: borderColor, children: "\u2502" }), _jsxs(Text, { color: theme.colors.primary, bold: true, children: [' '.repeat(padding), headerText, ' '.repeat(padding)] }), _jsx(Text, { color: borderColor, children: "\u2502" })] }), _jsxs(Box, { children: [_jsx(Text, { color: borderColor, children: "\u2502" }), _jsxs(Text, { children: [' '.repeat(Math.floor((width - 20) / 2)), _jsxs(Text, { color: theme.colors.textMuted, children: ["[", dbMode, "]"] }), contextFilter !== null && contextFilter !== undefined && (_jsxs(Text, { color: theme.colors.accent, children: [" @", contextFilter === '' ? 'none' : contextFilter] }))] }), _jsx(Text, { color: borderColor, children: "\u2502" })] }), _jsxs(Text, { color: borderColor, children: ["\u2570", '─'.repeat(width - 2), "\u256F"] })] }));
-}

package/dist/ui/components/DQWindow.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-interface DQWindowProps {
-    title?: string;
-    children: React.ReactNode;
-    width?: number | string;
-    height?: number | string;
-    minHeight?: number;
-    minWidth?: number;
-    active?: boolean;
-}
-/**
- * Dragon Quest style window with title on the border
- *
- * ╭─ Title ──────────╮
- * │ Content here     │
- * ╰──────────────────╯
- */
-export declare function DQWindow({ title, children, width, height, minHeight, minWidth, active, }: DQWindowProps): React.ReactElement;
-export {};

package/dist/ui/components/DQWindow.js

@@ -1,33 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { Box, Text } from 'ink';
-import { useTheme } from '../theme/index.js';
-/**
- * Dragon Quest style window with title on the border
- *
- * ╭─ Title ──────────╮
- * │ Content here     │
- * ╰──────────────────╯
- */
-export function DQWindow({ title, children, width, height, minHeight, minWidth, active = false, }) {
-    const theme = useTheme();
-    const borderColor = active ? theme.colors.borderActive : theme.colors.border;
-    // Build the top border with title embedded
-    const renderTopBorder = (contentWidth) => {
-        if (!title) {
-            // No title - just return standard corner
-            return null;
-        }
-        const titleText = ` ${title} `;
-        const titleLen = titleText.length;
-        // Calculate dashes needed (minimum 2 on each side of title)
-        const availableWidth = Math.max(contentWidth - titleLen - 4, 0);
-        const leftDashes = 2;
-        const rightDashes = Math.max(availableWidth - leftDashes, 2);
-        return (_jsxs(Box, { children: [_jsxs(Text, { color: borderColor, children: ["\u256D", '─'.repeat(leftDashes)] }), _jsx(Text, { color: theme.colors.text, bold: true, children: titleText }), _jsxs(Text, { color: borderColor, children: ['─'.repeat(rightDashes), "\u256E"] })] }));
-    };
-    const renderBottomBorder = (contentWidth) => {
-        return (_jsx(Box, { children: _jsxs(Text, { color: borderColor, children: ["\u2570", '─'.repeat(contentWidth), "\u256F"] }) }));
-    };
-    // For DQ style, we render custom borders
-    return (_jsxs(Box, { flexDirection: "column", width: width, height: height, minHeight: minHeight, minWidth: minWidth, children: [title && renderTopBorder(typeof minWidth === 'number' ? minWidth - 2 : 20), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: borderColor, children: "\u2502" }), _jsx(Box, { flexDirection: "column", flexGrow: 1, paddingX: 1, children: children }), _jsx(Text, { color: borderColor, children: "\u2502" })] }), renderBottomBorder(typeof minWidth === 'number' ? minWidth - 2 : 20)] }));
-}

package/dist/ui/components/FullScreenBox.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface FullScreenBoxProps {
-    children: React.ReactNode;
-    backgroundColor?: string;
-    padding?: number;
-}
-export declare function FullScreenBox({ children, backgroundColor, padding }: FullScreenBoxProps): React.ReactElement;
-export {};

package/dist/ui/components/FullScreenBox.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, useStdout } from 'ink';
-export function FullScreenBox({ children, backgroundColor, padding = 1 }) {
-    const { stdout } = useStdout();
-    const width = stdout?.columns || 80;
-    const height = stdout?.rows || 24;
-    // 背景色で画面全体を埋めるために、各行に空白を追加
-    const fillLine = backgroundColor ? ' '.repeat(width) : '';
-    return (_jsxs(Box, { flexDirection: "column", width: width, minHeight: height, padding: padding, ...(backgroundColor ? { backgroundColor } : {}), children: [children, backgroundColor && (_jsx(Box, { flexGrow: 1, width: width, children: _jsx(Box, { backgroundColor: backgroundColor, width: width }) }))] }));
-}