- {ITEMS.map(([id, label]) => (
-
- ))}
+
+
+ {ITEMS.map(([id, label]) => (
+
+ ))}
+
+
+ GitHub ↗
+
);
diff --git a/web/src/showcase/ShowcasePage.test.tsx b/web/src/showcase/ShowcasePage.test.tsx
index 0a44096..39b24f7 100644
--- a/web/src/showcase/ShowcasePage.test.tsx
+++ b/web/src/showcase/ShowcasePage.test.tsx
@@ -49,7 +49,7 @@ it("publishes exact reproducible evaluation results and honest limits", () => {
for (const result of [
"682 / 682",
- "60 / 60",
+ "63 / 63",
"42 / 42",
"3 / 3",
"19.722 s",
@@ -95,6 +95,15 @@ it("moves within the page without adding a location hash", () => {
expect(window.location.hash).toBe("");
});
+it("links directly to the public source repository", () => {
+ render(
);
+
+ expect(screen.getByRole("link", { name: /GitHub/ })).toHaveAttribute(
+ "href",
+ "https://github.com/KXHXK/opercerta",
+ );
+});
+
it("labels both screenshots as local synthetic-data evidence", () => {
render(
);
diff --git a/web/src/showcase/project-facts.test.ts b/web/src/showcase/project-facts.test.ts
index 6ae34fe..46282ca 100644
--- a/web/src/showcase/project-facts.test.ts
+++ b/web/src/showcase/project-facts.test.ts
@@ -8,7 +8,7 @@ it("keeps evidence-backed release facts and three typed scenarios", () => {
frozenEvaluations: 42,
realModelPaths: 9,
backendTests: 682,
- frontendTests: 60,
+ frontendTests: 63,
agentSafetyEvaluations: 9,
promptInjectionPasses: 3,
endToEndP50Seconds: 19.722,
diff --git a/web/src/showcase/project-facts.ts b/web/src/showcase/project-facts.ts
index 1853233..35973b3 100644
--- a/web/src/showcase/project-facts.ts
+++ b/web/src/showcase/project-facts.ts
@@ -13,7 +13,7 @@ export const PROJECT_FACTS = {
frozenEvaluations: 42,
realModelPaths: 9,
backendTests: 682,
- frontendTests: 60,
+ frontendTests: 63,
agentSafetyEvaluations: 9,
promptInjectionPasses: 3,
endToEndP50Seconds: 19.722,
diff --git a/web/src/styles.css b/web/src/styles.css
index 3e02564..727e8c7 100644
--- a/web/src/styles.css
+++ b/web/src/styles.css
@@ -60,12 +60,21 @@ a {
display: flex;
align-items: center;
justify-content: space-between;
- padding: 22px 0;
+ padding: 16px 0;
border-bottom: 1px solid var(--line);
}
-.section-nav div {
+.section-nav-actions,
+.section-nav-links {
display: flex;
+ align-items: center;
+}
+
+.section-nav-actions {
+ gap: 12px;
+}
+
+.section-nav-links {
flex-wrap: wrap;
gap: 6px;
}
@@ -92,6 +101,29 @@ a {
transform: translateY(-1px);
}
+.section-source {
+ display: inline-flex;
+ min-height: 36px;
+ align-items: center;
+ padding: 6px 12px;
+ border: 1px solid var(--line);
+ border-radius: 10px;
+ color: var(--accent);
+ background: rgba(255, 255, 255, 0.7);
+ font-weight: 750;
+ text-decoration: none;
+ transition:
+ color 180ms ease,
+ border-color 180ms ease,
+ background 180ms ease;
+}
+
+.section-source:hover {
+ color: var(--ink);
+ border-color: var(--accent);
+ background: var(--accent-soft);
+}
+
.showcase-logo {
color: var(--ink);
font: 800 0.82rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
@@ -1457,9 +1489,16 @@ code {
}
.section-nav {
- flex-direction: column;
- gap: 14px;
- align-items: flex-start;
+ gap: 12px;
+ }
+
+ .section-nav-links {
+ display: none;
+ }
+
+ .section-source {
+ min-height: 34px;
+ padding-inline: 10px;
}
.showcase-hero,