@sascha384/tic 1.15.0 → 1.17.0

package/dist/components/WorkItemList.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useMemo, useEffect } from 'react';
+import { useState, useMemo, useEffect, useCallback } from 'react';
 import { Box, Text, useInput, useApp } from 'ink';
 import Spinner from 'ink-spinner';
-import TextInput from 'ink-text-input';
 import { useAppState } from '../app.js';
 import { isGitRepo } from '../git.js';
 import { beginImplementation } from '../implement.js';
-import { readConfigSync } from '../backends/local/config.js';
+import { useConfigStore } from '../stores/configStore.js';
+import { uiStore, useUIStore, getOverlayTargetIds } from '../stores/uiStore.js';
 import { TableLayout } from './TableLayout.js';
 import { CardLayout } from './CardLayout.js';
 import { useTerminalSize } from '../hooks/useTerminalSize.js';
 import { useScrollViewport } from '../hooks/useScrollViewport.js';
-import { useBackendData } from '../hooks/useBackendData.js';
+import { useBackendDataStore, backendDataStore, } from '../stores/backendDataStore.js';
 import { SyncQueueStore } from '../sync/queue.js';
 import { buildTree } from './buildTree.js';
 import { SearchOverlay } from './SearchOverlay.js';
@@ -22,6 +22,8 @@ import { PriorityPicker } from './PriorityPicker.js';
 import { TemplatePicker } from './TemplatePicker.js';
 import { TypePicker } from './TypePicker.js';
 import { StatusPicker } from './StatusPicker.js';
