marchon/master-zapier-plan-draft
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Restyle staff and console UIs; add UI-Docs walkthrough and review PDF.
Some checks are pending
offline / test (push) Waiting to run
Details

Browse source 
Match CS/sales/accounting/access-staff to the portal indigo system with
dollar amounts, skip links, and empty states. Fleet replica actions move
into overflow menus, roles become chips, Docs become cards, and the
header copy reflects the 0.0.0.0 bind. Simulator uses the same shell
(orange only for faults). Portal API keys are masked; admin customers
edit in a drawer. Catalog uses system-ui. New UI-Docs repo holds
screenshots, usage notes, and UI-REVIEW.pdf.
This commit is contained in:
George Lambert 2026-09-11 18:01:33 -04:00
parent ddf772454b
commit cb07f5b321
72 changed files with 3284 additions and 242 deletions
Download patch file Download diff file Expand all files Collapse all files

12
scripts/build-docs-site.py
View file

@ -23,7 +23,7 @@ SECTIONS = [
[
("packages/verae-ops/GETTING-STARTED.md", "Bring the system online (install, first-up, monitor)"),
("packages/overview/README.md", "What the system is (plain language)"),
("packages/verae-fleet/docs/CONSOLE.md", "Operator console (loopback Fleet · Trace · Docs)"),
("packages/verae-fleet/docs/CONSOLE.md", "Operator console (Fleet · Trace · Docs on :3850)"),
],
),
(
@ -85,6 +85,7 @@ SECTIONS = [
("packages/verae-jobs-events/README.md", "jobs.events mailbox"),
("packages/verae-nats-accounts/README.md", "NATS leaf/internal policy"),
("packages/zapier-decisions/README.md", "Decisions log"),
("packages/ui-docs/README.md", "UI walkthrough, screenshots, review PDF"),
],
),
(
@ -258,9 +259,13 @@ def page_shell(now: str, body: str, switch_to_md: bool, title: str) -> str:
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>{title}</title>
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8' fill='%234f46e5'/%3E%3C/svg%3E"/>
<style>
:root {{ --ink:#171a26; --muted:#5b6178; --line:#d9dce8; --bg:#f4f5fb; --accent:#4f46e5; --accent-deep:#312e81; --soft:#eef0fe; }}
body {{ margin:0; font:16px/1.5 Georgia, serif; color:var(--ink); background:var(--bg); }}
body {{ margin:0; font:16px/1.5 -apple-system, "SF Pro Text", "Segoe UI", "PingFang SC", sans-serif; color:var(--ink); background:var(--bg); }}
.skip {{ position:absolute; left:-999px; }}
.skip:focus {{ left:1rem; top:1rem; z-index:20; background:#fff; color:var(--accent); padding:.5rem .9rem; border-radius:8px; }}
a:focus-visible, input:focus-visible {{ outline:2px solid #fff; outline-offset:2px; }}
header {{ background:linear-gradient(160deg,#312e81 0%,#4f46e5 60%,#7c74f0 100%); color:#eef0fe; padding:2rem 1.5rem 1.4rem; position:relative; }}
header p {{ max-width:44rem; color:#e4e7ff; }}
.kicker {{ letter-spacing:.12em; text-transform:uppercase; font:700 11px system-ui; opacity:.75; }}
@ -284,6 +289,7 @@ def page_shell(now: str, body: str, switch_to_md: bool, title: str) -> str:
</style>
</head>
<body>
<a class="skip" href="#main">Skip to content</a>
<header>
{switch}
<div class="kicker">zapier.georgelambert.org</div>
@ -291,7 +297,7 @@ def page_shell(now: str, body: str, switch_to_md: bool, title: str) -> str:
<p>Project reference: setup, architecture, NATS, module APIs, user guide, and operator console.
Catalog defaults to <strong>colored PDFs</strong>. Generated {now}.</p>
</header>
<main>
<main id="main">
<p><input id="q" type="search" placeholder="Filter links…" /></p>
{body}
</main>