/
home
/
techb158
/
balavpn.abdallabala.com
/
docs
/
/home/techb158/balavpn.abdallabala.com/docs
mkdir
upload
Name
Size
Mode
Actions
00-design-study.md
3678
0644
edit
dl
rm
01-uml-class-diagram.puml
11869
0644
edit
dl
rm
02-use-case-diagram.puml
3763
0644
edit
dl
rm
03-sequence-diagrams.puml
9732
0644
edit
dl
rm
04-database-entity-model.mmd
7051
0644
edit
dl
rm
05-database-schema.sql
13372
0644
edit
dl
rm
06-diagram-preview.html
5021
0644
edit
dl
rm
07-design-checklist.md
3256
0644
edit
dl
rm
08-step-2-storage-layer.md
5325
0644
edit
dl
rm
09-step-3-risk-crud-ui.md
3380
0644
edit
dl
rm
10-step-4-mitigation-workflow.md
3996
0644
edit
dl
rm
11-step-5-deployment-gate-workflow.md
2292
0644
edit
dl
rm
12-step-6-multi-pm-integration.md
3770
0644
edit
dl
rm
13-step-6-1-microsoft-planner-integration.md
2335
0644
edit
dl
rm
14-step-7-reporting-export.md
4158
0644
edit
dl
rm
15-step-7-1-oauth-live-connectors.md
4545
0644
edit
dl
rm
16-step-8-user-roles-access-control.md
3297
0644
edit
dl
rm
17-step-9-production-deployment-security.md
4228
0644
edit
dl
rm
18-step-10-final-academic-submission.md
3199
0644
edit
dl
rm
19-final-report-draft.md
6814
0644
edit
dl
rm
20-instructor-submission-checklist.md
3639
0644
edit
dl
rm
21-demo-script.md
3948
0644
edit
dl
rm
22-traceability-matrix.md
4847
0644
edit
dl
rm
23-testing-evidence.md
2961
0644
edit
dl
rm
24-evaluation-rubric-mapping.md
2910
0644
edit
dl
rm
25-final-deployment-runbook.md
3214
0644
edit
dl
rm
26-known-limitations-and-future-work.md
2632
0644
edit
dl
rm
27-final-qa-checklist.md
2893
0644
edit
dl
rm
28-demo-rehearsal-script.md
3618
0644
edit
dl
rm
29-submission-freeze-report.md
2769
0644
edit
dl
rm
30-final-known-issues.md
1876
0644
edit
dl
rm
31-saas-rebuild-implementation.md
2571
0644
edit
dl
rm
application-documentation.md
27515
0644
edit
dl
rm
conversation-log.md
18503
0644
edit
dl
rm
dashboard-spec.md
3691
0644
edit
dl
rm
database-guide.md
37826
0644
edit
dl
rm
development-summary.md
7070
0644
edit
dl
rm
github-architecture.svg
6288
0644
edit
dl
rm
Edit:
/home/techb158/balavpn.abdallabala.com/docs/github-architecture.svg
(6288B)
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="760" viewBox="0 0 1200 760" role="img" aria-labelledby="title desc"> <title id="title">COSMIC AI-Risk SaaS Architecture</title> <desc id="desc">Architecture diagram showing browser clients, Next.js SaaS app, API routes, domain services, Prisma, PostgreSQL, integrations, billing, SSO, reports, audit logging, and the frozen prototype reference.</desc> <defs> <marker id="arrow" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="8" markerHeight="8" orient="auto-start-reverse"> <path d="M 0 0 L 10 5 L 0 10 z" fill="#157347"/> </marker> <style> .bg { fill: #f7fbf8; } .title { font: 700 30px Arial, sans-serif; fill: #12372a; } .subtitle { font: 400 15px Arial, sans-serif; fill: #426154; } .lane { fill: #e7f3ec; stroke: #b8d8c4; stroke-width: 1.5; rx: 18; } .box { fill: #ffffff; stroke: #157347; stroke-width: 2; rx: 12; } .box-alt { fill: #f0f8f3; stroke: #1f7a4b; stroke-width: 2; rx: 12; } .box-warn { fill: #fff8e8; stroke: #b7791f; stroke-width: 2; rx: 12; } .label { font: 700 16px Arial, sans-serif; fill: #12372a; } .small { font: 400 12px Arial, sans-serif; fill: #3f5e51; } .tiny { font: 400 11px Arial, sans-serif; fill: #557064; } .line { stroke: #157347; stroke-width: 2; fill: none; marker-end: url(#arrow); } .line-soft { stroke: #79a989; stroke-width: 2; fill: none; marker-end: url(#arrow); stroke-dasharray: 6 5; } .divider { stroke: #c9dfd0; stroke-width: 1; } </style> </defs> <rect class="bg" x="0" y="0" width="1200" height="760"/> <text class="title" x="54" y="58">COSMIC AI-Risk Dashboard SaaS Architecture</text> <text class="subtitle" x="54" y="83">Commercial multi-tenant rebuild preserving the original COSMIC risk model, governance workflows, reports, and integration concepts.</text> <rect class="lane" x="40" y="118" width="1120" height="118"/> <text class="label" x="62" y="145">Clients</text> <rect class="box" x="80" y="165" width="220" height="48"/> <text class="label" x="105" y="190">B2B Teams</text> <text class="tiny" x="105" y="207">AI project risk operations</text> <rect class="box" x="350" y="165" width="220" height="48"/> <text class="label" x="375" y="190">Consultants</text> <text class="tiny" x="375" y="207">Many client workspaces</text> <rect class="box" x="620" y="165" width="220" height="48"/> <text class="label" x="645" y="190">Enterprise Users</text> <text class="tiny" x="645" y="207">SSO, audit, controls</text> <rect class="box" x="890" y="165" width="220" height="48"/> <text class="label" x="915" y="190">Admins</text> <text class="tiny" x="915" y="207">Billing and tenancy</text> <rect class="lane" x="40" y="268" width="1120" height="194"/> <text class="label" x="62" y="295">SaaS Web Application</text> <rect class="box-alt" x="80" y="320" width="250" height="82"/> <text class="label" x="105" y="347">Next.js App Router</text> <text class="small" x="105" y="369">React dashboard, login, signup,</text> <text class="small" x="105" y="386">workspace switching, SaaS shell</text> <rect class="box" x="395" y="320" width="250" height="82"/> <text class="label" x="420" y="347">API Routes</text> <text class="small" x="420" y="369">Auth, tenancy, projects, risks,</text> <text class="small" x="420" y="386">gates, reports, integrations</text> <rect class="box" x="710" y="320" width="180" height="82"/> <text class="label" x="735" y="347">Auth and RBAC</text> <text class="small" x="735" y="369">Sessions, invites, roles,</text> <text class="small" x="735" y="386">tenant guards, SSO boundary</text> <rect class="box" x="930" y="320" width="180" height="82"/> <text class="label" x="955" y="347">Admin Layer</text> <text class="small" x="955" y="369">Organizations, members,</text> <text class="small" x="955" y="386">plans, super-admins</text> <rect class="lane" x="40" y="494" width="1120" height="134"/> <text class="label" x="62" y="521">Domain and Data Services</text> <rect class="box-alt" x="80" y="545" width="205" height="58"/> <text class="label" x="102" y="570">COSMIC Risk Engine</text> <text class="tiny" x="102" y="588">Scoring, residuals, gate logic</text> <rect class="box" x="320" y="545" width="205" height="58"/> <text class="label" x="342" y="570">Service Layer</text> <text class="tiny" x="342" y="588">Projects, risks, gates, reports</text> <rect class="box" x="560" y="545" width="205" height="58"/> <text class="label" x="582" y="570">Prisma ORM</text> <text class="tiny" x="582" y="588">Schema, migrations, queries</text> <rect class="box-alt" x="800" y="545" width="205" height="58"/> <text class="label" x="822" y="570">PostgreSQL</text> <text class="tiny" x="822" y="588">Tenant data, audit, reports</text> <rect class="lane" x="40" y="660" width="1120" height="70"/> <text class="label" x="62" y="690">External Boundaries</text> <rect class="box-warn" x="230" y="675" width="170" height="38"/> <text class="small" x="252" y="699">Stripe Billing</text> <rect class="box-warn" x="430" y="675" width="220" height="38"/> <text class="small" x="452" y="699">Trello, Jira, Asana, Planner</text> <rect class="box-warn" x="680" y="675" width="160" height="38"/> <text class="small" x="702" y="699">OIDC / SAML</text> <rect class="box-warn" x="870" y="675" width="210" height="38"/> <text class="small" x="892" y="699">Original Prototype Reference</text> <path class="line" d="M 190 213 L 190 320"/> <path class="line" d="M 460 213 L 460 320"/> <path class="line" d="M 730 213 L 730 320"/> <path class="line" d="M 1000 213 L 1000 320"/> <path class="line" d="M 330 361 L 395 361"/> <path class="line" d="M 645 361 L 710 361"/> <path class="line" d="M 890 361 L 930 361"/> <path class="line" d="M 520 402 L 520 545"/> <path class="line" d="M 422 545 L 422 508 L 182 508 L 182 545"/> <path class="line" d="M 525 574 L 560 574"/> <path class="line" d="M 765 574 L 800 574"/> <path class="line-soft" d="M 315 675 L 315 628"/> <path class="line-soft" d="M 540 675 L 540 628"/> <path class="line-soft" d="M 760 675 L 760 402"/> <path class="line-soft" d="M 975 675 L 975 628"/> </svg>
Save
COSMIC AI-Risk SaaS Architecture
Architecture diagram showing browser clients, Next.js SaaS app, API routes, domain services, Prisma, PostgreSQL, integrations, billing, SSO, reports, audit logging, and the frozen prototype reference.
COSMIC AI-Risk Dashboard SaaS Architecture
Commercial multi-tenant rebuild preserving the original COSMIC risk model, governance workflows, reports, and integration concepts.
Clients
B2B Teams
AI project risk operations
Consultants
Many client workspaces
Enterprise Users
SSO, audit, controls
Admins
Billing and tenancy
SaaS Web Application
Next.js App Router
React dashboard, login, signup,
workspace switching, SaaS shell
API Routes
Auth, tenancy, projects, risks,
gates, reports, integrations
Auth and RBAC
Sessions, invites, roles,
tenant guards, SSO boundary
Admin Layer
Organizations, members,
plans, super-admins
Domain and Data Services
COSMIC Risk Engine
Scoring, residuals, gate logic
Service Layer
Projects, risks, gates, reports
Prisma ORM
Schema, migrations, queries
PostgreSQL
Tenant data, audit, reports
External Boundaries
Stripe Billing
Trello, Jira, Asana, Planner
OIDC / SAML
Original Prototype Reference