Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
6 changes: 6 additions & 0 deletions app/layout.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import './globals.css';
import Link from 'next/link';
import { Github, BarChart3, BookOpen } from 'lucide-react';
import { Logo } from '@/components/logo';
import { AnnouncementBanner } from '@/components/announcement-banner';

// Variable fonts vendored locally (app/fonts) so builds work offline and
// ship one file per family instead of one per weight.
Expand Down Expand Up @@ -133,6 +134,11 @@ export default function RootLayout({
<body className={`${inter.variable} ${jakarta.variable} ${jetbrainsMono.variable} font-sans`}>
{/* Subtle emerald top accent (replaces old rainbow border) */}
<div className="min-h-screen flex flex-col accent-top bg-background">
<AnnouncementBanner
id="gpt-5-6-2026-07"
message="GPT-5.6 (Sol / Terra / Luna) is now evaluated on TrustVector — with day-1 independent verification, incl. METR's benchmark-cheating findings."
href="/models/gpt-5-6"
/>
{/* Header with thin border */}
<header className="sticky top-0 z-50 w-full border-b border-border bg-background/95 backdrop-blur-sm">
<div className="container mx-auto px-4">
Expand Down
62 changes: 62 additions & 0 deletions components/announcement-banner.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,62 @@
'use client';

import { useEffect, useState } from 'react';
import Link from 'next/link';
import { ArrowRight, X } from 'lucide-react';

interface AnnouncementBannerProps {
/** Bump the id to re-show the banner after a new announcement */
id: string;
tag?: string;
message: string;
href: string;
linkText?: string;
}

export function AnnouncementBanner({
id,
tag = 'NEW',
message,
href,
linkText = 'Read the evaluation',
}: AnnouncementBannerProps) {
const [dismissed, setDismissed] = useState(false);

const storageKey = `tv-banner-dismissed:${id}`;

useEffect(() => {
if (window.sessionStorage.getItem(storageKey)) setDismissed(true);
}, [storageKey]);

if (dismissed) return null;

return (
<div className="relative z-50 border-b border-guard0-dark/30 bg-guard0-900 text-guard0-100">
<div className="container mx-auto px-4">
<div className="flex items-center justify-center gap-3 py-2 pr-8 text-sm">
<span className="hidden sm:inline-flex px-1.5 py-0.5 text-[10px] font-mono font-bold uppercase tracking-widest bg-guard0 text-guard0-900 rounded">
{tag}
</span>
<p className="truncate">{message}</p>
<Link
href={href}
className="inline-flex items-center gap-1 font-semibold text-guard0-light hover:text-white whitespace-nowrap transition-colors"
>
{linkText}
<ArrowRight className="w-3.5 h-3.5" />
</Link>
</div>
</div>
<button
aria-label="Dismiss announcement"
onClick={() => {
window.sessionStorage.setItem(storageKey, '1');
setDismissed(true);
}}
className="absolute right-2 top-1/2 -translate-y-1/2 p-1 text-guard0-100/70 hover:text-white transition-colors"
>
<X className="w-4 h-4" />
</button>
</div>
);
}
Loading
Loading