floq 1.3.2 → 1.4.0

package/dist/ui/components/InsightsModal.js

@@ -0,0 +1,272 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect, useMemo } from 'react';
+import { Box, Text, useInput } from 'ink';
+import { eq, and, gte } from 'drizzle-orm';
+import { getDb, schema } from '../../db/index.js';
+import { t, fmt } from '../../i18n/index.js';
+import { useTheme } from '../theme/index.js';
+const VISIBLE_LINES = 16;
+function stringWidth(str) {
+    let width = 0;
+    for (const char of str) {
+        const code = char.codePointAt(0) || 0;
+        if ((code >= 0x1100 && code <= 0x115F) ||
+            (code >= 0x2E80 && code <= 0x303E) ||
+            (code >= 0x3040 && code <= 0x9FFF) ||
+            (code >= 0xAC00 && code <= 0xD7AF) ||
+            (code >= 0xF900 && code <= 0xFAFF) ||
+            (code >= 0xFE30 && code <= 0xFE6F) ||
+            (code >= 0xFF01 && code <= 0xFF60) ||
+            (code >= 0xFFE0 && code <= 0xFFE6) ||
+            (code >= 0x20000 && code <= 0x2FFFF)) {
+            width += 2;
+        }
+        else {
+            width += 1;
+        }
+    }
+    return width;
+}
+function padEndCJK(str, targetWidth) {
+    const currentWidth = stringWidth(str);
+    const padding = Math.max(0, targetWidth - currentWidth);
+    return str + ' '.repeat(padding);
+}
+function bar(count, max, width = 15) {
+    if (max === 0)
+        return '';
+    const filled = Math.round((count / max) * width);
+    return '█'.repeat(filled);
+}
+function getWeekStart(date) {
+    const d = new Date(date);
+    d.setDate(d.getDate() - d.getDay());
+    d.setHours(0, 0, 0, 0);
+    return d;
+}
+export function InsightsModal({ onClose }) {
+    const [scrollOffset, setScrollOffset] = useState(0);
+    const [content, setContent] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const theme = useTheme();
+    const i18n = t();
+    const ins = i18n.commands.insights;
+    const isJa = ins?.title === 'タスクインサイト';
+    const l = useMemo(() => ({
+        title: ins?.title || 'Task Insights',
+        period: ins?.period || 'Period',
+        weeklyCompletion: ins?.weeklyCompletion || 'Weekly Completion',
+        weekLabel: ins?.weekLabel || 'Week of {date}',
+        tasksCompleted: ins?.tasksCompleted || '{count} tasks completed',
+        dailyBreakdown: ins?.dailyBreakdown || 'Daily Breakdown',
+        currentStatus: ins?.currentStatus || 'Current Status',
+        byContext: ins?.byContext || 'By Context',
+        byEffort: ins?.byEffort || 'By Effort',
+        noContext: ins?.noContext || 'No context',
+        noEffort: ins?.noEffort || 'No effort set',
+        projectProgress: ins?.projectProgress || 'Project Progress',
+        activeProjects: ins?.activeProjects || 'Active Projects',
+        averageCompletion: ins?.averageCompletion || 'Average Completion Time',
+        daysAverage: ins?.daysAverage || '{days} days',
+        noData: ins?.noData || 'No completed tasks in this period',
+        total: ins?.total || 'Total',
+        andMore: ins?.andMore || '  ... and {count} more',
+    }), [ins]);
+    useEffect(() => {
+        const loadInsights = async () => {
+            const db = getDb();
+            const weeks = 2;
+            const lines = [];
+            const now = new Date();
+            const startDate = getWeekStart(now);
+            startDate.setDate(startDate.getDate() - (weeks - 1) * 7);
+            // Query completed tasks
+            const completedTasks = await db
+                .select()
+                .from(schema.tasks)
+                .where(and(eq(schema.tasks.status, 'done'), gte(schema.tasks.updatedAt, startDate), eq(schema.tasks.isProject, false)));
+            // Period header
+            lines.push({ type: 'text', value: `${l.period}: ${startDate.toLocaleDateString()} ~ ${now.toLocaleDateString()}` });
+            lines.push({ type: 'spacer', value: '' });
+            if (completedTasks.length === 0) {
+                lines.push({ type: 'text', value: l.noData });
+                setContent(lines);
+                setLoading(false);
+                return;
+            }
+            // Weekly completion
+            lines.push({ type: 'header', value: l.weeklyCompletion });
+            for (let i = 0; i < weeks; i++) {
+                const ws = getWeekStart(now);
+                ws.setDate(ws.getDate() - i * 7);
+                const we = new Date(ws);
+                we.setDate(we.getDate() + 7);
+                const weekTasks = completedTasks.filter(t => t.updatedAt >= ws && t.updatedAt < we);
+                const weekLabel = fmt(l.weekLabel, { date: ws.toLocaleDateString() });
+                const countLabel = fmt(l.tasksCompleted, { count: weekTasks.length });
+                lines.push({ type: 'text', value: `${weekLabel}: ${countLabel}` });
+                const maxShow = 5;
+                for (let j = 0; j < Math.min(weekTasks.length, maxShow); j++) {
+                    const task = weekTasks[j];
+                    lines.push({ type: 'text', value: `  [${task.id.slice(0, 8)}] ${task.title}` });
+                }
+                if (weekTasks.length > maxShow) {
+                    lines.push({ type: 'text', value: fmt(l.andMore, { count: weekTasks.length - maxShow }) });
+                }
+            }
+            lines.push({ type: 'spacer', value: '' });
+            // Daily breakdown
+            lines.push({ type: 'header', value: l.dailyBreakdown });
+            const dayCounts = new Array(7).fill(0);
+            for (const task of completedTasks) {
+                dayCounts[task.updatedAt.getDay()]++;
+            }
+            const maxDaily = Math.max(...dayCounts);
+            const dayNames = isJa
+                ? ['日', '月', '火', '水', '木', '金', '土']
+                : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
+            for (let i = 0; i < 7; i++) {
+                const name = padEndCJK(dayNames[i], 4);
+                const count = String(dayCounts[i]).padStart(3);
+                lines.push({ type: 'bar', value: `  ${name}${count}`, barValue: dayCounts[i], barMax: maxDaily });
+            }
+            lines.push({ type: 'spacer', value: '' });
+            // Current status distribution
+            lines.push({ type: 'header', value: l.currentStatus });
+            const allTasks = await db
+                .select()
+                .from(schema.tasks)
+                .where(eq(schema.tasks.isProject, false));
+            const statusCounts = new Map();
+            for (const task of allTasks) {
+                statusCounts.set(task.status, (statusCounts.get(task.status) || 0) + 1);
+            }
+            const statusOrder = ['inbox', 'next', 'waiting', 'someday', 'done'];
+            const maxStatus = Math.max(...statusCounts.values());
+            for (const status of statusOrder) {
+                const count = statusCounts.get(status) || 0;
+                const label = padEndCJK(i18n.status[status] || status, 16);
+                const countStr = String(count).padStart(3);
+                lines.push({ type: 'bar', value: `  ${label}${countStr}`, barValue: count, barMax: maxStatus });
+            }
+            lines.push({ type: 'spacer', value: '' });
+            // Context distribution
+            lines.push({ type: 'header', value: l.byContext });
+            const contextMap = new Map();
+            for (const task of completedTasks) {
+                const key = task.context || l.noContext;
+                contextMap.set(key, (contextMap.get(key) || 0) + 1);
+            }
+            const contextEntries = Array.from(contextMap.entries()).sort((a, b) => b[1] - a[1]);
+            const maxContext = contextEntries.length > 0 ? contextEntries[0][1] : 0;
+            for (const [ctx, count] of contextEntries) {
+                const displayLabel = ctx === l.noContext ? ctx : `@${ctx}`;
+                const label = padEndCJK(displayLabel, 16);
+                const pct = Math.round((count / completedTasks.length) * 100);
+                const countStr = String(count).padStart(3);
+                lines.push({ type: 'bar', value: `  ${label}${countStr} (${String(pct).padStart(2)}%)`, barValue: count, barMax: maxContext });
+            }
+            lines.push({ type: 'spacer', value: '' });
+            // Effort distribution
+            lines.push({ type: 'header', value: l.byEffort });
+            const effortLabels = {
+                small: i18n.tui.effort?.small || 'Small',
+                medium: i18n.tui.effort?.medium || 'Medium',
+                large: i18n.tui.effort?.large || 'Large',
+            };
+            const effortMap = new Map();
+            for (const task of completedTasks) {
+                const key = task.effort ? (effortLabels[task.effort] || task.effort) : l.noEffort;
+                effortMap.set(key, (effortMap.get(key) || 0) + 1);
+            }
+            const effortEntries = Array.from(effortMap.entries()).sort((a, b) => b[1] - a[1]);
+            const maxEffort = effortEntries.length > 0 ? effortEntries[0][1] : 0;
+            for (const [eff, count] of effortEntries) {
+                const label = padEndCJK(eff, 16);
+                const pct = Math.round((count / completedTasks.length) * 100);
+                const countStr = String(count).padStart(3);
+                lines.push({ type: 'bar', value: `  ${label}${countStr} (${String(pct).padStart(2)}%)`, barValue: count, barMax: maxEffort });
+            }
+            lines.push({ type: 'spacer', value: '' });
+            // Project progress
+            lines.push({ type: 'header', value: l.projectProgress });
+            const activeProjects = await db
+                .select()
+                .from(schema.tasks)
+                .where(and(eq(schema.tasks.isProject, true), eq(schema.tasks.status, 'next')));
+            lines.push({ type: 'text', value: `  ${l.activeProjects}: ${activeProjects.length}` });
+            for (const project of activeProjects) {
+                const children = await db
+                    .select()
+                    .from(schema.tasks)
+                    .where(eq(schema.tasks.parentId, project.id));
+                const total = children.length;
+                const done = children.filter(c => c.status === 'done').length;
+                const pct = total > 0 ? Math.round((done / total) * 100) : 0;
+                lines.push({ type: 'text', value: `  [${project.id.slice(0, 8)}] ${project.title} (${done}/${total}, ${pct}%)` });
+            }
+            lines.push({ type: 'spacer', value: '' });
+            // Average completion time
+            lines.push({ type: 'header', value: l.averageCompletion });
+            let totalMs = 0;
+            let validCount = 0;
+            for (const task of completedTasks) {
+                const diff = task.updatedAt.getTime() - task.createdAt.getTime();
+                if (diff > 0) {
+                    totalMs += diff;
+                    validCount++;
+                }
+            }
+            if (validCount > 0) {
+                const avgDays = totalMs / validCount / (1000 * 60 * 60 * 24);
+                if (avgDays < 1) {
+                    const hours = Math.round(avgDays * 24);
+                    const hoursLabel = isJa ? `${hours}時間` : `${hours}h`;
+                    lines.push({ type: 'text', value: `  ${hoursLabel}` });
+                }
+                else {
+                    lines.push({ type: 'text', value: `  ${fmt(l.daysAverage, { days: avgDays.toFixed(1) })}` });
+                }
+            }
+            lines.push({ type: 'spacer', value: '' });
+            // Total
+            lines.push({ type: 'text', value: `${l.total}: ${fmt(l.tasksCompleted, { count: completedTasks.length })}` });
+            setContent(lines);
+            setLoading(false);
+        };
+        loadInsights();
+    }, [l, isJa, i18n]);
+    const maxScroll = Math.max(0, content.length - VISIBLE_LINES);
+    useInput((input, key) => {
+        if (input === 'j' || key.downArrow) {
+            setScrollOffset(prev => Math.min(prev + 1, maxScroll));
+            return;
+        }
+        if (input === 'k' || key.upArrow) {
+            setScrollOffset(prev => Math.max(prev - 1, 0));
+            return;
+        }
+        if (key.escape || key.return || input === 'q' || input === ' ') {
+            onClose();
+            return;
+        }
+    });
+    const visibleContent = content.slice(scrollOffset, scrollOffset + VISIBLE_LINES);
+    const showScrollUp = scrollOffset > 0;
+    const showScrollDown = scrollOffset < maxScroll;
+    const formatTitle = (title) => theme.style.headerUppercase ? title.toUpperCase() : title;
+    const renderLine = (line, index) => {
+        switch (line.type) {
+            case 'header':
+                return (_jsx(Text, { bold: true, color: theme.colors.accent, children: formatTitle(line.value) }, index));
+            case 'bar':
+                return (_jsxs(Text, { color: theme.colors.text, children: [line.value, " ", _jsx(Text, { color: theme.colors.secondary, children: bar(line.barValue || 0, line.barMax || 0) })] }, index));
+            case 'spacer':
+                return _jsx(Text, { children: " " }, index);
+            default:
+                return (_jsx(Text, { color: theme.colors.text, children: line.value }, index));
+        }
+    };
+    const closeHint = isJa ? 'Esc/q: 閉じる' : 'Esc/q: close';
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.modal, borderColor: theme.colors.borderActive, paddingX: 2, paddingY: 1, children: [_jsx(Box, { justifyContent: "center", marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.colors.secondary, children: formatTitle(l.title) }) }), _jsx(Box, { flexDirection: "column", height: VISIBLE_LINES + 2, children: loading ? (_jsx(Text, { color: theme.colors.textMuted, children: isJa ? '読み込み中...' : 'Loading...' })) : (_jsxs(_Fragment, { children: [showScrollUp && (_jsx(Text, { color: theme.colors.textMuted, children: "  \u25B2 scroll up (k)" })), !showScrollUp && _jsx(Text, { children: " " }), visibleContent.map((line, index) => renderLine(line, index)), showScrollDown && (_jsx(Text, { color: theme.colors.textMuted, children: "  \u25BC scroll down (j)" })), !showScrollDown && _jsx(Text, { children: " " })] })) }), _jsx(Box, { justifyContent: "center", marginTop: 1, children: _jsxs(Text, { color: theme.colors.textMuted, children: [maxScroll > 0 ? 'j/k: scroll | ' : '', closeHint] }) })] }));
+}

