Ambient research for live calls
Stay in the conversation
while references fly past.
explains the terms, people, and concepts the moment they come up —
on Zoom, in podcasts, or anywhere audio is playing.
No full copiloting, no bot in your meeting. Audio stays on device.
Mac-first private beta
·
No bot joins the call
·
Audio stays local
);
}
// —————————————————————————————————————————————
// Hero
// —————————————————————————————————————————————
function Hero() {
const [muted, setMuted] = useState(true);
// Per-card UI state. mode: 'auto' follows the video clock; 'pinned' stays
// open after the user interacts; 'dismissed' is hidden until the loop.
const [cards, setCards] = useState(() =>
CTX_CARDS.map(() => ({ inWindow: false, mode: "auto", expanded: false }))
);
const [caption, setCaption] = useState("");
const [videoReady, setVideoReady] = useState(false);
const [videoError, setVideoError] = useState(false);
const videoRef = useStreamingVideo(VIDEO_SRC);
const lastT = useRef(0);
// Keep the video element's muted prop honest (autoplay needs muted=true)
useEffect(() => {
if (videoRef.current) videoRef.current.muted = muted;
}, [muted]);
// Drive card visibility from the video's own clock
useEffect(() => {
const v = videoRef.current;
if (!v) return;
const onTime = () => {
const t = v.currentTime;
const looped = t < lastT.current - 0.5; // video wrapped back to the start
lastT.current = t;
setCards((prev) => {
let changed = looped;
const next = prev.map((cd, i) => {
const inWindow = t >= CTX_CARDS[i].at && t < CTX_CARDS[i].at + CARD_HOLD;
// On loop, reset any user interaction so the demo replays fresh.
const mode = looped ? "auto" : cd.mode;
const expanded = looped ? false : cd.expanded;
if (inWindow !== cd.inWindow || mode !== cd.mode || expanded !== cd.expanded) changed = true;
return { inWindow, mode, expanded };
});
return changed ? next : prev;
});
setCaption((prev) => { const c = captionAt(t); return c === prev ? prev : c; });
};
v.addEventListener("timeupdate", onTime);
return () => v.removeEventListener("timeupdate", onTime);
}, []);
// User pins the card open / expands the full definition
const expandCard = (i) =>
setCards((prev) => prev.map((cd, j) =>
j === i ? { ...cd, mode: "pinned", expanded: !cd.expanded } : cd));
// User dismisses the card for the rest of this loop
const closeCard = (i) =>
setCards((prev) => prev.map((cd, j) =>
j === i ? { ...cd, mode: "dismissed", expanded: false } : cd));
// Resolve what actually shows: dismissed → hidden, pinned → shown, else clock
const cardView = cards.map((cd) => ({
shown: cd.mode === "dismissed" ? false : cd.mode === "pinned" ? true : cd.inWindow,
expanded: cd.expanded,
}));
const toggleMute = () => {
const v = videoRef.current;
setMuted((m) => {
const nm = !m;
if (v) { v.muted = nm; if (!nm) v.play().catch(() => {}); }
return nm;
});
};
const shared = {
muted, onToggleMute: toggleMute, videoRef, videoSrc: VIDEO_SRC,
videoReady,
videoError,
onVideoReady: () => { setVideoReady(true); setVideoError(false); },
onVideoError: () => setVideoError(true),
caption,
cards: cardView, onExpand: expandCard, onClose: closeCard,
};
return (