@sascha384/tic 4.7.0 → 4.9.0

package/dist/components/TableLayout.js

@@ -2,147 +2,67 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { memo, useMemo } from 'react';
 import { Box, Text } from 'ink';
 import { useThemeStore } from '../stores/themeStore.js';
-import { ColorPill } from './ColorPill.js';
 const gap = 2;
 const MARKER_WIDTH = 2;
 const TITLE_MIN_WIDTH = 30;
-const FIXED_STATUS = 14;
-const FIXED_PRIORITY = 12;
-const FIXED_ASSIGNEE = 20;
-const FIXED_LABELS = 20;
-function hasData(treeItems, field) {
-    return treeItems.some(({ item }) => {
-        if (field === 'labels')
-            return item.labels.length > 0;
-        return !!item[field];
-    });
-}
-function computeColumnWidths(treeItems, capabilities, terminalWidth) {
-    // ID column — sized to longest visible ID + gap
-    const maxIdLen = treeItems.reduce((max, { item }) => Math.max(max, item.id.length), 2);
-    const id = maxIdLen + gap;
-    // Start with mandatory columns: marker + id + title_min + gap(title)
-    // Budget = remaining space for optional columns (status, assignee, labels, priority)
-    let budget = terminalWidth - MARKER_WIDTH - id - TITLE_MIN_WIDTH - gap;
-    // Try adding optional columns; removal order when narrow: priority, labels, status
-    // Assignee is kept as long as status is shown (they share the same budget tier)
-    let showAssignee = false;
-    let assignee = 0;
-    if (capabilities.fields.assignee &&
-        hasData(treeItems, 'assignee') &&
-        budget >= FIXED_ASSIGNEE + gap) {
-        showAssignee = true;
-        assignee = FIXED_ASSIGNEE;
-        budget -= assignee + gap;
-    }
-    let showStatus = false;
-    const status = FIXED_STATUS;
-    if (budget >= status + gap) {
-        showStatus = true;
-        budget -= status + gap;
+function computeVisibleColumns(columns, items, terminalWidth, showMarker) {
+    const markerWidth = showMarker ? MARKER_WIDTH : 0;
+    // Find the flex column (width === -1)
+    const flexIndex = columns.findIndex((c) => c.width === -1);
+    // Start by computing required columns and their fixed widths
+    const result = columns.map((col) => ({
+        key: col.key,
+        header: col.header,
+        width: col.width === -1 ? 0 : col.width,
+        visible: false,
+        sortable: col.sortable ?? false,
+    }));
+    // Always show required columns
+    let usedWidth = markerWidth;
+    for (let i = 0; i < columns.length; i++) {
+        const col = columns[i];
+        if (col.required) {
+            result[i].visible = true;
+            if (col.width !== -1) {
+                usedWidth += col.width + gap;
+            }
+        }
     }
-    let showLabels = false;
-    let labels = 0;
-    if (capabilities.fields.labels &&
-        hasData(treeItems, 'labels') &&
-        budget >= FIXED_LABELS + gap) {
-        showLabels = true;
-        labels = FIXED_LABELS;
-        budget -= labels + gap;
+    // Sort optional columns by descending hidePriority
+    const optionalIndices = columns
+        .map((col, i) => ({ col, i }))
+        .filter(({ col }) => !col.required && col.width !== -1)
+        .sort((a, b) => (b.col.hidePriority ?? 0) - (a.col.hidePriority ?? 0));
+    // Try to fit optional columns
+    for (const { col, i } of optionalIndices) {
+        // Skip if hasData returns false
+        if (col.hasData && !col.hasData(items))
+            continue;
+        const needed = col.width + gap;
+        if (usedWidth + needed + TITLE_MIN_WIDTH <= terminalWidth ||
+            flexIndex === -1) {
+            result[i].visible = true;
+            usedWidth += needed;
+        }
     }
-    let showPriority = false;
-    let priority = 0;
-    if (capabilities.fields.priority &&
-        hasData(treeItems, 'priority') &&
-        budget >= FIXED_PRIORITY) {
-        showPriority = true;
-        priority = FIXED_PRIORITY;
+    // Flex column gets remaining space
+    if (flexIndex !== -1) {
+        const flexWidth = Math.max(TITLE_MIN_WIDTH, terminalWidth - usedWidth);
+        result[flexIndex].width = flexWidth;
+        result[flexIndex].visible = true;
     }
-    // Title gets all remaining space after fixed columns
-    const titleWidth = terminalWidth -
-        MARKER_WIDTH -
-        id -
-        gap -
-        (showStatus ? status + gap : 0) -
-        (showAssignee ? assignee + gap : 0) -
-        (showLabels ? labels + gap : 0) -
-        (showPriority ? priority : 0);
-    return {
-        id,
-        title: titleWidth,
-        status,
-        priority,
-        assignee,
-        labels,
-        showPriority,
-        showAssignee,
-        showLabels,
-        showStatus,
-    };
+    return result;
 }
-const TableRow = memo(function TableRow({ treeItem, selected, marked, collapseIndicator, capabilities, columns, }) {
+const GenericTableRow = memo(function GenericTableRow({ item, selected, marked, columns, computedColumns, showMarker, }) {
     const { accent, accentBg } = useThemeStore((s) => s.colors);
-    const { item, prefix, isCrossType } = treeItem;
-    const hasUnresolvedDeps = item.dependsOn.length > 0;
-    const typeLabel = isCrossType ? ` (${item.type})` : '';
-    const dimmed = isCrossType && !selected;
-    return (_jsxs(Box, { ...(marked && !selected ? { backgroundColor: accentBg } : {}), children: [_jsx(Box, { width: 2, children: _jsx(Text, { color: accent, children: selected ? '>' : ' ' }) }), _jsx(Box, { width: columns.id, overflowX: "hidden", children: _jsx(Text, { color: selected ? accent : undefined, bold: selected, dimColor: dimmed, children: item.id }) }), _jsx(Box, { width: columns.title, marginRight: gap, overflowX: "hidden", children: _jsxs(Text, { color: selected ? accent : undefined, bold: selected, dimColor: dimmed, wrap: "truncate", children: [capabilities.relationships ? prefix : '', collapseIndicator, item.title, typeLabel] }) }), columns.showStatus && (_jsxs(Box, { width: columns.status, marginRight: gap, overflowX: "hidden", children: [capabilities.fields.dependsOn && hasUnresolvedDeps && (_jsx(Text, { dimColor: dimmed, children: "\u29D7 " })), _jsx(ColorPill, { field: "status", value: item.status })] })), columns.showAssignee && (_jsx(Box, { width: columns.assignee, marginRight: gap, overflowX: "hidden", children: _jsx(Text, { color: selected ? accent : undefined, bold: selected, dimColor: dimmed, wrap: "truncate", children: item.assignee }) })), columns.showLabels && (_jsx(Box, { width: columns.labels, marginRight: columns.showPriority ? gap : 0, overflowX: "hidden", children: (() => {
-                    const maxWidth = columns.labels;
-                    const rendered = [];
-                    let usedWidth = 0;
-                    for (const label of item.labels) {
-                        // Each pill takes label.length + 2 (padding), plus 1 gap between pills
-                        const pillWidth = label.length + 2;
-                        const needed = usedWidth === 0 ? pillWidth : pillWidth + 1;
-                        if (usedWidth + needed > maxWidth) {
-                            const remaining = item.labels.length - rendered.length;
-                            if (remaining > 0) {
-                                return (_jsxs(Box, { gap: 1, children: [rendered.map((l) => (_jsx(ColorPill, { field: "label", value: l }, l))), _jsxs(Text, { dimColor: true, children: ["+", remaining] })] }));
-                            }
-                            break;
-                        }
-                        rendered.push(label);
-                        usedWidth += needed;
-                    }
-                    return (_jsx(Box, { gap: 1, children: rendered.map((l) => (_jsx(ColorPill, { field: "label", value: l }, l))) }));
-                })() })), columns.showPriority && (_jsx(Box, { width: columns.priority, overflowX: "hidden", children: item.priority ? (_jsx(ColorPill, { field: "priority", value: item.priority })) : (_jsx(Text, { children: " " })) }))] }));
-}, (prev, next) => {
-    if (prev.selected !== next.selected)
-        return false;
-    if (prev.marked !== next.marked)
-        return false;
-    if (prev.collapseIndicator !== next.collapseIndicator)
-        return false;
-    if (prev.capabilities !== next.capabilities)
-        return false;
-    if (prev.columns !== next.columns)
-        return false;
-    const prevItem = prev.treeItem.item;
-    const nextItem = next.treeItem.item;
-    if (prevItem.id !== nextItem.id)
-        return false;
-    if (prevItem.status !== nextItem.status)
-        return false;
-    if (prevItem.title !== nextItem.title)
-        return false;
-    if (prevItem.priority !== nextItem.priority)
-        return false;
-    if (prevItem.assignee !== nextItem.assignee)
-        return false;
-    if (prev.treeItem.prefix !== next.treeItem.prefix)
-        return false;
-    if (prev.treeItem.isCrossType !== next.treeItem.isCrossType)
-        return false;
-    // labels array — compare by joined string
-    if (prevItem.labels.join(',') !== nextItem.labels.join(','))
-        return false;
-    // dependsOn length affects the deps indicator
-    if (prevItem.dependsOn.length !== nextItem.dependsOn.length)
-        return false;
-    // item.type affects typeLabel for cross-type items
-    if (prevItem.type !== nextItem.type)
-        return false;
-    return true;
+    return (_jsxs(Box, { ...(marked && !selected ? { backgroundColor: accentBg } : {}), children: [showMarker && (_jsx(Box, { width: MARKER_WIDTH, children: _jsx(Text, { color: accent, children: selected ? '>' : ' ' }) })), computedColumns.map((cc, i) => {
+                if (!cc.visible)
+                    return null;
+                const colDef = columns[i];
+                const lastVisibleIndex = computedColumns.findLastIndex((c) => c.visible);
+                const isLast = i === lastVisibleIndex;
+                return (_jsx(Box, { width: cc.width, marginRight: isLast ? 0 : gap, overflowX: "hidden", children: colDef.render(item, selected) }, cc.key));
+            })] }));
 });
 function sortedHeaderLabel(baseLabel, column, sortStack) {
     const idx = sortStack.findIndex((e) => e.column === column);
@@ -153,12 +73,21 @@ function sortedHeaderLabel(baseLabel, column, sortStack) {
     const pos = sortStack.length > 1 ? `${idx + 1}` : '';
     return `${baseLabel} ${pos}${arrow}`;
 }
-function TableLayoutInner({ treeItems, cursor, capabilities, collapsedIds, markedIds, terminalWidth, sortStack, }) {
+function TableLayoutInner({ items, columns, cursor, terminalWidth, getKey, showMarker = true, isMarked, sortStack, }) {
     const { mutedDim } = useThemeStore((s) => s.colors);
     const ss = sortStack ?? [];
-    const columns = useMemo(() => computeColumnWidths(treeItems, capabilities, terminalWidth), [treeItems, capabilities, terminalWidth]);
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [_jsx(Box, { width: 2, children: _jsx(Text, { children: " " }) }), _jsx(Box, { width: columns.id, children: _jsx(Text, { bold: true, underline: true, children: sortedHeaderLabel('ID', 'id', ss) }) }), _jsx(Box, { width: columns.title, marginRight: gap, children: _jsx(Text, { bold: true, underline: true, children: sortedHeaderLabel('Title', 'title', ss) }) }), columns.showStatus && (_jsx(Box, { width: columns.status, marginRight: gap, children: _jsx(Text, { bold: true, underline: true, children: sortedHeaderLabel('Status', 'status', ss) }) })), columns.showAssignee && (_jsx(Box, { width: columns.assignee, marginRight: gap, children: _jsx(Text, { bold: true, underline: true, children: sortedHeaderLabel('Assignee', 'assignee', ss) }) })), columns.showLabels && (_jsx(Box, { width: columns.labels, marginRight: columns.showPriority ? gap : 0, children: _jsx(Text, { bold: true, underline: true, children: "Labels" }) })), columns.showPriority && (_jsx(Box, { width: columns.priority, children: _jsx(Text, { bold: true, underline: true, children: sortedHeaderLabel('Priority', 'priority', ss) }) }))] }), (() => {
-                const nonVisibleSorts = ss.filter((e) => e.column === 'created' || e.column === 'updated');
+    const computedColumns = useMemo(() => computeVisibleColumns(columns, items, terminalWidth, showMarker), [columns, items, terminalWidth, showMarker]);
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { children: [showMarker && (_jsx(Box, { width: MARKER_WIDTH, children: _jsx(Text, { children: " " }) })), computedColumns.map((cc, i) => {
+                        if (!cc.visible)
+                            return null;
+                        const lastVisibleIndex = computedColumns.findLastIndex((c) => c.visible);
+                        const isLast = i === lastVisibleIndex;
+                        return (_jsx(Box, { width: cc.width, marginRight: isLast ? 0 : gap, children: _jsx(Text, { bold: true, underline: true, children: cc.sortable
+                                    ? sortedHeaderLabel(cc.header, cc.key, ss)
+                                    : cc.header }) }, cc.key));
+                    })] }), (() => {
+                const visibleKeys = new Set(computedColumns.filter((c) => c.visible).map((c) => c.key));
+                const nonVisibleSorts = ss.filter((e) => !visibleKeys.has(e.column));
                 if (nonVisibleSorts.length === 0)
                     return null;
                 const parts = nonVisibleSorts.map((e) => {
@@ -169,15 +98,7 @@ function TableLayoutInner({ treeItems, cursor, capabilities, collapsedIds, marke
                     return `${label} ${pos}${arrow}`;
                 });
                 return (_jsx(Box, { children: _jsxs(Text, { dimColor: mutedDim, children: ["Sorted by: ", parts.join(', ')] }) }));
-            })(), treeItems.map((treeItem, idx) => {
-                const { item, hasChildren } = treeItem;
-                const collapseIndicator = hasChildren
-                    ? collapsedIds.has(item.id)
-                        ? '▶ '
-                        : '▼ '
-                    : '  ';
-                return (_jsx(TableRow, { treeItem: treeItem, selected: idx === cursor, marked: markedIds.has(item.id), collapseIndicator: collapseIndicator, capabilities: capabilities, columns: columns }, `${item.id}-${item.type}`));
-            })] }));
+            })(), items.map((item, idx) => (_jsx(GenericTableRow, { item: item, selected: idx === cursor, marked: isMarked ? isMarked(item) : false, columns: columns, computedColumns: computedColumns, showMarker: showMarker }, getKey(item))))] }));
 }
 export const TableLayout = memo(TableLayoutInner);
 //# sourceMappingURL=TableLayout.js.map

package/dist/components/TableLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableLayout.js","sourceRoot":"","sources":["../../src/components/TableLayout.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableLayout.js","sourceRoot":"","sources":["../../src/components/TableLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEhC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAwCxD,MAAM,GAAG,GAAG,CAAC,CAAC;AACd,MAAM,YAAY,GAAG,CAAC,CAAC;AACvB,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,SAAS,qBAAqB,CAC5B,OAAuB,EACvB,KAAU,EACV,aAAqB,EACrB,UAAmB;IAEnB,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAElD,sCAAsC;IACtC,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC;IAE3D,6DAA6D;IAC7D,MAAM,MAAM,GAAqB,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;QACrD,GAAG,EAAE,GAAG,CAAC,GAAG;QACZ,MAAM,EAAE,GAAG,CAAC,MAAM;QAClB,KAAK,EAAE,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK;QACvC,OAAO,EAAE,KAAK;QACd,QAAQ,EAAE,GAAG,CAAC,QAAQ,IAAI,KAAK;KAChC,CAAC,CAAC,CAAC;IAEJ,+BAA+B;IAC/B,IAAI,SAAS,GAAG,WAAW,CAAC;IAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,MAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAE,CAAC;QACxB,IAAI,GAAG,CAAC,QAAQ,EAAE,CAAC;YACjB,MAAM,CAAC,CAAC,CAAE,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,IAAI,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;gBACrB,SAAS,IAAI,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC;IAED,mDAAmD;IACnD,MAAM,eAAe,GAAG,OAAO;SAC5B,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAC;SAC7B,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;SACtD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC;IAEzE,8BAA8B;IAC9B,KAAK,MAAM,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,eAAe,EAAE,CAAC;QACzC,gCAAgC;QAChC,IAAI,GAAG,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC;YAAE,SAAS;QAEjD,MAAM,MAAM,GAAG,GAAG,CAAC,KAAK,GAAG,GAAG,CAAC;QAC/B,IACE,SAAS,GAAG,MAAM,GAAG,eAAe,IAAI,aAAa;YACrD,SAAS,KAAK,CAAC,CAAC,EAChB,CAAC;YACD,MAAM,CAAC,CAAC,CAAE,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,SAAS,IAAI,MAAM,CAAC;QACtB,CAAC;IACH,CAAC;IAED,mCAAmC;IACnC,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC;QACrB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,GAAG,SAAS,CAAC,CAAC;QACvE,MAAM,CAAC,SAAS,CAAE,CAAC,KAAK,GAAG,SAAS,CAAC;QACrC,MAAM,CAAC,SAAS,CAAE,CAAC,OAAO,GAAG,IAAI,CAAC;IACpC,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAWD,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,eAAe,CAAI,EACvD,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,eAAe,EACf,UAAU,GACc;IACxB,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5D,OAAO,CACL,MAAC,GAAG,OAAK,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAChE,UAAU,IAAI,CACb,KAAC,GAAG,IAAC,KAAK,EAAE,YAAY,YACtB,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,YAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAQ,GAC9C,CACP,EACA,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;gBAC7B,IAAI,CAAC,EAAE,CAAC,OAAO;oBAAE,OAAO,IAAI,CAAC;gBAC7B,MAAM,MAAM,GAAG,OAAO,CAAC,CAAC,CAAE,CAAC;gBAC3B,MAAM,gBAAgB,GAAG,eAAe,CAAC,aAAa,CACpD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CACjB,CAAC;gBACF,MAAM,MAAM,GAAG,CAAC,KAAK,gBAAgB,CAAC;gBACtC,OAAO,CACL,KAAC,GAAG,IAEF,KAAK,EAAE,EAAE,CAAC,KAAK,EACf,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,EAC7B,SAAS,EAAC,QAAQ,YAEjB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,IALzB,EAAE,CAAC,GAAG,CAMP,CACP,CAAC;YACJ,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAwD,CAAC;AAE1D,SAAS,iBAAiB,CACxB,SAAiB,EACjB,MAAc,EACd,SAAsB;IAEtB,MAAM,GAAG,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;IAC5D,IAAI,GAAG,KAAK,CAAC,CAAC;QAAE,OAAO,SAAS,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAE,CAAC;IAC9B,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC9D,MAAM,GAAG,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACrD,OAAO,GAAG,SAAS,IAAI,GAAG,GAAG,KAAK,EAAE,CAAC;AACvC,CAAC;AAED,SAAS,gBAAgB,CAAI,EAC3B,KAAK,EACL,OAAO,EACP,MAAM,EACN,aAAa,EACb,MAAM,EACN,UAAU,GAAG,IAAI,EACjB,QAAQ,EACR,SAAS,GACW;IACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACpD,MAAM,EAAE,GAAG,SAAS,IAAI,EAAE,CAAC;IAC3B,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,qBAAqB,CAAC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,CAAC,EACtE,CAAC,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,UAAU,CAAC,CAC5C,CAAC;IAEF,OAAO,CACL,8BACE,MAAC,GAAG,eACD,UAAU,IAAI,CACb,KAAC,GAAG,IAAC,KAAK,EAAE,YAAY,YACtB,KAAC,IAAI,oBAAS,GACV,CACP,EACA,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;wBAC7B,IAAI,CAAC,EAAE,CAAC,OAAO;4BAAE,OAAO,IAAI,CAAC;wBAC7B,MAAM,gBAAgB,GAAG,eAAe,CAAC,aAAa,CACpD,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CACjB,CAAC;wBACF,MAAM,MAAM,GAAG,CAAC,KAAK,gBAAgB,CAAC;wBACtC,OAAO,CACL,KAAC,GAAG,IAAc,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,YAC9D,KAAC,IAAI,IAAC,IAAI,QAAC,SAAS,kBACjB,EAAE,CAAC,QAAQ;oCACV,CAAC,CAAC,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC;oCAC1C,CAAC,CAAC,EAAE,CAAC,MAAM,GACR,IALC,EAAE,CAAC,GAAG,CAMV,CACP,CAAC;oBACJ,CAAC,CAAC,IACE,EAEL,CAAC,GAAG,EAAE;gBACL,MAAM,WAAW,GAAG,IAAI,GAAG,CACzB,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAC3D,CAAC;gBACF,MAAM,eAAe,GAAG,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;gBACrE,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC;oBAAE,OAAO,IAAI,CAAC;gBAC9C,MAAM,KAAK,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE;oBACtC,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;oBAC1B,MAAM,KAAK,GAAG,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;oBAC1D,MAAM,GAAG,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC9C,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;oBACnE,OAAO,GAAG,KAAK,IAAI,GAAG,GAAG,KAAK,EAAE,CAAC;gBACnC,CAAC,CAAC,CAAC;gBACH,OAAO,CACL,KAAC,GAAG,cACF,MAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,4BAAc,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAQ,GAC1D,CACP,CAAC;YACJ,CAAC,CAAC,EAAE,EAEH,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CACxB,KAAC,eAAe,IAEd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,KAAK,MAAM,EACxB,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,EACzC,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IANjB,MAAM,CAAC,IAAI,CAAC,CAOjB,CACH,CAAC,IACD,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAE/B,CAAC"}

package/dist/components/WorkItemList.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useMemo, useEffect, useCallback, useRef } from 'react';
 import { Box, Text, useInput, useApp } from 'ink';
 import { navigationStore, useNavigationStore, } from '../stores/navigationStore.js';
@@ -9,6 +9,7 @@ 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 { ColorPill } from './ColorPill.js';
 import { useTerminalSize } from '../hooks/useTerminalSize.js';
 import { useScrollViewport } from '../hooks/useScrollViewport.js';
 import { useBackendDataStore, backendDataStore, } from '../stores/backendDataStore.js';
@@ -18,12 +19,108 @@ import { getVisibleCommands, } from '../commands.js';
 import { OverlayPanel } from './OverlayPanel.js';
 import { DetailPanel } from './DetailPanel.js';
 import { undoStore } from '../stores/undoStore.js';
-import { recentCommandsStore, useRecentCommandsStore, } from '../stores/recentCommandsStore.js';
+import { CommandBar } from './CommandBar.js';
 import { isSoftDeleteBackend } from '../backends/types.js';
 import { filterStore, useFilterStore } from '../stores/filterStore.js';
 import { useThemeStore } from '../stores/themeStore.js';
 import { applyFilters, countActiveFilters, summarizeFilters, } from '../filters.js';
 const EMPTY_VIEWS = [];
