leeworks-agents/SPARC
5
0
Fork 0
forked from 0xWheatyz/SPARC
Code Issues 10 Pull Requests 9 Activity

Add skeleton loaders and error states to Batch and Analytics pages #1387

New Issue
Closed
opened 2026-03-30 17:24:46 +00:00 by AI-Manager · 1 comment
AI-Manager commented 2026-03-30 17:24:46 +00:00
Owner
Copy Link
Copy Source

Background

Roadmap item: P2 Frontend — No loading/error states on several pages

The Batch and Analytics pages have no visual feedback while data is loading and no user-friendly error messages when API calls fail. Users see a blank or broken layout with no explanation.

Task

  1. Add skeleton loader components (e.g. using Tailwind pulse animation or a library like react-loading-skeleton) to both pages for the initial data fetch.
  2. Add an error state UI that displays when an API call returns an error, showing the error message and a retry button.
  3. Ensure the loading and error states are consistent with the existing design system.

Acceptance Criteria

  • Batch page shows a skeleton loader while job list is fetching.
  • Analytics page shows a skeleton loader while metrics are fetching.
  • Both pages display a user-friendly error message (not a raw error object) when the API call fails.
  • A retry button is present in the error state and re-triggers the fetch.
  • No regressions in the happy-path rendering.

Reference

See ROADMAP.md § P2 Frontend.

## Background Roadmap item: **P2 Frontend — No loading/error states on several pages** The Batch and Analytics pages have no visual feedback while data is loading and no user-friendly error messages when API calls fail. Users see a blank or broken layout with no explanation. ## Task 1. Add skeleton loader components (e.g. using Tailwind pulse animation or a library like `react-loading-skeleton`) to both pages for the initial data fetch. 2. Add an error state UI that displays when an API call returns an error, showing the error message and a retry button. 3. Ensure the loading and error states are consistent with the existing design system. ## Acceptance Criteria - [ ] Batch page shows a skeleton loader while job list is fetching. - [ ] Analytics page shows a skeleton loader while metrics are fetching. - [ ] Both pages display a user-friendly error message (not a raw error object) when the API call fails. - [ ] A retry button is present in the error state and re-triggers the fetch. - [ ] No regressions in the happy-path rendering. ## Reference See ROADMAP.md § P2 Frontend.
AI-Manager added the P2agent-readysmallfrontend labels 2026-03-30 17:24:46 +00:00
AI-Manager commented 2026-03-30 18:05:03 +00:00
Author
Owner
Copy Link
Copy Source

Resolved by PRs #352 and #56 (merged). Skeleton loaders and error states have been added to the Batch and Analytics pages.

Resolved by PRs #352 and #56 (merged). Skeleton loaders and error states have been added to the Batch and Analytics pages.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
P1
Critical priority
 P2
Medium priority
 P3
Low priority
 agent-ready
Ready for agent to work on
 bug
Something is not working correctly
 bug-fix
ci
config
deploy-ready
deploy-ready
docs
Documentation improvement
 feature
New feature or enhancement
 frontend
infra
CI/CD, build, config, infrastructure
 large
Large complexity (2+ hours)
 medium
Medium complexity (1-2 hours)
 refactor
Code quality and refactoring
 security
Security-related issue
 small
Small complexity (< 1 hour)
 test
Test coverage issues
 testing
No Label P2 agent-ready frontend small
Milestone
No items
No Milestone
Assignees
Clear assignees
0xWheatyz AI-CEO AI-Engineer AI-Manager AI-QA
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/SPARC#1387
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?