feat(KB-256): reposition QuickEntryBox above table headers in ListView

- Move QuickEntryBox from below headers to above the table in ListView
- Update CSS to support new positioning with sticky header layout
- Adjust ListView component structure for better visual hierarchy
- Update ListView tests to reflect new component ordering
This commit is contained in:
gsxdsm
2026-03-30 23:18:59 -07:00
parent fb123f289d
commit b139876e98
4 changed files with 40 additions and 15 deletions

View File

@@ -469,17 +469,6 @@ export function ListView({
) : null}
</div>
<div className="list-create-area">
<QuickEntryBox
onCreate={onQuickCreate ?? (async () => addToast("Task creation not available", "error"))}
addToast={addToast}
tasks={tasks}
availableModels={availableModels}
onPlanningMode={onPlanningMode}
onSubtaskBreakdown={onSubtaskBreakdown}
/>
</div>
<div className="list-drop-zones">
{COLUMNS.map((column) => {
const totalCount = tasks.filter((t) => t.column === column).length;
@@ -508,6 +497,16 @@ export function ListView({
</div>
<div className="list-table-container">
<div className="list-quick-entry-above-table">
<QuickEntryBox
onCreate={onQuickCreate ?? (async () => addToast("Task creation not available", "error"))}
addToast={addToast}
tasks={tasks}
availableModels={availableModels}
onPlanningMode={onPlanningMode}
onSubtaskBreakdown={onSubtaskBreakdown}
/>
</div>
{filteredCount === 0 ? (
<div className="list-empty">
{filter ? "No tasks match your filter" : "No tasks yet"}