Metrics1
Flowchart2
Feature Map3
Test Suite4
Roadmap5
Tasks6
Legend7
Code8
Agents9
Docs
Admin
Status:
Section:
| Screen ↕ | Component ↕ | Status ↕ | Layout | Targets | Anim | Consistent | States | A11y | Gating | Score | Notes |
|---|
App Entry & Main Navigation
flowchart LR
LOAD["App Load"] --> OBC{Onboarding done?}
OBC -->|No| OBF["Onboarding Flow"]
OBC -->|Yes| HOME["Home Page"]
OBF --> HOME
HOME --> ND["Navigation Dial"]
ND -->|Rotate| INV["Invest Page"]
ND -->|Rotate| CHP["Charity Page"]
ND -->|Rotate| CASH["Cashback Page"]
INV --> HOME
CHP --> HOME
CASH --> HOME
HOME --> HDR["Header"]
HDR --> PM["Profile Menu"]
HDR --> CM["Card Menu"]
HDR --> CHT["Chat Modal"]
HOME --> BR["Balance Ring"]
BR --> CD["Currency Dropdown"]
BR --> HAM["Home Action Menu"]
HAM --> SEND["Send"]
HAM --> HADD["Add Money"]
HAM --> REQ["Request"]
HAM --> MGRID["More Services"]
HOME --> QC["Quote Carousel"]
HOME --> TS["Transactions Sheet"]
Onboarding - Create Account Path with KYC Branches
flowchart TD
WEL["Welcome"] --> PATH{Choose path}
PATH -->|Create Account| PHONE["Phone Number"]
PATH -->|Pilgrimage Card| PREP["Prepaid Intro"]
PATH -->|Login| LFACE["Face ID Login"]
PHONE --> OTP["OTP Verify"]
OTP --> INTENT["Intent Capture"]
INTENT --> PERS["Personal Details"]
PERS --> ADDR["Address Screen"]
ADDR --> FIN["Financial Profile"]
FIN --> KYCAP["KYC Capture"]
KYCAP --> PEND["Pending Verification"]
PEND -->|Instant pass| KYOK["KYC Approved"]
PEND -->|Manual review| KYREV["Under Review"]
PEND -->|Docs unclear| KYINFO["Additional Info Needed"]
PEND -->|Hard fail| KYFAIL["KYC Rejected"]
KYREV -->|Cleared| KYOK
KYREV -->|More info req| KYINFO
KYREV -->|Rejected| KYFAIL
KYINFO -->|Resubmit docs| KYCAP
KYFAIL -->|Retry upload| KYCAP
KYFAIL -->|File appeal| APPEAL["Appeals Process"]
KYOK --> PASS["Set Passcode"]
PASS --> FID["Face ID Setup"]
FID --> WAL["Wallet Prompt"]
WAL --> UNAME["Username Selection"]
UNAME --> CSEL["Card Selection"]
CSEL --> BWALK["Benefits Tour"]
BWALK --> COMP["Complete"]
PREP --> PDET["Card Details"]
PDET --> PAID["ID Upload"]
PAID --> PCONF["Prepaid Confirm"]
PCONF --> PSUC["Prepaid Success"]
PSUC --> COMP
LFACE --> COMP
style KYOK fill:#003d1a,stroke:#22C55E,color:#4ADE80
style KYFAIL fill:#3d0000,stroke:#EF4444,color:#FCA5A5
style KYREV fill:#2d2000,stroke:#F59E0B,color:#FCD34D
style KYINFO fill:#001833,stroke:#3B82F6,color:#93C5FD
style APPEAL fill:#1a0000,stroke:#EF4444,color:#FCA5A5
Profile Menu - 15 Sub-Views
flowchart TD
PMAIN["Profile Root"] --> ACC["Account Details"]
ACC --> ADRED["Edit Address"]
PMAIN --> STMT["Statements"]
PMAIN --> SETT["Settings"]
PMAIN --> NOTIF["Notifications"]
PMAIN --> A11Y["Accessibility"]
PMAIN --> BEN["Tier and Benefits"]
BEN --> UPGRD{Upgrade confirm}
BEN --> DNGRD{Downgrade confirm}
PMAIN --> LIM["Limits and Usage"]
PMAIN --> INS["Insights"]
PMAIN --> SUP["Help and Support"]
PMAIN --> LEG["Legal Hub"]
PMAIN --> PRIV["Data and Privacy"]
PRIV --> CLOSE["Close Account"]
PMAIN --> PCONV["Prepaid Convert"]
style LEG fill:#1a0d00,stroke:#F59E0B,color:#FCD34D
style PRIV fill:#1a0d00,stroke:#F59E0B,color:#FCD34D
style PCONV fill:#1a0030,stroke:#A855F7,color:#C084FC
Card Menu · Send Flow · Add Money
flowchart TD
CROOT["Card Menu Root"] --> CCAROUSEL["Card Carousel"]
CCAROUSEL --> CPHYS["Order Physical Card"]
CPHYS --> CPICK["Choose Type"]
CPICK --> CADR["Shipping Address"]
CADR --> CCONF["Confirm Order"]
CCONF --> CDONE["Order Done"]
CCAROUSEL --> CBANK["Bank Transfer Details"]
CCAROUSEL --> CVIRT["Virtual Card Create"]
CCAROUSEL --> CFX["FX Conversion"]
CCAROUSEL --> CLOST["Lost or Stolen"]
CCAROUSEL --> CEDIT["Edit Card Label"]
HAMENT["Home Action Menu"] --> SEND["Send Flow"]
SEND --> SPAY["Payee List"]
SPAY --> SPDET["Payee Detail"]
SPDET --> SAMT["Enter Amount"]
SAMT --> SCONF["Confirm Send"]
SCONF --> SDONE["Send Done"]
SPAY --> SADD_D["Add Domestic Payee"]
SADD_D --> SD_NAME["Name"]
SD_NAME --> SD_SORT["Sort Code"]
SD_SORT --> SD_ACCT["Account No"]
SD_ACCT --> SD_REV["Review"]
SD_REV --> SPAY
SPAY --> SADD_I["Add Intl Payee"]
SADD_I --> SI_NAME["Name"]
SI_NAME --> SI_CURR["Currency"]
SI_CURR --> SI_IBAN["IBAN"]
SI_IBAN --> SI_SWIFT["SWIFT"]
SI_SWIFT --> SI_REV["Review"]
SI_REV --> SPAY
HAMENT --> HADD["Add Money"]
HADD --> HAAB["Bank Transfer"]
HAAB --> HAABD["Bank Details Screen"]
HADD --> HAAC["Debit or Credit Card"]
HADD --> HAAQR["Scan QR"]
style HAAC fill:#1a0030,stroke:#A855F7,color:#C084FC
style HAAQR fill:#1a0030,stroke:#A855F7,color:#C084FC
Home Action Menu · More Services · Request · Transfer
flowchart TD
HAMOR["Home Action Menu"] --> MGRID["More Services Grid"]
MGRID --> MBILLS["Bills"]
MBILLS --> MBTAB["Bills Tab"]
MBILLS --> MSTAB["Subscriptions Tab"]
MGRID --> MSTMT["Statements"]
MGRID --> MSUPP["Support"]
MGRID --> MQRSC["Scan QR"]
MGRID --> MEXCH["Exchange"]
HAMOR --> REQ["Request Flow"]
REQ --> RSEL["Select Contact"]
RSEL --> RAMT["Enter Amount"]
RAMT --> RCONF["Confirm Request"]
RCONF --> RSUC["Request Sent"]
RSEL --> RSHARE["Share Link"]
RSHARE --> RCOMP["Compose Share"]
RCOMP --> RSENT["Share Sent"]
HAMOR --> TRF["Transfer Flow"]
TRF --> TSEL["Select Cards and Amount"]
TSEL --> TCONF["Confirm Transfer"]
TCONF --> TDONE["Transfer Done"]
style MSTMT fill:#1a0030,stroke:#A855F7,color:#C084FC
style MQRSC fill:#1a0030,stroke:#A855F7,color:#C084FC
Transactions Sheet - Spaces and Co-Spaces
flowchart TD
TSHEET["Transactions Sheet"] --> TLIST["Transaction List"]
TLIST --> TDET["Transaction Detail"]
TSHEET --> SPACES["Spaces Row"]
SPACES --> SDET["Space Detail"]
SDET --> SAUTO["Automation Panel"]
SAUTO --> SRND["Round-Ups"]
SAUTO --> SASAVE["Auto-Save"]
SAUTO --> SSALARY["Salary Day Save"]
TSHEET --> COS["Co-Spaces Row"]
COS --> CSDET["Co-Space Detail"]
CSDET --> CSMAIN["Main View"]
CSDET --> CSMEM["Members Overlay"]
CSMEM --> CSROLE["Role Editor"]
TSHEET --> NEWSP["New Space Wizard"]
NEWSP --> NSW_TYPE["Choose Type"]
NSW_TYPE --> NSW_NAME["Name and Goal"]
NSW_NAME --> NSW_CURR["Currency"]
TSHEET --> NEWCOS["Co-Space Create Wizard"]
NEWCOS --> NCW_CURR["Currency"]
NCW_CURR --> NCW_NAME["Name and Goal"]
NCW_NAME --> NCW_CARD["Virtual Card"]
style SASAVE fill:#1a0e00,stroke:#F59E0B,color:#FCD34D
style SSALARY fill:#1a0e00,stroke:#F59E0B,color:#FCD34D
Charity + Chat + Cashback + Invest
flowchart TD
CHAR["Charity Page"] --> DFLOW["Donation Flow Modal"]
CHAR --> ZAKAT["Zakat Calculator"]
CHAR --> RAISE["Raise Project Modal"]
CHAR --> PROJ["Project Tracking Modal"]
CHAR --> IMP["Impact Detail Page"]
CHATM["Chat Modal"] --> CHLIST["Conversation List"]
CHLIST --> CHDM["DM Thread"]
CHDM --> CHPAY["Pay button"]
CHPAY --> SFLOW["Send Flow"]
CHLIST --> CHGRP["Group Thread"]
CHGRP --> CHSPACE["Space button"]
CHSPACE --> COSP["Co-Space Detail"]
CBPAGE["Cashback Page"] --> CBGRID["Partner Grid"]
CBGRID --> CBDET["Partner Detail"]
CBPAGE --> CBMAP["Map View"]
CBMAP --> CBFULL["Fullscreen Map"]
INVPAGE["Invest Page"] --> INVLIST["Fund List"]
INVLIST --> INVDET["Fund Detail"]
style CBPAGE fill:#001a0a,stroke:#22C55E,color:#4ADE80
style CBGRID fill:#001a0a,stroke:#22C55E,color:#4ADE80
style CBDET fill:#001a0a,stroke:#22C55E,color:#4ADE80
style INVLIST fill:#001233,stroke:#3B82F6,color:#93C5FD
style INVDET fill:#001233,stroke:#3B82F6,color:#93C5FD
Status:
Section:
Type:
-
Total Cases
0
Passed
0
Failed
0
Skipped
-
Coverage
-
P0 Blocking
-
P1 Important
-
P2 Polish
-
P3 Backlog
-
Done
Screen Status
Complete Fully built and polished
Partial Built but has known gaps
Placeholder Shell only, no real content
Coming Soon Intentionally deferred (FCA/backend)
Metric Grades
✅ Passes standard
⚠️ Needs improvement
❌ Fails or missing
N/A Not applicable
Metric Definitions
Layout - Spacing, hierarchy, overflow, safe areas
Targets - Interactive elements ≥44×44px (iOS HIG)
Anim - Entry/exit, gesture physics, reduced-motion
Consistent - Design tokens, colours, typography
States - Empty, loading, and error states handled
A11y - aria-labels, colour contrast, screen reader
Gating - Feature shown/hidden correctly per tier
Targets - Interactive elements ≥44×44px (iOS HIG)
Anim - Entry/exit, gesture physics, reduced-motion
Consistent - Design tokens, colours, typography
States - Empty, loading, and error states handled
A11y - aria-labels, colour contrast, screen reader
Gating - Feature shown/hidden correctly per tier
Score Thresholds
86–100% Excellent
60–85% Acceptable
<60% Needs work
Score = sum(metric weights) / applicable metrics × 100. Pass=1, Warn=0.5, Fail=0.
Tier Gates
All Available to all tiers
Gold Requires Gold subscription
Prepaid Pilgrimage card only
How to Update
Edit
Deploy: push to
Local dev:
Status changes, notes, and test results persist in
audit/index.html at the project root. Update the SCREENS, APP_ITEMS, TESTS, ROADMAP, or TASKS arrays in the script section.Deploy: push to
main - auto-deploys via Cloudflare Pages to 99app-audit.pages.devLocal dev:
cd audit && npx wrangler pages dev . --port 4000Status changes, notes, and test results persist in
localStorage. Role (Admin/Editor/Viewer) is session-only.
Your Profile
Signed in via GitHub
Access Permissions
Session
Token stored in sessionStorage - expires when you close the tab.
Settings
Configuration and access management
General
Repository
99FT/Demo-Prototype - main branch
Dashboard version
v2.0 Engineering Intelligence - Cloudflare Pages
Access Permissions Admin only
Loading permissions...
Appearance
Customize how the dashboard looks
Display
Compact rows
Reduce padding in tables and lists for more density
Monospace labels
Use Fira Code for all secondary labels and badges
Reduced glow effects
Disable ambient background gradients
Light mode
Switch to a warm champagne theme
Keyboard Shortcuts
Switch between sections1-9
Close overlaysEsc
Focus search/
Open menuM