floq 0.0.1

package/dist/ui/App.js

@@ -0,0 +1,472 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput, useApp } from 'ink';
+import TextInput from 'ink-text-input';
+import { eq, and } 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 { 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 } from '../config.js';
+const TABS = ['inbox', 'next', 'waiting', 'someday', 'projects'];
+export function App() {
+    const themeName = getThemeName();
+    return (_jsx(ThemeProvider, { themeName: themeName, children: _jsx(AppContent, {}) }));
+}
+function AppContent() {
+    const theme = useTheme();
+    const { exit } = useApp();
+    const [mode, setMode] = useState('splash');
+    const [inputValue, setInputValue] = useState('');
+    const [currentListIndex, setCurrentListIndex] = useState(0);
+    const [selectedTaskIndex, setSelectedTaskIndex] = useState(0);
+    const [tasks, setTasks] = useState({
+        inbox: [],
+        next: [],
+        waiting: [],
+        someday: [],
+        projects: [],
+    });
+    const [message, setMessage] = useState(null);
+    const [selectedProject, setSelectedProject] = useState(null);
+    const [projectTasks, setProjectTasks] = useState([]);
+    const [taskToLink, setTaskToLink] = useState(null);
+    const [projectSelectIndex, setProjectSelectIndex] = useState(0);
+    const i18n = t();
+    const loadTasks = () => {
+        const db = getDb();
+        const newTasks = {
+            inbox: [],
+            next: [],
+            waiting: [],
+            someday: [],
+            projects: [],
+        };
+        // Load all tasks (including project children) by status
+        const statusList = ['inbox', 'next', 'waiting', 'someday'];
+        for (const status of statusList) {
+            newTasks[status] = db
+                .select()
+                .from(schema.tasks)
+                .where(and(eq(schema.tasks.status, status), eq(schema.tasks.isProject, false)))
+                .all();
+        }
+        // Load projects (isProject = true, not done)
+        newTasks.projects = db
+            .select()
+            .from(schema.tasks)
+            .where(and(eq(schema.tasks.isProject, true), eq(schema.tasks.status, 'next')))
+            .all();
+        setTasks(newTasks);
+    };
+    // Get parent project for a task
+    const getParentProject = (parentId) => {
+        if (!parentId)
+            return undefined;
+        return tasks.projects.find(p => p.id === parentId);
+    };
+    const loadProjectTasks = (projectId) => {
+        const db = getDb();
+        const children = db
+            .select()
+            .from(schema.tasks)
+            .where(eq(schema.tasks.parentId, projectId))
+            .all();
+        setProjectTasks(children);
+    };
+    useEffect(() => {
+        loadTasks();
+    }, []);
+    const currentTab = TABS[currentListIndex];
+    const currentTasks = mode === 'project-detail' ? projectTasks : tasks[currentTab];
+    const addTask = (title, parentId) => {
+        if (!title.trim())
+            return;
+        const db = getDb();
+        const now = new Date();
+        db.insert(schema.tasks)
+            .values({
+            id: uuidv4(),
+            title: title.trim(),
+            status: parentId ? 'next' : 'inbox',
+            parentId: parentId || null,
+            createdAt: now,
+            updatedAt: now,
+        })
+            .run();
+        setMessage(fmt(i18n.tui.added, { title: title.trim() }));
+        loadTasks();
+    };
+    const handleInputSubmit = (value) => {
+        if (value.trim()) {
+            if (mode === 'add-to-project' && selectedProject) {
+                addTask(value, selectedProject.id);
+                loadProjectTasks(selectedProject.id);
+                setMode('project-detail');
+            }
+            else {
+                addTask(value);
+                setMode('normal');
+            }
+        }
+        else {
+            setMode(mode === 'add-to-project' ? 'project-detail' : 'normal');
+        }
+        setInputValue('');
+    };
+    const linkTaskToProject = (task, project) => {
+        const db = getDb();
+        db.update(schema.tasks)
+            .set({ parentId: project.id, updatedAt: new Date() })
+            .where(eq(schema.tasks.id, task.id))
+            .run();
+        setMessage(fmt(i18n.tui.linkedToProject || 'Linked "{title}" to {project}', { title: task.title, project: project.title }));
+        loadTasks();
+    };
+    const getTabLabel = (tab) => {
+        switch (tab) {
+            case 'inbox':
+                return i18n.tui.tabInbox;
+            case 'next':
+                return i18n.tui.tabNext;
+            case 'waiting':
+                return i18n.tui.tabWaiting;
+            case 'someday':
+                return i18n.tui.tabSomeday;
+            case 'projects':
+                return i18n.tui.tabProjects || 'Projects';
+        }
+    };
+    useInput((input, key) => {
+        // Skip splash screen on any key
+        if (mode === 'splash') {
+            setMode('normal');
+            return;
+        }
+        // Handle help mode - any key closes
+        if (mode === 'help') {
+            setMode('normal');
+            return;
+        }
+        // Handle add mode
+        if (mode === 'add' || mode === 'add-to-project') {
+            if (key.escape) {
+                setInputValue('');
+                setMode(mode === 'add-to-project' ? 'project-detail' : 'normal');
+            }
+            return;
+        }
+        // Handle select-project mode
+        if (mode === 'select-project') {
+            if (key.escape) {
+                setTaskToLink(null);
+                setProjectSelectIndex(0);
+                setMode('normal');
+                return;
+            }
+            // Navigate projects
+            if (key.upArrow || input === 'k') {
+                setProjectSelectIndex((prev) => (prev > 0 ? prev - 1 : tasks.projects.length - 1));
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                setProjectSelectIndex((prev) => (prev < tasks.projects.length - 1 ? prev + 1 : 0));
+                return;
+            }
+            // Select project with Enter
+            if (key.return && taskToLink && tasks.projects.length > 0) {
+                const project = tasks.projects[projectSelectIndex];
+                linkTaskToProject(taskToLink, project);
+                setTaskToLink(null);
+                setProjectSelectIndex(0);
+                setMode('normal');
+                return;
+            }
+            return;
+        }
+        // Handle project-detail mode
+        if (mode === 'project-detail') {
+            if (key.escape || key.backspace || input === 'b') {
+                setMode('normal');
+                setSelectedProject(null);
+                setProjectTasks([]);
+                setSelectedTaskIndex(0);
+                return;
+            }
+            // Add task to this project
+            if (input === 'a') {
+                setMode('add-to-project');
+                return;
+            }
+            // Navigate within project tasks
+            if (key.upArrow || input === 'k') {
+                setSelectedTaskIndex((prev) => (prev > 0 ? prev - 1 : projectTasks.length - 1));
+                return;
+            }
+            if (key.downArrow || input === 'j') {
+                setSelectedTaskIndex((prev) => (prev < projectTasks.length - 1 ? prev + 1 : 0));
+                return;
+            }
+            // Mark child task as done
+            if (input === 'd' && projectTasks.length > 0) {
+                const task = projectTasks[selectedTaskIndex];
+                const db = getDb();
+                db.update(schema.tasks)
+                    .set({ status: 'done', updatedAt: new Date() })
+                    .where(eq(schema.tasks.id, task.id))
+                    .run();
+                setMessage(fmt(i18n.tui.completed, { title: task.title }));
+                if (selectedProject) {
+                    loadProjectTasks(selectedProject.id);
+                }
+                loadTasks();
+                return;
+            }
+            return;
+        }
+        // Clear message on any input
+        if (message) {
+            setMessage(null);
+        }
+        // Function key support (escape sequences)
+        // F1 = Help, F2 = Add, F3 = Done, F4 = Next, F5 = Refresh, F10 = Quit
+        if (input === '\x1bOP' || input === '\x1b[11~') {
+            // F1 - Help
+            setMode('help');
+            return;
+        }
+        if (input === '\x1bOQ' || input === '\x1b[12~') {
+            // F2 - Add
+            setMode('add');
+            return;
+        }
+        if ((input === '\x1bOR' || input === '\x1b[13~') && currentTasks.length > 0) {
+            // F3 - Done
+            const task = currentTasks[selectedTaskIndex];
+            const db = getDb();
+            db.update(schema.tasks)
+                .set({ status: 'done', updatedAt: new Date() })
+                .where(eq(schema.tasks.id, task.id))
+                .run();
+            setMessage(fmt(i18n.tui.completed, { title: task.title }));
+            loadTasks();
+            if (selectedTaskIndex >= currentTasks.length - 1) {
+                setSelectedTaskIndex(Math.max(0, selectedTaskIndex - 1));
+            }
+            return;
+        }
+        if ((input === '\x1bOS' || input === '\x1b[14~') && currentTasks.length > 0 && currentTab !== 'next' && currentTab !== 'projects') {
+            // F4 - Move to Next
+            const task = currentTasks[selectedTaskIndex];
+            const db = getDb();
+            db.update(schema.tasks)
+                .set({ status: 'next', waitingFor: null, updatedAt: new Date() })
+                .where(eq(schema.tasks.id, task.id))
+                .run();
+            setMessage(fmt(i18n.tui.movedTo, { title: task.title, status: i18n.status.next }));
+            loadTasks();
+            if (selectedTaskIndex >= currentTasks.length - 1) {
+                setSelectedTaskIndex(Math.max(0, selectedTaskIndex - 1));
+            }
+            return;
+        }
+        if (input === '\x1b[15~') {
+            // F5 - Refresh
+            loadTasks();
+            setMessage(i18n.tui.refreshed);
+            return;
+        }
+        if (input === '\x1b[21~') {
+            // F10 - Quit
+            exit();
+            return;
+        }
+        // Show help
+        if (input === '?') {
+            setMode('help');
+            return;
+        }
+        // Quit
+        if (input === 'q' || (key.ctrl && input === 'c')) {
+            exit();
+            return;
+        }
+        // Add task
+        if (input === 'a') {
+            setMode('add');
+            return;
+        }
+        // Direct tab switch with number keys
+        if (input === '1') {
+            setCurrentListIndex(0);
+            setSelectedTaskIndex(0);
+            return;
+        }
+        if (input === '2') {
+            setCurrentListIndex(1);
+            setSelectedTaskIndex(0);
+            return;
+        }
+        if (input === '3') {
+            setCurrentListIndex(2);
+            setSelectedTaskIndex(0);
+            return;
+        }
+        if (input === '4') {
+            setCurrentListIndex(3);
+            setSelectedTaskIndex(0);
+            return;
+        }
+        if (input === '5') {
+            setCurrentListIndex(4);
+            setSelectedTaskIndex(0);
+            return;
+        }
+        // Navigate between lists
+        if (key.leftArrow || input === 'h') {
+            setCurrentListIndex((prev) => (prev > 0 ? prev - 1 : TABS.length - 1));
+            setSelectedTaskIndex(0);
+            return;
+        }
+        if (key.rightArrow || input === 'l') {
+            setCurrentListIndex((prev) => (prev < TABS.length - 1 ? prev + 1 : 0));
+            setSelectedTaskIndex(0);
+            return;
+        }
+        // Navigate within list
+        if (key.upArrow || input === 'k') {
+            setSelectedTaskIndex((prev) => (prev > 0 ? prev - 1 : currentTasks.length - 1));
+            return;
+        }
+        if (key.downArrow || input === 'j') {
+            setSelectedTaskIndex((prev) => (prev < currentTasks.length - 1 ? prev + 1 : 0));
+            return;
+        }
+        // Enter to view project details (on projects tab)
+        if (key.return && currentTab === 'projects' && currentTasks.length > 0) {
+            const project = currentTasks[selectedTaskIndex];
+            setSelectedProject(project);
+            loadProjectTasks(project.id);
+            setMode('project-detail');
+            setSelectedTaskIndex(0);
+            return;
+        }
+        // Mark as project (p key)
+        if (input === 'p' && currentTasks.length > 0 && currentTab !== 'projects') {
+            const task = currentTasks[selectedTaskIndex];
+            const db = getDb();
+            db.update(schema.tasks)
+                .set({ isProject: true, status: 'next', updatedAt: new Date() })
+                .where(eq(schema.tasks.id, task.id))
+                .run();
+            setMessage(fmt(i18n.tui.madeProject || 'Made project: {title}', { title: task.title }));
+            loadTasks();
+            if (selectedTaskIndex >= currentTasks.length - 1) {
+                setSelectedTaskIndex(Math.max(0, selectedTaskIndex - 1));
+            }
+            return;
+        }
+        // Link to project (P key - shift+p)
+        if (input === 'P' && currentTasks.length > 0 && currentTab !== 'projects' && tasks.projects.length > 0) {
+            const task = currentTasks[selectedTaskIndex];
+            setTaskToLink(task);
+            setProjectSelectIndex(0);
+            setMode('select-project');
+            return;
+        }
+        // Mark as done
+        if (input === 'd' && currentTasks.length > 0) {
+            const task = currentTasks[selectedTaskIndex];
+            const db = getDb();
+            db.update(schema.tasks)
+                .set({ status: 'done', updatedAt: new Date() })
+                .where(eq(schema.tasks.id, task.id))
+                .run();
+            setMessage(fmt(i18n.tui.completed, { title: task.title }));
+            loadTasks();
+            if (selectedTaskIndex >= currentTasks.length - 1) {
+                setSelectedTaskIndex(Math.max(0, selectedTaskIndex - 1));
+            }
+            return;
+        }
+        // Move to next actions
+        if (input === 'n' && currentTasks.length > 0 && currentTab !== 'next' && currentTab !== 'projects') {
+            const task = currentTasks[selectedTaskIndex];
+            const db = getDb();
+            db.update(schema.tasks)
+                .set({ status: 'next', waitingFor: null, updatedAt: new Date() })
+                .where(eq(schema.tasks.id, task.id))
+                .run();
+            setMessage(fmt(i18n.tui.movedTo, { title: task.title, status: i18n.status.next }));
+            loadTasks();
+            if (selectedTaskIndex >= currentTasks.length - 1) {
+                setSelectedTaskIndex(Math.max(0, selectedTaskIndex - 1));
+            }
+            return;
+        }
+        // Move to someday
+        if (input === 's' && currentTasks.length > 0 && currentTab !== 'someday' && currentTab !== 'projects') {
+            const task = currentTasks[selectedTaskIndex];
+            const db = getDb();
+            db.update(schema.tasks)
+                .set({ status: 'someday', waitingFor: null, updatedAt: new Date() })
+                .where(eq(schema.tasks.id, task.id))
+                .run();
+            setMessage(fmt(i18n.tui.movedTo, { title: task.title, status: i18n.status.someday }));
+            loadTasks();
+            if (selectedTaskIndex >= currentTasks.length - 1) {
+                setSelectedTaskIndex(Math.max(0, selectedTaskIndex - 1));
+            }
+            return;
+        }
+        // Move to inbox
+        if (input === 'i' && currentTasks.length > 0 && currentTab !== 'inbox' && currentTab !== 'projects') {
+            const task = currentTasks[selectedTaskIndex];
+            const db = getDb();
+            db.update(schema.tasks)
+                .set({ status: 'inbox', waitingFor: null, updatedAt: new Date() })
+                .where(eq(schema.tasks.id, task.id))
+                .run();
+            setMessage(fmt(i18n.tui.movedTo, { title: task.title, status: i18n.status.inbox }));
+            loadTasks();
+            if (selectedTaskIndex >= currentTasks.length - 1) {
+                setSelectedTaskIndex(Math.max(0, selectedTaskIndex - 1));
+            }
+            return;
+        }
+        // Refresh
+        if (input === 'r') {
+            loadTasks();
+            setMessage(i18n.tui.refreshed);
+            return;
+        }
+    });
+    // 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') }) }));
+    }
+    const formatTitle = (title) => theme.style.headerUppercase ? title.toUpperCase() : title;
+    const formatTabLabel = (label, isActive) => {
+        const [open, close] = theme.style.tabBrackets;
+        return `${open}${label}${close}`;
+    };
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: theme.colors.primary, children: formatTitle(i18n.tui.title) }), _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(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, { 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);
+                    return (_jsx(TaskItem, { task: task, isSelected: index === selectedTaskIndex, projectName: parentProject?.title }, 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 === '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' })] })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsx(Box, { marginTop: 1, children: theme.style.showFunctionKeys ? (_jsx(FunctionKeyBar, {})) : (_jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.footer })) })] }));
+}

