setFailed(true)}
/>
setFailed(true)}
style={{ width: "100%", height: "100%", objectFit: "contain", display: "block" }} />);
}
// ───────────────────── helpers ─────────────────────
function initials(name) {
return name.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0]).join("").toUpperCase();
}
function avatarColor(seed) {
const colors = ["#FF5A1F", "#0E0E0E", "#7A4BFF", "#0EA672", "#E0457B", "#1F4FFF", "#FF8A00", "#5A2DEE"];
let h = 0;
for (let i = 0; i < seed.length; i++) h = h * 31 + seed.charCodeAt(i) >>> 0;
return colors[h % colors.length];
}
function logoColor(seed) {
const palette = ["#FF5A1F", "#0E0E0E", "#1F4FFF", "#0EA672", "#7A4BFF", "#E0457B", "#FF8A00"];
let h = 0;
for (let i = 0; i < seed.length; i++) h = h * 31 + seed.charCodeAt(i) >>> 0;
return palette[h % palette.length];
}
function statusLabel(s) {
return {
Attending: "Attending",
NotAttending: "Not attending",
Active: "Active",
Acquired: "Acquired",
IPO: "Public",
ShutDown: "Shut down",
}[s] || s;
}
// Per-founder attending: simple yes/no. Badge shows "Attending" or "Not attending".
function attendingShort(a) {
return a === "yes" ? "Attending" : "Not attending";
}
// Count attending founders for a company
function attendingSummary(c) {
const attended = (c.founders || []).filter((f) => f.attending === "yes").length;
const total = (c.founders || []).length;
return { attended, total };
}
function formatFunding(m) {
if (!m && m !== 0) return "—";
if (m >= 1000) return `$${(m / 1000).toFixed(1)}B`;
if (m >= 100) return `$${Math.round(m)}M`;
if (m >= 10) return `$${Math.round(m)}M`;
if (m >= 1) return `$${m.toFixed(1).replace(/\.0$/, '')}M`;
return `$${Math.round(m * 1000)}K`;
}
function isRecentNews(news) {
if (!news) return false;
// Tighten "in the news" to specific 2026 month references — most companies
// now have *some* 2025/2026 mention, so we filter to genuinely fresh items.
return /\b(?:January|February|March|April|May|June|July|August|September|October|November|December)\s+2026\b/i.test(news);
}
// ───────────────────── Avatar (LinkedIn photo with initial-monogram fallback) ─────────────────────
const PersonAvatar = React.memo(function PersonAvatar({ name, linkedin, className = "avatar", size }) {
const [failed, setFailed] = useState(false);
const styleColor = { background: avatarColor(name) };
const useImg = linkedin && !failed;
const sizeStyle = size ? { width: size, height: size } : null;
if (useImg) {
return (
setFailed(true)}
/>
);
}
return (
{initials(name)}
);
});
// ───────────────────── Logo ─────────────────────
// Prefers the local /logos/{results.summary}
} {results.matches.length > 0 ?
{b.lines.map((line, li) => (
}
{String(text)}
; } } function renderInline(text) { // Tokenize for **bold**, *italic*, `code`. Keep it simple and non-greedy. const parts = []; let rest = text; let key = 0; // Pattern: **x** | *x* | `x` const re = /\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`/; while (rest) { const m = rest.match(re); if (!m) { parts.push(rest); break; } if (m.index > 0) parts.push(rest.slice(0, m.index)); if (m[1] !== undefined) parts.push({m[1]}); else if (m[2] !== undefined) parts.push({m[2]}); else if (m[3] !== undefined) parts.push({m[3]});
rest = rest.slice(m.index + m[0].length);
}
return parts;
}
function AskPanel({ companies, onClose, onPickCompany, initialQuery }) {
const STORAGE_KEY = "pvp_ask_history_v1";
// Prefetch the enriched founders bundle as soon as the panel mounts, so
// by the time the user finishes their first question it's ready.
useEffect(() => { loadEnrichedFounders(); }, []);
const [messages, setMessages] = useState(() => {
try {
const saved = localStorage.getItem(STORAGE_KEY);
if (!saved) return [];
const parsed = JSON.parse(saved);
if (!Array.isArray(parsed)) return [];
// Sanitize: only keep entries with required shape; cap to last 60 turns
// so a runaway history doesn't blow iOS Safari's memory budget.
return parsed
.filter((m) => m && typeof m.text === "string" && (m.role === "user" || m.role === "assistant"))
.slice(-60);
} catch (_) { return []; }
});
const [input, setInput] = useState("");
const [loading, setLoading] = useState(false);
const [confirmClear, setConfirmClear] = useState(false);
const bodyRef = useRef();
const inputRef = useRef();
const sentInitial = useRef(false);
// Pool of suggestion prompts; show 6 chosen at random per panel mount so
// the empty state feels fresh rather than static.
const suggestionPool = useMemo(() => [
"Who's attending the dinner tonight?",
"Which founders worked at Flipkart before?",
"IIT alumni in the portfolio",
"Ex-Google or Microsoft founders",
"Show me the AI-native bets",
"Founders building in fintech",
"Female founders attending tonight",
"Repeat founders we've backed",
"Companies that raised in 2026",
"Stealth or pre-Series A bets",
"Ex-McKinsey or BCG founders",
"Ex-Razorpay or Cred founders",
"Climate or cleantech bets",
"B2B SaaS founders here tonight",
"Founders on their second startup",
"Who has the deepest fintech track record?",
], []);
const suggestions = useMemo(() => {
const pool = [...suggestionPool];
for (let i = pool.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
const t = pool[i]; pool[i] = pool[j]; pool[j] = t;
}
return pool.slice(0, 6);
}, [suggestionPool]);
// Persist history to localStorage whenever it changes
useEffect(() => {
try { localStorage.setItem(STORAGE_KEY, JSON.stringify(messages)); } catch (_) {}
}, [messages]);
useEffect(() => {
if (bodyRef.current) bodyRef.current.scrollTop = bodyRef.current.scrollHeight;
}, [messages, loading]);
// Escape closes the panel
useEffect(() => {
const onKey = (e) => { if (e.key === "Escape") onClose(); };
document.addEventListener("keydown", onKey);
return () => document.removeEventListener("keydown", onKey);
}, [onClose]);
const send = async (q) => {
const question = (q ?? input).trim();
if (!question || loading) return;
setInput("");
// Append the user message AND a placeholder assistant message we'll
// mutate as the stream comes in.
setMessages((m) => [
...m,
{ role: "user", text: question },
{ role: "assistant", text: "", streaming: true, companyIds: [], founderRefs: [], followups: [] },
]);
setLoading(true);
await loadEnrichedFounders();
const corpus = buildCorpus(companies);
// Cap to last 4 user-assistant pairs (8 messages) so prompt size stays bounded.
const historySrc = messages.slice(-8);
const history = historySrc.map((m) => `${m.role === "user" ? "User" : "Assistant"}: ${m.text}`).join("\n");
const prompt = `You are an analyst for Prime Venture Partners' portfolio. Use ONLY what's in the JSON below — never invent facts.
DATA SHAPE:
- Each company has: id, name, sector, stage, status, invested, funding, quirk, description, news, founders, teamAttendees, coInvestors.
- "founders" is "Name (Role) [ATTENDING|NOT ATTENDING] | Prior: