Each button opens the same swap configuration dialog, but with a different UX approach for the duration tiers section. All variants support full CRUD operations (create, read, update, delete) on tiers. Compare them to find the best fit for your workflow.
Classic spreadsheet-style editing. All tiers visible at once with direct in-cell editing. Best for power users familiar with tabular data.
Each tier is a collapsible card with summary header. Expand to edit. Clear separation and scannability without noise.
Each tier is a horizontal form row with all fields inline. Compact, self-contained rows with range indicators.
Horizontal bar segmented by duration ranges. Click a segment to edit. Communicates the progression of swap rates spatially.
Tiers as compact badge chips in a horizontal wrap. Click a chip to open a popover editor. Minimal vertical space.
Each tier is a tab. Active tab shows focused edit form. Best when tiers have more fields or are conceptually separate profiles.
Two-column split: left list of tiers, right edit form. Mirrors the parent dialog's symbols table pattern. Familiar and navigable.
Tiers as connected vertical steps with a progress line. Visual escalation metaphor. Click pencil to toggle inline editing per step.
Read-only summary table in the main dialog. Click 'Manage tiers' to open a dedicated sub-dialog for full CRUD editing.
Kanban-style vertical cards laid out horizontally. All tiers visible and editable simultaneously. Left-to-right = increasing duration.
Pricing-matrix layout: columns are duration thresholds, rows are Long/Short. Maximum data density for comparing all values at once.