284313f908
Some checks are pending
Bidi Control Character Guard / bidi-control-guard (push) Waiting to run
Circular Dependency Check / Check for new circular dependencies (push) Waiting to run
Citus Migration Smoke / Combined migrations on single-node Citus (push) Waiting to run
E2E Fresh Install Tests / fresh-install-e2e (push) Waiting to run
ext-v2 guardrails / Run ext-v2 guard and ESLint (push) Waiting to run
Integration Tests / Check for relevant changes (push) Waiting to run
Integration Tests / ${{ (github.event_name == 'schedule' || github.event.inputs.suite == 'full') && 'Full integration suite' || 'Tier-1 integration subset' }} (push) Blocked by required conditions
Mobile checks / Mobile lint + typecheck (push) Waiting to run
Mobile checks / Mobile unit tests (push) Waiting to run
Mobile checks / Mobile dependency audit (report) (push) Waiting to run
Mobile checks / Mobile reproducibility checks (push) Waiting to run
Secrets guard (env backups) / Ensure no tracked env backup files (push) Waiting to run
Temporal Readiness / fast-readiness (push) Waiting to run
Temporal Readiness / docker-parity (push) Waiting to run
TypeScript Type Check / Nx affected typecheck (push) Waiting to run
Unit Tests / Skipped-test budget (push) Waiting to run
Unit Tests / Nx affected unit tests (push) Waiting to run
Unit Tests / Server unit coverage (informational) (push) Waiting to run
Validate Tenant Management Schema / Check for relevant changes (push) Waiting to run
Validate Tenant Management Schema / Validate Tenant Management Schema (push) Blocked by required conditions
EE Workflows Build Guard / ee-workflows-build-guard (push) Waiting to run
Excluded: .git, node_modules, secrets/, compose.env, assemblyscript tgz Source: /opt/alga-psa on psa.joliet.tech
1.7 KiB
1.7 KiB
Workflow Designer Stacked Layout
Problem
The workflow designer uses fixed floating panels for the action palette and properties panel. On narrow screens, the panels and the center workflow canvas compete for horizontal space, causing the center content to become cramped or obscured.
Goal
When the designer does not have enough horizontal room for the palette, center content, and properties panel, switch from the three-column floating layout to a vertically stacked layout.
Non-Goals
- Replace the palette or properties panel with drawers.
- Redesign the workflow pipeline, graph view, or step configuration UI.
- Change drag-and-drop behavior or workflow data behavior.
UX Requirements
- Wide screens keep the existing floating three-panel layout.
- Narrow screens stack the designer sections in this order:
- Palette/actions panel
- Main workflow content/canvas
- Properties/validation panel
- The stacked breakpoint should account for the current sidebar width and palette collapsed state instead of relying only on a hard-coded viewport breakpoint.
- In stacked mode, the center content should not retain the large left/right padding used to avoid floating panels.
- In stacked mode, the properties panel should be full-width and the resize handle should be hidden/disabled.
Acceptance Criteria
- The workflow designer automatically switches to stacked layout when available designer width is below the required width for the floating layout.
- The floating layout remains unchanged on sufficiently wide screens.
- The stacked layout uses normal document flow and avoids fixed panel overlap.
- The palette remains usable with existing drag-and-drop rendering.
- The properties panel remains usable for selected step editing and validation messages.