package/dist/ui/components/KanbanBoard.js

@@ -6,6 +6,7 @@ import { eq, and, inArray, gte } from 'drizzle-orm';
 import { v4 as uuidv4 } from 'uuid';
 import { KanbanColumn } from './KanbanColumn.js';
 import { HelpModal } from './HelpModal.js';
+import { InsightsModal } from './InsightsModal.js';
 import { CalendarModal } from './CalendarModal.js';
 import { FunctionKeyBar } from './FunctionKeyBar.js';
 import { SearchBar } from './SearchBar.js';
@@ -15,9 +16,9 @@ import { CalendarEvents } from './CalendarEvents.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, getContextFilter, setContextFilter as saveContextFilter } from '../../config.js';
+import { isTursoEnabled, getContexts, addContext, getContextFilter, setContextFilter as saveContextFilter, getFocusFilter, setFocusFilter } from '../../config.js';
 import { VERSION } from '../../version.js';
-import { useHistory, CreateTaskCommand, MoveTaskCommand, LinkTaskCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, } from '../history/index.js';
+import { useHistory, CreateTaskCommand, MoveTaskCommand, LinkTaskCommand, CreateCommentCommand, DeleteCommentCommand, SetContextCommand, SetFocusCommand, SetEffortCommand, } from '../history/index.js';
 const COLUMNS = ['todo', 'doing', 'done'];
 export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
     const theme = useTheme();
@@ -54,7 +55,15 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
     }, []);
     const [contextSelectIndex, setContextSelectIndex] = useState(0);
     const [availableContexts, setAvailableContexts] = useState([]);
+    const [focusFilter, setFocusFilterState] = useState(getFocusFilter());
+    const [effortSelectIndex, setEffortSelectIndex] = useState(0);
     const i18n = t();
+    const EFFORT_OPTIONS = [
+        { value: 'small', label: i18n.tui.effort?.small || 'Small' },
+        { value: 'medium', label: i18n.tui.effort?.medium || 'Medium' },
+        { value: 'large', label: i18n.tui.effort?.large || 'Large' },
+        { value: null, label: i18n.tui.effort?.clear || 'Clear' },
+    ];
     // Status mapping:
     // TODO = inbox + someday
     // Doing = next + waiting
@@ -69,6 +78,12 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
                 return taskList.filter(t => !t.context);
             return taskList.filter(t => t.context === contextFilter);
         };
+        // Apply focus filter helper
+        const filterByFocus = (taskList) => {
+            if (!focusFilter)
+                return taskList;
+            return taskList.filter(t => t.isFocused);
+        };
         // TODO: inbox + someday (non-project tasks)
         let todoTasks = await db
             .select()
@@ -92,13 +107,13 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
             .from(schema.tasks)
             .where(and(eq(schema.tasks.isProject, true), eq(schema.tasks.status, 'next')));
         setTasks({
-            todo: filterByContext(todoTasks),
-            doing: filterByContext(doingTasks),
-            done: filterByContext(doneTasks),
+            todo: filterByFocus(filterByContext(todoTasks)),
+            doing: filterByFocus(filterByContext(doingTasks)),
+            done: filterByFocus(filterByContext(doneTasks)),
         });
         setProjects(projectTasks);
         setAvailableContexts(getContexts());
