);
};
/* =========================================================
TODAY BRIEFING — dark audio strip with denser waveform
========================================================= */
const PlayGlyph = () => (
);
const PauseGlyph = () => (
);
const BRIEFING_SCRIPT =
"Good morning, Jon. Quick office update before you get pulled into the day. " +
"The Bookkeeper went through the overnight bills. ABC Supply and Northline Concrete are matched to the right jobs and ready for QuickBooks. Sherwin Williams looked like the same invoice from Tuesday, so she held it instead of risking a duplicate. " +
"Field Intake picked up Marco's Oakwood notes. His voice note is now a daily log, the five photos are filed, and the stair detail is the only thing he still needs answered before the framing crew closes that area. " +
"Client Liaison has the Ridgeview homeowner update drafted. It reads clean: progress, selected photos, and the next milestones. No vendor noise, no internal budget notes. " +
"Timekeeper has yesterday's hours staged. Most of the crew matched the rules. Jay Patel has four and a half hours of overtime, so that is waiting for your call. " +
"Takeoff Reader checked the Oakwood plan change and handed the changed counts to estimating. The budget now includes the new Apex Electric number. " +
"Scheduler kept the dates lined up with the budget. Six jobs are on track, nothing is overdue, and there are only two things that need you today: the Oakwood budget variance and the Ridgeview cabinet allowance. " +
"Everything else is moving. Open those two when you have a minute, and the office will keep going from there.";
const BRIEFING_MP3_URL = "/app/uploads/briefing.mp3";
const formatMSS = (sec) => {
if (!isFinite(sec) || sec <= 0) return "2:37 min";
const m = Math.floor(sec / 60);
const s = Math.floor(sec % 60);
return m + ":" + String(s).padStart(2, "0") + " min";
};
const WAVE_BARS = Array.from({ length: 48 }, (_, i) => {
// Vary heights between 4 and 28 using overlapping sines for organic feel
const a = Math.abs(Math.sin(i * 0.55));
const b = Math.abs(Math.sin(i * 1.7 + 0.4));
const c = Math.abs(Math.sin(i * 2.9 + 1.1));
const mix = (a * 0.5 + b * 0.3 + c * 0.2);
return 4 + Math.round(mix * 24);
});
function pickPreferredVoice(voices) {
if (!voices || !voices.length) return null;
const byName = (re) => voices.find((v) => re.test(v.name || ""));
return (
byName(/Google US English/i) ||
byName(/^Samantha/i) ||
byName(/^Alex/i) ||
voices.find((v) => /en[-_]US/i.test(v.lang)) ||
voices.find((v) => /^en/i.test(v.lang)) ||
voices[0]
);
}
const TodayBriefing = () => {
const supported = typeof window !== "undefined" && "speechSynthesis" in window;
const [speaking, setSpeaking] = React.useState(false);
const [voice, setVoice] = React.useState(null);
const [mp3Available, setMp3Available] = React.useState(false);
const [mp3Duration, setMp3Duration] = React.useState(0);
const utteranceRef = React.useRef(null);
const audioRef = React.useRef(null);
// Probe for studio MP3 voiceover. If present, prefer it over Web Speech.
React.useEffect(() => {
let cancelled = false;
if (typeof fetch !== "function") return undefined;
fetch(BRIEFING_MP3_URL, { method: "HEAD" })
.then((res) => {
if (cancelled || !res || !res.ok) return;
setMp3Available(true);
// Preload to read duration for the subtitle.
const probe = new Audio(BRIEFING_MP3_URL);
probe.preload = "metadata";
probe.addEventListener("loadedmetadata", () => {
if (!cancelled) setMp3Duration(probe.duration || 0);
});
})
.catch(() => { /* MP3 not present — use Web Speech fallback */ });
return () => { cancelled = true; };
}, []);
// Load Web Speech voices for the fallback path.
React.useEffect(() => {
if (!supported) return undefined;
const loadVoices = () => {
const voices = window.speechSynthesis.getVoices();
const picked = pickPreferredVoice(voices);
if (picked) setVoice(picked);
};
loadVoices();
window.speechSynthesis.addEventListener("voiceschanged", loadVoices);
return () => {
window.speechSynthesis.removeEventListener("voiceschanged", loadVoices);
window.speechSynthesis.cancel();
};
}, [supported]);
// Stop any audio on unmount.
React.useEffect(() => {
return () => {
if (audioRef.current) {
audioRef.current.pause();
audioRef.current = null;
}
};
}, []);
const speak = React.useCallback(() => {
if (mp3Available) {
if (speaking && audioRef.current) {
audioRef.current.pause();
return;
}
let audio = audioRef.current;
if (!audio) {
audio = new Audio(BRIEFING_MP3_URL);
audio.addEventListener("play", () => setSpeaking(true));
audio.addEventListener("pause", () => setSpeaking(false));
audio.addEventListener("ended", () => setSpeaking(false));
audio.addEventListener("loadedmetadata", () => setMp3Duration(audio.duration || 0));
audioRef.current = audio;
}
const p = audio.play();
if (p && typeof p.catch === "function") p.catch(() => setSpeaking(false));
return;
}
if (!supported) return;
if (speaking) { window.speechSynthesis.cancel(); setSpeaking(false); return; }
const u = new window.SpeechSynthesisUtterance(BRIEFING_SCRIPT);
u.rate = 0.96;
u.pitch = 1;
const chosen = voice || pickPreferredVoice(window.speechSynthesis.getVoices());
if (chosen) u.voice = chosen;
u.onend = () => setSpeaking(false);
u.onerror = () => setSpeaking(false);
utteranceRef.current = u;
window.speechSynthesis.cancel();
window.speechSynthesis.speak(u);
setSpeaking(true);
}, [mp3Available, speaking, supported, voice]);
// Expose play/pause to a global "P" key listener for the demo presenter.
React.useEffect(() => {
window.__playBriefing = speak;
return () => {
if (window.__playBriefing === speak) delete window.__playBriefing;
};
}, [speak]);
const canPlay = mp3Available || supported;
const subtitle = mp3Available
? formatMSS(mp3Duration)
: (supported ? "2:37 min" : "Audio unavailable");
return (