Add Tasks panel list view with create form, task actions, and polling#773
Merged
Add Tasks panel list view with create form, task actions, and polling#773
Conversation
EhabY
force-pushed
the
tasks/infrastructure
branch
from
318c084 to
33757b5
Compare
EhabY
force-pushed
the
tasks/infrastructure
branch
5 times, most recently
from
343940c to
f7f9316
Compare
EhabY
force-pushed
the
tasks/list-ui
branch
9 times, most recently
from
ff271b0 to
a22e53d
Compare
EhabY
force-pushed
the
tasks/infrastructure
branch
3 times, most recently
from
78da081 to
b1f941b
Compare
EhabY
force-pushed
the
tasks/infrastructure
branch
from
b1f941b to
0a2511f
Compare
EhabY
force-pushed
the
tasks/infrastructure
branch
from
0a2511f to
c0b7abc
Compare
EhabY
changed the title
EhabY
force-pushed
the
tasks/list-ui
branch
3 times, most recently
from
89596f4 to
35311a9
Compare
EhabY
force-pushed
the
tasks/list-ui
branch
2 times, most recently
from
0302286 to
508db63
Compare
jakehwll
reviewed
Feb 12, 2026
jakehwll
approved these changes
Feb 12, 2026
Adds the task list UI layer including: - Collapsible sections for Create Task and Task History - CreateTaskSection with template/preset selection - TaskList and TaskItem components with status indicators - ActionMenu component for task actions (pause, resume, delete) - StatusIndicator with state-based styling - ErrorState, NotSupportedState, NoTemplateState empty states - State persistence across webview visibility changes - Polling for task list updates with ref-based comparison - Push message handling for real-time updates Utilities: - taskArraysEqual/templateArraysEqual for efficient diffing - getDisplayName/getLoadingLabel helper functions
- Replace CollapsibleSection with VscodeCollapsible + VscodeScrollable, using useCollapsibleToggle hook to bridge the unmapped custom event and useScrollableHeight for scroll metrics and content-adaptive sizing - Extract data-fetching, polling, notifications, and webview state persistence into useTasksData hook, reducing App.tsx to pure layout - Add shared StatePanel component used by ErrorState, NoTemplateState, and NotSupportedState to eliminate duplicated centered-state markup - Simplify StatusIndicator to use shared getTaskUIState from @repo/shared - Add separator support and right-aligned positioning to ActionMenu - Remove useCallback/useMemo wrappers from useTaskMenuItems and TaskItem - Clean up CSS: remove unused styles, tighten task item spacing, match native VS Code menu styling for action menu dropdown - Use readonly array types for tasks/templates props, remove unused exports from compare.ts, flatten polling config constant - Update tests to use shared task() factory and full task objects
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
vscode-elements, with state persisted across reloadsComponents
CreateTaskSectionTaskList/TaskItemActionMenuStatusIndicatorPromptInputStatePanel/ErrorState/NoTemplateState/NotSupportedStateHooks
useTasksQuery— data fetching with polling, push notifications, and webview state persistenceuseTaskMenuItems— per-task context menu items with busy-guard and loading stateuseCollapsibleToggle— bridgesvsc-collapsible-togglecustom eventsuseScrollableHeight— ResizeObserver-based dynamic height for content-adaptive sizingArchitecture
Extends the shared
TasksApiIPC layer with task CRUD and action requests, handled by the extension-sideTasksPanelwhich proxies to the Coder API. Adds@tanstack/react-queryfor mutation and query management. Replaceseslint-plugin-react-compilerwithreact-hookslint config.Tests
Comprehensive test suite covering all components, hooks, and utilities with shared test infrastructure (
setup.ts,helpers.ts,render.tsx,tasks.tsmock factory).Closes #776