Development surfaces
Debug Surface Directory
Browse the local-only debug pages grouped by capability so component checks, workflow demos, observability tests, and email previews stay easy to find.
Components
Verify shared inputs and UI primitives before rolling them into production flows.
Advanced Datepicker Debug
Exercise the Alpine-based QDate-inspired datepicker across masks, ranges, locale, and integration demos.
Advanced Timepicker Debug
Exercise the Alpine-based QTime-inspired timepicker across 24h, masks, options, and integration demos.
Flatpicker Date
Review the renamed compatibility entry for the retired combined Flatpickr-style picker surface.
Phone Input Debug
Inspect canonical E.164 phone input behavior across supported configurations.
Profile Upload Debug
Exercise the staged profile upload and crop flow used by shared profile forms.
Gallery Upload Debug
Validate the shared multi-image gallery uploader, staged image IDs, and crop workflow.
Radio Group Debug
Compare card, split, and pill radio-group layouts with live payload inspection.
Rating Input Debug
Validate whole-step, half-step, clearable, and readonly rating input states with live payload inspection.
Custom Table Debug
Exercise the shared custom-table partials across client-side and query-mode table configurations.
Icon Picker Debug
Inspect the shared icon input states and simplified modal card layout.
Guest Icon Picker Debug
Verify the guest-only icon picker flow, browser recents, and random empty state without signing in.
Map Address Picker Debug
Verify the shared address picker field, modal search, draggable map pin, and payload syncing.
Lazy Load Field Debug
Test a shared AJAX lazy-load field with manual and debounced triggers, queued requests, and live event telemetry.
Product Configuration Attributes Debug
Exercise the create-product configuration attributes section with the shared toggle, builder rows, and payload inspector.
Popover Debug Playground
Inspect shared popover patterns with responsive modal fallback controls and placement examples.
Tabs Debug Playground
Validate Quasar-style tab navigation patterns, route-query sync, and overflow arrow behaviors.
Notifications Debug Playground
Trigger and inspect Quasar-style notifications with grouped counts, HTML content, actions, and timed dismissal.
Flash Notifications Debug
Trigger real session-backed flash notifications and compare type, grouping, width, placement, and progress behavior against the shared flash surface.
Confirmation Modal Debug
Exercise the shared confirmation modal across trigger props, programmatic methods, events, typed delete confirmation, and form submission.
Animated Border Cards Debug
Inspect rotating conic-gradient border card variants and compare speed, glow, and border-thickness combinations.
Workflows
Exercise step-driven interactions and validation-gated navigation patterns.
Observability
Trigger local monitoring and browser telemetry checks from one place.
Preview the rendered notification templates currently available on this route.
Order Payment Submitted
Preview the payment-submitted email with dummy transaction code, invoice selection, and manual payment details.
Order Payment Reviewed
Preview the reviewed payment update email with dummy finance comments and paid-state details.
Order Payment Receipt
Preview the payment receipt email with dummy receipt number, transaction reference, and invoice details.
Email Two Factor Code
Preview the one-time code email used for email-based two-factor verification.
Verification Email Setup
Preview the verification email that includes the setup CTA, six-digit code, and copy-paste fallback URL.
Reset Password
Preview the password reset email generated by Laravel authentication flows.
Campaign Received Summary
Preview the aggregated shipping invoice email sent when campaign items are received by the merchant.