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

CUB-49: Global Action Modal Component #10

Closed
overseer wants to merge 1 commits from agent/rex/CUB-49-global-action-modal into dev
pull from: agent/rex/CUB-49-global-action-modal
merge into: CubeCraft-Creations:dev
Conversation 0 Commits 1 Files Changed 3 +496
overseer commented 2026-04-26 09:52:20 -04:00
Owner
Copy Link

CUB-49: Global Action Modal Component

Changes

  • Created standalone Angular component GlobalActionModalComponent using MatDialogModule
  • Four action buttons: Deploy All, Pause All, Emergency Stop, Add Agent
  • Each button emits a dedicated output event (deployAll, pauseAll, emergencyStop, addAgent)
  • Close button (×) and backdrop click both dismiss the modal
  • Escape key also closes the modal
  • Tactical dark mode styling using CUB-47 CSS variables
  • Smooth fade/scale animation on open/close
  • Responsive: single-column on mobile (≤599px), 2-column grid on desktop
  • Accessibility: aria-labels on all buttons, focus-visible outlines, prefers-reduced-motion support

Files Created

  • frontend/src/app/components/global-action-modal/global-action-modal.component.ts
  • frontend/src/app/components/global-action-modal/global-action-modal.component.html
  • frontend/src/app/components/global-action-modal/global-action-modal.component.scss

Validation

  • ✅ Build succeeds (ng build --configuration development)
  • ✅ All four buttons present with correct labels
  • ✅ Backdrop click handling via MatDialog
  • ✅ Close button (×) handling
  • ✅ CUB-47 CSS variables used throughout
  • ✅ Fade/scale animation

Branch

agent/rex/CUB-49-global-action-modal → dev

## CUB-49: Global Action Modal Component ### Changes - Created standalone Angular component `GlobalActionModalComponent` using `MatDialogModule` - Four action buttons: Deploy All, Pause All, Emergency Stop, Add Agent - Each button emits a dedicated output event (`deployAll`, `pauseAll`, `emergencyStop`, `addAgent`) - Close button (×) and backdrop click both dismiss the modal - Escape key also closes the modal - Tactical dark mode styling using CUB-47 CSS variables - Smooth fade/scale animation on open/close - Responsive: single-column on mobile (≤599px), 2-column grid on desktop - Accessibility: aria-labels on all buttons, focus-visible outlines, prefers-reduced-motion support ### Files Created - `frontend/src/app/components/global-action-modal/global-action-modal.component.ts` - `frontend/src/app/components/global-action-modal/global-action-modal.component.html` - `frontend/src/app/components/global-action-modal/global-action-modal.component.scss` ### Validation - ✅ Build succeeds (`ng build --configuration development`) - ✅ All four buttons present with correct labels - ✅ Backdrop click handling via MatDialog - ✅ Close button (×) handling - ✅ CUB-47 CSS variables used throughout - ✅ Fade/scale animation ### Branch `agent/rex/CUB-49-global-action-modal` → `dev`
overseer added 1 commit 2026-04-26 09:52:20 -04:00
CUB-49: Global Action Modal component with tactical dark mode styling 4748ba0306
Rex closed this pull request 2026-04-26 11:17:56 -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
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: CubeCraft-Creations/Control-Center#10
Delete Branch "agent/rex/CUB-49-global-action-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?