Interface Renderer Service

This is the webapp interface renderer. Navigate to /[node_uuid] to render a specific interface.

Workflow Page Preview

🎮 Workflow Page Preview

Browse and preview all workflow page components in isolation

Available Demo Nodes

📄 Invoice Interface

Node: demo-invoice-123 → @webapp/interface-invoice

✅ Workflow Approval Interface

Node: demo-workflow-approval-789 → @webapp/interface-workflow-approval

📋 Questions Form Interface

Node: demo-questions-form-890 → @webapp/interface-questions-dark-theme

🔒 PCI SAQ Form

Node: demo-saq-form-456 → @webapp/interface-saq-form

📊 SAQ Review Dashboard

Node: demo-saq-review-dash-184 → @webapp/interface-saq-review-dash

✨ Clean SAQ Form

Node: demo-clean-saq-form-992 → @webapp/interface-clean-saq-form

📍 PCI Tracker Interface

Node: demo-pci-tracker-355 → @webapp/interface-pci-tracker

🚀 Onboarding Info Interface

Node: demo-onboarding-info-441 → @webapp/interface-onboarding-info

🔐 Auth Interface (EMAIL_OTP)

Node: demo-auth-001 → @webapp/interface-auth

⏱️ RTT Benchmark

Node: demo-rtt-benchmark-001 → @webapp/interface-rtt-benchmark

🏠 Management Portal – Home

Node: demo-management-portal-home-414 → @webapp/interface-management-portal-home

📊 Management Portal – Data

Node: demo-management-portal-data-708 → @webapp/interface-management-portal-data

💳 PayPerCut Merchant Onboarding Review Panel

Node: demo-paypercut-merchant-review-panel-001 → @webapp/interface-paypercut-merchant-onboarding-review-panel

Paypercut Boarding Pages

💳 Step 01 - Country of registration

Node: demo-paypercut-boarding-page-01 → @webapp/interface-paypercut-boarding-page-01

💳 Step 02 - Registered company details

Node: demo-paypercut-boarding-page-02 → @webapp/interface-paypercut-boarding-page-02

💳 Step 03 - Director details

Node: demo-paypercut-boarding-page-03 → @webapp/interface-paypercut-boarding-page-03

💳 Step 04 - KYC directors

Node: demo-paypercut-boarding-page-04 → @webapp/interface-paypercut-boarding-page-04

💳 Step 05 - Beneficial ownership

Node: demo-paypercut-boarding-page-05 → @webapp/interface-paypercut-boarding-page-05

💳 Step 06 - Consent to run checks

Node: demo-paypercut-boarding-page-06 → @webapp/interface-paypercut-boarding-page-06

💳 Step 07 - Additional information requested

Node: demo-paypercut-boarding-page-07 → @webapp/interface-paypercut-boarding-page-07

💳 Step 08 - Upload supporting information

Node: demo-paypercut-boarding-page-08 → @webapp/interface-paypercut-boarding-page-08

💳 Step 09 - Validate bank account

Node: demo-paypercut-boarding-page-09 → @webapp/interface-paypercut-boarding-page-09

💳 Step 10 - Upload company account details

Node: demo-paypercut-boarding-page-10 → @webapp/interface-paypercut-boarding-page-10

💳 Step 11 - Business classification

Node: demo-paypercut-boarding-page-11 → @webapp/interface-paypercut-boarding-page-11

💳 Step 12 - Thank you

Node: demo-paypercut-boarding-page-12 → @webapp/interface-paypercut-boarding-page-12

💳 Step 13 - ID Verification

Node: demo-paypercut-boarding-page-13 → @webapp/interface-paypercut-boarding-page-13

💳 Director Authorisation (standalone)

Node: demo-paypercut-boarding-director-auth-001 → @webapp/interface-paypercut-boarding-director-auth

💳 Consent Form (director 2-page flow)

Node: demo-paypercut-boarding-consent-form-001 → @webapp/interface-paypercut-boarding-consent-form

API Endpoints