This description was created by Ellipsis for commit 9e02857117eed64a05be9c7fd7d39a5e6e711e8d
Summary:
This PR introduces the TaskStream component for WebSocket updates, updates various components, and refactors task-related functionalities.
Key points:
Introduced TaskStream component for WebSocket task status updates in skyvern-frontend/src/routes/tasks/detail/TaskStream.tsx.
Updated TaskDetails in skyvern-frontend/src/routes/tasks/detail/TaskDetails.tsx to include TaskStream and changed refetch interval from 30000ms to 5000ms.
Removed console log from TaskRecording in skyvern-frontend/src/routes/tasks/detail/TaskRecording.tsx.
Exported getActionInput function from skyvern-frontend/src/hooks/useActions.tsx.
Updated .env.example to include WebSocket URL configurations.
Modified timeFormat in skyvern-frontend/src/util/timeFormat.ts to change date format.
Refactored TaskActions in skyvern-frontend/src/routes/tasks/detail/TaskActions.tsx to use useQuery for fetching task and steps data.
Updated ScrollableActionList in skyvern-frontend/src/routes/tasks/detail/ScrollableActionList.tsx to display actions in reverse order and handle live stream option.
Summary:
This PR introduces the
TaskStreamcomponent for WebSocket updates, updates various components, and refactors task-related functionalities.Key points:
TaskStreamcomponent for WebSocket task status updates inskyvern-frontend/src/routes/tasks/detail/TaskStream.tsx.TaskDetailsinskyvern-frontend/src/routes/tasks/detail/TaskDetails.tsxto includeTaskStreamand changed refetch interval from 30000ms to 5000ms.TaskRecordinginskyvern-frontend/src/routes/tasks/detail/TaskRecording.tsx.getActionInputfunction fromskyvern-frontend/src/hooks/useActions.tsx..env.exampleto include WebSocket URL configurations.timeFormatinskyvern-frontend/src/util/timeFormat.tsto change date format.TaskActionsinskyvern-frontend/src/routes/tasks/detail/TaskActions.tsxto useuseQueryfor fetching task and steps data.ScrollableActionListinskyvern-frontend/src/routes/tasks/detail/ScrollableActionList.tsxto display actions in reverse order and handle live stream option.Generated with :heart: by ellipsis.dev