package/dist/ui/SplashScreen.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface SplashScreenProps {
+    onComplete: () => void;
+    duration?: number;
+}
+export declare function SplashScreen({ onComplete, duration }: SplashScreenProps): React.ReactElement;
+export {};

package/dist/ui/SplashScreen.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import { useTheme } from './theme/index.js';
+import { VERSION } from '../version.js';
+const LOGO_MODERN = `
+  ███████╗██╗      ██████╗  ██████╗
+  ██╔════╝██║     ██╔═══██╗██╔═══██╗
+  █████╗  ██║     ██║   ██║██║   ██║
+  ██╔══╝  ██║     ██║   ██║██║▄▄ ██║
+  ██║     ███████╗╚██████╔╝╚██████╔╝
+  ╚═╝     ╚══════╝ ╚═════╝  ╚══▀▀═╝
+`;
+const LOGO_DOS = `
+  ╔═══════════════════════════════════╗
+  ║  ███████ ██       ██████   ██████ ║
+  ║  ██      ██      ██    ██ ██    ██║
+  ║  █████   ██      ██    ██ ██    ██║
+  ║  ██      ██      ██    ██ ██ ▄▄ ██║
+  ║  ██      ███████  ██████   ██████ ║
+  ╚═══════════════════════════════════╝
+`;
+const TAGLINE = 'Flow your tasks, clear your mind';
+export function SplashScreen({ onComplete, duration = 1500 }) {
+    const [frame, setFrame] = useState(0);
+    const [showTagline, setShowTagline] = useState(false);
+    const theme = useTheme();
+    const isDosStyle = theme.name !== 'modern';
+    const logo = isDosStyle ? LOGO_DOS : LOGO_MODERN;
+    const [filled, empty] = theme.style.loadingChars;
+    useEffect(() => {
+        // Animate logo appearance
+        const frameInterval = setInterval(() => {
+            setFrame((prev) => {
+                if (prev >= 10) {
+                    clearInterval(frameInterval);
+                    return prev;
+                }
+                return prev + 1;
+            });
+        }, 50);
+        // Show tagline after logo appears
+        const taglineTimer = setTimeout(() => {
+            setShowTagline(true);
+        }, 600);
+        // Complete splash screen
+        const completeTimer = setTimeout(() => {
+            onComplete();
+        }, duration);
+        return () => {
+            clearInterval(frameInterval);
+            clearTimeout(taglineTimer);
+            clearTimeout(completeTimer);
+        };
+    }, [onComplete, duration]);
+    const logoLines = logo.split('\n');
+    const visibleLines = Math.min(Math.floor(frame * logoLines.length / 10), logoLines.length);
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", padding: 2, children: [_jsx(Box, { flexDirection: "column", alignItems: "center", children: logoLines.slice(0, visibleLines).map((line, index) => (_jsx(Text, { color: theme.colors.secondary, bold: true, children: line }, index))) }), showTagline && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, italic: !isDosStyle, children: isDosStyle ? `[ ${TAGLINE.toUpperCase()} ]` : TAGLINE }) })), _jsx(Box, { marginTop: 2, children: _jsx(Text, { color: theme.colors.primary, children: frame < 10
+                        ? filled.repeat(frame) + empty.repeat(10 - frame)
+                        : filled.repeat(10) }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textMuted, dimColor: !isDosStyle, children: isDosStyle ? `VER ${VERSION}` : `v${VERSION}` }) })] }));
+}

package/dist/ui/TaskList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { Task, TaskStatus } from '../db/schema.js';
+interface TaskListProps {
+    status: TaskStatus;
+    tasks: Task[];
+    selectedIndex: number;
+    isActiveList: boolean;
+}
+export declare function TaskList({ status, tasks, selectedIndex, isActiveList, }: TaskListProps): React.ReactElement;
+export {};

package/dist/ui/TaskList.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { TaskItem } from './components/TaskItem.js';
+import { StatusBadge } from './components/StatusBadge.js';
+import { t } from '../i18n/index.js';
+export function TaskList({ status, tasks, selectedIndex, isActiveList, }) {
+    const i18n = t();
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(StatusBadge, { status: status }), _jsxs(Text, { color: "gray", children: [" (", tasks.length, ")"] })] }), _jsx(Box, { flexDirection: "column", paddingLeft: 1, children: tasks.length === 0 ? (_jsx(Text, { color: "gray", italic: true, children: i18n.tui.noTasks })) : (tasks.map((task, index) => (_jsx(TaskItem, { task: task, isSelected: isActiveList && index === selectedIndex }, task.id)))) })] }));
+}

package/dist/ui/ThemeSelector.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type ThemeName } from '../config.js';
+interface ThemeSelectorProps {
+    onSelect: (theme: ThemeName) => void;
+}
+export declare function ThemeSelector({ onSelect }: ThemeSelectorProps): React.ReactElement;
+export {};