+import { AutocompleteInput } from './AutocompleteInput.js';
+import { MultiAutocompleteInput } from './MultiAutocompleteInput.js';
 export function getTargetIds(markedIds, cursorItem) {
     if (markedIds.size > 0) {
         return [...markedIds];
@@ -29,46 +31,36 @@ export function getTargetIds(markedIds, cursorItem) {
     return cursorItem ? [cursorItem.id] : [];
 }
 export function WorkItemList() {
-    const { backend, syncManager, navigate, navigateToHelp, selectWorkItem, activeType, setActiveType, setActiveTemplate, setFormMode, } = useAppState();
+    const { backend, syncManager, navigate, navigateToHelp, selectWorkItem, activeType, setActiveType, setActiveTemplate, setFormMode, updateInfo, } = useAppState();
+    const defaultType = useConfigStore((s) => s.config.defaultType ?? null);
+    const branchMode = useConfigStore((s) => s.config.branchMode ?? 'worktree');
     const { exit } = useApp();
     const [cursor, setCursor] = useState(0);
-    const [confirmDelete, setConfirmDelete] = useState(false);
-    const [warning, setWarning] = useState('');
-    const [settingParent, setSettingParent] = useState(false);
     const [parentInput, setParentInput] = useState('');
-    const [isSearching, setIsSearching] = useState(false);
     const [allSearchItems, setAllSearchItems] = useState([]);
     // Marked items state for bulk operations
     const [markedIds, setMarkedIds] = useState(() => new Set());
-    const [deleteTargetIds, setDeleteTargetIds] = useState([]);
-    const [parentTargetIds, setParentTargetIds] = useState([]);
-    const [showBulkMenu, setShowBulkMenu] = useState(false);
-    const [showStatusPicker, setShowStatusPicker] = useState(false);
-    const [showTypePicker, setShowTypePicker] = useState(false);
-    const [showPriorityPicker, setShowPriorityPicker] = useState(false);
-    const [settingAssignee, setSettingAssignee] = useState(false);
     const [assigneeInput, setAssigneeInput] = useState('');
-    const [settingLabels, setSettingLabels] = useState(false);
     const [labelsInput, setLabelsInput] = useState('');
-    const [bulkTargetIds, setBulkTargetIds] = useState([]);
-    const [showCommandPalette, setShowCommandPalette] = useState(false);
-    const [showTemplatePicker, setShowTemplatePicker] = useState(false);
     const [templates, setTemplates] = useState([]);
+    // UI overlay state from store
+    const activeOverlay = useUIStore((s) => s.activeOverlay);
+    const warning = useUIStore((s) => s.warning);
+    const { openOverlay, closeOverlay, setWarning, clearWarning } = uiStore.getState();
     // Marked count for header display
     const markedCount = markedIds.size;
-    const [syncStatus, setSyncStatus] = useState(syncManager?.getStatus() ?? null);
-    const { capabilities, types, statuses, currentIteration: iteration, items: allItems, loading, refresh: refreshData, } = useBackendData(backend);
-    useEffect(() => {
-        if (!syncManager)
-            return;
-        const cb = (status) => {
-            setSyncStatus(status);
-            if (status.state === 'idle') {
-                refreshData();
-            }
-        };
-        syncManager.onStatusChange(cb);
-    }, [syncManager, refreshData]);
+    const syncStatus = useBackendDataStore((s) => s.syncStatus);
+    const capabilities = useBackendDataStore((s) => s.capabilities);
+    const types = useBackendDataStore((s) => s.types);
+    const statuses = useBackendDataStore((s) => s.statuses);
+    const assignees = useBackendDataStore((s) => s.assignees);
+    const labelSuggestions = useBackendDataStore((s) => s.labels);
+    const iteration = useBackendDataStore((s) => s.currentIteration);
+    const allItems = useBackendDataStore((s) => s.items);
+    const loading = useBackendDataStore((s) => s.loading);
+    const refreshData = useCallback(() => {
+        void backendDataStore.getState().refresh();
+    }, []);
     useEffect(() => {
         if (capabilities.templates) {
             void backend.listTemplates().then(setTemplates);
@@ -93,13 +85,14 @@ export function WorkItemList() {
     const gitAvailable = useMemo(() => isGitRepo(process.cwd()), []);
     useEffect(() => {
         if (activeType === null && types.length > 0) {
-            setActiveType(types[0]);
+            setActiveType(defaultType && types.includes(defaultType) ? defaultType : types[0]);
         }
-    }, [activeType, types, setActiveType]);
+    }, [activeType, types, setActiveType, defaultType]);
     const items = useMemo(() => allItems.filter((item) => item.type === activeType), [allItems, activeType]);
     const fullTree = useMemo(() => capabilities.relationships
         ? buildTree(items, allItems, activeType ?? '')
         : buildTree(items, items, activeType ?? ''), [items, allItems, activeType, capabilities.relationships]);
+    const parentSuggestions = useMemo(() => allItems.map((item) => `${item.id} - ${item.title}`), [allItems]);
     // Collapse state: set of item IDs that are collapsed (collapsed by default)
     // Track explicitly expanded items (inverse of collapsed).
     // All parents are collapsed by default; expanding removes from this set.
@@ -134,7 +127,7 @@ export function WorkItemList() {
         setCursor((c) => Math.min(c, Math.max(0, treeItems.length - 1)));
     }, [treeItems.length]);
     useEffect(() => {
-        if (!isSearching)
+        if (activeOverlay?.type !== 'search')
             return;
         let cancelled = false;
         void backend.listWorkItems().then((items) => {
@@ -144,7 +137,7 @@ export function WorkItemList() {
         return () => {
             cancelled = true;
         };
-    }, [isSearching, backend]);
+    }, [activeOverlay?.type, backend]);
     const isCardMode = terminalWidth < 80;
     const viewport = useScrollViewport({
         totalItems: treeItems.length,
@@ -152,67 +145,51 @@ export function WorkItemList() {
         chromeLines: 6, // title+margin (2) + table header (1) + help bar margin+text (2) + warning (1)
         linesPerItem: isCardMode ? 3 : 1,
     });
-    useInput((input, key) => {
-        if (settingParent) {
-            if (key.escape) {
-                setSettingParent(false);
-            }
-            return;
-        }
-        if (showBulkMenu)
-            return;
-        if (settingAssignee) {
-            if (key.escape) {
-                setSettingAssignee(false);
-                setBulkTargetIds([]);
-            }
-            return;
-        }
-        if (settingLabels) {
-            if (key.escape) {
-                setSettingLabels(false);
-                setBulkTargetIds([]);
-            }
-            return;
-        }
-        if (isSearching)
-            return;
-        if (showCommandPalette)
-            return;
-        if (showTemplatePicker)
+    // Block 1: Overlay escape handlers for inline inputs
+    useInput((_input, key) => {
+        if (key.escape) {
+            closeOverlay();
+        }
+    }, {
+        isActive: activeOverlay?.type === 'parent-input' ||
+            activeOverlay?.type === 'assignee-input' ||
+            activeOverlay?.type === 'labels-input',
+    });
+    // Block 2: Delete confirmation handler
+    useInput((input) => {
+        if (activeOverlay?.type !== 'delete-confirm')
             return;
-        if (confirmDelete) {
-            if (input === 'y' || input === 'Y') {
-                void (async () => {
-                    for (const id of deleteTargetIds) {
-                        await backend.cachedDeleteWorkItem(id);
-                        await queueWrite('delete', id);
+        if (input === 'y' || input === 'Y') {
+            const targetIds = activeOverlay.targetIds;
+            void (async () => {
+                for (const id of targetIds) {
+                    await backend.cachedDeleteWorkItem(id);
+                    await queueWrite('delete', id);
+                }
+                closeOverlay();
+                setMarkedIds((prev) => {
+                    const next = new Set(prev);
+                    for (const id of targetIds) {
+                        next.delete(id);
                     }
-                    setConfirmDelete(false);
-                    setDeleteTargetIds([]);
-                    setMarkedIds((prev) => {
-                        const next = new Set(prev);
-                        for (const id of deleteTargetIds) {
-                            next.delete(id);
-                        }
-                        return next;
-                    });
-                    setCursor((c) => Math.max(0, c - 1));
-                    refreshData();
-                })();
-            }
-            else {
-                setConfirmDelete(false);
-                setDeleteTargetIds([]);
-            }
-            return;
+                    return next;
+                });
+                setCursor((c) => Math.max(0, c - 1));
+                refreshData();
+            })();
+        }
+        else {
+            closeOverlay();
         }
+    }, { isActive: activeOverlay?.type === 'delete-confirm' });
+    // Block 3: Main input handler — only active when no overlay is open
+    useInput((input, key) => {
         if (input === '/') {
-            setIsSearching(true);
+            openOverlay({ type: 'search' });
             return;
         }
         if (input === ':') {
-            setShowCommandPalette(true);
+            openOverlay({ type: 'command-palette' });
             return;
         }
         if (input === '?') {
@@ -221,31 +198,33 @@ export function WorkItemList() {
         }
         if (key.upArrow) {
             setCursor((c) => Math.max(0, c - 1));
-            setWarning('');
+            clearWarning();
         }
         if (key.downArrow) {
             setCursor((c) => Math.min(treeItems.length - 1, c + 1));
-            setWarning('');
+            clearWarning();
         }
         if (key.pageUp) {
             setCursor((c) => Math.max(0, c - viewport.maxVisible));
-            setWarning('');
+            clearWarning();
         }
         if (key.pageDown) {
             setCursor((c) => Math.min(treeItems.length - 1, c + viewport.maxVisible));
-            setWarning('');
+            clearWarning();
         }
         if (key.home) {
             setCursor(0);
-            setWarning('');
+            clearWarning();
         }
         if (key.end) {
             setCursor(treeItems.length - 1);
-            setWarning('');
+            clearWarning();
         }
         if (key.rightArrow && treeItems.length > 0) {
             const current = treeItems[cursor];
-            if (current && current.hasChildren && collapsedIds.has(current.item.id)) {
+            if (current &&
+                current.hasChildren &&
+                collapsedIds.has(current.item.id)) {
                 setExpandedIds((prev) => new Set(prev).add(current.item.id));
             }
         }
@@ -279,7 +258,7 @@ export function WorkItemList() {
             navigate('settings');
         if (input === 'c') {
             if (capabilities.templates && templates.length > 0) {
-                setShowTemplatePicker(true);
+                openOverlay({ type: 'template-picker' });
             }
             else {
                 setFormMode('item');
@@ -291,8 +270,7 @@ export function WorkItemList() {
         if (input === 'd' && treeItems.length > 0) {
             const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
             if (targetIds.length > 0) {
-                setDeleteTargetIds(targetIds);
-                setConfirmDelete(true);
+                openOverlay({ type: 'delete-confirm', targetIds });
             }
         }
         if (input === 'o' && treeItems.length > 0) {
@@ -304,9 +282,8 @@ export function WorkItemList() {
         if (input === 'b' && gitAvailable && treeItems.length > 0) {
             const item = treeItems[cursor].item;
             const comments = item.comments;
-            const config = readConfigSync(process.cwd());
             try {
-                const result = beginImplementation(item, comments, { branchMode: config.branchMode ?? 'worktree' }, process.cwd());
+                const result = beginImplementation(item, comments, { branchMode }, process.cwd());
                 setWarning(result.resumed
                     ? `Resumed work on #${item.id}`
                     : `Started work on #${item.id}`);
@@ -319,14 +296,10 @@ export function WorkItemList() {
         if (input === 's') {
             navigate('status');
         }
-        if (input === 'p' &&
-            capabilities.fields.parent &&
-            treeItems.length > 0 &&
-            !settingParent) {
+        if (input === 'p' && capabilities.fields.parent && treeItems.length > 0) {
             const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
             if (targetIds.length > 0) {
-                setParentTargetIds(targetIds);
-                setSettingParent(true);
+                openOverlay({ type: 'parent-input', targetIds });
                 // For single item, prefill current parent
                 if (targetIds.length === 1) {
                     const item = treeItems.find((t) => t.item.id === targetIds[0]);
@@ -342,7 +315,7 @@ export function WorkItemList() {
             const nextType = types[(currentIdx + 1) % types.length];
             setActiveType(nextType);
             setCursor(0);
-            setWarning('');
+            clearWarning();
         }
         if (input === 'r' && syncManager) {
             void syncManager.sync().then(() => {
@@ -366,46 +339,46 @@ export function WorkItemList() {
             setMarkedIds(new Set());
         }
         if (input === 'B' && treeItems.length > 0) {
-            setShowBulkMenu(true);
+            openOverlay({ type: 'bulk-menu' });
         }
-        if (input === 'P' && capabilities.fields.priority && treeItems.length > 0) {
+        if (input === 'P' &&
+            capabilities.fields.priority &&
+            treeItems.length > 0) {
             const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
             if (targetIds.length > 0) {
-                setBulkTargetIds(targetIds);
-                setShowPriorityPicker(true);
+                openOverlay({ type: 'priority-picker', targetIds });
             }
         }
-        if (input === 'a' && capabilities.fields.assignee && treeItems.length > 0) {
+        if (input === 'a' &&
+            capabilities.fields.assignee &&
+            treeItems.length > 0) {
             const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
             if (targetIds.length > 0) {
-                setBulkTargetIds(targetIds);
-                setSettingAssignee(true);
+                openOverlay({ type: 'assignee-input', targetIds });
                 setAssigneeInput('');
             }
         }
         if (input === 'l' && capabilities.fields.labels && treeItems.length > 0) {
             const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
             if (targetIds.length > 0) {
-                setBulkTargetIds(targetIds);
-                setSettingLabels(true);
+                openOverlay({ type: 'labels-input', targetIds });
                 setLabelsInput('');
             }
         }
         if (input === 't' && capabilities.customTypes && treeItems.length > 0) {
             const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
             if (targetIds.length > 0) {
-                setBulkTargetIds(targetIds);
-                setShowTypePicker(true);
+                openOverlay({ type: 'type-picker', targetIds });
             }
         }
-    });
+    }, { isActive: activeOverlay === null });
     const handleSearchSelect = (item) => {
-        setIsSearching(false);
+        closeOverlay();
         selectWorkItem(item.id);
         navigate('form');
     };
     const handleSearchCancel = () => {
-        setIsSearching(false);
+        closeOverlay();
     };
     const commandContext = {
         screen: 'list',
@@ -427,7 +400,7 @@ export function WorkItemList() {
         gitAvailable,
     ]);
     const handleCommandSelect = (command) => {
-        setShowCommandPalette(false);
+        closeOverlay();
         switch (command.id) {
             case 'create':
                 selectWorkItem(null);
@@ -443,8 +416,7 @@ export function WorkItemList() {
                 if (treeItems.length > 0) {
                     const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
                     if (targetIds.length > 0) {
-                        setDeleteTargetIds(targetIds);
-                        setConfirmDelete(true);
+                        openOverlay({ type: 'delete-confirm', targetIds });
                     }
                 }
                 break;
@@ -460,9 +432,8 @@ export function WorkItemList() {
                 if (treeItems[cursor]) {
                     const item = treeItems[cursor].item;
                     const comments = item.comments;
-                    const config = readConfigSync(process.cwd());
                     try {
-                        const result = beginImplementation(item, comments, { branchMode: config.branchMode ?? 'worktree' }, process.cwd());
+                        const result = beginImplementation(item, comments, { branchMode }, process.cwd());
                         setWarning(result.resumed
                             ? `Resumed work on #${item.id}`
                             : `Started work on #${item.id}`);
@@ -510,8 +481,7 @@ export function WorkItemList() {
                 {
                     const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
                     if (targetIds.length > 0) {
-                        setBulkTargetIds(targetIds);
-                        setShowPriorityPicker(true);
+                        openOverlay({ type: 'priority-picker', targetIds });
                     }
                 }
                 break;
@@ -519,8 +489,7 @@ export function WorkItemList() {
                 {
                     const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
                     if (targetIds.length > 0) {
-                        setBulkTargetIds(targetIds);
-                        setSettingAssignee(true);
+                        openOverlay({ type: 'assignee-input', targetIds });
                         setAssigneeInput('');
                     }
                 }
@@ -529,8 +498,7 @@ export function WorkItemList() {
                 {
                     const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
                     if (targetIds.length > 0) {
-                        setBulkTargetIds(targetIds);
-                        setSettingLabels(true);
+                        openOverlay({ type: 'labels-input', targetIds });
                         setLabelsInput('');
                     }
                 }
@@ -539,13 +507,12 @@ export function WorkItemList() {
                 {
                     const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
                     if (targetIds.length > 0) {
-                        setBulkTargetIds(targetIds);
-                        setShowTypePicker(true);
+                        openOverlay({ type: 'type-picker', targetIds });
                     }
                 }
                 break;
             case 'bulk-menu':
-                setShowBulkMenu(true);
+                openOverlay({ type: 'bulk-menu' });
                 break;
             case 'quit':
                 exit();
@@ -556,7 +523,7 @@ export function WorkItemList() {
                     const type = command.id.replace('switch-', '');
                     setActiveType(type);
                     setCursor(0);
-                    setWarning('');
+                    clearWarning();
                 }
                 break;
         }
@@ -565,141 +532,132 @@ export function WorkItemList() {
         const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
         if (targetIds.length === 0)
             return;
-        setBulkTargetIds(targetIds);
         switch (action) {
             case 'status':
-                setShowStatusPicker(true);
+                openOverlay({ type: 'status-picker', targetIds });
                 break;
             case 'iteration':
                 navigate('iteration-picker');
                 break;
             case 'parent':
-                setParentTargetIds(targetIds);
-                setSettingParent(true);
+                openOverlay({ type: 'parent-input', targetIds });
                 setParentInput('');
                 break;
             case 'type':
-                setShowTypePicker(true);
+                openOverlay({ type: 'type-picker', targetIds });
                 break;
             case 'priority':
-                setShowPriorityPicker(true);
+                openOverlay({ type: 'priority-picker', targetIds });
                 break;
             case 'assignee':
-                setSettingAssignee(true);
+                openOverlay({ type: 'assignee-input', targetIds });
                 setAssigneeInput('');
                 break;
             case 'labels':
-                setSettingLabels(true);
+                openOverlay({ type: 'labels-input', targetIds });
                 setLabelsInput('');
                 break;
             case 'delete':
-                setDeleteTargetIds(targetIds);
-                setConfirmDelete(true);
+                openOverlay({ type: 'delete-confirm', targetIds });
                 break;
         }
     };
     const typeLabel = activeType
         ? activeType.charAt(0).toUpperCase() + activeType.slice(1) + 's'
         : '';
-    const helpText = '↑↓ navigate  pgup/dn page  home/end jump  enter edit  c create  ? help';
+    const helpText = '↑↓ navigate  ←→ expand/collapse  enter edit  c create  , settings  ? help';
     const visibleTreeItems = treeItems.slice(viewport.start, viewport.end);
-    return (_jsxs(Box, { flexDirection: "column", children: [isSearching && (_jsx(SearchOverlay, { items: allSearchItems, currentIteration: iteration, onSelect: handleSearchSelect, onCancel: handleSearchCancel })), !isSearching && (_jsxs(_Fragment, { children: [showBulkMenu && (_jsx(BulkMenu, { itemCount: markedIds.size > 0 ? markedIds.size : 1, capabilities: capabilities, onSelect: (action) => {
-                            setShowBulkMenu(false);
+    return (_jsxs(Box, { flexDirection: "column", children: [activeOverlay?.type === 'search' && (_jsx(SearchOverlay, { items: allSearchItems, currentIteration: iteration, onSelect: handleSearchSelect, onCancel: handleSearchCancel })), activeOverlay?.type !== 'search' && (_jsxs(_Fragment, { children: [activeOverlay?.type === 'bulk-menu' && (_jsx(BulkMenu, { itemCount: markedIds.size > 0 ? markedIds.size : 1, capabilities: capabilities, onSelect: (action) => {
+                            closeOverlay();
                             handleBulkAction(action);
-                        }, onCancel: () => setShowBulkMenu(false) })), showCommandPalette && (_jsx(CommandPalette, { commands: paletteCommands, onSelect: handleCommandSelect, onCancel: () => setShowCommandPalette(false) })), showStatusPicker && (_jsx(StatusPicker, { statuses: statuses, onSelect: (status) => {
+                        }, onCancel: () => closeOverlay() })), activeOverlay?.type === 'command-palette' && (_jsx(CommandPalette, { commands: paletteCommands, onSelect: handleCommandSelect, onCancel: () => closeOverlay() })), activeOverlay?.type === 'status-picker' && (_jsx(StatusPicker, { statuses: statuses, onSelect: (status) => {
+                            const targetIds = getOverlayTargetIds();
+                            closeOverlay();
                             void (async () => {
-                                setShowStatusPicker(false);
-                                for (const id of bulkTargetIds) {
+                                for (const id of targetIds) {
                                     await backend.cachedUpdateWorkItem(id, { status });
                                     await queueWrite('update', id);
                                 }
-                                setBulkTargetIds([]);
                                 refreshData();
                             })();
-                        }, onCancel: () => {
-                            setShowStatusPicker(false);
-                            setBulkTargetIds([]);
-                        } })), showTypePicker && (_jsx(TypePicker, { types: types, onSelect: (type) => {
+                        }, onCancel: () => closeOverlay() })), activeOverlay?.type === 'type-picker' && (_jsx(TypePicker, { types: types, onSelect: (type) => {
+                            const targetIds = getOverlayTargetIds();
+                            closeOverlay();
                             void (async () => {
-                                setShowTypePicker(false);
-                                for (const id of bulkTargetIds) {
+                                for (const id of targetIds) {
                                     await backend.cachedUpdateWorkItem(id, { type });
                                     await queueWrite('update', id);
                                 }
-                                setBulkTargetIds([]);
                                 refreshData();
                             })();
-                        }, onCancel: () => {
-                            setShowTypePicker(false);
-                            setBulkTargetIds([]);
-                        } })), showPriorityPicker && (_jsx(PriorityPicker, { onSelect: (priority) => {
+                        }, onCancel: () => closeOverlay() })), activeOverlay?.type === 'priority-picker' && (_jsx(PriorityPicker, { onSelect: (priority) => {
+                            const targetIds = getOverlayTargetIds();
+                            closeOverlay();
                             void (async () => {
-                                setShowPriorityPicker(false);
-                                for (const id of bulkTargetIds) {
+                                for (const id of targetIds) {
                                     await backend.cachedUpdateWorkItem(id, { priority });
                                     await queueWrite('update', id);
                                 }
-                                setBulkTargetIds([]);
                                 refreshData();
                             })();
-                        }, onCancel: () => {
-                            setShowPriorityPicker(false);
-                            setBulkTargetIds([]);
-                        } })), showTemplatePicker && (_jsx(TemplatePicker, { templates: templates, onSelect: (template) => {
-                            setShowTemplatePicker(false);
+                        }, onCancel: () => closeOverlay() })), activeOverlay?.type === 'template-picker' && (_jsx(TemplatePicker, { templates: templates, onSelect: (template) => {
+                            closeOverlay();
                             setFormMode('item');
                             setActiveTemplate(template);
                             selectWorkItem(null);
                             navigate('form');
-                        }, onCancel: () => {
-                            setShowTemplatePicker(false);
-                        } })), _jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { wrap: "truncate", children: [_jsxs(Text, { bold: true, color: "cyan", children: [typeLabel, " \u2014 ", iteration] }), _jsx(Text, { dimColor: true, children: ` (${items.length} items)` })] }), loading && (_jsx(Box, { marginLeft: 1, children: _jsx(Text, { color: "yellow", children: _jsx(Spinner, { type: "dots" }) }) })), syncStatus && syncStatus.state === 'syncing' ? (_jsxs(Box, { marginLeft: 1, children: [_jsx(Text, { color: "yellow", children: _jsx(Spinner, { type: "dots" }) }), _jsx(Text, { dimColor: true, children: " Syncing..." })] })) : syncStatus && syncStatus.state === 'error' ? (_jsx(Text, { dimColor: true, children: ` ⚠ Sync failed (${syncStatus.errors.length} errors)` })) : syncStatus && syncStatus.pendingCount > 0 ? (_jsx(Text, { dimColor: true, children: ` ↑ ${syncStatus.pendingCount} pending` })) : syncStatus ? (_jsx(Text, { dimColor: true, children: " \u2713 Synced" })) : null, markedCount > 0 && (_jsx(Text, { color: "magenta", children: ` ● ${markedCount} marked` }))] }), terminalWidth >= 80 ? (_jsx(TableLayout, { treeItems: visibleTreeItems, cursor: viewport.visibleCursor, capabilities: capabilities, collapsedIds: collapsedIds, markedIds: markedIds })) : (_jsx(CardLayout, { treeItems: visibleTreeItems, cursor: viewport.visibleCursor, capabilities: capabilities, collapsedIds: collapsedIds, markedIds: markedIds })), treeItems.length === 0 && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["No ", activeType, "s in this iteration."] }) })), _jsx(Box, { marginTop: 1, children: capabilities.fields.parent && settingParent ? (_jsxs(Box, { children: [_jsxs(Text, { color: "cyan", children: ["Set parent for ", parentTargetIds.length, " item", parentTargetIds.length > 1 ? 's' : '', " (empty to clear):", ' '] }), _jsx(TextInput, { value: parentInput, onChange: setParentInput, focus: true, onSubmit: (value) => {
+                        }, onCancel: () => closeOverlay() })), _jsxs(Box, { marginBottom: 1, children: [_jsxs(Text, { wrap: "truncate", children: [_jsxs(Text, { bold: true, color: "cyan", children: [typeLabel, " \u2014 ", iteration] }), _jsx(Text, { dimColor: true, children: ` (${items.length} items)` })] }), loading && (_jsx(Box, { marginLeft: 1, children: _jsx(Text, { color: "yellow", children: _jsx(Spinner, { type: "dots" }) }) })), syncStatus && syncStatus.state === 'syncing' ? (_jsxs(Box, { marginLeft: 1, children: [_jsx(Text, { color: "yellow", children: _jsx(Spinner, { type: "dots" }) }), _jsx(Text, { dimColor: true, children: " Syncing..." })] })) : syncStatus && syncStatus.state === 'error' ? (_jsx(Text, { dimColor: true, children: ` ⚠ Sync failed (${syncStatus.errors.length} errors)` })) : syncStatus && syncStatus.pendingCount > 0 ? (_jsx(Text, { dimColor: true, children: ` ↑ ${syncStatus.pendingCount} pending` })) : syncStatus ? (_jsx(Text, { dimColor: true, children: " \u2713 Synced" })) : null, markedCount > 0 && (_jsx(Text, { color: "magenta", children: ` ● ${markedCount} marked` }))] }), terminalWidth >= 80 ? (_jsx(TableLayout, { treeItems: visibleTreeItems, cursor: viewport.visibleCursor, capabilities: capabilities, collapsedIds: collapsedIds, markedIds: markedIds })) : (_jsx(CardLayout, { treeItems: visibleTreeItems, cursor: viewport.visibleCursor, capabilities: capabilities, collapsedIds: collapsedIds, markedIds: markedIds })), treeItems.length === 0 && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["No ", activeType, "s in this iteration."] }) })), _jsx(Box, { marginTop: 1, children: activeOverlay?.type === 'parent-input' ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "cyan", children: ["Set parent for ", activeOverlay.targetIds.length, " item", activeOverlay.targetIds.length > 1 ? 's' : '', " (empty to clear):"] }), _jsx(AutocompleteInput, { value: parentInput, onChange: setParentInput, focus: true, suggestions: parentSuggestions, onSubmit: () => {
+                                        const targetIds = getOverlayTargetIds();
                                         void (async () => {
-                                            const newParent = value.trim() === '' ? null : value.trim();
+                                            const raw = parentInput.trim();
+                                            const newParent = raw === ''
+                                                ? null
+                                                : raw.includes(' - ')
+                                                    ? raw.split(' - ')[0].trim()
+                                                    : raw;
                                             try {
-                                                for (const id of parentTargetIds) {
+                                                for (const id of targetIds) {
                                                     await backend.cachedUpdateWorkItem(id, {
                                                         parent: newParent,
                                                     });
                                                     await queueWrite('update', id);
                                                 }
-                                                setWarning('');
+                                                clearWarning();
                                             }
                                             catch (e) {
                                                 setWarning(e instanceof Error ? e.message : 'Invalid parent');
                                             }
-                                            setSettingParent(false);
+                                            closeOverlay();
                                             setParentInput('');
-                                            setParentTargetIds([]);
                                             refreshData();
                                         })();
-                                    } })] })) : settingAssignee ? (_jsxs(Box, { children: [_jsxs(Text, { color: "cyan", children: ["Set assignee for ", bulkTargetIds.length, " item", bulkTargetIds.length > 1 ? 's' : '', ":", ' '] }), _jsx(TextInput, { value: assigneeInput, onChange: setAssigneeInput, focus: true, onSubmit: (value) => {
+                                    } })] })) : activeOverlay?.type === 'assignee-input' ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "cyan", children: ["Set assignee for ", activeOverlay.targetIds.length, " item", activeOverlay.targetIds.length > 1 ? 's' : '', ":"] }), _jsx(AutocompleteInput, { value: assigneeInput, onChange: setAssigneeInput, focus: true, suggestions: assignees, onSubmit: () => {
+                                        const targetIds = getOverlayTargetIds();
+                                        closeOverlay();
                                         void (async () => {
-                                            const assignee = value.trim();
-                                            for (const id of bulkTargetIds) {
+                                            const assignee = assigneeInput.trim();
+                                            for (const id of targetIds) {
                                                 await backend.cachedUpdateWorkItem(id, { assignee });
                                                 await queueWrite('update', id);
                                             }
-                                            setSettingAssignee(false);
                                             setAssigneeInput('');
-                                            setBulkTargetIds([]);
                                             refreshData();
                                         })();
-                                    } })] })) : settingLabels ? (_jsxs(Box, { children: [_jsxs(Text, { color: "cyan", children: ["Set labels for ", bulkTargetIds.length, " item", bulkTargetIds.length > 1 ? 's' : '', " (comma-separated):", ' '] }), _jsx(TextInput, { value: labelsInput, onChange: setLabelsInput, focus: true, onSubmit: (value) => {
+                                    } })] })) : activeOverlay?.type === 'labels-input' ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "cyan", children: ["Set labels for ", activeOverlay.targetIds.length, " item", activeOverlay.targetIds.length > 1 ? 's' : '', ' ', "(comma-separated):"] }), _jsx(MultiAutocompleteInput, { value: labelsInput, onChange: setLabelsInput, focus: true, suggestions: labelSuggestions, onSubmit: () => {
+                                        const targetIds = getOverlayTargetIds();
+                                        closeOverlay();
                                         void (async () => {
-                                            const labels = value
+                                            const labels = labelsInput
                                                 .split(',')
                                                 .map((l) => l.trim())
                                                 .filter(Boolean);
-                                            for (const id of bulkTargetIds) {
+                                            for (const id of targetIds) {
                                                 await backend.cachedUpdateWorkItem(id, { labels });
                                                 await queueWrite('update', id);
                                             }
-                                            setSettingLabels(false);
                                             setLabelsInput('');
-                                            setBulkTargetIds([]);
                                             refreshData();
                                         })();
-                                    } })] })) : confirmDelete ? (_jsxs(Text, { color: "red", children: ["Delete ", deleteTargetIds.length, " item", deleteTargetIds.length > 1 ? 's' : '', "? (y/n)"] })) : (_jsx(Text, { dimColor: true, children: helpText })) }), warning && (_jsx(Box, { children: _jsxs(Text, { color: "yellow", children: ["\u26A0 ", warning] }) }))] }))] }));
+                                    } })] })) : activeOverlay?.type === 'delete-confirm' ? (_jsxs(Text, { color: "red", children: ["Delete ", activeOverlay.targetIds.length, " item", activeOverlay.targetIds.length > 1 ? 's' : '', "? (y/n)"] })) : (_jsx(Text, { dimColor: true, children: helpText })) }), warning && (_jsx(Box, { children: _jsxs(Text, { color: "yellow", children: ["\u26A0 ", warning] }) })), updateInfo?.updateAvailable && activeOverlay === null && (_jsx(Box, { children: _jsxs(Text, { color: "yellow", children: ["Update available: ", updateInfo.current, " \u2192 ", updateInfo.latest, ' ', "Press , to update in Settings"] }) }))] }))] }));
 }
 //# sourceMappingURL=WorkItemList.js.map