floq 0.2.2 → 0.2.3

package/README.ja.md

@@ -64,6 +64,15 @@ floq
 | `?` | ヘルプ |
 | `q` | 終了 |
 
+#### 検索
+
+| キー | アクション |
+|------|-----------|
+| `/` | 検索モード開始 |
+| `↑/↓` または `Ctrl+j/k` | 検索結果をナビゲート |
+| `Enter` | 選択したタスクのタブに移動して選択 |
+| `Esc` | キャンセル |
+
 #### プロジェクト詳細画面
 
 | キー | アクション |

package/README.md

@@ -64,6 +64,15 @@ floq
 | `?` | Help |
 | `q` | Quit |
 
+#### Search
+
+| Key | Action |
+|-----|--------|
+| `/` | Start search mode |
+| `↑/↓` or `Ctrl+j/k` | Navigate search results |
+| `Enter` | Jump to selected task's tab and select it |
+| `Esc` | Cancel search |
+
 #### Project Detail View
 
 | Key | Action |

package/dist/i18n/en.js

@@ -198,7 +198,7 @@ export const en = {
         search: {
             prefix: '/',
             placeholder: 'Search tasks...',
-            help: '(Enter to select, Ctrl+j/k to navigate, Esc to cancel)',
+            help: '(Enter to select, ↑/↓ or Ctrl+j/k to navigate, Esc to cancel)',
             noResults: 'No matching tasks',
             resultsTitle: 'Search Results',
             searchTasks: 'Search tasks',

package/dist/i18n/ja.js

@@ -198,7 +198,7 @@ export const ja = {
         search: {
             prefix: '/',
             placeholder: 'タスクを検索...',
-            help: '(Enterで選択, Ctrl+j/kで移動, Escでキャンセル)',
+            help: '(Enterで選択, ↑/↓またはCtrl+j/kで移動, Escでキャンセル)',
             noResults: '該当するタスクがありません',
             resultsTitle: '検索結果',
             searchTasks: 'タスク検索',

package/dist/ui/App.js

@@ -174,6 +174,18 @@ function AppContent({ onOpenSettings }) {
         setSearchResults(results);
         setSearchResultIndex(0);
     }, [searchTasks]);
+    // Navigate to a task from search results
+    const navigateToTask = useCallback((task) => {
+        const targetTab = task.isProject ? 'projects' : task.status;
+        const tabIndex = TABS.indexOf(targetTab);
+        const tabTasks = tasks[targetTab];
+        const taskIndex = tabTasks.findIndex(t => t.id === task.id);
+        if (tabIndex >= 0 && taskIndex >= 0) {
+            setCurrentListIndex(tabIndex);
+            setSelectedTaskIndex(taskIndex);
+            setMode('normal');
+        }
+    }, [tasks]);
     const addTask = useCallback(async (title, parentId) => {
         if (!title.trim())
             return;
@@ -224,9 +236,7 @@ function AppContent({ onOpenSettings }) {
         if (mode === 'search') {
             if (searchResults.length > 0) {
                 const task = searchResults[searchResultIndex];
-                setSelectedTask(task);
-                loadTaskComments(task.id);
-                setMode('task-detail');
+                navigateToTask(task);
             }
             else {
                 setMode('normal');
@@ -345,12 +355,12 @@ function AppContent({ onOpenSettings }) {
                 setMode('normal');
                 return;
             }
-            // Navigate search results with Ctrl+j/k or Ctrl+n/p
-            if (key.ctrl && (input === 'j' || input === 'n')) {
+            // Navigate search results with arrow keys, Ctrl+j/k, or Ctrl+n/p
+            if (key.downArrow || (key.ctrl && (input === 'j' || input === 'n'))) {
                 setSearchResultIndex((prev) => prev < searchResults.length - 1 ? prev + 1 : 0);
                 return;
             }
-            if (key.ctrl && (input === 'k' || input === 'p')) {
+            if (key.upArrow || (key.ctrl && (input === 'k' || input === 'p'))) {
                 setSearchResultIndex((prev) => prev > 0 ? prev - 1 : Math.max(0, searchResults.length - 1));
                 return;
             }

package/dist/ui/components/KanbanBoard.js

@@ -140,6 +140,30 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
         setSearchResults(results);
         setSearchResultIndex(0);
     }, [searchTasks]);
+    // Navigate to a task from search results
+    const navigateToTask = useCallback((task) => {
+        // Determine which column the task belongs to based on status
+        let targetColumn;
+        if (task.status === 'inbox' || task.status === 'someday') {
+            targetColumn = 'todo';
+        }
+        else if (task.status === 'next' || task.status === 'waiting') {
+            targetColumn = 'doing';
+        }
+        else {
+            targetColumn = 'done';
+        }
+        const columnIndex = COLUMNS.indexOf(targetColumn);
+        const taskIndex = tasks[targetColumn].findIndex(t => t.id === task.id);
+        if (columnIndex >= 0 && taskIndex >= 0) {
+            setCurrentColumnIndex(columnIndex);
+            setSelectedTaskIndices(prev => ({
+                ...prev,
+                [targetColumn]: taskIndex,
+            }));
+            setMode('normal');
+        }
+    }, [tasks]);
     const addTask = useCallback(async (title) => {
         if (!title.trim())
             return;
@@ -169,9 +193,7 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
         if (mode === 'search') {
             if (searchResults.length > 0) {
                 const task = searchResults[searchResultIndex];
-                setSelectedTask(task);
-                loadTaskComments(task.id);
-                setMode('task-detail');
+                navigateToTask(task);
             }
             else {
                 setMode('normal');
@@ -257,12 +279,12 @@ export function KanbanBoard({ onSwitchToGtd, onOpenSettings }) {
                 setMode('normal');
                 return;
             }
-            // Navigate search results with Ctrl+j/k or Ctrl+n/p
-            if (key.ctrl && (input === 'j' || input === 'n')) {
+            // Navigate search results with arrow keys, Ctrl+j/k, or Ctrl+n/p
+            if (key.downArrow || (key.ctrl && (input === 'j' || input === 'n'))) {
                 setSearchResultIndex((prev) => prev < searchResults.length - 1 ? prev + 1 : 0);
                 return;
             }
-            if (key.ctrl && (input === 'k' || input === 'p')) {
+            if (key.upArrow || (key.ctrl && (input === 'k' || input === 'p'))) {
                 setSearchResultIndex((prev) => prev > 0 ? prev - 1 : Math.max(0, searchResults.length - 1));
                 return;
             }

package/dist/ui/components/SearchResults.js

@@ -12,7 +12,7 @@ export function SearchResults({ results, selectedIndex, query }) {
     return (_jsxs(Box, { flexDirection: "column", borderStyle: theme.borders.list, borderColor: theme.colors.borderActive, paddingX: 1, paddingY: 1, minHeight: 5, children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { color: theme.colors.secondary, bold: true, children: ["[", search.resultsTitle, "] (", results.length, ")"] }) }), results.length === 0 ? (_jsx(Text, { color: theme.colors.textMuted, italic: true, children: search.noResults })) : (results.slice(0, 10).map((task, index) => {
                 const isSelected = index === selectedIndex;
                 const shortId = task.id.slice(0, 8);
-                const statusLabel = i18n.status[task.status];
-                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, _jsxs(Text, { color: theme.colors.textMuted, children: [" (", statusLabel, ")"] }), task.waitingFor && (_jsxs(Text, { color: theme.colors.statusWaiting, children: [" - ", task.waitingFor] }))] }) }, task.id));
+                const displayLabel = task.isProject ? i18n.tui.keyBar.project : i18n.status[task.status];
+                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, _jsxs(Text, { color: theme.colors.textMuted, children: [" (", displayLabel, ")"] }), task.waitingFor && (_jsxs(Text, { color: theme.colors.statusWaiting, children: [" - ", task.waitingFor] }))] }) }, task.id));
             })), results.length > 10 && (_jsxs(Text, { color: theme.colors.textMuted, italic: true, children: ["... and ", results.length - 10, " more"] }))] }));
 }

package/package.json

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