# opendaxpay/dax-pay-ui architecture

> Architecture diagram of the GitHub repository opendaxpay/dax-pay-ui, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-28). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/opendaxpay/dax-pay-ui
- Repository: https://github.com/opendaxpay/dax-pay-ui

## Overview

DaxPay UI is a Vue-based payment-management monorepo with an operations console and a merchant-facing console. The main operator workflow is to manage merchants and their payment-channel credentials, configure products and application routing, then inspect trades and operational metrics. IAM and system administration support access and platform operations; developer tools support payment integration and debugging. The README documents both consoles and these product capabilities. Sampled route components confirm that route screens call routing APIs; other subsystem wiring is based on the documented domains and API/view paths, since their source was not sampled.

Main entry points: [`apps/daxpay-admin/src/main.ts`](https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/main.ts) (Operations console), [`apps/daxpay-admin/src/views/_core/authentication/login.vue`](https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/views/_core/authentication/login.vue) (Login and auth), [`apps/daxpay-admin/src/views/iam`](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/views/iam) (Users and permissions), [`apps/daxpay-admin/src/api/payment/merchant`](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/merchant) (Merchant management)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_access["Access and IAM"]
  node_auth["Login and auth<br/>[login.vue]"]
  node_iam["Users and permissions"]
end

subgraph group_payment_setup["Payment Setup"]
  node_merchant["Merchant management"]
  node_channel["Channel configuration"]
  node_masterdata["Payment master data"]
  node_product_config["Product configuration"]
  node_routing["Application routing"]
  node_route_api["Routing API<br/>[pay-route.api.ts]"]
end

subgraph group_payment_ops["Payment Operations"]
  node_orders["Orders and refunds"]
  node_transfers["Transfers and allocation<br/>[transfer.api.ts]"]
  node_risk["Risk controls"]
  node_records["Payment records"]
  node_dashboard["Workspace analytics"]
end

subgraph group_platform["Platform Services"]
  node_system["System administration"]
  node_notifications["Notices and callbacks<br/>[mch-notice.api.ts]"]
end

subgraph group_integration["Integration Tools"]
  node_developer["Integration debugging"]
end

node_operator(("Operations user"))
node_admin_ui["Operations console<br/>[main.ts]"]
node_backend["DaxPay services"]

node_operator -->|"uses"| node_admin_ui
node_admin_ui -->|"routes to"| node_auth
node_auth -->|"authenticates with"| node_backend
node_admin_ui -->|"manages access"| node_iam
node_iam -->|"requests IAM data"| node_backend
node_admin_ui -->|"manages merchants"| node_merchant
node_merchant -->|"requests merchant data"| node_backend
node_admin_ui -->|"configures channels"| node_channel
node_channel -->|"requests channel data"| node_backend
node_admin_ui -->|"manages payment data"| node_masterdata
node_masterdata -->|"requests master data"| node_backend
node_admin_ui -->|"configures products"| node_product_config
node_product_config -->|"requests product config"| node_backend
node_admin_ui -->|"configures routes"| node_routing
node_routing -->|"loads and saves"| node_route_api
node_route_api -->|"requests route data"| node_backend
node_admin_ui -->|"queries trades"| node_orders
node_orders -->|"requests order data"| node_backend
node_admin_ui -->|"manages transfers"| node_transfers
node_transfers -->|"requests transfer data"| node_backend
node_admin_ui -->|"manages risk"| node_risk
node_risk -->|"requests risk data"| node_backend
node_admin_ui -->|"reviews records"| node_records
node_records -->|"requests payment records"| node_backend
node_admin_ui -->|"views metrics"| node_dashboard
node_dashboard -->|"loads dashboard data"| node_backend
node_admin_ui -->|"manages platform"| node_system
node_system -->|"requests system data"| node_backend
node_admin_ui -->|"manages notices"| node_notifications
node_notifications -->|"requests notice data"| node_backend
node_admin_ui -->|"debugs integration"| node_developer
node_developer -->|"sends test requests"| node_backend

click node_admin_ui "https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/main.ts"
click node_auth "https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/views/_core/authentication/login.vue"
click node_iam "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/views/iam"
click node_merchant "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/merchant"
click node_channel "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/views/payment/channel"
click node_masterdata "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/masterdata"
click node_product_config "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/config"
click node_routing "https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/views/payment/route/scene/PayRouteScenePanel.vue"
click node_route_api "https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/api/payment/route/pay-route.api.ts"
click node_orders "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/order"
click node_transfers "https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/api/payment/transfer/transfer.api.ts"
click node_risk "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/risk"
click node_records "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/record"
click node_dashboard "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/views/dashboard"
click node_system "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/system"
click node_notifications "https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/api/payment/notice/mch-notice.api.ts"
click node_developer "https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/develop"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_auth,node_iam,node_operator toneBlue
class node_merchant,node_channel,node_masterdata,node_product_config,node_routing,node_route_api toneAmber
class node_orders,node_transfers,node_risk,node_records,node_dashboard toneMint
class node_system,node_notifications toneRose
class node_developer,node_backend toneIndigo
class node_admin_ui toneTeal
```

## Components

### Access and IAM

- [Login and auth](https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/views/_core/authentication/login.vue): `apps/daxpay-admin/src/views/_core/authentication/login.vue`
- [Users and permissions](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/views/iam): `apps/daxpay-admin/src/views/iam`

### Payment Setup

- [Merchant management](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/merchant): `apps/daxpay-admin/src/api/payment/merchant`
- [Channel configuration](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/views/payment/channel): `apps/daxpay-admin/src/views/payment/channel`
- [Payment master data](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/masterdata): `apps/daxpay-admin/src/api/payment/masterdata`
- [Product configuration](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/config): `apps/daxpay-admin/src/api/payment/config`
- [Application routing](https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/views/payment/route/scene/PayRouteScenePanel.vue): `apps/daxpay-admin/src/views/payment/route/scene/PayRouteScenePanel.vue`
- [Routing API](https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/api/payment/route/pay-route.api.ts): `apps/daxpay-admin/src/api/payment/route/pay-route.api.ts`

### Payment Operations

- [Orders and refunds](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/order): `apps/daxpay-admin/src/api/payment/order`
- [Transfers and allocation](https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/api/payment/transfer/transfer.api.ts): `apps/daxpay-admin/src/api/payment/transfer/transfer.api.ts`
- [Risk controls](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/risk): `apps/daxpay-admin/src/api/payment/risk`
- [Payment records](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/record): `apps/daxpay-admin/src/api/payment/record`
- [Workspace analytics](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/views/dashboard): `apps/daxpay-admin/src/views/dashboard`

### Platform Services

- [System administration](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/system): `apps/daxpay-admin/src/api/system`
- [Notices and callbacks](https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/api/payment/notice/mch-notice.api.ts): `apps/daxpay-admin/src/api/payment/notice/mch-notice.api.ts`

### Integration Tools

- [Integration debugging](https://github.com/opendaxpay/dax-pay-ui/tree/4.0/apps/daxpay-admin/src/api/payment/develop): `apps/daxpay-admin/src/api/payment/develop`

### Other components

- **Operations user**
- [Operations console](https://github.com/opendaxpay/dax-pay-ui/blob/4.0/apps/daxpay-admin/src/main.ts): `apps/daxpay-admin/src/main.ts`
- **DaxPay services**

## Connections

- Operations user → Operations console: uses
- Operations console → Login and auth: routes to
- Login and auth → DaxPay services: authenticates with
- Operations console → Users and permissions: manages access
- Users and permissions → DaxPay services: requests IAM data
- Operations console → Merchant management: manages merchants
- Merchant management → DaxPay services: requests merchant data
- Operations console → Channel configuration: configures channels
- Channel configuration → DaxPay services: requests channel data
- Operations console → Payment master data: manages payment data
- Payment master data → DaxPay services: requests master data
- Operations console → Product configuration: configures products
- Product configuration → DaxPay services: requests product config
- Operations console → Application routing: configures routes
- Application routing → Routing API: loads and saves
- Routing API → DaxPay services: requests route data
- Operations console → Orders and refunds: queries trades
- Orders and refunds → DaxPay services: requests order data
- Operations console → Transfers and allocation: manages transfers
- Transfers and allocation → DaxPay services: requests transfer data
- Operations console → Risk controls: manages risk
- Risk controls → DaxPay services: requests risk data
- Operations console → Payment records: reviews records
- Payment records → DaxPay services: requests payment records
- Operations console → Workspace analytics: views metrics
- Workspace analytics → DaxPay services: loads dashboard data
- Operations console → System administration: manages platform
- System administration → DaxPay services: requests system data
- Operations console → Notices and callbacks: manages notices
- Notices and callbacks → DaxPay services: requests notice data
- Operations console → Integration debugging: debugs integration
- Integration debugging → DaxPay services: sends test requests