Skip to content

[cueweb] Add Professional Empty States and Loading Skeletons #1905

Description

@ramonfigueiredo

Describe the enhancement
Replace empty tables and loading states with professional illustrations, helpful messages, and skeleton screens that match the layout structure.

  • Current: Basic "No data" text or blank screens
  • Proposed: Illustrated empty states with actionable suggestions and shimmer loading effects

Version Number

Additional context

  • Create comprehensive empty states:
    • No jobs: Illustration with "No active jobs" + "Submit a job to get started" CTA
    • No search results: "No jobs match your filters" with clear filters button
    • Error states: Friendly error messages with retry options
    • Loading skeletons: Table row skeletons matching column structure
  • Add subtle animations (fade-in, pulse for skeletons)
  • Use consistent illustration style (could use unDraw or custom SVGs)
  • Implement shimmer effect for loading states
  • Files: Create /cueweb/components/ui/empty-states/, update data-table.tsx

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions