Skip to content

docs(site): upgrade claim firewall control surface #57

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
raylee-hawkins merged 4 commits into from
Jun 4, 2026
+1,198 −56
Merged

docs(site): upgrade claim firewall control surface #57

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ca1f1e6
docs(site): upgrade claim firewall control surface
raylee-hawkins Jun 4, 2026
052a1ba
docs(site): recompose claim firewall first viewport
raylee-hawkins Jun 4, 2026
d2b7cd7
style(site): remove red glow from claim firewall hero
raylee-hawkins Jun 4, 2026
8d8b317
docs(site): wire claim firewall into front door
raylee-hawkins Jun 4, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
86 changes: 65 additions & 21 deletions app/controls/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,5 @@
import type { Metadata } from "next";
import BoundaryNotice from "@components/BoundaryNotice";
import ClaimFirewall from "@components/ClaimFirewall";
import PageHero from "@components/PageHero";
import SectionHeader from "@components/SectionHeader";
import { ceiling } from "@config/site";

export const metadata: Metadata = {
Expand All @@ -17,25 +14,72 @@ export const metadata: Metadata = {
export default function ControlsPage() {
return (
<>
<PageHero
title="Claim firewall"
subtitle="Allowed wording, blocked wording, and promotion gates in one public surface."
description="The firewall keeps a bounded validation result from becoming an unsupported runtime, signal, or public proof claim."
badges={[
{ label: "RENDERING_ONLY" },
{ label: ceiling, tone: "warn" },
{ label: "NOT_PUBLIC_SAFE", tone: "block" },
]}
/>
<section className="container section-tight">
<BoundaryNotice text="Website rendering is not proof. Public proof requires evidence linkage and explicit promotion." />
<section className="controls-hero" aria-labelledby="claim-firewall-title">
<div className="container controls-hero__grid">
<div className="controls-hero__copy">
<p className="cockpit-eyebrow">CI claim boundary console</p>
<h1 id="claim-firewall-title" className="controls-hero__title">
Claim Firewall
</h1>
<p className="controls-hero__lede">
Unsupported security claims should fail before they reach the public page.
Public wording stays below the evidence ceiling until evidence linkage and explicit promotion clear a stronger claim.
</p>
<div className="controls-hero__pills" aria-label="Claim Firewall public status">
<span>RENDERING_ONLY</span>
<span>{ceiling}</span>
<span className="controls-hero__pill--blocked">NOT_PUBLIC_SAFE</span>
</div>
</div>

<aside className="controls-hero__rail" aria-label="Public inspection layer">
<span className="controls-hero__rail-label">Public inspection layer</span>
<p>Reviewer navigation, blocked wording, and evidence-ceiling status are visible here.</p>
<p>Green checks are evidence, not approval. AI support is labor, not authority.</p>
</aside>

<div className="controls-hero__console" aria-label="Wording to scanner to ceiling firewall diagram">
<div className="controls-hero__console-head">
<span>PUBLIC WORDING ROUTE</span>
<span className="rubber-stamp-blocked">BLOCKED</span>
</div>
<div className="controls-hero__flow">
<div className="controls-hero__node controls-hero__node--wording">
<span>01</span>
<strong>WORDING</strong>
<p>Copy, metadata, proof cards, reviewer summaries.</p>
</div>
<div className="controls-hero__beam" aria-hidden="true" />
<div className="controls-hero__node controls-hero__node--scanner">
<span>02</span>
<strong>SCANNER</strong>
<p>Blocked terms, unsafe context, proof drift.</p>
<em>fail closed</em>
</div>
<div className="controls-hero__beam controls-hero__beam--blocked" aria-hidden="true" />
<div className="controls-hero__node controls-hero__node--ceiling">
<span>03</span>
<strong>CEILING</strong>
<p>Evidence-linked claims only.</p>
</div>
</div>
<div className="controls-hero__meter" aria-label="Evidence ceiling summary">
<span>source</span>
<span>validation</span>
<span>runtime candidate</span>
<span>evidence review</span>
<span>human approval</span>
<span className="controls-hero__meter-blocked">public proof blocked</span>
</div>
<div className="controls-hero__boundary-strip" role="note">
<strong>Website rendering is not proof.</strong>
<span>Public proof requires evidence linkage and explicit promotion.</span>
</div>
</div>
</div>
</section>
<section className="container section">
<SectionHeader
title="Public claim standard"
eyebrow="Controls"
description="Supported claims must map to proof records. Blocked claims remain blocked unless a separate evidence-backed promotion changes their state."
/>

<section className="container controls-main">
<ClaimFirewall />
</section>
</>
Expand Down
Loading
Loading