@sascha384/tic 1.28.0 → 1.30.0

package/dist/components/WorkItemList.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import { useState, useMemo, useEffect, useCallback } from 'react';
 import { Box, Text, useInput, useApp } from 'ink';
 import { navigationStore, useNavigationStore, } from '../stores/navigationStore.js';
@@ -14,17 +14,9 @@ import { useBackendDataStore, backendDataStore, } from '../stores/backendDataSto
 import { useShallow } from 'zustand/shallow';
 import { SyncQueueStore } from '../sync/queue.js';
 import { buildTree } from './buildTree.js';
-import { SearchOverlay } from './SearchOverlay.js';
-import { BulkMenu } from './BulkMenu.js';
-import { CommandPalette } from './CommandPalette.js';
 import { getVisibleCommands, } from '../commands.js';
-import { PriorityPicker } from './PriorityPicker.js';
-import { TemplatePicker } from './TemplatePicker.js';
-import { TypePicker } from './TypePicker.js';
-import { StatusPicker } from './StatusPicker.js';
+import { OverlayPanel } from './OverlayPanel.js';
 import { DetailPanel } from './DetailPanel.js';
-import { AutocompleteInput } from './AutocompleteInput.js';
-import { MultiAutocompleteInput } from './MultiAutocompleteInput.js';
 export function getTargetIds(markedIds, cursorItem) {
     if (markedIds.size > 0) {
         return [...markedIds];
@@ -88,10 +80,7 @@ export function WorkItemList() {
     })));
     const { setCursor, toggleExpanded, toggleMarked, clearMarked, clampCursor, removeDeletedItem, } = listViewStore.getState();
     // Local state for inputs and templates
-    const [parentInput, setParentInput] = useState('');
     const [allSearchItems, setAllSearchItems] = useState([]);
-    const [assigneeInput, setAssigneeInput] = useState('');
-    const [labelsInput, setLabelsInput] = useState('');
     const [templates, setTemplates] = useState([]);
     const [showFullDescription, setShowFullDescription] = useState(false);
     const [descriptionScrollOffset, setDescriptionScrollOffset] = useState(0);
@@ -229,16 +218,6 @@ export function WorkItemList() {
         chromeLines,
         linesPerItem: 1,
     });
