// Inventory dev.flow-master.ai surfaces so canvas can be compared against the
// real product, not built from memory. Oracle gap #5.
import { chromium } from "playwright";
const b = await chromium.launch({ headless: true });
const p = await (await b.newContext({ viewport: { width: 1440, height: 900 } })).newPage();

// Try to use the dev site's own dev-login affordance via the UI.
try {
  await p.goto("https://dev.flow-master.ai/login", { waitUntil: "networkidle" });
  await p.waitForTimeout(800);
  const buttons = await p.locator("button").allTextContents();
  console.log("[login page buttons]:", buttons.map((b) => b.trim().slice(0, 50)).filter(Boolean));
  const devBtn = p.locator("button", { hasText: /sign in as developer|dev login|developer/i }).first();
  if (await devBtn.count()) {
    const emailInput = p.locator("input[type='email']").first();
    if (await emailInput.count()) await emailInput.fill("dev@flow-master.ai");
    await devBtn.click();
    await p.waitForTimeout(3000);
    console.log("[dev-login via UI] url now:", p.url());
  } else {
    console.log("[no dev-login button found on dev]");
  }
} catch (e) {
  console.log("[dev-login UI flow failed]", e.message);
}

async function tryUrl(url, label) {
  try {
    const r = await p.goto(url, { waitUntil: "domcontentloaded", timeout: 15000 });
    await p.waitForTimeout(1200);
    const title = await p.title();
    const links = await p.locator("a").evaluateAll((els) =>
      els.map((e) => ({ href: e.getAttribute("href") || "", text: (e.textContent || "").trim().slice(0, 50) }))
         .filter((l) => l.href && l.href.startsWith("/") && l.text)
         .slice(0, 50)
    );
    const headings = await p.locator("h1, h2, h3").allTextContents();
    console.log(`\n=== ${label} (${url}) status=${r?.status()} title="${title}" ===`);
    console.log("headings:", headings.slice(0, 12).map((h) => h.trim()).filter(Boolean));
    const uniqueLinks = [...new Map(links.map((l) => [l.href, l])).values()].slice(0, 25);
    console.log("nav links:", uniqueLinks.map((l) => `${l.text} (${l.href})`).join(" | "));
  } catch (e) {
    console.log(`\n=== ${label} (${url}) FAILED: ${e.message.slice(0, 100)} ===`);
  }
}

await tryUrl("https://dev.flow-master.ai/", "dev root");
await tryUrl("https://dev.flow-master.ai/dashboard", "dev dashboard");
await tryUrl("https://dev.flow-master.ai/dashboard/hubs/procurement", "procurement hub");
await tryUrl("https://dev.flow-master.ai/dashboard/hubs/hr", "HR hub");
await tryUrl("https://dev.flow-master.ai/dashboard/hubs/it", "IT hub");
await tryUrl("https://dev.flow-master.ai/dashboard/geo-attendance", "geo attendance");
await tryUrl("https://dev.flow-master.ai/dashboard/process-creation-wizard", "wizard");
await b.close();