@sascha384/tic 1.34.0 → 2.0.0

package/dist/components/WorkItemList.js

@@ -1,5 +1,5 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { useState, useMemo, useEffect, useCallback } from 'react';
+import { useState, useMemo, useEffect, useCallback, useRef } from 'react';
 import { Box, Text, useInput, useApp } from 'ink';
 import { navigationStore, useNavigationStore, } from '../stores/navigationStore.js';
 import { listViewStore, useListViewStore } from '../stores/listViewStore.js';
@@ -12,7 +12,6 @@ import { useTerminalSize } from '../hooks/useTerminalSize.js';
 import { useScrollViewport } from '../hooks/useScrollViewport.js';
 import { useBackendDataStore, backendDataStore, } from '../stores/backendDataStore.js';
 import { useShallow } from 'zustand/shallow';
-import { SyncQueueStore } from '../sync/queue.js';
 import { buildTree, sortTree } from './buildTree.js';
 import { getVisibleCommands, } from '../commands.js';
 import { OverlayPanel } from './OverlayPanel.js';
@@ -20,6 +19,9 @@ import { DetailPanel } from './DetailPanel.js';
 import { undoStore } from '../stores/undoStore.js';
 import { recentCommandsStore, useRecentCommandsStore, } from '../stores/recentCommandsStore.js';
 import { isSoftDeleteBackend } from '../backends/types.js';
