# dopazoff1/kiwi-frontend architecture

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

- Interactive diagram: https://gitdiagram.com/dopazoff1/kiwi-frontend
- Repository: https://github.com/dopazoff1/kiwi-frontend

## Overview

CreditplusKiwiassist is an Angular customer-support and business-operations portal with public marketing pages, authenticated sales workspaces, and support/knowledge, training, collaboration, and administration tools. The user enters through the Angular application and router, which dispatches to route-specific screens; the login service exchanges credentials with the backend and retains session details in browser storage. The tree and route excerpt establish the major product areas, but most feature implementations and their service wiring were not sampled, so those connections are intentionally not inferred.

Main entry points: [`src/app/app.routes.ts`](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/app.routes.ts) (Route dispatch), [`src/app/app.ts`](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/app.ts) (Angular app), [`src/app/services/auth.ts`](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/services/auth.ts) (Authentication), [`src/app/components/v4-shell/v4-shell.ts`](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/v4-shell/v4-shell.ts) (Sales workspace v4)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_runtime["Application runtime"]
  node_app["Angular app<br/>[app.ts]"]
  node_routes["Route dispatch<br/>[app.routes.ts]"]
  node_auth["Authentication<br/>[auth.ts]"]
  node_ssr["Server rendering<br/>[server.ts]"]
  node_marketing["Marketing pages<br/>[marketing-shell.ts]"]
end

subgraph group_sales["Sales workspace"]
  node_sales4["Sales workspace v4<br/>[v4-shell.ts]"]
  node_sales5["Sales workspace v5<br/>[v5-shell.ts]"]
  node_pipeline4["Pipeline and tasks<br/>[v4-pipeline.ts]"]
  node_pipeline5["Pipeline and tasks<br/>[v5-pipeline.ts]"]
  node_crm["CRM contacts<br/>[crm.ts]"]
end

subgraph group_support["Support operations"]
  node_astra["Astra support<br/>[astra-shell.ts]"]
  node_flowdesk["Flowdesk delivery<br/>[flowdesk-board.ts]"]
  node_chat["Live chat<br/>[live-chat.ts]"]
  node_collaboration["Collaboration"]
end

subgraph group_knowledge["Knowledge and training"]
  node_knowledgebase["Knowledge base<br/>[knowledge-base.ts]"]
  node_training["Training academy<br/>[training-home.ts]"]
end

subgraph group_admin["Administration"]
  node_adminops["People and access<br/>[team-management.ts]"]
  node_tools["Support tools<br/>[qa-evaluation.ts]"]
end

node_user(("Portal user"))
node_backend["API backend"]
node_browser[("Browser storage")]

node_user -->|"opens"| node_app
node_app -->|"hosts navigation"| node_routes
node_routes -->|"dispatches"| node_marketing
node_routes -->|"dispatches"| node_sales4
node_routes -->|"dispatches"| node_sales5
node_routes -->|"dispatches"| node_astra
node_routes -->|"dispatches"| node_flowdesk
node_routes -->|"dispatches"| node_chat
node_routes -->|"dispatches"| node_knowledgebase
node_routes -->|"dispatches"| node_training
node_routes -->|"dispatches"| node_collaboration
node_routes -->|"dispatches"| node_adminops
node_routes -->|"dispatches"| node_tools
node_sales4 -->|"renders routes"| node_pipeline4
node_sales4 -->|"renders routes"| node_crm
node_sales5 -->|"renders routes"| node_pipeline5
node_user -->|"submits credentials"| node_auth
node_auth -->|"posts login"| node_backend
node_auth -->|"stores session"| node_browser
node_app -.->|"rendered by"| node_ssr

