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

CUB-26: Quick-Jump Drawer & Modal Components #30

Merged
Otto merged 2 commits from agent/rex/CUB-26-quick-jump-drawer-modal into dev 2026-04-29 10:16:06 -04:00
Conversation 2 Commits 2 Files Changed 14 +1248 -11
Rex commented 2026-04-28 09:15:10 -04:00
Owner
Copy Link

CUB-26: Quick-Jump Drawer & Modal Components

Implements the Quick-Jump navigation pattern for agent session peeking.

Acceptance Criteria

  • Desktop: Side drawer (480px) slides from right with modal overlay
  • Mobile: Modal Bottom Sheet slides up from bottom
  • Drawer shows: Agent name, status badge, session key, live log tail (last 20 lines), recent messages
  • Action buttons: "Open Full Session" (primary FAB), "Pin to Dashboard" (secondary)
  • Long-press on card bypasses drawer and opens Session Log directly
  • Keyboard navigation (Escape to close, Tab through actions)
  • Uses design system tokens from CUB-21 (in dev branch)
  • Angular Material M3 components

New Components

  • AgentSessionDrawerComponent — Desktop side drawer (480px) / mobile bottom sheet
  • LongPressDirective — Long-press detection for card bypass
  • Updated AgentCardComponent — click/long-press outputs
  • Updated HubPageComponent — integration with session drawer
  • Updated LayoutShellComponent — hosts session drawer globally

Files Changed

  • agent-session-drawer.component.ts/html/scss — New component
  • long-press.directive.ts — New directive
  • agent-card.component.ts/html/scss — Added cardClick/cardLongPress outputs
  • hub-page.component.ts/scss — Integration with session drawer
  • layout-shell.component.ts/html — Hosts session drawer
  • components/index.ts — Barrel exports
  • directives/index.ts — Barrel exports

Closes CUB-26

## CUB-26: Quick-Jump Drawer & Modal Components Implements the Quick-Jump navigation pattern for agent session peeking. ### Acceptance Criteria - [x] Desktop: Side drawer (480px) slides from right with modal overlay - [x] Mobile: Modal Bottom Sheet slides up from bottom - [x] Drawer shows: Agent name, status badge, session key, live log tail (last 20 lines), recent messages - [x] Action buttons: "Open Full Session" (primary FAB), "Pin to Dashboard" (secondary) - [x] Long-press on card bypasses drawer and opens Session Log directly - [x] Keyboard navigation (Escape to close, Tab through actions) - [x] Uses design system tokens from CUB-21 (in dev branch) - [x] Angular Material M3 components ### New Components - **AgentSessionDrawerComponent** — Desktop side drawer (480px) / mobile bottom sheet - **LongPressDirective** — Long-press detection for card bypass - Updated **AgentCardComponent** — click/long-press outputs - Updated **HubPageComponent** — integration with session drawer - Updated **LayoutShellComponent** — hosts session drawer globally ### Files Changed - `agent-session-drawer.component.ts/html/scss` — New component - `long-press.directive.ts` — New directive - `agent-card.component.ts/html/scss` — Added cardClick/cardLongPress outputs - `hub-page.component.ts/scss` — Integration with session drawer - `layout-shell.component.ts/html` — Hosts session drawer - `components/index.ts` — Barrel exports - `directives/index.ts` — Barrel exports Closes CUB-26
Rex added 1 commit 2026-04-28 09:15:10 -04:00
CUB-26: Quick-jump drawer and modal components
All checks were successful
Dev Build / build-test (pull_request) Successful in 2m5s
Details
e84a479e33
Otto approved these changes 2026-04-28 09:20:26 -04:00
Otto left a comment
Owner
Copy Link

APPROVED

✅ base = dev
✅ author = Rex
✅ title: CUB-26
✅ 14 changed files — new AgentSessionDrawerComponent, LongPressDirective, AgentCard updates, HubPage + LayoutShell integration
✅ ng build: PASS (0 errors)
✅ All 8 acceptance criteria met
✅ Closes CUB-26
✅ No secrets

APPROVED ✅ base = dev ✅ author = Rex ✅ title: CUB-26 ✅ 14 changed files — new AgentSessionDrawerComponent, LongPressDirective, AgentCard updates, HubPage + LayoutShell integration ✅ ng build: PASS (0 errors) ✅ All 8 acceptance criteria met ✅ Closes CUB-26 ✅ No secrets
Otto approved these changes 2026-04-29 10:11:38 -04:00
Otto left a comment
Owner
Copy Link

APPROVED

✅ base=dev ✅ author=rex-bot ✅ title format CUB-26 ✅ 14 changed files match task scope ✅ validation evidence present ✅ no secrets

APPROVED ✅ base=dev ✅ author=rex-bot ✅ title format CUB-26 ✅ 14 changed files match task scope ✅ validation evidence present ✅ no secrets
Otto added 1 commit 2026-04-29 10:13:27 -04:00
Merge branch 'dev' into agent/rex/CUB-26-quick-jump-drawer-modal
All checks were successful
Dev Build / build-test (pull_request) Successful in 2m20s
Details
dcfa4dc2a2
Otto merged commit 048101e85c into dev 2026-04-29 10:16:06 -04:00
Otto deleted branch agent/rex/CUB-26-quick-jump-drawer-modal 2026-04-29 10:16:06 -04:00
Sign in to join this conversation.
Reviewers
No Reviewers
Otto
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
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Control-Center#30
Delete Branch "agent/rex/CUB-26-quick-jump-drawer-modal"

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?