package/dist/ui/ThemeSelector.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { Select } from '@inkjs/ui';
+import { themes, VALID_THEMES } from './theme/themes.js';
+import { getThemeName } from '../config.js';
+export function ThemeSelector({ onSelect }) {
+    const currentTheme = getThemeName();
+    const options = VALID_THEMES.map((themeName) => {
+        const theme = themes[themeName];
+        const isCurrent = themeName === currentTheme;
+        return {
+            label: `${theme.displayName}${isCurrent ? ' (current)' : ''}`,
+            value: themeName,
+        };
+    });
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { bold: true, children: "Select a theme:" }), _jsx(Box, { marginTop: 1, children: _jsx(Select, { options: options, onChange: (value) => onSelect(value) }) })] }));
+}

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,10 @@
+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 }) }))] }));
+}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface FunctionKey {
+    key: string;
+    label: string;
+}
+interface FunctionKeyBarProps {
+    keys?: FunctionKey[];
+}
+export declare function FunctionKeyBar({ keys }: FunctionKeyBarProps): React.ReactElement;
+export {};

package/dist/ui/components/FunctionKeyBar.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { useTheme } from '../theme/index.js';
+const DEFAULT_KEYS = [
+    { key: 'F1', label: 'Help' },
+    { key: 'F2', label: 'Add' },
+    { key: 'F3', label: 'Done' },
+    { key: 'F4', label: 'Next' },
+    { key: 'F5', label: 'Rfrsh' },
+    { key: 'F6', label: '' },
+    { key: 'F7', label: '' },
+    { key: 'F8', label: '' },
+    { key: 'F9', label: '' },
+    { key: 'F10', label: 'Quit' },
+];
+export function FunctionKeyBar({ keys = DEFAULT_KEYS }) {
+    const theme = useTheme();
+    return (_jsx(Box, { children: keys.map((fn, index) => (_jsxs(Box, { marginRight: 0, children: [_jsx(Text, { backgroundColor: theme.colors.fnKeyLabel, color: "white", bold: true, children: fn.key }), _jsx(Text, { backgroundColor: theme.colors.fnKeyText, color: "black", children: fn.label.padEnd(5, ' ') })] }, index))) }));
+}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface HelpModalProps {
+    onClose: () => void;
+}
+export declare function HelpModal({ onClose }: HelpModalProps): React.ReactElement;
+export {};