One workspace for the Sousa Murray digital estate — preview live websites and build new pages visually.
Registered websites ▤
04Across the Sousa Murray estate
Visual workspace ✥
ReadyDrag, arrange, customise and export
Production publishing ⇧
LockedRequires secure integration
Your websites
Select any property to inspect its real public site or work on a Studio draft.
✦
Visual page building
Build with content blocks instead of editing code.
✓ Live draft canvas✓ Desktop / tablet / mobile preview✓ Drag-and-drop arrangement✓ Save, import and export
⌁
Connected website estate
Production websites stay separate and protected.
This first version can show real websites where they permit embedding. Editing happens in a separate Studio draft. GitHub-based publishing, sign-in and shared storage will be added before production use.
WEBSITE REGISTER / LIVE
Live website viewer
Browse the real, publicly hosted websites — without changing production.
⌁https://sousamurray.co.uk
LIVE SNAPSHOT
▣Loading the public website…
Capturing the latest publicly accessible design from the real website.
Choose how you want to view the site:Live snapshot uses a server-side browser capture and works even when a site blocks embedding; it is an image, not interactive or editable. Interactive site uses an iframe and may be blocked by the target site's security settings. For full functionality, use Open actual website. Visual editing of existing live pages requires source integration.
BUILDER / LOCAL DRAFTS
Page designer
Design new managed pages. For genuine changes to existing website files, use Website editor & publish.
Studio draftNot published
Production reference
Actual public homepage snapshot for visual comparison with your separate draft. It is not editable.
Preparing the real website snapshot…
Controlled website publishing. Design changes remain in Studio until you submit a page proposal. Publish page prepares a new managed HTML page in the selected real website repository for GitHub review; it does not replace the existing homepage. Direct visual control of existing pages requires the planned page adapters. Production deployment happens only after review and merge.
GITHUB / COMPANY WEBSITES
Real website editor & publishing
Open the actual GitHub files used by Sousa Murray, Sousa Murray Group, Profiles and Directory. Make changes, submit them for review and publish approved revisions to the company websites.
Secure source access required. This editor checks an individual Cloudflare Access workforce session and uses a server-side GitHub App. Your GitHub credentials never enter the browser.
Select a website to inspect source.
Not connected
No file selectedChoose an editable file from the left
—Read-only until edited
Ctrl+S opens a review proposal. Tab inserts indentation. Source changes stay in memory until proposed; refresh loses unsubmitted changes.
REVIEW / RELEASE
Publication queue
Finish editing, review the proposed changes, then publish approved work to the selected website's main branch.
Publication is disabled until authorised GitHub and Cloudflare workforce access are configured.
No proposals loaded.
Real website source, controlled release: this tool modifies code on a new review branch in the actual GitHub repository. Changes are merged into main only after required review, checks and explicit publication confirmation. Cloudflare's deployment of the merged version must be verified separately. Certain sensitive files remain protected.
CONTENT / PAGE MANAGER
Page manager
Organise the Studio drafts for each website. These are not imported live pages.
PAGEPATHSTATUSACTIONS
STUDIO / CONFIGURATION
Workspace settings
Current integrations, safety controls and draft management.
Real website connections: Cloudflare's Git build connection deploys Website Studio itself; it does not grant Website Studio access to the code in your other GitHub repositories. That second connection requires a separate restricted GitHub App and verified company sign-in.
Live connection diagnostics
These tests call your deployed Worker and protected GitHub source API. They do not use demonstration data.
Cloudflare Worker backendNot checked
Company workforce sign-inNot checked
Real GitHub repository readNot checked
Pull-request proposalsNot checked
Controlled publication to mainNot checked
Select “Test real connections” to verify the live integration.
Connect GitHub to real website files
Create a private, organisation-owned GitHub App with Contents and Pull requests read/write permissions. Install it on the two company website repositories and Profiles. Directory uses the Sousa Murray website repository.
1. Install the app on only the selected company repositories.2. Store the App ID, installation ID and PEM private key as encrypted Worker secrets.3. Configure workforce sign-in and approved email addresses.4. Enable read-only access, then proposals, then reviewed publishing.
Never enter tokens or a private key into this browser interface or a GitHub file.
Secure Cloudflare connection
Protect all traffic to the Website Studio Worker with Cloudflare Access, including its custom domain, workers.dev and preview URLs. Use your approved company Entra workforce policy.
Worker settings → Access → Protect this Worker → All traffic.Save CF_ACCESS_TEAM_DOMAIN, CF_ACCESS_AUD and STUDIO_ALLOWED_EMAILS as encrypted Worker secrets.Verify the Access policy before enabling any write permissions.Keep GITHUB_PUBLISH_ENABLED disabled until release testing is complete.
Local visual designs
The visual page designer currently keeps its separate layouts in this browser. This does not replace the source-controlled website. Keep backups until shared drafts and React component adapters are live.