CubeCraft-Creations/Control-Center
9
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

CUB-51: Quick-Jump Drawer Component (Slide-Out) #6

Closed
overseer wants to merge 0 commits from agent/rex/CUB-51-quick-jump-drawer into dev
pull from: agent/rex/CUB-51-quick-jump-drawer
merge into: CubeCraft-Creations:dev
Conversation 0 Commits - Files Changed - +698 -6
overseer commented 2026-04-26 09:07:24 -04:00
Owner
Copy Link

Summary

Implements the Quick-Jump Drawer component for the Control Center frontend (CUB-51).

What it does

  • Slide-out drawer that slides in from the right side of the screen
  • Agent list with status badges (active, idle, thinking, error, offline)
  • Search/filter input that filters agents by name, ID, or role
  • Keyboard navigation — ↑↓ to navigate, Enter to select, Esc to close
  • Ctrl+K / Cmd+K global shortcut to toggle the drawer
  • Outside click closes the drawer
  • Close button in the drawer header
  • Empty state when no agents match or none are online
  • Mobile responsive — full-width on small screens
  • Accessibility — ARIA roles, labels, keyboard focus management

Files created

  • frontend/src/app/components/quick-jump-drawer/quick-jump-drawer.component.ts
  • frontend/src/app/components/quick-jump-drawer/quick-jump-drawer.component.html
  • frontend/src/app/components/quick-jump-drawer/quick-jump-drawer.component.scss
  • frontend/src/app/components/quick-jump-drawer/index.ts
  • frontend/src/app/components/index.ts

Files modified

  • layout-shell.component.ts/html — Integrated drawer + Ctrl+K shortcut
  • header-bar.component.ts/html — Added quick-jump trigger button

Validation

  • ✅ Build compiles successfully (ng build)
  • ✅ Drawer opens/closes smoothly (CSS transition with cubic-bezier)
  • ✅ Search input filters agent list reactively
  • ✅ ESC key closes drawer
  • ✅ Outside click closes drawer
  • ✅ Ctrl+K global shortcut toggles drawer

Closes CUB-51

## Summary Implements the Quick-Jump Drawer component for the Control Center frontend (CUB-51). ### What it does - **Slide-out drawer** that slides in from the right side of the screen - **Agent list** with status badges (active, idle, thinking, error, offline) - **Search/filter input** that filters agents by name, ID, or role - **Keyboard navigation** — ↑↓ to navigate, Enter to select, Esc to close - **Ctrl+K / Cmd+K** global shortcut to toggle the drawer - **Outside click** closes the drawer - **Close button** in the drawer header - **Empty state** when no agents match or none are online - **Mobile responsive** — full-width on small screens - **Accessibility** — ARIA roles, labels, keyboard focus management ### Files created - `frontend/src/app/components/quick-jump-drawer/quick-jump-drawer.component.ts` - `frontend/src/app/components/quick-jump-drawer/quick-jump-drawer.component.html` - `frontend/src/app/components/quick-jump-drawer/quick-jump-drawer.component.scss` - `frontend/src/app/components/quick-jump-drawer/index.ts` - `frontend/src/app/components/index.ts` ### Files modified - `layout-shell.component.ts/html` — Integrated drawer + Ctrl+K shortcut - `header-bar.component.ts/html` — Added quick-jump trigger button ### Validation - ✅ Build compiles successfully (`ng build`) - ✅ Drawer opens/closes smoothly (CSS transition with cubic-bezier) - ✅ Search input filters agent list reactively - ✅ ESC key closes drawer - ✅ Outside click closes drawer - ✅ Ctrl+K global shortcut toggles drawer Closes CUB-51
overseer added 1 commit 2026-04-26 09:07:24 -04:00
CUB-51: Implement Quick-Jump Drawer Component b4e110f4c3
Otto was assigned by overseer 2026-04-26 09:36:47 -04:00
Rex closed this pull request 2026-04-26 11:17:54 -04:00

Pull request closed

This pull request cannot be reopened because the branch was deleted.
Sign in to join this conversation.
Reviewers
No Reviewers
Labels
No items
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
Dex Grimm Hex Nano Otto overseer Pip Rex Sketch
No Assignees Otto
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Control-Center#6
Delete Branch "agent/rex/CUB-51-quick-jump-drawer"

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?