Settings — Organization & Kiosk Setup | Client App Specification

Kiosk Pairing & Org Settings Wireflow

graph TD
    A[Settings Panel] --> B[Generate 6-Digit Kiosk Pair Code]
    B --> C[Open Kiosk Terminal Screen]
    C --> D[Input Pair Code on Touchscreen]
    D --> E[Pairing Complete & Device Token Saved]

Sitemap Location & Position

Client App → Admin & Settings

Settings (/client-app/settings.html)

• Linked Parent: /today.html

Page Guardrails & Constraints

Owner-Only Authorization Gate

Restricts access to organization settings & pairing codes to primary account owners.

Page Backend Sequence

sequenceDiagram
    autonumber
    actor Owner
    participant UI as Settings UI
    participant API as Supabase Edge
    participant DB as PostgreSQL

    Owner->>UI: Request New Kiosk Pairing Code
    UI->>API: POST /api/kiosk/authorize
    API->>DB: Store 6-digit Code (Expires 10 min)
    DB-->>API: Return Pair Code & QR
    API-->>UI: Display Animated Pairing Modal

Component Inventory Entry

Component	Type	Design System Token
Settings Form Panel	Form Controls	components/inputs/09-inputs.html
Pairing QR Code Sheet	Modal Sheet	components/feedback/29-modals.html

Settings — Organization & Kiosk Setup

Page Visual Switcher

Kiosk Pairing & Org Settings Wireflow

Sitemap Location & Position

Page Guardrails & Constraints

Page Backend Sequence

Component Inventory Entry