// SQSEO Deep Dive — the reveal that closes onboarding. While the wizard was
// being filled in, the Site Intelligence scanner (Phase 16) crawled the user's
// site in the background; this screen turns that into the product's first
// "it actually read my site" moment: a calm scanning stage with REAL progress,
// then a staged reveal of who they are, what they sell, the keywords their
// pages target, and the seed topics we'd research first — ending in a CTA that
// drops the best seed straight into Keyword Research.
//
// House rules: every number on screen is real (crawled pages, mined keywords —
// nothing invented); near-monochrome, coral only as an accent dot/chip; Lucide
// icons; motion is staggered fade-ups that respect prefers-reduced-motion.
// Registered as window.LTQ.DeepDive; rendered by Onboarding after activation.
(function init() {
if (!window.LongtailIQDesignSystem_ae8f12 || !window.LTQ || !window.LTQ.api || !window.LTQ.t) { return setTimeout(init, 30); }
const React = window.React;
const DS = window.LongtailIQDesignSystem_ae8f12;
const { Icon } = DS;
const { api, t } = window.LTQ;
const POLL_MS = 1800;
const MAX_WAIT_MS = 90_000; // then we stop holding the user hostage
// ---- tiny shared pieces (match the wizard's inline-token vocabulary) ----
function Primary({ children, onClick, icon, trailingIcon }) {
return (
);
}
function Ghost({ children, onClick, icon }) {
return (
);
}
// Staggered section: each block fades up in order (delay in ms).
function Reveal({ delay, children }) {
return
{children}
;
}
function Chip({ children, accent }) {
return (
{accent && }
{children}
);
}
function SectionLabel({ icon, children }) {
return (
{children}
);
}
const card = { background: "var(--paper)", border: "1px solid var(--border-subtle)", borderRadius: "var(--r-xl)", boxShadow: "var(--shadow-sm)", padding: "26px 28px" };
// ------------------------------------------------------------ scan stage ----
// Real progress: pages crawled / planned from the live scan row. The status
// line advances with actual progress — never a fake percentage.
function ScanStage({ domain, scan }) {
const total = scan && scan.pages_total > 0 ? scan.pages_total : 0;
const done = (scan && scan.pages_crawled) || 0;
const frac = total > 0 ? Math.min(1, done / total) : 0;
const statusKey = !scan || scan.status === "pending" ? "deepdive.scan.connecting"
: frac < 0.25 ? "deepdive.scan.reading"
: frac < 0.55 ? "deepdive.scan.offerings"
: frac < 0.85 ? "deepdive.scan.keywords"
: "deepdive.scan.finishing";
return (