-    }, [contextFilter]);
+    }, [contextFilter, focusFilter]);
     useEffect(() => {
         loadTasks();
     }, [loadTasks]);
@@ -150,6 +165,11 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
     const currentColumn = COLUMNS[currentColumnIndex];
     const currentTasks = tasks[currentColumn];
     const selectedTaskIndex = selectedTaskIndices[currentColumn];
+    const getCurrentTask = () => {
+        if (currentTasks.length === 0)
+            return undefined;
+        return currentTasks[selectedTaskIndex];
+    };
     // Get all tasks for search
     const getAllTasks = useCallback(() => {
         const allTasks = [];
@@ -346,13 +366,54 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
         setMessage(description);
         await loadTasks();
     }, [i18n.tui.context, loadTasks, history]);
+    const toggleTaskFocus = async () => {
+        const task = getCurrentTask();
+        if (!task)
+            return;
+        const newFocused = !task.isFocused;
+        const description = newFocused
+            ? fmt(i18n.tui.focus?.taskFocused || 'Focused: "{title}"', { title: task.title })
+            : fmt(i18n.tui.focus?.taskUnfocused || 'Unfocused: "{title}"', { title: task.title });
+        const command = new SetFocusCommand({
+            taskId: task.id,
+            fromFocused: task.isFocused,
+            toFocused: newFocused,
+            description,
+        });
+        await history.execute(command);
+        setMessage(description);
+        await loadTasks();
+    };
+    const toggleFocusFilter = () => {
+        const newValue = !focusFilter;
+        setFocusFilterState(newValue);
+        setFocusFilter(newValue);
+        setMessage(newValue ? (i18n.tui.focus?.filterOn || 'Focus filter ON') : (i18n.tui.focus?.filterOff || 'Focus filter OFF'));
+    };
+    const setTaskEffort = async (effort) => {
+        const task = getCurrentTask();
+        if (!task)
+            return;
+        const description = effort
+            ? fmt(i18n.tui.effort?.effortSet || 'Set effort {effort} for "{title}"', { effort: i18n.tui.effort?.[effort] || effort, title: task.title })
+            : fmt(i18n.tui.effort?.effortCleared || 'Cleared effort for "{title}"', { title: task.title });
+        const command = new SetEffortCommand({
+            taskId: task.id,
+            fromEffort: task.effort,
+            toEffort: effort,
+            description,
+        });
+        await history.execute(command);
+        setMessage(description);
+        setMode('normal');
+        await loadTasks();
+    };
     const getColumnLabel = (column) => {
         return i18n.kanban[column];
     };
     useInput((input, key) => {
-        // Handle help mode - any key closes
-        if (mode === 'help') {
-            setMode('normal');
+        // Handle help/insights mode - let modals handle their own input
+        if (mode === 'help' || mode === 'insights') {
             return;
         }
         // Handle search mode
@@ -533,6 +594,26 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
             }
             return;
         }
+        // Handle set-effort mode
+        if (mode === 'set-effort') {
+            if (key.escape) {
+                setMode('normal');
+                return;
+            }
+            if (input === 'j' || key.downArrow) {
+                setEffortSelectIndex(prev => Math.min(prev + 1, EFFORT_OPTIONS.length - 1));
+                return;
+            }
+            if (input === 'k' || key.upArrow) {
+                setEffortSelectIndex(prev => Math.max(prev - 1, 0));
+                return;
+            }
+            if (key.return) {
+                setTaskEffort(EFFORT_OPTIONS[effortSelectIndex].value);
+                return;
+            }
+            return;
+        }
         // Clear message on any input
         if (message) {
             setMessage(null);
@@ -542,6 +623,11 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
             setMode('help');
             return;
         }
+        // Show insights
+        if (input === 'I') {
+            setMode('insights');
+            return;
+        }
         // Show calendar
         if (input === 'C') {
             setMode('calendar');
@@ -567,6 +653,24 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
             setMode('set-context');
             return;
         }
+        // Toggle task focus
+        if (input === 'g') {
+            toggleTaskFocus();
+            return;
+        }
+        // Toggle focus filter
+        if (input === 'G') {
+            toggleFocusFilter();
+            return;
+        }
+        // Set effort
+        if (input === 'E') {
+            if (getCurrentTask()) {
+                setEffortSelectIndex(0);
+                setMode('set-effort');
+            }
+            return;
+        }
         // Settings: Theme selector
         if (input === 'T' && onOpenSettings) {
             onOpenSettings('theme-select');
@@ -719,6 +823,10 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
     if (mode === 'help') {
         return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(HelpModal, { onClose: () => setMode('normal'), isKanban: true }) }));
     }
+    // Insights modal overlay
+    if (mode === 'insights') {
+        return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(InsightsModal, { onClose: () => setMode('normal') }) }));
+    }
     // Calendar modal overlay
     if (mode === 'calendar') {
         return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsx(CalendarModal, { onClose: () => setMode('normal') }) }));
@@ -728,7 +836,7 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
     const tursoEnabled = isTursoEnabled();
     return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Box, { marginBottom: 1, justifyContent: "space-between", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, color: theme.colors.primary, children: formatTitle(i18n.tui.title) }), _jsx(Text, { color: theme.colors.accent, children: " [KANBAN]" }), _jsx(Text, { color: theme.colors.textMuted, children: theme.name === 'modern' ? ` v${VERSION}` : ` VER ${VERSION}` }), _jsx(Text, { color: tursoEnabled ? theme.colors.accent : theme.colors.textMuted, children: theme.name === 'modern'
                                     ? (tursoEnabled ? ' ☁️ turso' : ' 💾 local')
-                                    : (tursoEnabled ? ' [DB]TURSO' : ' [DB]local') }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? (i18n.tui.context?.none || 'none') : contextFilter] }))] }), _jsxs(Box, { children: [_jsx(CalendarEvents, { compact: true, showLabel: true, withSeparator: true }), _jsx(Clock, {}), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.helpHint] })] })] }), (mode === 'task-detail' || mode === 'add-comment' || mode === 'select-project') && selectedTask ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: theme.colors.accent, bold: true, children: [theme.name === 'modern' ? '📋 ' : '>> ', i18n.tui.taskDetailTitle || 'Task Details'] }), _jsxs(Text, { color: theme.colors.textMuted, children: [" (Esc/b: ", i18n.tui.back || 'back', ", ", i18n.tui.commentHint || 'i: add comment', ")"] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.list, borderColor: theme.colors.border, paddingX: 1, paddingY: 1, marginBottom: 1, children: [_jsx(Text, { color: theme.colors.text, bold: true, children: selectedTask.title }), selectedTask.description && (_jsx(Text, { color: theme.colors.textMuted, children: selectedTask.description })), _jsxs(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') })] }), selectedTask.dueDate && (_jsxs(Text, { color: theme.colors.textMuted, children: ["Due: ", selectedTask.dueDate.toLocaleDateString()] }))] }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.comments || 'Comments', " (", taskComments.length, ")"] }) }), _jsx(Box, { flexDirection: "column", borderStyle: theme.borders.list, borderColor: theme.colors.border, paddingX: 1, paddingY: 1, minHeight: 5, children: taskComments.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noComments || 'No comments yet' })) : (taskComments.map((comment, index) => {
+                                    : (tursoEnabled ? ' [DB]TURSO' : ' [DB]local') }), contextFilter !== null && (_jsxs(Text, { color: theme.colors.accent, children: [' ', "@", contextFilter === '' ? (i18n.tui.context?.none || 'none') : contextFilter] })), focusFilter && (_jsxs(Text, { color: theme.colors.accent, children: [" ", i18n.tui.focus?.focused || '★ Focused'] }))] }), _jsxs(Box, { children: [_jsx(CalendarEvents, { compact: true, showLabel: true, withSeparator: true }), _jsx(Clock, {}), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.helpHint] })] })] }), (mode === 'task-detail' || mode === 'add-comment' || mode === 'select-project') && selectedTask ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { color: theme.colors.accent, bold: true, children: [theme.name === 'modern' ? '📋 ' : '>> ', i18n.tui.taskDetailTitle || 'Task Details'] }), _jsxs(Text, { color: theme.colors.textMuted, children: [" (Esc/b: ", i18n.tui.back || 'back', ", ", i18n.tui.commentHint || 'i: add comment', ")"] })] }), _jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.list, borderColor: theme.colors.border, paddingX: 1, paddingY: 1, marginBottom: 1, children: [_jsx(Text, { color: theme.colors.text, bold: true, children: selectedTask.title }), selectedTask.description && (_jsx(Text, { color: theme.colors.textMuted, children: selectedTask.description })), _jsxs(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') })] }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.effort?.label || 'Effort', ": "] }), _jsx(Text, { color: theme.colors.accent, children: selectedTask.effort ? (i18n.tui.effort?.[selectedTask.effort] || selectedTask.effort) : '-' })] }), _jsxs(Box, { children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.focus?.label || 'Focus', ": "] }), _jsx(Text, { color: theme.colors.accent, children: selectedTask.isFocused ? '★' : '-' })] }), selectedTask.dueDate && (_jsxs(Text, { color: theme.colors.textMuted, children: ["Due: ", selectedTask.dueDate.toLocaleDateString()] }))] }), _jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.comments || 'Comments', " (", taskComments.length, ")"] }) }), _jsx(Box, { flexDirection: "column", borderStyle: theme.borders.list, borderColor: theme.colors.border, paddingX: 1, paddingY: 1, minHeight: 5, children: taskComments.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: i18n.tui.noComments || 'No comments yet' })) : (taskComments.map((comment, index) => {
                             const isSelected = index === selectedCommentIndex && mode === 'task-detail';
                             return (_jsxs(Box, { flexDirection: "row", marginBottom: 1, children: [_jsx(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.textMuted, children: isSelected ? theme.style.selectedPrefix : theme.style.unselectedPrefix }), _jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.colors.textMuted, children: ["[", comment.createdAt.toLocaleString(), "]"] }), _jsx(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: comment.content })] })] }, comment.id));
                         })) }), mode === 'add-comment' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.addComment || 'New comment: ' }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: "" }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), mode === 'select-project' && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: theme.colors.secondary, bold: true, children: [i18n.tui.selectProject || 'Select project for', ": ", selectedTask.title] }), _jsx(Box, { flexDirection: "column", marginTop: 1, borderStyle: theme.borders.list, borderColor: theme.colors.borderActive, paddingX: 1, children: projects.map((project, index) => (_jsxs(Text, { color: index === projectSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === projectSelectIndex, children: [index === projectSelectIndex ? theme.style.selectedPrefix : theme.style.unselectedPrefix, project.title] }, project.id))) }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.selectProjectHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] }))] })) : mode === 'search' ? (_jsx(_Fragment, { children: searchQuery && (_jsx(SearchResults, { results: searchResults, selectedIndex: searchResultIndex, query: searchQuery, viewMode: "kanban" })) })) : 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) => {
@@ -751,7 +859,7 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
                             const isActive = (ctx === 'clear' && !currentContext) ||
                                 (ctx !== 'clear' && ctx !== 'new' && currentContext === ctx);
                             return (_jsxs(Text, { color: index === contextSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === contextSelectIndex, children: [index === contextSelectIndex ? theme.style.selectedPrefix : theme.style.unselectedPrefix, label, isActive && ' *'] }, ctx));
-                        }) }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.context?.setContextHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] })) : mode === 'add-context' ? (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.context?.newContext || 'New context: ' }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.context?.newContextPlaceholder || 'Enter context name...' }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })) : (_jsxs(_Fragment, { children: [_jsx(Box, { marginBottom: 1, children: COLUMNS.map((column, index) => (_jsx(Box, { flexGrow: 1, flexBasis: 0, marginRight: index < 2 ? 1 : 0, children: _jsxs(Text, { color: currentColumnIndex === index ? theme.colors.textHighlight : theme.colors.textMuted, children: [index + 1, ":"] }) }, column))) }), _jsx(Box, { flexDirection: "row", children: COLUMNS.map((column, index) => (_jsx(KanbanColumn, { title: getColumnLabel(column), tasks: tasks[column], isActive: index === currentColumnIndex, selectedTaskIndex: selectedTaskIndices[column], columnIndex: index }, column))) })] })), mode === 'add' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.newTask }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.placeholder }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsx(Box, { marginTop: 1, children: mode === 'select-project' ? (_jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.selectProjectHelp || 'j/k: select, Enter: confirm, Esc: cancel' })) : (mode === 'task-detail' || mode === 'add-comment') ? (theme.style.showFunctionKeys ? (_jsx(FunctionKeyBar, { keys: [
+                        }) }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.context?.setContextHelp || 'j/k: select, Enter: confirm, Esc: cancel' })] })) : mode === 'add-context' ? (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.context?.newContext || 'New context: ' }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.context?.newContextPlaceholder || 'Enter context name...' }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })) : mode === 'set-effort' ? (_jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.modal, borderColor: theme.colors.borderActive, paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: theme.colors.accent, children: i18n.tui.effort?.set || 'Set effort' }), _jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.effort?.setHelp || 'j/k: select, Enter: confirm, Esc: cancel' }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: EFFORT_OPTIONS.map((option, index) => (_jsxs(Text, { color: index === effortSelectIndex ? theme.colors.textSelected : theme.colors.text, bold: index === effortSelectIndex, children: [index === effortSelectIndex ? theme.style.selectedPrefix : theme.style.unselectedPrefix, option.label] }, option.label))) })] })) : (_jsxs(_Fragment, { children: [_jsx(Box, { marginBottom: 1, children: COLUMNS.map((column, index) => (_jsx(Box, { flexGrow: 1, flexBasis: 0, marginRight: index < 2 ? 1 : 0, children: _jsxs(Text, { color: currentColumnIndex === index ? theme.colors.textHighlight : theme.colors.textMuted, children: [index + 1, ":"] }) }, column))) }), _jsx(Box, { flexDirection: "row", children: COLUMNS.map((column, index) => (_jsx(KanbanColumn, { title: getColumnLabel(column), tasks: tasks[column], isActive: index === currentColumnIndex, selectedTaskIndex: selectedTaskIndices[column], columnIndex: index }, column))) })] })), mode === 'add' && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.colors.secondary, bold: true, children: i18n.tui.newTask }), _jsx(TextInput, { value: inputValue, onChange: setInputValue, onSubmit: handleInputSubmit, placeholder: i18n.tui.placeholder }), _jsxs(Text, { color: theme.colors.textMuted, children: [" ", i18n.tui.inputHelp] })] })), mode === 'search' && (_jsx(SearchBar, { value: searchQuery, onChange: handleSearchChange, onSubmit: handleInputSubmit })), message && mode === 'normal' && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.colors.textHighlight, children: message }) })), _jsx(Box, { marginTop: 1, children: mode === 'select-project' ? (_jsx(Text, { color: theme.colors.textMuted, children: i18n.tui.selectProjectHelp || 'j/k: select, Enter: confirm, Esc: cancel' })) : (mode === 'task-detail' || mode === 'add-comment') ? (theme.style.showFunctionKeys ? (_jsx(FunctionKeyBar, { keys: [
                         { key: 'i', label: i18n.tui.keyBar.comment },
                         { key: 'd', label: i18n.tui.keyBar.delete },
                         { key: 'P', label: i18n.tui.keyBar.project },

package/dist/ui/components/KanbanColumn.js

@@ -1,6 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { useTheme } from '../theme/index.js';
+const EFFORT_LABELS = {
+    small: 'S',
+    medium: 'M',
+    large: 'L',
+};
 // Round border characters (DQ style)
 const BORDER = {
     topLeft: '╭',
@@ -51,13 +56,13 @@ export function KanbanColumn({ title, tasks, isActive, selectedTaskIndex, column
         return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, flexBasis: 0, marginRight: columnIndex < 2 ? 1 : 0, children: [_jsxs(Box, { children: [_jsx(Text, { color: color, children: BORDER.topLeft }), _jsxs(Text, { color: color, children: [BORDER.horizontal.repeat(leftDashes), " "] }), _jsx(Text, { color: isActive ? theme.colors.accent : theme.colors.textMuted, bold: isActive, children: titleText }), _jsxs(Text, { color: color, children: [" ", BORDER.horizontal.repeat(rightDashes)] }), _jsx(Text, { color: color, children: BORDER.topRight }), showShadow && _jsx(Text, { children: " " })] }), _jsxs(Box, { flexDirection: "column", minHeight: 8, children: [tasks.length === 0 ? (_jsxs(Box, { children: [_jsx(Text, { color: color, children: BORDER.vertical }), _jsx(Box, { paddingX: 1, flexGrow: 1, children: _jsx(Text, { color: theme.colors.textMuted, italic: true, children: "-" }) }), _jsx(Text, { color: color, children: BORDER.vertical }), showShadow && _jsx(Text, { color: shadowColor, children: SHADOW })] })) : (tasks.map((task, index) => {
                             const isSelected = isActive && index === selectedTaskIndex;
                             const shortId = task.id.slice(0, 6);
-                            return (_jsxs(Box, { children: [_jsx(Text, { color: color, children: BORDER.vertical }), _jsx(Box, { paddingX: 1, flexGrow: 1, children: _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? theme.style.selectedPrefix : theme.style.unselectedPrefix, "[", shortId, "] ", task.title] }) }), _jsx(Text, { color: color, children: BORDER.vertical }), showShadow && _jsx(Text, { color: shadowColor, children: SHADOW })] }, task.id));
+                            return (_jsxs(Box, { children: [_jsx(Text, { color: color, children: BORDER.vertical }), _jsx(Box, { paddingX: 1, flexGrow: 1, children: _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? theme.style.selectedPrefix : theme.style.unselectedPrefix, task.isFocused ? '★ ' : '', task.effort ? `[${EFFORT_LABELS[task.effort]}] ` : '', "[", shortId, "] ", task.title] }) }), _jsx(Text, { color: color, children: BORDER.vertical }), showShadow && _jsx(Text, { color: shadowColor, children: SHADOW })] }, task.id));
                         })), Array.from({ length: Math.max(0, 8 - Math.max(1, tasks.length)) }).map((_, i) => (_jsxs(Box, { children: [_jsx(Text, { color: color, children: BORDER.vertical }), _jsx(Box, { paddingX: 1, flexGrow: 1, children: _jsx(Text, { children: " " }) }), _jsx(Text, { color: color, children: BORDER.vertical }), showShadow && _jsx(Text, { color: shadowColor, children: SHADOW })] }, `empty-${i}`)))] }), _jsxs(Box, { children: [_jsx(Text, { color: color, children: BORDER.bottomLeft }), _jsx(Text, { color: color, children: BORDER.horizontal.repeat(innerWidth) }), _jsx(Text, { color: color, children: BORDER.bottomRight }), showShadow && _jsx(Text, { color: shadowColor, children: SHADOW })] }), showShadow && (_jsx(Box, { children: _jsxs(Text, { color: shadowColor, children: [" ", SHADOW.repeat(innerWidth + 2)] }) }))] }));
     }
     // Default style
     return (_jsxs(Box, { flexDirection: "column", flexGrow: 1, flexBasis: 0, borderStyle: theme.borders.list, borderColor: isActive ? theme.colors.borderActive : theme.colors.border, marginRight: columnIndex < 2 ? 1 : 0, children: [_jsx(Box, { paddingX: 1, justifyContent: "center", borderStyle: undefined, children: _jsxs(Text, { bold: true, color: isActive ? theme.colors.primary : theme.colors.textMuted, inverse: isActive && theme.style.tabActiveInverse, children: [title, " (", tasks.length, ")"] }) }), _jsx(Box, { flexDirection: "column", paddingX: 1, paddingY: 1, minHeight: 8, children: tasks.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: "-" })) : (tasks.map((task, index) => {
                     const isSelected = isActive && index === selectedTaskIndex;
                     const shortId = task.id.slice(0, 6);
-                    return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? theme.style.selectedPrefix : theme.style.unselectedPrefix, "[", shortId, "] ", task.title] }) }, task.id));
+                    return (_jsx(Box, { children: _jsxs(Text, { color: isSelected ? theme.colors.textSelected : theme.colors.text, bold: isSelected, children: [isSelected ? theme.style.selectedPrefix : theme.style.unselectedPrefix, task.isFocused ? '★ ' : '', task.effort ? `[${EFFORT_LABELS[task.effort]}] ` : '', "[", shortId, "] ", task.title] }) }, task.id));
                 })) })] }));
 }