);
}
function ActivityBars({ value = 0.5, active = true }) {
const bars = 5;
const lit = Math.round(value * bars);
return (
{Array.from({ length: bars }).map((_, i) => {
const isLit = i < lit;
const h = 4 + i * 2.2;
return (
);
})}
);
}
// ─────────────────────────────────────────────────────────────
// INTEREST DETAIL — with seed dossier at top
// The "starting dossier" is what Reverb gathered to bootstrap this
// interest — visible always, expandable. Distinct from "Briefed recently"
// (which is what's been delivered into briefs since).
// ─────────────────────────────────────────────────────────────
function ScreenInterestDetail() {
return (
{/* Top bar */}
Interest
{/* Hero */}
+ 12 NEW · LAST 24H
AI coding agents
{/* Editable motivation */}
WHY I CARE
Capability, not benchmarks. I want to hear when something actually changes how I'd ship — new loop patterns, eval results that translate to real work, the experience reports that aren't marketing.
{/* Seed dossier — the "starting dossier" */}
STARTING DOSSIER
seeded 6 days ago · 8 pieces
Here's what we read first to ground this interest — 5 sources, 8 pieces, one whiteboard.
{/* Explore mix slider */}
EXPLORE MIX
How adventurous should we be?
Trust my listA little widerSurprise me
{/* Sources */}
SOURCES · 5 RANKED
{/* Recent briefed items */}
BRIEFED RECENTLY
);
}
function DossierRow({ src, title, time, tagBg, tagFg = '#fff' }) {
const tag = time.split(' · ')[0];
const when = time.split(' · ')[1];
return (
);
}
function BriefedRow({ src, title, when }) {
return (
{title}
{when}
);
}
// ─────────────────────────────────────────────────────────────
// INTEREST CREATION — w/ live seeding
// As the user types, Reverb shows what it would seed: sources, items,
// and a starter dossier. Choosing how aggressive to fetch is the
// "Explore mix" up front. CTA: "Add + brief me now".
// ─────────────────────────────────────────────────────────────
function ScreenInterestNew() {
return (
{/* Top bar */}
New interest
{/* Hero copy */}
What should we keep track of?
{/* Name input */}
INTEREST
Defense tech & autonomy
{/* Why I care */}
WHY I CARE — OPTIONAL
The Anduril/Shield AI thesis — want to track procurement wins, not vibe takes.
{/* Live seeding — what Reverb is finding */}
↗ FOUND SO FAR
READING NOW
{/* Sources cluster */}
5 sources match this so far
{/* Seed dossier preview — 3 items with include toggle */}