Skip to content

[cueweb] Implement Professional Sidebar Layout with Collapsible Panels #1897

Description

@ramonfigueiredo

Describe the enhancement
Add a professional left sidebar with collapsible sections for Quick Filters, Saved Searches, Show Selection, and Recent Jobs - similar to CueGUI's dockable panels. The current layout lacks any sidebar navigation or quick access features.

  • Current: Full-width table with no sidebar
  • Proposed: Collapsible sidebar with organized sections like modern dashboards (Datadog, AWS Console style)

Version Number

Additional context

  • Create Sidebar.tsx with collapsible sections using shadcn/ui Collapsible component
  • Sections to include:
    • Quick Filters (My Jobs, Active Jobs, Failed Jobs)
    • Shows/Projects browser with tree view
    • Saved searches with edit/delete options
    • Recent jobs history (last 10 accessed)
  • Add resize handle for adjustable width
  • Persist collapsed state in localStorage
  • Use consistent icon set (lucide-react)
  • Files: Create /cueweb/components/ui/sidebar.tsx, update main layout

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