click node_app "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/app.ts"
click node_routes "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/app.routes.ts"
click node_auth "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/services/auth.ts"
click node_ssr "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/server.ts"
click node_marketing "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/marketing-shell/marketing-shell.ts"
click node_sales4 "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/v4-shell/v4-shell.ts"
click node_sales5 "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/v5-shell/v5-shell.ts"
click node_pipeline4 "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/v4-pipeline/v4-pipeline.ts"
click node_pipeline5 "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/v5-pipeline/v5-pipeline.ts"
click node_crm "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/crm/crm.ts"
click node_astra "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/astra-shell/astra-shell.ts"
click node_flowdesk "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/flowdesk-board/flowdesk-board.ts"
click node_chat "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/live-chat/live-chat.ts"
click node_knowledgebase "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/knowledge-base/knowledge-base.ts"
click node_training "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/training-home/training-home.ts"
click node_collaboration "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/collaboration-hub/collaboration-hub.ts"
click node_adminops "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/team-management/team-management.ts"
click node_tools "https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/qa-evaluation/qa-evaluation.ts"

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_app,node_routes,node_auth,node_ssr,node_marketing,node_user toneBlue
class node_sales4,node_sales5,node_pipeline4,node_pipeline5,node_crm,node_browser toneAmber
class node_astra,node_flowdesk,node_chat,node_collaboration,node_backend toneMint
class node_knowledgebase,node_training toneRose
class node_adminops,node_tools toneIndigo
```

## Components

### Application runtime

- [Angular app](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/app.ts): `src/app/app.ts`
- [Route dispatch](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/app.routes.ts): `src/app/app.routes.ts`
- [Authentication](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/services/auth.ts): `src/app/services/auth.ts`
- [Server rendering](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/server.ts): `src/server.ts`
- [Marketing pages](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/marketing-shell/marketing-shell.ts): `src/app/components/marketing-shell/marketing-shell.ts`

### Sales workspace

- [Sales workspace v4](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/v4-shell/v4-shell.ts): `src/app/components/v4-shell/v4-shell.ts`
- [Sales workspace v5](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/v5-shell/v5-shell.ts): `src/app/components/v5-shell/v5-shell.ts`
- [Pipeline and tasks](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/v4-pipeline/v4-pipeline.ts): `src/app/components/v4-pipeline/v4-pipeline.ts`
- [Pipeline and tasks](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/v5-pipeline/v5-pipeline.ts): `src/app/components/v5-pipeline/v5-pipeline.ts`
- [CRM contacts](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/crm/crm.ts): `src/app/components/crm/crm.ts`

### Support operations

- [Astra support](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/astra-shell/astra-shell.ts): `src/app/components/astra-shell/astra-shell.ts`
- [Flowdesk delivery](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/flowdesk-board/flowdesk-board.ts): `src/app/components/flowdesk-board/flowdesk-board.ts`
- [Live chat](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/live-chat/live-chat.ts): `src/app/components/live-chat/live-chat.ts`
- [Collaboration](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/collaboration-hub/collaboration-hub.ts): `src/app/components/collaboration-hub/collaboration-hub.ts`

### Knowledge and training

- [Knowledge base](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/knowledge-base/knowledge-base.ts): `src/app/components/knowledge-base/knowledge-base.ts`
- [Training academy](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/training-home/training-home.ts): `src/app/components/training-home/training-home.ts`

### Administration

- [People and access](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/team-management/team-management.ts): `src/app/components/team-management/team-management.ts`
- [Support tools](https://github.com/dopazoff1/kiwi-frontend/blob/main/src/app/components/qa-evaluation/qa-evaluation.ts): `src/app/components/qa-evaluation/qa-evaluation.ts`

### Other components

- **Portal user**
- **API backend**
- **Browser storage**

## Connections

- Portal user → Angular app: opens
- Angular app → Route dispatch: hosts navigation
- Route dispatch → Marketing pages: dispatches
- Route dispatch → Sales workspace v4: dispatches
- Route dispatch → Sales workspace v5: dispatches
- Route dispatch → Astra support: dispatches
- Route dispatch → Flowdesk delivery: dispatches
- Route dispatch → Live chat: dispatches
- Route dispatch → Knowledge base: dispatches
- Route dispatch → Training academy: dispatches
- Route dispatch → Collaboration: dispatches
- Route dispatch → People and access: dispatches
- Route dispatch → Support tools: dispatches
- Sales workspace v4 → Pipeline and tasks: renders routes
- Sales workspace v4 → CRM contacts: renders routes
- Sales workspace v5 → Pipeline and tasks: renders routes
- Portal user → Authentication: submits credentials
- Authentication → API backend: posts login
- Authentication → Browser storage: stores session
- Angular app → Server rendering: rendered by