+import { filterStore, useFilterStore } from '../stores/filterStore.js';
+import { applyFilters, countActiveFilters, summarizeFilters, } from '../filters.js';
+const EMPTY_VIEWS = [];
 export function getTargetIds(markedIds, cursorItem) {
     if (markedIds.size > 0) {
         return [...markedIds];
@@ -77,6 +79,8 @@ export function WorkItemList() {
     const branchCommand = useConfigStore((s) => s.config.branchCommand);
     const copyToClipboard = useConfigStore((s) => s.config.copyToClipboard);
     const showDetailPanel = useConfigStore((s) => s.config.showDetailPanel ?? true);
+    const savedViews = useConfigStore((s) => s.config.views ?? EMPTY_VIEWS);
+    const defaultView = useConfigStore((s) => s.config.defaultView);
     const { exit } = useApp();
     // Store selectors for persistent list view state
     const { cursor, markedIds, expandedIds, rangeAnchor, sortStack } = useListViewStore(useShallow((s) => ({
@@ -86,6 +90,12 @@ export function WorkItemList() {
         rangeAnchor: s.rangeAnchor,
         sortStack: s.sortStack,
     })));
+    const { activeFilters, activeViewName, lastViewName } = useFilterStore(useShallow((s) => ({
+        activeFilters: s.activeFilters,
+        activeViewName: s.activeViewName,
+        lastViewName: s.lastViewName,
+    })));
+    const filterCount = useMemo(() => countActiveFilters(activeFilters), [activeFilters]);
     const { setCursor, toggleExpanded, toggleMarked, clearMarked, setMarkedIds, setRangeAnchor, clampCursor, removeDeletedItem, toggleSortColumn, clearSort, } = listViewStore.getState();
     // Local state for inputs and templates
     const [allSearchItems, setAllSearchItems] = useState([]);
@@ -121,14 +131,26 @@ export function WorkItemList() {
             void backend.listTemplates().then(setTemplates);
         }
     }, [backend, capabilities.templates]);
-    const queueStore = useMemo(() => {
-        if (!syncManager)
-            return null;
-        return new SyncQueueStore(process.cwd());
-    }, [syncManager]);
+    // Load default view on startup
+    const defaultViewLoadedRef = useRef(false);
+    useEffect(() => {
+        if (defaultViewLoadedRef.current)
+            return;
+        if (!defaultView)
+            return;
+        const view = savedViews.find((v) => v.name === defaultView);
+        if (view) {
+            defaultViewLoadedRef.current = true;
+            filterStore.getState().loadView(view);
+            if (view.sort) {
+                listViewStore.getState().setSortStack(view.sort);
+            }
+        }
+    }, [savedViews, defaultView]);
+    const queue = useBackendDataStore((s) => s.queue);
     const queueWrite = async (action, itemId) => {
-        if (queueStore) {
-            await queueStore.append({
+        if (queue) {
+            await queue.append({
                 action,
                 itemId,
                 timestamp: new Date().toISOString(),
@@ -151,17 +173,34 @@ export function WorkItemList() {
     const { width: terminalWidth, height: terminalHeight } = useTerminalSize();
     const gitAvailable = useMemo(() => isGitRepo(process.cwd()), []);
     useEffect(() => {
-        if (activeType === null && types.length > 0) {
+        if (types.length > 0 &&
+            (activeType === null || !types.includes(activeType))) {
             setActiveType(defaultType && types.includes(defaultType) ? defaultType : types[0]);
         }
     }, [activeType, types, setActiveType, defaultType]);
-    const items = useMemo(() => allItems.filter((item) => item.type === activeType), [allItems, activeType]);
+    // Apply view filters to all items (used for children in tree view)
+    const viewFilteredItems = useMemo(() => applyFilters(allItems, activeFilters), [allItems, activeFilters]);
+    const unfilteredCount = useMemo(() => allItems.filter((item) => item.type === activeType).length, [allItems, activeType]);
+    const items = useMemo(() => {
+        const hasTypeFilter = (activeFilters.types?.length ?? 0) > 0;
+        let filtered = hasTypeFilter
+            ? allItems
+            : allItems.filter((item) => item.type === activeType);
+        filtered = applyFilters(filtered, activeFilters);
+        return filtered;
+    }, [allItems, activeType, activeFilters]);
     const fullTree = useMemo(() => {
         const tree = capabilities.relationships
-            ? buildTree(items, allItems, activeType ?? '')
+            ? buildTree(items, viewFilteredItems, activeType ?? '')
             : buildTree(items, items, activeType ?? '');
         return sortTree(tree, sortStack);
-    }, [items, allItems, activeType, capabilities.relationships, sortStack]);
+    }, [
+        items,
+        viewFilteredItems,
+        activeType,
+        capabilities.relationships,
+        sortStack,
+    ]);
     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).
@@ -387,8 +426,8 @@ export function WorkItemList() {
                             await backend.restoreWorkItem(snap.id);
                         }
                     }
-                    if (queueStore) {
-                        await queueStore.removeByIds(entry.syncItemIds, 'delete');
+                    if (queue) {
+                        await queue.removeByIds(entry.syncItemIds, 'delete');
                     }
                     refreshData();
                     setToast(entry.itemSnapshots.length === 1
@@ -399,8 +438,8 @@ export function WorkItemList() {
                     for (const id of entry.createdIds ?? []) {
                         await backend.cachedDeleteWorkItem(id);
                     }
-                    if (queueStore) {
-                        await queueStore.removeByIds(entry.syncItemIds, 'create');
+                    if (queue) {
+                        await queue.removeByIds(entry.syncItemIds, 'create');
                     }
                     refreshData();
                     setToast((entry.createdIds?.length ?? 0) === 1
@@ -411,8 +450,8 @@ export function WorkItemList() {
                     for (const snap of entry.itemSnapshots) {
                         await backend.cachedUpdateWorkItem(snap.id, snap);
                     }
-                    if (queueStore) {
-                        await queueStore.removeByIds(entry.syncItemIds, 'update');
+                    if (queue) {
+                        await queue.removeByIds(entry.syncItemIds, 'update');
                     }
                     for (const snap of entry.itemSnapshots) {
                         await queueWrite('update', snap.id);
@@ -424,8 +463,9 @@ export function WorkItemList() {
         }
         if (input === 'o' && treeItems.length > 0 && backend) {
             void (async () => {
-                await backend.openItem(treeItems[cursor].item.id);
-                refreshData();
+                const itemId = treeItems[cursor].item.id;
+                await backend.openItem(itemId);
+                void backendDataStore.getState().reloadItem(itemId);
             })();
         }
         if (input === 'b' && gitAvailable && treeItems.length > 0) {
@@ -434,6 +474,8 @@ export function WorkItemList() {
             try {
                 const itemUrl = backend?.getItemUrl(item.id) || '';
                 const result = beginImplementation(item, comments, { branchMode, branchCommand, copyToClipboard }, process.cwd(), { itemUrl });
+                // Restore raw mode after interactive shell changed terminal settings
+                process.stdin.setRawMode?.(true);
                 let msg = result.resumed
                     ? `Resumed work on #${item.id}`
                     : `Started work on #${item.id}`;
@@ -443,9 +485,10 @@ export function WorkItemList() {
                 setWarning(msg);
             }
             catch (e) {
+                process.stdin.setRawMode?.(true);
                 setWarning(e instanceof Error ? e.message : 'Failed to start implementation');
             }
-            refreshData();
+            void backendDataStore.getState().reloadItem(item.id);
         }
         if (input === 'S') {
             navigate('status');
@@ -453,6 +496,16 @@ export function WorkItemList() {
         if (input === 'O') {
             openOverlay({ type: 'sort-picker' });
         }
+        if (input === 'F') {
+            openOverlay({ type: 'filter-picker' });
+        }
+        if (input === 'V') {
+            openOverlay({ type: 'view-picker' });
+        }
+        if (input === 'X' && filterCount > 0) {
+            filterStore.getState().clearFilters();
+            setToast('Filters cleared');
+        }
         if (input === 's' && treeItems.length > 0) {
             const targetIds = getTargetIds(markedIds, treeItems[cursor]?.item);
             if (targetIds.length > 0) {
@@ -551,6 +604,8 @@ export function WorkItemList() {
         activeType,
         hasSyncManager: syncManager !== null,
         gitAvailable,
+        hasActiveFilters: filterCount > 0,
+        hasSavedViews: savedViews.length > 0,
     };
     const paletteCommands = useMemo(() => getVisibleCommands(commandContext), [
         commandContext.markedCount,
@@ -618,6 +673,110 @@ export function WorkItemList() {
         }
         return items;
     }, [sortStack, capabilities.fields.priority, capabilities.fields.assignee]);
+    const filterPickerItems = useMemo(() => {
+        const items = [];
+        if (filterCount > 0) {
+            items.push({
+                id: '__clear__',
+                label: 'Clear all filters',
+                value: '__clear__',
+            });
+        }
+        for (const s of statuses) {
+            items.push({
+                id: `status-${s}`,
+                label: s,
+                value: s,
+                category: 'Status',
+                selected: activeFilters.statuses?.includes(s),
+            });
+        }
+        for (const p of ['critical', 'high', 'medium', 'low']) {
+            if (!capabilities.fields.priority)
+                continue;
+            items.push({
+                id: `priority-${p}`,
+                label: p.charAt(0).toUpperCase() + p.slice(1),
+                value: p,
+                category: 'Priority',
+                selected: activeFilters.priorities?.includes(p),
+            });
+        }
+        for (const t of types) {
+            items.push({
+                id: `type-${t}`,
+                label: t.charAt(0).toUpperCase() + t.slice(1),
+                value: t,
+                category: 'Type',
+                selected: activeFilters.types?.includes(t),
+            });
+        }
+        for (const a of assignees) {
+            if (!capabilities.fields.assignee)
+                continue;
+            items.push({
+                id: `assignee-${a}`,
+                label: a,
+                value: a,
+                category: 'Assignee',
+                selected: activeFilters.assignees?.includes(a),
+            });
+        }
+        for (const l of labelSuggestions) {
+            if (!capabilities.fields.labels)
+                continue;
+            items.push({
+                id: `label-${l}`,
+                label: l,
+                value: l,
+                category: 'Labels',
+                selected: activeFilters.labels?.includes(l),
+            });
+        }
+        return items;
+    }, [
+        statuses,
+        types,
+        assignees,
+        labelSuggestions,
+        capabilities,
+        activeFilters,
+        filterCount,
+    ]);
+    const viewPickerItems = useMemo(() => {
+        const noFilterLabel = !defaultView ? 'No filters (default)' : 'No filters';
+        const items = [
+            {
+                id: '__no-filters__',
+                label: noFilterLabel,
+                value: '__no-filters__',
+                hint: !activeViewName && filterCount === 0 ? '●' : '',
+            },
+            ...savedViews.map((v) => ({
+                id: v.name,
+                label: v.name + (v.name === defaultView ? ' (default)' : ''),
+                value: v.name,
+                hint: summarizeFilters(v.filters) + (v.name === activeViewName ? ' ●' : ''),
+            })),
+        ];
+        if (filterCount > 0) {
+            if (lastViewName) {
+                items.push({
+                    id: '__save__',
+                    label: `Save to "${lastViewName}"`,
+                    value: '__save__',
+                    category: 'Actions',
+                });
+            }
+            items.push({
+                id: '__new__',
+                label: 'New view...',
+                value: '__new__',
+                category: 'Actions',
+            });
+        }
+        return items;
+    }, [savedViews, defaultView, activeViewName, lastViewName, filterCount]);
     const handleCommandSelect = (command) => {
         closeOverlay();
         recentCommandsStore.getState().addRecent(command.id);
@@ -643,8 +802,9 @@ export function WorkItemList() {
             case 'open':
                 if (treeItems[cursor] && backend) {
                     void (async () => {
-                        await backend.openItem(treeItems[cursor].item.id);
-                        refreshData();
+                        const itemId = treeItems[cursor].item.id;
+                        await backend.openItem(itemId);
+                        void backendDataStore.getState().reloadItem(itemId);
                     })();
                 }
                 break;
@@ -655,6 +815,7 @@ export function WorkItemList() {
                     try {
                         const itemUrl = backend?.getItemUrl(item.id) || '';
                         const result = beginImplementation(item, comments, { branchMode, branchCommand, copyToClipboard }, process.cwd(), { itemUrl });
+                        process.stdin.setRawMode?.(true);
                         let msg = result.resumed
                             ? `Resumed work on #${item.id}`
                             : `Started work on #${item.id}`;
@@ -664,9 +825,10 @@ export function WorkItemList() {
                         setWarning(msg);
                     }
                     catch (e) {
+                        process.stdin.setRawMode?.(true);
                         setWarning(e instanceof Error ? e.message : 'Failed to start implementation');
                     }
-                    refreshData();
+                    void backendDataStore.getState().reloadItem(item.id);
                 }
                 break;
             case 'sync':
@@ -733,6 +895,22 @@ export function WorkItemList() {
             case 'sort':
                 openOverlay({ type: 'sort-picker' });
                 break;
+            case 'filter':
+                openOverlay({ type: 'filter-picker' });
+                break;
+            case 'clear-filters':
+                filterStore.getState().clearFilters();
+                setToast('Filters cleared');
+                break;
+            case 'load-view':
+                openOverlay({ type: 'view-picker' });
+                break;
+            case 'save-view':
+                openOverlay({ type: 'save-view-input' });
+                break;
+            case 'delete-view':
+                openOverlay({ type: 'delete-view-picker' });
+                break;
             case 'quit':
                 exit();
                 break;
@@ -785,7 +963,7 @@ export function WorkItemList() {
     const positionText = treeItems.length > viewport.maxVisible
         ? `${cursor + 1}/${treeItems.length}`
         : '';
-    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, sortStack: sortStack }), 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' ? ((() => {
+    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: ` (${filterCount > 0 ? `${items.length}/${unfilteredCount}` : items.length} item${unfilteredCount === 1 ? '' : 's'})` }), markedCount > 0 && (_jsx(Text, { color: "magenta", children: ` ● ${markedCount} marked` })), filterCount > 0 && (_jsx(Text, { color: "yellow", children: ` [${filterCount} filter${filterCount === 1 ? '' : 's'}${activeViewName ? `: ${activeViewName}` : ''}]` }))] }) }), _jsx(TableLayout, { treeItems: visibleTreeItems, cursor: viewport.visibleCursor, capabilities: capabilities, collapsedIds: collapsedIds, markedIds: markedIds, terminalWidth: terminalWidth, sortStack: sortStack }), 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(Box, { marginTop: 1, children: _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}`,
@@ -884,7 +1062,9 @@ export function WorkItemList() {
                                 });
                                 await queueWrite('update', id);
                             }
-                            refreshData();
+                            for (const id of targetIds) {
+                                await backendDataStore.getState().reloadItem(id);
+                            }
                             setToast(targetIds.length === 1
                                 ? 'Status updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
@@ -906,7 +1086,9 @@ export function WorkItemList() {
                                 });
                                 await queueWrite('update', id);
                             }
-                            refreshData();
+                            for (const id of targetIds) {
+                                await backendDataStore.getState().reloadItem(id);
+                            }
                             setToast(targetIds.length === 1
                                 ? 'Type updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
@@ -928,7 +1110,9 @@ export function WorkItemList() {
                                 await backend.cachedUpdateWorkItem(id, { priority });
                                 await queueWrite('update', id);
                             }
-                            refreshData();
+                            for (const id of targetIds) {
+                                await backendDataStore.getState().reloadItem(id);
+                            }
                             setToast(targetIds.length === 1
                                 ? 'Priority updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
@@ -979,7 +1163,9 @@ export function WorkItemList() {
                                 setWarning(e instanceof Error ? e.message : 'Invalid parent');
                             }
                             closeOverlay();
-                            refreshData();
+                            for (const id of targetIds) {
+                                await backendDataStore.getState().reloadItem(id);
+                            }
                             setToast(targetIds.length === 1
                                 ? 'Parent updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
@@ -1009,7 +1195,9 @@ export function WorkItemList() {
                                 setWarning(e instanceof Error ? e.message : 'Invalid parent');
                             }
                             closeOverlay();
-                            refreshData();
+                            for (const id of targetIds) {
+                                await backendDataStore.getState().reloadItem(id);
+                            }
                             setToast(targetIds.length === 1
                                 ? 'Parent updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
@@ -1027,7 +1215,9 @@ export function WorkItemList() {
                                 });
                                 await queueWrite('update', id);
                             }
-                            refreshData();
+                            for (const id of targetIds) {
+                                await backendDataStore.getState().reloadItem(id);
+                            }
                             setToast(targetIds.length === 1
                                 ? 'Assignee updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
@@ -1045,7 +1235,9 @@ export function WorkItemList() {
                                 });
                                 await queueWrite('update', id);
                             }
-                            refreshData();
+                            for (const id of targetIds) {
+                                await backendDataStore.getState().reloadItem(id);
+                            }
                             setToast(targetIds.length === 1
                                 ? 'Assignee updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
@@ -1066,7 +1258,9 @@ export function WorkItemList() {
                                 await backend.cachedUpdateWorkItem(id, { labels });
                                 await queueWrite('update', id);
                             }
-                            refreshData();
+                            for (const id of targetIds) {
+                                await backendDataStore.getState().reloadItem(id);
+                            }
                             setToast(targetIds.length === 1
                                 ? 'Labels updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
@@ -1086,7 +1280,9 @@ export function WorkItemList() {
                                 await backend.cachedUpdateWorkItem(id, { labels });
                                 await queueWrite('update', id);
                             }
-                            refreshData();
+                            for (const id of targetIds) {
+                                await backendDataStore.getState().reloadItem(id);
+                            }
                             setToast(targetIds.length === 1
                                 ? 'Labels updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
@@ -1099,6 +1295,125 @@ export function WorkItemList() {
                         else {
                             toggleSortColumn(item.value);
                         }
+                    }, onCancel: () => closeOverlay() })) : activeOverlay?.type === 'filter-picker' ? ((() => {
+                    const handleFilterConfirm = (selected) => {
+                        const newFilters = {};
+                        for (const item of selected) {
+                            const cat = item.category;
+                            if (cat === 'Status') {
+                                (newFilters.statuses ??= []).push(item.value);
+                            }
+                            else if (cat === 'Priority') {
+                                (newFilters.priorities ??= []).push(item.value);
+                            }
+                            else if (cat === 'Type') {
+                                (newFilters.types ??= []).push(item.value);
+                            }
+                            else if (cat === 'Assignee') {
+                                (newFilters.assignees ??= []).push(item.value);
+                            }
+                            else if (cat === 'Labels') {
+                                (newFilters.labels ??= []).push(item.value);
+                            }
+                        }
+                        filterStore.getState().setFilters(newFilters);
+                        closeOverlay();
+                        const count = countActiveFilters(newFilters);
+                        if (count > 0) {
+                            setToast(`${count} filter${count === 1 ? '' : 's'} applied`);
+                        }
+                        else {
+                            setToast('Filters cleared');
+                        }
+                    };
+                    const handleFilterSelect = (item) => {
+                        if (item.value === '__clear__') {
+                            filterStore.getState().clearFilters();
+                            closeOverlay();
+                            setToast('Filters cleared');
+                        }
+                    };
+                    return (_jsx(OverlayPanel, { title: filterCount > 0 ? `Filter [${filterCount} active]` : 'Filter', items: filterPickerItems, multiSelect: true, onSelect: handleFilterSelect, onConfirm: handleFilterConfirm, onCancel: () => closeOverlay(), placeholder: "Type to filter...", footer: "space toggle  enter confirm  esc cancel" }));
+                })()) : activeOverlay?.type === 'view-picker' ? (_jsx(OverlayPanel, { title: "Load View", items: viewPickerItems, onSelect: (item) => {
+                        if (item.value === '__no-filters__') {
+                            filterStore.getState().clearFilters();
+                            listViewStore.getState().setSortStack([]);
+                            closeOverlay();
+                            setToast('Filters cleared');
+                            return;
+                        }
+                        if (item.value === '__save__' && lastViewName) {
+                            const newView = {
+                                name: lastViewName,
+                                filters: { ...activeFilters },
+                                ...(sortStack.length > 0 ? { sort: [...sortStack] } : {}),
+                            };
+                            const existing = savedViews.filter((v) => v.name !== lastViewName);
+                            void configStore.getState().update({
+                                views: [...existing, newView],
+                            });
+                            filterStore.setState({
+                                activeViewName: lastViewName,
+                            });
+                            closeOverlay();
+                            setToast(`View "${lastViewName}" saved`);
+                            return;
+                        }
+                        if (item.value === '__new__') {
+                            openOverlay({ type: 'save-view-input' });
+                            return;
+                        }
+                        const view = savedViews.find((v) => v.name === item.value);
+                        if (view) {
+                            filterStore.getState().loadView(view);
+                            if (view.sort) {
+                                listViewStore
+                                    .getState()
+                                    .setSortStack(view.sort);
+                            }
+                            closeOverlay();
+                            setToast(`View "${view.name}" loaded`);
+                        }
+                    }, onAction: (item) => {
+                        if (item.value === '__no-filters__' ||
+                            item.value === defaultView) {
+                            void configStore.getState().update({ defaultView: undefined });
+                            setToast('Default view cleared');
+                        }
+                        else {
+                            void configStore.getState().update({ defaultView: item.value });
+                            setToast(`View "${item.value}" set as default`);
+                        }
+                    }, onCancel: () => closeOverlay(), footer: "\u2191\u2193 navigate  enter load  tab set default  esc cancel" })) : activeOverlay?.type === 'save-view-input' ? (_jsx(OverlayPanel, { title: "Save View", items: [], allowFreeform: true, onSelect: () => { }, onSubmitFreeform: (name) => {
+                        if (!name.trim()) {
+                            closeOverlay();
+                            return;
+                        }
+                        const newView = {
+                            name: name.trim(),
+                            filters: { ...activeFilters },
+                            ...(sortStack.length > 0 ? { sort: [...sortStack] } : {}),
+                        };
+                        const existing = savedViews.filter((v) => v.name !== name.trim());
+                        void configStore.getState().update({
+                            views: [...existing, newView],
+                        });
+                        filterStore.setState({ activeViewName: name.trim() });
+                        closeOverlay();
+                        setToast(`View "${name.trim()}" saved`);
+                    }, onCancel: () => closeOverlay(), placeholder: "Enter view name...", emptyMessage: "Type a name and press enter" })) : activeOverlay?.type === 'delete-view-picker' ? (_jsx(OverlayPanel, { title: "Delete View", items: viewPickerItems.filter((i) => i.id !== '__no-filters__'), onSelect: (item) => {
+                        const remaining = savedViews.filter((v) => v.name !== item.value);
+                        void configStore.getState().update({
+                            views: remaining,
+                            ...(defaultView === item.value
+                                ? { defaultView: undefined }
+                                : {}),
+                        });
+                        if (activeViewName === item.value) {
+                            filterStore.setState({ activeViewName: null });
+                        }
+                        closeOverlay();
+                        setToast(`View "${item.value}" deleted`);
                     }, onCancel: () => closeOverlay() })) : 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' },
@@ -1142,7 +1457,9 @@ export function WorkItemList() {
                                     removeDeletedItem(id);
                                 }
                                 setCursor(Math.max(0, cursor - 1));
-                                refreshData();
+                                for (const id of targetIds) {
+                                    backendDataStore.getState().removeItem(id);
+                                }
                                 setToast(targetIds.length === 1
                                     ? `Item #${targetIds[0]} deleted${softDelete ? ' — press u to undo' : ''}`
                                     : `${targetIds.length} items deleted${softDelete ? ' — press u to undo' : ''}`);