# 6xas/scope-react-ts-blitz architecture

> Architecture diagram of the GitHub repository 6xas/scope-react-ts-blitz, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-29). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/6xas/scope-react-ts-blitz
- Repository: https://github.com/6xas/scope-react-ts-blitz

## Overview

Scope is a Portuguese-language institutional project and work management prototype. The user enters through the routed React application and uses the home dashboard to review recent activity and navigate into projects, tasks, linked assignments, and task/project Kanban boards. The sampled pages use shared in-memory mock data; no backend or persistent store is evidenced. Agenda and chat appear as workspace panels, but the excerpts do not establish external service integrations. Several page excerpts are partial, so uncertain interactions are not mapped.

Main entry points: [`src/App.tsx`](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/App.tsx) (Page routes), [`src/pages/Assignments.tsx`](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Assignments.tsx) (Linked assignments), [`src/components/AppShell.tsx`](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/components/AppShell.tsx) (Workspace shell), [`src/pages/Projects.tsx`](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Projects.tsx) (Project overview)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_app["Application shell"]
  node_router["Browser router<br/>[main.tsx]"]
  node_routes["Page routes<br/>[App.tsx]"]
  node_shell["Workspace shell<br/>[AppShell.tsx]"]
  node_tools["Agenda and chat"]
end

subgraph group_work["Work management"]
  node_home["Activity dashboard<br/>[Home.tsx]"]
  node_projects["Project overview<br/>[Projects.tsx]"]
  node_tasks["Task management<br/>[Tasks.tsx]"]
  node_assignments["Linked assignments<br/>[Assignments.tsx]"]
  node_kanban["Kanban board<br/>[Kanban.tsx]"]
end

subgraph group_shared["Shared data"]
  node_mock["Mock work records<br/>[mock.ts]"]
  node_tabs["Page tabs<br/>[PageTabs.tsx]"]
  node_status["Status display<br/>[StatusPill.tsx]"]
end

node_user(("Workspace user"))
node_sei(("SEI source"))
node_glpi(("GLPI source"))
node_external(("External project links"))
node_image(("Hero image asset"))

node_user -->|"opens app"| node_router
node_router -->|"renders"| node_routes
node_routes -->|"wraps pages"| node_shell
node_routes -->|"routes to"| node_home
node_routes -->|"routes to"| node_projects
node_routes -->|"routes to"| node_tasks
node_routes -->|"routes to"| node_assignments
node_routes -->|"routes to"| node_kanban
node_shell -->|"renders"| node_tools
node_shell -->|"hosts page"| node_home
node_shell -->|"hosts page"| node_projects
node_shell -->|"hosts page"| node_tasks
node_shell -->|"hosts page"| node_assignments
node_home -->|"reads records"| node_mock
node_projects -->|"reads records"| node_mock
node_tasks -->|"reads records"| node_mock
node_assignments -->|"reads records"| node_mock
node_projects -->|"renders"| node_tabs
node_tasks -->|"renders"| node_tabs
node_assignments -->|"renders"| node_tabs
node_home -->|"renders"| node_status
node_projects -->|"renders"| node_status
node_tasks -->|"renders"| node_status
node_assignments -->|"renders"| node_status
node_assignments -.->|"links to"| node_sei
node_assignments -.->|"links to"| node_glpi
node_projects -.->|"links to"| node_external
node_home -.->|"fetches image"| node_image

click node_router "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/main.tsx"
click node_routes "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/App.tsx"
click node_shell "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/components/AppShell.tsx"
click node_tools "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/components/FloatingWorkspaceTools.tsx"
click node_home "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Home.tsx"
click node_projects "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Projects.tsx"
click node_tasks "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Tasks.tsx"
click node_assignments "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Assignments.tsx"
click node_kanban "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Kanban.tsx"
click node_mock "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/data/mock.ts"
click node_tabs "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/components/PageTabs.tsx"
click node_status "https://github.com/6xas/scope-react-ts-blitz/blob/main/src/components/StatusPill.tsx"

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_router,node_routes,node_shell,node_tools,node_user toneBlue
class node_home,node_projects,node_tasks,node_assignments,node_kanban toneAmber
class node_mock,node_tabs,node_status toneMint
class node_sei,node_glpi,node_external,node_image toneIndigo
```

## Components

### Application shell

- [Browser router](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/main.tsx): `src/main.tsx`
- [Page routes](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/App.tsx): `src/App.tsx`
- [Workspace shell](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/components/AppShell.tsx): `src/components/AppShell.tsx`
- [Agenda and chat](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/components/FloatingWorkspaceTools.tsx): `src/components/FloatingWorkspaceTools.tsx`

### Work management

- [Activity dashboard](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Home.tsx): `src/pages/Home.tsx`
- [Project overview](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Projects.tsx): `src/pages/Projects.tsx`
- [Task management](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Tasks.tsx): `src/pages/Tasks.tsx`
- [Linked assignments](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Assignments.tsx): `src/pages/Assignments.tsx`
- [Kanban board](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/pages/Kanban.tsx): `src/pages/Kanban.tsx`

### Shared data

- [Mock work records](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/data/mock.ts): `src/data/mock.ts`
- [Page tabs](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/components/PageTabs.tsx): `src/components/PageTabs.tsx`
- [Status display](https://github.com/6xas/scope-react-ts-blitz/blob/main/src/components/StatusPill.tsx): `src/components/StatusPill.tsx`

### Other components

- **Workspace user**
- **SEI source**
- **GLPI source**
- **External project links**
- **Hero image asset**

## Connections

- Workspace user → Browser router: opens app
- Browser router → Page routes: renders
- Page routes → Workspace shell: wraps pages
- Page routes → Activity dashboard: routes to
- Page routes → Project overview: routes to
- Page routes → Task management: routes to
- Page routes → Linked assignments: routes to
- Page routes → Kanban board: routes to
- Workspace shell → Agenda and chat: renders
- Workspace shell → Activity dashboard: hosts page
- Workspace shell → Project overview: hosts page
- Workspace shell → Task management: hosts page
- Workspace shell → Linked assignments: hosts page
- Activity dashboard → Mock work records: reads records
- Project overview → Mock work records: reads records
- Task management → Mock work records: reads records
- Linked assignments → Mock work records: reads records
- Project overview → Page tabs: renders
- Task management → Page tabs: renders
- Linked assignments → Page tabs: renders
- Activity dashboard → Status display: renders
- Project overview → Status display: renders
- Task management → Status display: renders
- Linked assignments → Status display: renders
- Linked assignments → SEI source: links to
- Linked assignments → GLPI source: links to
- Project overview → External project links: links to
- Activity dashboard → Hero image asset: fetches image