-    // 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 1.5: Description scroll handler — active when full description is shown
     useInput((_input, key) => {
         if (_input === ' ' || key.escape) {
@@ -254,34 +233,6 @@ export function WorkItemList() {
             setDescriptionScrollOffset((o) => Math.min(maxScroll, o + 1));
         }
     }, { isActive: showFullDescription && activeOverlay === null });
-    // Block 2: Delete confirmation handler
-    useInput((input) => {
-        if (activeOverlay?.type !== 'delete-confirm')
-            return;
-        if (input === 'y' || input === 'Y') {
-            const targetIds = activeOverlay.targetIds;
-            if (!backend)
-                return;
-            void (async () => {
-                for (const id of targetIds) {
-                    await backend.cachedDeleteWorkItem(id);
-                    await queueWrite('delete', id);
-                }
-                closeOverlay();
-                for (const id of targetIds) {
-                    removeDeletedItem(id);
-                }
-                setCursor(Math.max(0, cursor - 1));
-                refreshData();
-                setToast(targetIds.length === 1
-                    ? `Item #${targetIds[0]} deleted`
-                    : `${targetIds.length} items deleted`);
-            })();
-        }
-        else {
-            closeOverlay();
-        }
-    }, { isActive: activeOverlay?.type === 'delete-confirm' });
     // Block 3: Main input handler — only active when no overlay is open
     useInput((input, key) => {
         if (input === '/') {
@@ -393,9 +344,15 @@ export function WorkItemList() {
             }
             refreshData();
         }
-        if (input === 's') {
+        if (input === 'S') {
             navigate('status');
         }
+        if (input === 's' && treeItems.length > 0) {
+            const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
+            if (targetIds.length > 0) {
+                openOverlay({ type: 'status-picker', targetIds });
+            }
+        }
         if (input === 'v') {
             void configStore
                 .getState()
@@ -409,14 +366,6 @@ export function WorkItemList() {
             const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
             if (targetIds.length > 0) {
                 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]);
-                    setParentInput(item?.item.parent ?? '');
-                }
-                else {
-                    setParentInput('');
-                }
             }
         }
         if (key.tab && capabilities.customTypes && types.length > 0) {
@@ -455,14 +404,12 @@ export function WorkItemList() {
             const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
             if (targetIds.length > 0) {
                 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) {
                 openOverlay({ type: 'labels-input', targetIds });
-                setLabelsInput('');
             }
         }
         if (input === 't' && capabilities.customTypes && treeItems.length > 0) {
@@ -583,7 +530,6 @@ export function WorkItemList() {
                     const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
                     if (targetIds.length > 0) {
                         openOverlay({ type: 'assignee-input', targetIds });
-                        setAssigneeInput('');
                     }
                 }
                 break;
@@ -592,7 +538,6 @@ export function WorkItemList() {
                     const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
                     if (targetIds.length > 0) {
                         openOverlay({ type: 'labels-input', targetIds });
-                        setLabelsInput('');
                     }
                 }
                 break;
@@ -634,7 +579,6 @@ export function WorkItemList() {
                 break;
             case 'parent':
                 openOverlay({ type: 'parent-input', targetIds });
-                setParentInput('');
                 break;
             case 'type':
                 openOverlay({ type: 'type-picker', targetIds });
@@ -644,11 +588,9 @@ export function WorkItemList() {
                 break;
             case 'assignee':
                 openOverlay({ type: 'assignee-input', targetIds });
-                setAssigneeInput('');
                 break;
             case 'labels':
                 openOverlay({ type: 'labels-input', targetIds });
-                setLabelsInput('');
                 break;
             case 'delete':
                 openOverlay({ type: 'delete-confirm', targetIds });
@@ -662,128 +604,336 @@ export function WorkItemList() {
     const positionText = treeItems.length > viewport.maxVisible
         ? `${cursor + 1}/${treeItems.length}`
         : '';
-    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: () => 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();
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(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)` }), markedCount > 0 && (_jsx(Text, { color: "magenta", children: ` ● ${markedCount} marked` }))] }) }), _jsx(TableLayout, { treeItems: visibleTreeItems, cursor: viewport.visibleCursor, capabilities: capabilities, collapsedIds: collapsedIds, markedIds: markedIds, terminalWidth: terminalWidth }), treeItems.length === 0 && !loading && initError && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "red", children: "Failed to connect to backend:" }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "red", children: initError }) }), _jsx(Text, { dimColor: true, children: "Press , for settings or q to quit." })] })), treeItems.length === 0 && !loading && !initError && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["No ", activeType ?? 'item', "s in this iteration. Press c to create, / to search all."] }) })), loading && treeItems.length === 0 && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Loading..." }) })), showDetailPanel && treeItems.length > 0 && treeItems[cursor] && (_jsx(DetailPanel, { item: treeItems[cursor].item, terminalWidth: terminalWidth, showFullDescription: showFullDescription, descriptionScrollOffset: descriptionScrollOffset, maxDescriptionHeight: maxDescriptionHeight })), _jsx(Box, { marginTop: 1, children: showFullDescription ? (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "\u2191\u2193 scroll space/esc close" }), positionText && _jsxs(Text, { dimColor: true, children: [" ", positionText] })] })) : activeOverlay?.type === 'search' ? ((() => {
+                    const searchItems = allSearchItems.map((item) => ({
+                        id: item.id,
+                        label: `#${item.id} ${item.title}`,
+                        value: item.id,
+                        hint: item.type,
+                        category: item.iteration === iteration
+                            ? 'Current iteration'
+                            : (item.iteration ?? 'No iteration'),
+                    }));
+                    return (_jsx(OverlayPanel, { title: "Search", items: searchItems, placeholder: "Type to search...", onSelect: (selected) => {
+                            const item = allSearchItems.find((i) => i.id === selected.value);
+                            if (item)
+                                handleSearchSelect(item);
+                        }, onCancel: handleSearchCancel }));
+                })()) : activeOverlay?.type === 'bulk-menu' ? ((() => {
+                    const bulkItems = [];
+                    bulkItems.push({
+                        id: 'status',
+                        label: 'Set status...',
+                        value: 'status',
+                        hint: 's',
+                    });
+                    if (capabilities.iterations) {
+                        bulkItems.push({
+                            id: 'iteration',
+                            label: 'Set iteration...',
+                            value: 'iteration',
+                            hint: 'i',
+                        });
+                    }
+                    if (capabilities.fields.parent) {
+                        bulkItems.push({
+                            id: 'parent',
+                            label: 'Set parent...',
+                            value: 'parent',
+                            hint: 'p',
+                        });
+                    }
+                    if (capabilities.customTypes) {
+                        bulkItems.push({
+                            id: 'type',
+                            label: 'Set type...',
+                            value: 'type',
+                            hint: 't',
+                        });
+                    }
+                    if (capabilities.fields.priority) {
+                        bulkItems.push({
+                            id: 'priority',
+                            label: 'Set priority...',
+                            value: 'priority',
+                            hint: 'P',
+                        });
+                    }
+                    if (capabilities.fields.assignee) {
+                        bulkItems.push({
+                            id: 'assignee',
+                            label: 'Set assignee...',
+                            value: 'assignee',
+                            hint: 'a',
+                        });
+                    }
+                    if (capabilities.fields.labels) {
+                        bulkItems.push({
+                            id: 'labels',
+                            label: 'Set labels...',
+                            value: 'labels',
+                            hint: 'l',
+                        });
+                    }
+                    bulkItems.push({
+                        id: 'delete',
+                        label: 'Delete',
+                        value: 'delete',
+                        hint: 'd',
+                    });
+                    const count = markedIds.size > 0 ? markedIds.size : 1;
+                    return (_jsx(OverlayPanel, { title: `Bulk Actions (${count} ${count === 1 ? 'item' : 'items'})`, items: bulkItems, onSelect: (item) => {
                             closeOverlay();
-                            if (!backend)
-                                return;
-                            void (async () => {
+                            handleBulkAction(item.value);
+                        }, onCancel: () => closeOverlay() }));
+                })()) : activeOverlay?.type === 'command-palette' ? (_jsx(OverlayPanel, { title: "Commands", items: paletteCommands.map((cmd) => ({
+                        id: cmd.id,
+                        label: cmd.label,
+                        value: cmd.id,
+                        hint: cmd.shortcut,
+                        category: cmd.category,
+                    })), placeholder: "Type a command...", onSelect: (item) => {
+                        const cmd = paletteCommands.find((c) => c.id === item.value);
+                        if (cmd)
+                            handleCommandSelect(cmd);
+                    }, onCancel: () => closeOverlay() })) : activeOverlay?.type === 'status-picker' ? (_jsx(OverlayPanel, { title: "Set Status", items: statuses.map((s) => ({ id: s, label: s, value: s })), onSelect: (item) => {
+                        const targetIds = getOverlayTargetIds();
+                        closeOverlay();
+                        if (!backend)
+                            return;
+                        void (async () => {
+                            for (const id of targetIds) {
+                                await backend.cachedUpdateWorkItem(id, {
+                                    status: item.value,
+                                });
+                                await queueWrite('update', id);
+                            }
+                            refreshData();
+                            setToast(targetIds.length === 1
+                                ? 'Status updated'
+                                : `${targetIds.length} items updated`);
+                        })();
+                    }, onCancel: () => closeOverlay() })) : activeOverlay?.type === 'type-picker' ? (_jsx(OverlayPanel, { title: "Set Type", items: types.map((t) => ({
+                        id: t,
+                        label: t.charAt(0).toUpperCase() + t.slice(1),
+                        value: t,
+                    })), onSelect: (item) => {
+                        const targetIds = getOverlayTargetIds();
+                        closeOverlay();
+                        if (!backend)
+                            return;
+                        void (async () => {
+                            for (const id of targetIds) {
+                                await backend.cachedUpdateWorkItem(id, {
+                                    type: item.value,
+                                });
+                                await queueWrite('update', id);
+                            }
+                            refreshData();
+                            setToast(targetIds.length === 1
+                                ? 'Type updated'
+                                : `${targetIds.length} items updated`);
+                        })();
+                    }, onCancel: () => closeOverlay() })) : activeOverlay?.type === 'priority-picker' ? (_jsx(OverlayPanel, { title: "Set Priority", items: [
+                        { id: 'critical', label: 'Critical', value: 'critical' },
+                        { id: 'high', label: 'High', value: 'high' },
+                        { id: 'medium', label: 'Medium', value: 'medium' },
+                        { id: 'low', label: 'Low', value: 'low' },
+                    ], onSelect: (item) => {
+                        const targetIds = getOverlayTargetIds();
+                        closeOverlay();
+                        if (!backend)
+                            return;
+                        const priority = item.value;
+                        void (async () => {
+                            for (const id of targetIds) {
+                                await backend.cachedUpdateWorkItem(id, { priority });
+                                await queueWrite('update', id);
+                            }
+                            refreshData();
+                            setToast(targetIds.length === 1
+                                ? 'Priority updated'
+                                : `${targetIds.length} items updated`);
+                        })();
+                    }, onCancel: () => closeOverlay() })) : activeOverlay?.type === 'template-picker' ? (_jsx(OverlayPanel, { title: "Select Template", items: [
+                        { id: '__none__', label: 'No template', value: '__none__' },
+                        ...templates.map((t) => ({
+                            id: t.slug,
+                            label: t.name,
+                            value: t.slug,
+                        })),
+                    ], onSelect: (item) => {
+                        closeOverlay();
+                        setFormMode('item');
+                        if (item.value === '__none__') {
+                            setActiveTemplate(null);
+                        }
+                        else {
+                            const template = templates.find((t) => t.slug === item.value);
+                            setActiveTemplate(template ?? null);
+                        }
+                        selectWorkItem(null);
+                        navigate('form');
+                    }, onCancel: () => closeOverlay() })) : activeOverlay?.type === 'parent-input' ? (_jsx(OverlayPanel, { title: `Set Parent (${activeOverlay.targetIds.length} item${activeOverlay.targetIds.length > 1 ? 's' : ''})`, items: parentSuggestions.map((s) => ({
+                        id: s,
+                        label: s,
+                        value: s,
+                    })), allowFreeform: true, onSelect: (item) => {
+                        const targetIds = getOverlayTargetIds();
+                        if (!backend)
+                            return;
+                        void (async () => {
+                            const raw = item.value.trim();
+                            const newParent = raw.includes(' - ')
+                                ? raw.split(' - ')[0].trim()
+                                : raw;
+                            try {
                                 for (const id of targetIds) {
-                                    await backend.cachedUpdateWorkItem(id, { status });
+                                    await backend.cachedUpdateWorkItem(id, {
+                                        parent: newParent,
+                                    });
                                     await queueWrite('update', id);
                                 }
-                                refreshData();
-                                setToast(targetIds.length === 1
-                                    ? 'Status updated'
-                                    : `${targetIds.length} items updated`);
-                            })();
-                        }, onCancel: () => closeOverlay() })), activeOverlay?.type === 'type-picker' && (_jsx(TypePicker, { types: types, onSelect: (type) => {
-                            const targetIds = getOverlayTargetIds();
+                                clearWarning();
+                            }
+                            catch (e) {
+                                setWarning(e instanceof Error ? e.message : 'Invalid parent');
+                            }
                             closeOverlay();
-                            if (!backend)
-                                return;
-                            void (async () => {
+                            refreshData();
+                            setToast(targetIds.length === 1
+                                ? 'Parent updated'
+                                : `${targetIds.length} items updated`);
+                        })();
+                    }, onSubmitFreeform: (text) => {
+                        const targetIds = getOverlayTargetIds();
+                        if (!backend)
+                            return;
+                        void (async () => {
+                            const raw = text.trim();
+                            const newParent = raw === ''
+                                ? null
+                                : raw.includes(' - ')
+                                    ? raw.split(' - ')[0].trim()
+                                    : raw;
+                            try {
                                 for (const id of targetIds) {
-                                    await backend.cachedUpdateWorkItem(id, { type });
+                                    await backend.cachedUpdateWorkItem(id, {
+                                        parent: newParent,
+                                    });
                                     await queueWrite('update', id);
                                 }
-                                refreshData();
-                                setToast(targetIds.length === 1
-                                    ? 'Type updated'
-                                    : `${targetIds.length} items updated`);
-                            })();
-                        }, onCancel: () => closeOverlay() })), activeOverlay?.type === 'priority-picker' && (_jsx(PriorityPicker, { onSelect: (priority) => {
-                            const targetIds = getOverlayTargetIds();
+                                clearWarning();
+                            }
+                            catch (e) {
+                                setWarning(e instanceof Error ? e.message : 'Invalid parent');
+                            }
                             closeOverlay();
+                            refreshData();
+                            setToast(targetIds.length === 1
+                                ? 'Parent updated'
+                                : `${targetIds.length} items updated`);
+                        })();
+                    }, onCancel: () => closeOverlay(), placeholder: "Type parent ID or title...", emptyMessage: "Type a parent ID (empty to clear)" })) : activeOverlay?.type === 'assignee-input' ? (_jsx(OverlayPanel, { title: `Set Assignee (${activeOverlay.targetIds.length} item${activeOverlay.targetIds.length > 1 ? 's' : ''})`, items: assignees.map((a) => ({ id: a, label: a, value: a })), allowFreeform: true, onSelect: (item) => {
+                        const targetIds = getOverlayTargetIds();
+                        closeOverlay();
+                        if (!backend)
+                            return;
+                        void (async () => {
+                            for (const id of targetIds) {
+                                await backend.cachedUpdateWorkItem(id, {
+                                    assignee: item.value.trim(),
+                                });
+                                await queueWrite('update', id);
+                            }
+                            refreshData();
+                            setToast(targetIds.length === 1
+                                ? 'Assignee updated'
+                                : `${targetIds.length} items updated`);
+                        })();
+                    }, onSubmitFreeform: (text) => {
+                        const targetIds = getOverlayTargetIds();
+                        closeOverlay();
+                        if (!backend)
+                            return;
+                        void (async () => {
+                            for (const id of targetIds) {
+                                await backend.cachedUpdateWorkItem(id, {
+                                    assignee: text.trim(),
+                                });
+                                await queueWrite('update', id);
+                            }
+                            refreshData();
+                            setToast(targetIds.length === 1
+                                ? 'Assignee updated'
+                                : `${targetIds.length} items updated`);
+                        })();
+                    }, onCancel: () => closeOverlay(), placeholder: "Type assignee name..." })) : activeOverlay?.type === 'labels-input' ? (_jsx(OverlayPanel, { title: `Set Labels (${activeOverlay.targetIds.length} item${activeOverlay.targetIds.length > 1 ? 's' : ''})`, items: labelSuggestions.map((l) => ({
+                        id: l,
+                        label: l,
+                        value: l,
+                    })), multiSelect: true, allowFreeform: true, onSelect: () => { }, onConfirm: (selected) => {
+                        const targetIds = getOverlayTargetIds();
+                        closeOverlay();
+                        if (!backend)
+                            return;
+                        void (async () => {
+                            const labels = selected.map((i) => i.value);
+                            for (const id of targetIds) {
+                                await backend.cachedUpdateWorkItem(id, { labels });
+                                await queueWrite('update', id);
+                            }
+                            refreshData();
+                            setToast(targetIds.length === 1
+                                ? 'Labels updated'
+                                : `${targetIds.length} items updated`);
+                        })();
+                    }, onSubmitFreeform: (text) => {
+                        const targetIds = getOverlayTargetIds();
+                        closeOverlay();
+                        if (!backend)
+                            return;
+                        void (async () => {
+                            const labels = text
+                                .split(',')
+                                .map((l) => l.trim())
+                                .filter(Boolean);
+                            for (const id of targetIds) {
+                                await backend.cachedUpdateWorkItem(id, { labels });
+                                await queueWrite('update', id);
+                            }
+                            refreshData();
+                            setToast(targetIds.length === 1
+                                ? 'Labels updated'
+                                : `${targetIds.length} items updated`);
+                        })();
+                    }, onCancel: () => closeOverlay(), placeholder: "Type to filter labels..." })) : activeOverlay?.type === 'delete-confirm' ? (_jsx(OverlayPanel, { title: `Delete ${activeOverlay.targetIds.length} item${activeOverlay.targetIds.length > 1 ? 's' : ''}?`, items: [
+                        { id: 'yes', label: 'Yes, delete', value: 'yes' },
+                        { id: 'no', label: 'Cancel', value: 'no' },
+                    ], onSelect: (item) => {
+                        if (item.value === 'yes') {
+                            const targetIds = activeOverlay.targetIds;
                             if (!backend)
                                 return;
                             void (async () => {
                                 for (const id of targetIds) {
-                                    await backend.cachedUpdateWorkItem(id, { priority });
-                                    await queueWrite('update', id);
+                                    await backend.cachedDeleteWorkItem(id);
+                                    await queueWrite('delete', id);
+                                }
+                                closeOverlay();
+                                for (const id of targetIds) {
+                                    removeDeletedItem(id);
                                 }
+                                setCursor(Math.max(0, cursor - 1));
                                 refreshData();
                                 setToast(targetIds.length === 1
-                                    ? 'Priority updated'
-                                    : `${targetIds.length} items updated`);
+                                    ? `Item #${targetIds[0]} deleted`
+                                    : `${targetIds.length} items deleted`);
                             })();
-                        }, onCancel: () => closeOverlay() })), activeOverlay?.type === 'template-picker' && (_jsx(TemplatePicker, { templates: templates, onSelect: (template) => {
+                        }
+                        else {
                             closeOverlay();
-                            setFormMode('item');
-                            setActiveTemplate(template);
-                            selectWorkItem(null);
-                            navigate('form');
-                        }, onCancel: () => closeOverlay() })), _jsx(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)` }), markedCount > 0 && (_jsx(Text, { color: "magenta", children: ` ● ${markedCount} marked` }))] }) }), _jsx(TableLayout, { treeItems: visibleTreeItems, cursor: viewport.visibleCursor, capabilities: capabilities, collapsedIds: collapsedIds, markedIds: markedIds, terminalWidth: terminalWidth }), treeItems.length === 0 && !loading && initError && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "red", children: "Failed to connect to backend:" }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "red", children: initError }) }), _jsx(Text, { dimColor: true, children: "Press , for settings or q to quit." })] })), treeItems.length === 0 && !loading && !initError && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["No ", activeType ?? 'item', "s in this iteration. Press c to create, / to search all."] }) })), loading && treeItems.length === 0 && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Loading..." }) })), showDetailPanel && treeItems.length > 0 && treeItems[cursor] && (_jsx(DetailPanel, { item: treeItems[cursor].item, terminalWidth: terminalWidth, showFullDescription: showFullDescription, descriptionScrollOffset: descriptionScrollOffset, maxDescriptionHeight: maxDescriptionHeight })), _jsx(Box, { marginTop: 1, children: showFullDescription ? (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "\u2191\u2193 scroll space/esc close" }), positionText && _jsxs(Text, { dimColor: true, children: [" ", positionText] })] })) : 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();
-                                        if (!backend)
-                                            return;
-                                        void (async () => {
-                                            const raw = parentInput.trim();
-                                            const newParent = raw === ''
-                                                ? null
-                                                : raw.includes(' - ')
-                                                    ? raw.split(' - ')[0].trim()
-                                                    : raw;
-                                            try {
-                                                for (const id of targetIds) {
-                                                    await backend.cachedUpdateWorkItem(id, {
-                                                        parent: newParent,
-                                                    });
-                                                    await queueWrite('update', id);
-                                                }
-                                                clearWarning();
-                                            }
-                                            catch (e) {
-                                                setWarning(e instanceof Error ? e.message : 'Invalid parent');
-                                            }
-                                            closeOverlay();
-                                            setParentInput('');
-                                            refreshData();
-                                            setToast(targetIds.length === 1
-                                                ? 'Parent updated'
-                                                : `${targetIds.length} items updated`);
-                                        })();
-                                    } })] })) : 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();
-                                        if (!backend)
-                                            return;
-                                        void (async () => {
-                                            const assignee = assigneeInput.trim();
-                                            for (const id of targetIds) {
-                                                await backend.cachedUpdateWorkItem(id, { assignee });
-                                                await queueWrite('update', id);
-                                            }
-                                            setAssigneeInput('');
-                                            refreshData();
-                                            setToast(targetIds.length === 1
-                                                ? 'Assignee updated'
-                                                : `${targetIds.length} items updated`);
-                                        })();
-                                    } })] })) : 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();
-                                        if (!backend)
-                                            return;
-                                        void (async () => {
-                                            const labels = labelsInput
-                                                .split(',')
-                                                .map((l) => l.trim())
-                                                .filter(Boolean);
-                                            for (const id of targetIds) {
-                                                await backend.cachedUpdateWorkItem(id, { labels });
-                                                await queueWrite('update', id);
-                                            }
-                                            setLabelsInput('');
-                                            refreshData();
-                                            setToast(targetIds.length === 1
-                                                ? 'Labels updated'
-                                                : `${targetIds.length} items updated`);
-                                        })();
-                                    } })] })) : activeOverlay?.type === 'delete-confirm' ? (_jsxs(Text, { color: "red", children: ["Delete ", activeOverlay.targetIds.length, " item", activeOverlay.targetIds.length > 1 ? 's' : '', "? (y/n)"] })) : toast ? (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: toast.message }), positionText && _jsxs(Text, { dimColor: true, children: [" ", positionText] })] })) : (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: buildHelpText(terminalWidth -
-                                        (positionText ? positionText.length + 2 : 0)) }), positionText && _jsxs(Text, { dimColor: true, children: [" ", positionText] })] })) }), 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"] }) }))] }))] }));
+                        }
+                    }, onCancel: () => closeOverlay() })) : toast ? (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: toast.message }), positionText && _jsxs(Text, { dimColor: true, children: [" ", positionText] })] })) : (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: buildHelpText(terminalWidth - (positionText ? positionText.length + 2 : 0)) }), positionText && _jsxs(Text, { dimColor: true, children: [" ", positionText] })] })) }), 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