@sascha384/tic 4.1.0 → 4.3.0

package/dist/components/WorkItemList.js

@@ -7,6 +7,7 @@ import { isGitRepo } from '../git.js';
 import { beginImplementation } from '../implement.js';
 import { configStore, useConfigStore } from '../stores/configStore.js';
 import { uiStore, useUIStore, getOverlayTargetIds } from '../stores/uiStore.js';
+import { getMarkedDistribution } from './getMarkedDistribution.js';
 import { TableLayout } from './TableLayout.js';
 import { useTerminalSize } from '../hooks/useTerminalSize.js';
 import { useScrollViewport } from '../hooks/useScrollViewport.js';
@@ -113,7 +114,10 @@ export function WorkItemList() {
     // Marked count for header display
     const markedCount = markedIds.size;
     const refreshData = useCallback(() => {
-        void backendDataStore.getState().refresh();
+        void backendDataStore
+            .getState()
+            .refresh()
+            .catch(() => { });
     }, []);
     useEffect(() => {
         if (!toast)
@@ -128,9 +132,25 @@ export function WorkItemList() {
         return () => clearTimeout(timer);
     }, [warning, clearWarning]);
     useEffect(() => {
-        if (capabilities.templates && backend) {
-            void backend.listTemplates().then(setTemplates);
-        }
+        if (!capabilities.templates || !backend)
+            return;
+        let cancelled = false;
+        void backend
+            .listTemplates()
+            .then((t) => {
+            if (!cancelled)
+                setTemplates(t);
+        })
+            .catch((err) => {
+            if (cancelled)
+                return;
+            uiStore
+                .getState()
+                .setToast(err instanceof Error ? err.message : 'Failed to load templates');
+        });
+        return () => {
+            cancelled = true;
+        };
     }, [backend, capabilities.templates]);
     // Load default view on startup
     const defaultViewLoadedRef = useRef(false);
@@ -156,7 +176,11 @@ export function WorkItemList() {
                 itemId,
                 timestamp: new Date().toISOString(),
             });
-            syncManager?.pushPending().catch(() => { });
+            syncManager?.pushPending().catch((err) => {
+                uiStore
+                    .getState()
+                    .setToast(err instanceof Error ? err.message : 'Sync failed');
+            });
         }
     };
     const pushUpdateUndo = (targetIds, label) => {
@@ -245,9 +269,16 @@ export function WorkItemList() {
         if (activeOverlay?.type !== 'command-bar' || !backend)
             return;
         let cancelled = false;
-        void backend.listWorkItems().then((items) => {
+        void backend
+            .listWorkItems()
+            .then((items) => {
             if (!cancelled)
                 setAllSearchItems(items);
+        })
+            .catch((err) => {
+            uiStore
+                .getState()
+                .setToast(err instanceof Error ? err.message : 'Failed to load items');
         });
         return () => {
             cancelled = true;
@@ -282,6 +313,7 @@ export function WorkItemList() {
         chromeLines,
         linesPerItem: 1,
     });
+    const markedDistribution = useMemo(() => getMarkedDistribution(markedIds, treeItems.map((t) => t.item), viewport.start, viewport.end), [markedIds, treeItems, viewport.start, viewport.end]);
     // Block 1.5: Description scroll handler — active when full description is shown
     useInput((_input, key) => {
         if (_input === ' ' || key.escape) {
@@ -456,14 +488,21 @@ export function WorkItemList() {
                     refreshData();
                     setToast(`Undid ${entry.label}`);
                 }
-            })();
+            })().catch((err) => {
+                uiStore
+                    .getState()
+                    .setToast(err instanceof Error ? err.message : 'Undo failed');
+            });
         }
         if (input === 'o' && treeItems.length > 0 && backend) {
             void (async () => {
                 const itemId = treeItems[cursor].item.id;
                 await backend.openItem(itemId);
-                void backendDataStore.getState().reloadItem(itemId);
-            })();
+                void backendDataStore
+                    .getState()
+                    .reloadItem(itemId)
+                    .catch(() => { });
+            })().catch(() => { });
         }
         if (input === 'b' && gitAvailable && treeItems.length > 0) {
             const item = treeItems[cursor].item;
@@ -485,7 +524,10 @@ export function WorkItemList() {
                 process.stdin.setRawMode?.(true);
                 setWarning(e instanceof Error ? e.message : 'Failed to start implementation');
             }
-            void backendDataStore.getState().reloadItem(item.id);
+            void backendDataStore
+                .getState()
+                .reloadItem(item.id)
+                .catch(() => { });
         }
         if (input === 'S') {
             navigate('status');
@@ -512,7 +554,8 @@ export function WorkItemList() {
         if (input === 'v') {
             void configStore
                 .getState()
-                .update({ showDetailPanel: !showDetailPanel });
+                .update({ showDetailPanel: !showDetailPanel })
+                .catch(() => { });
         }
         if (input === ' ' && showDetailPanel && hasDescription) {
             setShowFullDescription(true);
@@ -532,8 +575,13 @@ export function WorkItemList() {
             clearWarning();
         }
         if (input === 'r' && syncManager) {
-            void syncManager.sync().then(() => {
+            void syncManager
+                .sync()
+                .then(() => {
                 refreshData();
+            })
+                .catch(() => {
+                // Errors recorded in syncStatus by SyncManager
             });
         }
         if (input === 'm' && treeItems.length > 0) {
@@ -820,8 +868,11 @@ export function WorkItemList() {
                     void (async () => {
                         const itemId = treeItems[cursor].item.id;
                         await backend.openItem(itemId);
-                        void backendDataStore.getState().reloadItem(itemId);
-                    })();
+                        void backendDataStore
+                            .getState()
+                            .reloadItem(itemId)
+                            .catch(() => { });
+                    })().catch(() => { });
                 }
                 break;
             case 'branch':
@@ -844,12 +895,20 @@ export function WorkItemList() {
                         process.stdin.setRawMode?.(true);
                         setWarning(e instanceof Error ? e.message : 'Failed to start implementation');
                     }
-                    void backendDataStore.getState().reloadItem(item.id);
+                    void backendDataStore
+                        .getState()
+                        .reloadItem(item.id)
+                        .catch(() => { });
                 }
                 break;
             case 'sync':
                 if (syncManager) {
-                    void syncManager.sync().then(() => refreshData());
+                    void syncManager
+                        .sync()
+                        .then(() => refreshData())
+                        .catch(() => {
+                        // Errors recorded in syncStatus by SyncManager
+                    });
                 }
                 break;
             case 'iterations':
@@ -979,7 +1038,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: ` (${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 === 'command-bar' ? (_jsx(OverlayPanel, { title: "Commands", items: commandBarItems, placeholder: "Type to search...", externalFilter: true, onQueryChange: setCommandBarQuery, onSelect: (item) => {
+    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 && (_jsxs(Text, { color: "magenta", children: [` ● ${markedCount}`, markedDistribution.above > 0 && ` ↑${markedDistribution.above}`, markedDistribution.below > 0 && ` ↓${markedDistribution.below}`] })), 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 === 'command-bar' ? (_jsx(OverlayPanel, { title: "Commands", items: commandBarItems, placeholder: "Type to search...", externalFilter: true, onQueryChange: setCommandBarQuery, onSelect: (item) => {
                         if (item.kind === 'issue') {
                             const workItem = allSearchItems.find((i) => i.id === item.value);
                             if (workItem)
@@ -1079,7 +1138,11 @@ export function WorkItemList() {
                             setToast(targetIds.length === 1
                                 ? 'Status updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
-                        })();
+                        })().catch((err) => {
+                            uiStore
+                                .getState()
+                                .setToast(err instanceof Error ? err.message : 'Update failed');
+                        });
                     }, 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),
@@ -1103,7 +1166,11 @@ export function WorkItemList() {
                             setToast(targetIds.length === 1
                                 ? 'Type updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
-                        })();
+                        })().catch((err) => {
+                            uiStore
+                                .getState()
+                                .setToast(err instanceof Error ? err.message : 'Update failed');
+                        });
                     }, onCancel: () => closeOverlay() })) : activeOverlay?.type === 'priority-picker' ? (_jsx(OverlayPanel, { title: "Set Priority", items: [
                         { id: 'critical', label: 'Critical', value: 'critical' },
                         { id: 'high', label: 'High', value: 'high' },
@@ -1127,7 +1194,11 @@ export function WorkItemList() {
                             setToast(targetIds.length === 1
                                 ? 'Priority updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
-                        })();
+                        })().catch((err) => {
+                            uiStore
+                                .getState()
+                                .setToast(err instanceof Error ? err.message : 'Update failed');
+                        });
                     }, onCancel: () => closeOverlay() })) : activeOverlay?.type === 'template-picker' ? (_jsx(OverlayPanel, { title: "Select Template", items: [
                         { id: '__none__', label: 'No template', value: '__none__' },
                         ...templates.map((t) => ({
@@ -1180,7 +1251,7 @@ export function WorkItemList() {
                             setToast(targetIds.length === 1
                                 ? 'Parent updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
-                        })();
+                        })().catch(() => { });
                     }, onSubmitFreeform: (text) => {
                         const targetIds = getOverlayTargetIds();
                         if (!backend)
@@ -1212,7 +1283,7 @@ export function WorkItemList() {
                             setToast(targetIds.length === 1
                                 ? 'Parent updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
-                        })();
+                        })().catch(() => { });
                     }, 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();
@@ -1232,7 +1303,11 @@ export function WorkItemList() {
                             setToast(targetIds.length === 1
                                 ? 'Assignee updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
-                        })();
+                        })().catch((err) => {
+                            uiStore
+                                .getState()
+                                .setToast(err instanceof Error ? err.message : 'Update failed');
+                        });
                     }, onSubmitFreeform: (text) => {
                         const targetIds = getOverlayTargetIds();
                         closeOverlay();
@@ -1252,7 +1327,11 @@ export function WorkItemList() {
                             setToast(targetIds.length === 1
                                 ? 'Assignee updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
-                        })();
+                        })().catch((err) => {
+                            uiStore
+                                .getState()
+                                .setToast(err instanceof Error ? err.message : 'Update failed');
+                        });
                     }, 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,
@@ -1275,7 +1354,11 @@ export function WorkItemList() {
                             setToast(targetIds.length === 1
                                 ? 'Labels updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
-                        })();
+                        })().catch((err) => {
+                            uiStore
+                                .getState()
+                                .setToast(err instanceof Error ? err.message : 'Update failed');
+                        });
                     }, onSubmitFreeform: (text) => {
                         const targetIds = getOverlayTargetIds();
                         closeOverlay();
@@ -1297,7 +1380,11 @@ export function WorkItemList() {
                             setToast(targetIds.length === 1
                                 ? 'Labels updated — press u to undo'
                                 : `${targetIds.length} items updated — press u to undo`);
-                        })();
+                        })().catch((err) => {
+                            uiStore
+                                .getState()
+                                .setToast(err instanceof Error ? err.message : 'Update failed');
+                        });
                     }, onCancel: () => closeOverlay(), placeholder: "Type to filter labels..." })) : activeOverlay?.type === 'sort-picker' ? (_jsx(OverlayPanel, { title: "Order by", items: sortPickerItems, onSelect: (item) => {
                         closeOverlay();
                         if (item.value === '__clear__') {
@@ -1360,9 +1447,12 @@ export function WorkItemList() {
                                 ...(sortStack.length > 0 ? { sort: [...sortStack] } : {}),
                             };
                             const existing = savedViews.filter((v) => v.name !== lastViewName);
-                            void configStore.getState().update({
+                            void configStore
+                                .getState()
+                                .update({
                                 views: [...existing, newView],
-                            });
+                            })
+                                .catch(() => { });
                             filterStore.setState({
                                 activeViewName: lastViewName,
                             });
@@ -1388,11 +1478,17 @@ export function WorkItemList() {
                     }, onAction: (item) => {
                         if (item.value === '__no-filters__' ||
                             item.value === defaultView) {
-                            void configStore.getState().update({ defaultView: undefined });
+                            void configStore
+                                .getState()
+                                .update({ defaultView: undefined })
+                                .catch(() => { });
                             setToast('Default view cleared');
                         }
                         else {
-                            void configStore.getState().update({ defaultView: item.value });
+                            void configStore
+                                .getState()
+                                .update({ defaultView: item.value })
+                                .catch(() => { });
                             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) => {
@@ -1406,20 +1502,26 @@ export function WorkItemList() {
                             ...(sortStack.length > 0 ? { sort: [...sortStack] } : {}),
                         };
                         const existing = savedViews.filter((v) => v.name !== name.trim());
-                        void configStore.getState().update({
+                        void configStore
+                            .getState()
+                            .update({
                             views: [...existing, newView],
-                        });
+                        })
+                            .catch(() => { });
                         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({
+                        void configStore
+                            .getState()
+                            .update({
                             views: remaining,
                             ...(defaultView === item.value
                                 ? { defaultView: undefined }
                                 : {}),
-                        });
+                        })
+                            .catch(() => { });
                         if (activeViewName === item.value) {
                             filterStore.setState({ activeViewName: null });
                         }
@@ -1474,7 +1576,11 @@ export function WorkItemList() {
                                 setToast(targetIds.length === 1
                                     ? `Item #${targetIds[0]} deleted${softDelete ? ' — press u to undo' : ''}`
                                     : `${targetIds.length} items deleted${softDelete ? ' — press u to undo' : ''}`);
-                            })();
+                            })().catch((err) => {
+                                uiStore
+                                    .getState()
+                                    .setToast(err instanceof Error ? err.message : 'Delete failed');
+                            });
                         }
                         else {
                             closeOverlay();