// Fin45 — Tracker detail page (router + templates)
//
// SLUG MATRIX
// /tracker/congress → TrackerCongress (leaderboard table)
// /tracker/spy → TrackerSpy (index template)
// /tracker/:slug → look up profile in FIN_TRACKERS.profiles[slug]
// kind:'politician' → TrackerPolitician (template)
// kind:'founder' → TrackerFounder (template)
// (missing) → TrackerComingSoon (stub)
//
// To add a new politician or founder, write a new entry in FIN_TRACKERS.profiles.
// No new code required — the template renders it.
const DTD = window.FIN_TRACKERS;
const { FinMascot, SubscribeCTA, EquityCurve } = window;
function findCatalogEntry(slug) {
for (const g of DTD.catalog) {
for (const it of g.items) {
if (it.id === slug) return { ...it, group: g.group };
}
}
return null;
}
function PageTrackerDetail({ slug }) {
if (slug === 'congress') return
Trackers
/
{group}
/
{profile.header.name}
);
}
function ProfileHeader({ profile, mascot, eyebrow }) {
const h = profile.header;
return (
{eyebrow}
{h.name}
{h.role}
{h.since}
);
}
function ProfileStatsGrid({ stats }) {
return (
{stats.map((s, i) => (
))}
The tell · the pattern this tracker keys on
{profile.tell}
);
}
function ProfileFin45View({ profile }) {
return (
<>
The Fin45 view · how the agent uses this
{profile.fin45}
);
}
function ProfileRelated({ profile, currentSlug }) {
if (!profile.related || profile.related.length === 0) return null;
const related = profile.related.map(slug => {
const cat = findCatalogEntry(slug);
return cat ? { slug, ...cat } : null;
}).filter(Boolean);
if (related.length === 0) return null;
return (
<>
);
}
// Simple sparkline using the SVG paths technique
function Sparkline({ data, height = 220 }) {
if (!data || data.length === 0) return null;
const W = 1200, H = height, padL = 8, padR = 8, padT = 24, padB = 24;
const min = Math.min(...data) - 200;
const max = Math.max(...data) + 200;
const xs = (i) => padL + (i / (data.length - 1)) * (W - padL - padR);
const ys = (v) => padT + (1 - (v - min) / (max - min)) * (H - padT - padB);
const path = data.map((v, i) => (i === 0 ? 'M' : 'L') + xs(i).toFixed(1) + ' ' + ys(v).toFixed(1)).join(' ');
const areaPath = path + ` L ${xs(data.length - 1)} ${(H - padB)} L ${xs(0)} ${(H - padB)} Z`;
return (
$100,000 start
${data[data.length - 1].toLocaleString()}
);
}
// ──────────────────────────────────────────────────────────────
// TEMPLATE: TrackerPolitician (Pelosi, Tuberville, Trump, …)
// ──────────────────────────────────────────────────────────────
function TrackerPolitician({ slug, profile }) {
const entry = findCatalogEntry(slug) || { group: 'Politicians' };
return (
{profile.header.bio}
The scoreboard · year-to-date
Tracked equity curve · Day 1 → today
simulated from disclosed positions
)}
{profile.holdings && (
<>
Top holdings · by weight
#
Ticker
Name
Weight
Today
{profile.holdings.map((h, i) => (
{i + 1}
{h.tk}
{h.name}
{h.wt}
{h.d}
))}
)}
{profile.filings && (
<>
Recent filings · STOCK Act disclosures
{profile.filings.length} most recent
{profile.filings.map((f, i) => (
{f.date}
{f.action}
{f.fileTime ? 'Filed ' + f.fileTime : ''}
))}
{profile.header.name}'s next move,
);
}
// ──────────────────────────────────────────────────────────────
// TEMPLATE: TrackerFounder (Musk, Buffett, …)
// ──────────────────────────────────────────────────────────────
function TrackerFounder({ slug, profile }) {
const entry = findCatalogEntry(slug) || { group: 'People' };
return (
{profile.header.bio}
The scoreboard · year-to-date
The empire · mark-to-market
{profile.empire.map((a, i) => (
{a.name}
{a.mv}
{a.ytd} YTD
· {a.exposure}
· {a.ticker}
))}
The wire · money-moving events
{profile.moves.length} most recent
{profile.moves.map((f, i) => (
))}
{profile.header.name}'s next move,
);
}
// ──────────────────────────────────────────────────────────────
// SPECIAL: TrackerCongress — the multi-person leaderboard
// ──────────────────────────────────────────────────────────────
function TrackerCongress() {
const c = DTD.congress;
return (
{c.overview}
Leaderboard · YTD · delta vs benchmark
Live feed · last 10 disclosures across all members
Source: STOCK Act · House & Senate
{c.feed.map((f, i) => (
{f.date}
{f.action}
{f.who}
YTD {f.pf}
))}
);
}
// ──────────────────────────────────────────────────────────────
// SPECIAL: TrackerSpy — the index template (one-off layout)
// ──────────────────────────────────────────────────────────────
function TrackerSpy() {
const s = DTD.spy;
return (
{s.overview}
Sector exposure · 11 sectors
{s.sectors.map((sec, i) => (
{sec.name}
{sec.pct.toFixed(1)}%
{sec.d}
))}
Top 10+ by weight · Fin45 holdings marked
#
Ticker
Name
Weight
Today
Held
{s.top.map((t, i) => (
{i + 1}
{t.tk}
{t.name}
{t.wt}
{t.d}
{t.held ? YES : — }
))}
The Fin45 view
{s.fin45View}
The benchmark,
);
}
// ──────────────────────────────────────────────────────────────
// FALLBACK: TrackerComingSoon — for catalog entries with no profile yet
// ──────────────────────────────────────────────────────────────
function TrackerComingSoon({ slug }) {
const entry = findCatalogEntry(slug);
if (!entry) {
return (
Tracker not found.
Back to all trackers
);
}
return (
{entry.group} · tracker
{entry.name}
{entry.sub}
Profile ships next sprint
Wire is on · data flowing
The signal feed is already capturing {entry.name}'s moves. The full profile page renders next sprint — use the politicians and founder templates as the pattern.
Notify me when it lands
);
}