9COM Approval Portal · BESCO ↔ EPS

9COM Control Room

Account

Your projects

Every 9COM / QMS engagement, kept separate — open a project to work in it. Superadmin can start new ones and choose who from BESCO or EPS has access to each.

9COM Approval Programme

9COM Control Room

Live record of document submissions, returns and Aramco filings, plus the tasks BESCO and EPS hand each other, across the 9COM path for piping spool fabrication.

Project

9COM Path

Click a step to open it below · colour = current status

Reading order: row 1 left→right, drop down the right edge into row 2, right→left, and so on to the final step. The dashed loop marks a step set to reopen until closed — an NCR is typically reopened and re-closed until Aramco accepts it. Steps and stages can be added, reordered or removed as the project evolves — see “Manage steps” above.

Workspace

All activity

Date	Step	Item / Document	Rev.	Channel	Actor	Status	Waiting on	Target date	Remarks	File

Loading the submission log…

Date	Step	File	Rev.	Size	Uploaded by	Related item

Loading documents…

	Step	Task	Assigned to	Assigned by	Due

Loading tasks…

Milestone	Linked step	Amount	Status	Due	Notes

Loading payment milestones…

9COM Control Room · BESCO ↔ EPS coordination tool for Saudi Aramco 9COM certification · data is shared live with everyone who opens this page

Log an entry

Step

Action

Actor

Item / document

Rev. No.

Date

Channel

Target date (optional)

When this item is due to move — used for the overdue counts on the dashboard tiles.

Attach file (optional, up to 10 MB)

PDFs, Office files, images or text up to 10 MB — stored privately in your Supabase project.

Remarks (optional)

Remove the currently attached file

Add a task

Step

Task

Assign to

Due date (optional)

Notes (optional)

Add a payment milestone

Milestone

Linked step (optional)

Amount (SAR)

Status

Due date (optional)

Notes (optional)

Add a step

Step title

Stage

New stage name

Channel

New steps are added to the end of the path — use the ▲▼ buttons in “Manage steps” to reposition afterwards.

Manage steps

Add, reorder, rename or remove steps as the project's scope changes. A step can only be removed once it has no log entries, tasks or payment milestones attached to it.

New project

Project name

Client

Consultant

PO No.

Categories

Description (optional)

Start from the standard 20-step 9COM path (editable afterwards — add, rename, reorder or remove steps freely)

Project members

Only people checked below can open this project — everyone else in the portal won't see it exists. Superadmin always has access to every project.

Setup wizard

This deployment isn't wired to a database yet, so nothing typed into the app right now is saved. Work through the steps below once to connect it — after step 4 you'll have a ready-to-upload copy of this page that works for every BESCO/EPS user, not just this browser.

1 Create a free Supabase project

Go to supabase.com, sign up or sign in, click New project, and give it a name and database password. Wait ~2 minutes for it to finish provisioning, then open Project Settings → API to find your Project URL and anon public key for the next step.

2 Connect it saved in this browser

Paste your Project URL and anon public key (never the service_role key) — this saves them locally so you can test everything below before handing the real file to your host.

Project URL

Anon public key

3 Run the database schema

In Supabase, open SQL Editor → New query, paste in the entire schema below, and click Run. It creates every table, security rule, and the document storage bucket this app needs — safe to run more than once.

Open Supabase SQL Editor ↗

4 Get a configured copy of this page

Once step 2 is saved and step 3 is verified, download a copy of this exact page with your URL/key already filled in — upload it (replacing index.html) to your host (Netlify, Vercel, GitHub Pages, etc.) so every BESCO/EPS user gets the same working connection, not just this browser.

5 Two last things

In Supabase, go to Authentication → Providers → Email and turn off "Confirm email" so your team can sign up and start immediately. Then deploy the folder (this file + schema.sql + DEPLOYMENT.md) to any free static host — drag it onto app.netlify.com/drop for the fastest option. Full details are in DEPLOYMENT.md.

Comments

Sign in

Email

Password

Your name

Team

Email

Password

Real accounts — passwords are verified by Supabase Auth on the server, never in this page's code, and access to edit or delete a record is enforced by the database itself (Row Level Security), not just hidden in the interface. Anyone signed in as Superadmin can still edit or delete anything, by design, so keep that role limited to people who should have it.