+function buildWorkItemColumns(capabilities, collapsedIds, accent) {
+    const columns = [];
+    // ID column
+    columns.push({
+        key: 'id',
+        header: 'ID',
+        width: 4, // overridden dynamically via useMemo
+        required: true,
+        sortable: true,
+        render: (ti, selected) => (_jsx(Text, { color: selected ? accent : undefined, bold: selected, dimColor: ti.isCrossType && !selected, children: ti.item.id })),
+    });
+    // Title column (flex)
+    columns.push({
+        key: 'title',
+        header: 'Title',
+        width: -1,
+        required: true,
+        sortable: true,
+        render: (ti, selected) => {
+            const { item, prefix, isCrossType, hasChildren } = ti;
+            const collapseIndicator = hasChildren
+                ? collapsedIds.has(item.id)
+                    ? '\u25B6 '
+                    : '\u25BC '
+                : '  ';
+            const typeLabel = isCrossType ? ` (${item.type})` : '';
+            return (_jsxs(Text, { color: selected ? accent : undefined, bold: selected, dimColor: isCrossType && !selected, wrap: "truncate", children: [capabilities.relationships ? prefix : '', collapseIndicator, item.title, typeLabel] }));
+        },
+    });
+    // Status column
+    columns.push({
+        key: 'status',
+        header: 'Status',
+        width: 14,
+        hidePriority: 3,
+        sortable: true,
+        render: (ti, selected) => {
+            const hasUnresolvedDeps = ti.item.dependsOn.length > 0;
+            return (_jsxs(_Fragment, { children: [capabilities.fields.dependsOn && hasUnresolvedDeps && (_jsxs(Text, { dimColor: ti.isCrossType && !selected, children: ['\u29D7', " "] })), _jsx(ColorPill, { field: "status", value: ti.item.status })] }));
+        },
+    });
+    // Assignee column (conditional)
+    if (capabilities.fields.assignee) {
+        columns.push({
+            key: 'assignee',
+            header: 'Assignee',
+            width: 20,
+            hidePriority: 4,
+            sortable: true,
+            hasData: (items) => items.some(({ item }) => !!item.assignee),
+            render: (ti, selected) => (_jsx(Text, { color: selected ? accent : undefined, bold: selected, dimColor: ti.isCrossType && !selected, wrap: "truncate", children: ti.item.assignee })),
+        });
+    }
+    // Labels column (conditional)
+    if (capabilities.fields.labels) {
+        columns.push({
+            key: 'labels',
+            header: 'Labels',
+            width: 20,
+            hidePriority: 2,
+            hasData: (items) => items.some(({ item }) => item.labels.length > 0),
+            render: (ti) => {
+                const maxWidth = 20;
+                const rendered = [];
+                let usedWidth = 0;
+                for (const label of ti.item.labels) {
+                    const pillWidth = label.length + 2;
+                    const needed = usedWidth === 0 ? pillWidth : pillWidth + 1;
+                    if (usedWidth + needed > maxWidth) {
+                        const remaining = ti.item.labels.length - rendered.length;
+                        if (remaining > 0) {
+                            return (_jsxs(Box, { gap: 1, children: [rendered.map((l) => (_jsx(ColorPill, { field: "label", value: l }, l))), _jsxs(Text, { dimColor: true, children: ["+", remaining] })] }));
+                        }
+                        break;
+                    }
+                    rendered.push(label);
+                    usedWidth += needed;
+                }
+                return (_jsx(Box, { gap: 1, children: rendered.map((l) => (_jsx(ColorPill, { field: "label", value: l }, l))) }));
+            },
+        });
+    }
+    // Priority column (conditional)
+    if (capabilities.fields.priority) {
+        columns.push({
+            key: 'priority',
+            header: 'Priority',
+            width: 12,
+            hidePriority: 1,
+            sortable: true,
+            hasData: (items) => items.some(({ item }) => !!item.priority),
+            render: (ti) => ti.item.priority ? (_jsx(ColorPill, { field: "priority", value: ti.item.priority })) : (_jsx(Text, { children: " " })),
+        });
+    }
+    return columns;
+}
 export function getTargetIds(markedIds, cursorItem) {
     if (markedIds.size > 0) {
         return [...markedIds];
@@ -102,11 +199,9 @@ export function WorkItemList() {
     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([]);
     const [templates, setTemplates] = useState([]);
     const [showFullDescription, setShowFullDescription] = useState(false);
     const [descriptionScrollOffset, setDescriptionScrollOffset] = useState(0);
-    const [commandBarQuery, setCommandBarQuery] = useState('');
     // UI overlay state from store
     const { activeOverlay, warning, toast } = useUIStore(useShallow((s) => ({
         activeOverlay: s.activeOverlay,
@@ -268,25 +363,6 @@ export function WorkItemList() {
         setShowFullDescription(false);
         setDescriptionScrollOffset(0);
     }, [cursor]);
-    useEffect(() => {
-        if (activeOverlay?.type !== 'command-bar' || !backend)
-            return;
-        let cancelled = false;
-        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;
-        };
-    }, [activeOverlay?.type, backend]);
     // Description viewport calculation
     const currentItem = treeItems[cursor]?.item;
     const descriptionLines = currentItem?.description?.split('\n') ?? [];
@@ -428,6 +504,10 @@ export function WorkItemList() {
             navigate('pr-list');
             return;
         }
+        if (input === 'B' && gitAvailable) {
+            navigate('branch-list');
+            return;
+        }
         if (input === ',') {
             if (updateInfo?.updateAvailable) {
                 setSettingsInitialFocus('update-now');
@@ -661,12 +741,6 @@ export function WorkItemList() {
             }
         }
     }, { isActive: activeOverlay === null && !showFullDescription });
-    const handleSearchSelect = (item) => {
-        setCommandBarQuery('');
-        closeOverlay();
-        selectWorkItem(item.id);
-        navigate('form');
-    };
     const commandContext = {
         screen: 'list',
         markedCount: markedIds.size,
@@ -688,52 +762,6 @@ export function WorkItemList() {
         syncManager,
         gitAvailable,
     ]);
-    const recentIds = useRecentCommandsStore((s) => s.recentIds);
-    const commandBarItems = useMemo(() => {
-        const query = commandBarQuery.toLowerCase();
-        // Build command items (recent + categorized)
-        const commandMap = new Map(paletteCommands.map((c) => [c.id, c]));
-        const recentItems = [];
-        for (const id of recentIds) {
-            const cmd = commandMap.get(id);
-            if (cmd) {
-                recentItems.push({
-                    id: `recent-${cmd.id}`,
-                    label: cmd.label,
-                    value: cmd.id,
-                    category: 'Recent',
-                    kind: 'command',
-                });
-            }
-        }
-        const commandItems = paletteCommands.map((cmd) => ({
-            id: cmd.id,
-            label: cmd.label,
-            value: cmd.id,
-            category: cmd.category,
-            kind: 'command',
-        }));
-        let allItems = [...recentItems, ...commandItems];
-        // Filter commands by query
-        if (query) {
-            allItems = allItems.filter((item) => item.label.toLowerCase().includes(query));
-            // Add up to 5 matching issues
-            const matchingIssues = allSearchItems
-                .filter((item) => item.title.toLowerCase().includes(query) ||
-                item.id.toLowerCase().includes(query))
-                .slice(0, 5)
-                .map((item) => ({
-                id: `issue-${item.id}`,
-                label: `#${item.id} ${item.title}`,
-                value: item.id,
-                hint: item.type,
-                category: 'Issues',
-                kind: 'issue',
-            }));
-            allItems = [...allItems, ...matchingIssues];
-        }
-        return allItems;
-    }, [paletteCommands, recentIds, commandBarQuery, allSearchItems]);
     const sortPickerItems = useMemo(() => {
         const columns = [
             { column: 'id', label: 'ID' },
@@ -870,9 +898,7 @@ export function WorkItemList() {
         return items;
     }, [savedViews, defaultView, activeViewName, lastViewName, filterCount]);
     const handleCommandSelect = (command) => {
-        setCommandBarQuery('');
         closeOverlay();
-        recentCommandsStore.getState().addRecent(command.id);
         switch (command.id) {
             case 'create':
                 selectWorkItem(null);
@@ -1064,24 +1090,16 @@ export function WorkItemList() {
         ? activeType.charAt(0).toUpperCase() + activeType.slice(1) + 's'
         : '';
     const visibleTreeItems = useMemo(() => treeItems.slice(viewport.start, viewport.end), [treeItems, viewport.start, viewport.end]);
+    const workItemColumns = useMemo(() => {
+        const maxIdLen = visibleTreeItems.reduce((max, { item }) => Math.max(max, item.id.length), 2);
+        const cols = buildWorkItemColumns(capabilities, collapsedIds, accent);
+        cols[0].width = maxIdLen + 2;
+        return cols;
+    }, [visibleTreeItems, capabilities, collapsedIds, accent]);
     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: accent, children: [typeLabel, " \u2014 ", iteration] }), _jsx(Text, { dimColor: mutedDim, children: ` (${filterCount > 0 ? `${items.length}/${unfilteredCount}` : items.length} item${unfilteredCount === 1 ? '' : 's'})` }), markedCount > 0 && (_jsxs(Text, { color: marked, children: [` ● ${markedCount}`, markedDistribution.above > 0 && ` ↑${markedDistribution.above}`, markedDistribution.below > 0 && ` ↓${markedDistribution.below}`] })), filterCount > 0 && (_jsx(Text, { color: warningColor, 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: errorColor, children: "Failed to connect to backend:" }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: errorColor, children: initError }) }), _jsx(Text, { dimColor: mutedDim, children: "Press , for settings or q to quit." })] })), treeItems.length === 0 && !loading && !initError && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: mutedDim, 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: mutedDim, 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: mutedDim, children: "\u2191\u2193 scroll space/esc close" }), positionText && _jsxs(Text, { dimColor: mutedDim, 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)
-                                handleSearchSelect(workItem);
-                        }
-                        else {
-                            const cmd = paletteCommands.find((c) => c.id === item.value);
-                            if (cmd)
-                                handleCommandSelect(cmd);
-                        }
-                    }, onCancel: () => {
-                        setCommandBarQuery('');
-                        closeOverlay();
-                    } })) : activeOverlay?.type === 'bulk-menu' ? ((() => {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { wrap: "truncate", children: [_jsxs(Text, { bold: true, color: accent, children: [typeLabel, " \u2014 ", iteration] }), _jsx(Text, { dimColor: mutedDim, children: ` (${filterCount > 0 ? `${items.length}/${unfilteredCount}` : items.length} item${unfilteredCount === 1 ? '' : 's'})` }), markedCount > 0 && (_jsxs(Text, { color: marked, children: [` ● ${markedCount}`, markedDistribution.above > 0 && ` ↑${markedDistribution.above}`, markedDistribution.below > 0 && ` ↓${markedDistribution.below}`] })), filterCount > 0 && (_jsx(Text, { color: warningColor, children: ` [${filterCount} filter${filterCount === 1 ? '' : 's'}${activeViewName ? `: ${activeViewName}` : ''}]` }))] }) }), _jsx(TableLayout, { items: visibleTreeItems, columns: workItemColumns, cursor: viewport.visibleCursor, terminalWidth: terminalWidth, getKey: (ti) => `${ti.item.id}-${ti.item.type}`, isMarked: (ti) => markedIds.has(ti.item.id), sortStack: sortStack }), treeItems.length === 0 && !loading && initError && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: errorColor, children: "Failed to connect to backend:" }), _jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: errorColor, children: initError }) }), _jsx(Text, { dimColor: mutedDim, children: "Press , for settings or q to quit." })] })), treeItems.length === 0 && !loading && !initError && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: mutedDim, 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: mutedDim, 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: mutedDim, children: "\u2191\u2193 scroll space/esc close" }), positionText && _jsxs(Text, { dimColor: mutedDim, children: [" ", positionText] })] })) : activeOverlay?.type === 'command-bar' ? (_jsx(CommandBar, { commands: paletteCommands, onCommand: handleCommandSelect, onCancel: closeOverlay })) : activeOverlay?.type === 'bulk-menu' ? ((() => {
                     const bulkItems = [];
                     bulkItems.push({
                         id: 'status',