@sonordev/site-kit 1.2.7

package/dist/chunk-P3UWIUJS.mjs

@@ -0,0 +1,1427 @@
+'use client';
+import { useState, useCallback, useEffect } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/setup/SetupWizard.tsx
+var AVAILABLE_MODULES = [
+  { id: "analytics", name: "Analytics", description: "Page views, events, sessions, web vitals", icon: "\u{1F4CA}", recommended: true },
+  { id: "seo", name: "SEO", description: "Managed FAQs, meta tags, schema markup", icon: "\u{1F50D}", recommended: true },
+  { id: "forms", name: "Forms", description: "Managed forms with Portal submissions", icon: "\u{1F4DD}", recommended: true },
+  { id: "engage", name: "Engage", description: "Live chat, popups, nudges, banners", icon: "\u{1F4AC}", recommended: false },
+  { id: "commerce", name: "Commerce", description: "Products, services, checkout", icon: "\u{1F6D2}", recommended: false }
+];
+function SetupWizard({ config } = {}) {
+  const [step, setStep] = useState("welcome");
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+  const [userEmail, setUserEmail] = useState(null);
+  const [accessToken, setAccessToken] = useState(null);
+  const [organizations, setOrganizations] = useState([]);
+  const [selectedOrg, setSelectedOrg] = useState(null);
+  const [selectedProject, setSelectedProject] = useState(null);
+  const [newProjectName, setNewProjectName] = useState("");
+  const [newProjectDomain, setNewProjectDomain] = useState("");
+  const [createNewProject, setCreateNewProject] = useState(false);
+  const [creatingProject, setCreatingProject] = useState(false);
+  const [creatingOrg, setCreatingOrg] = useState(false);
+  const [newOrgName, setNewOrgName] = useState("");
+  const [showNewOrg, setShowNewOrg] = useState(false);
+  const [setupType, setSetupType] = useState(null);
+  const [brandConfig, setBrandConfig] = useState({
+    businessName: "",
+    tagline: "",
+    primaryColor: "#3B82F6",
+    secondaryColor: void 0,
+    logoUrl: ""
+  });
+  const [selectedModules, setSelectedModules] = useState(["analytics", "seo", "forms"]);
+  const [scanResults, setScanResults] = useState(null);
+  const [migrationProgress, setMigrationProgress] = useState(0);
+  const [migrationLog, setMigrationLog] = useState([]);
+  const [scrapeDomain, setScrapeDomain] = useState("");
+  const [scrapeStatus, setScrapeStatus] = useState(null);
+  const [redirectMappings, setRedirectMappings] = useState([]);
+  const [copilotInstructions, setCopilotInstructions] = useState("");
+  const [generatingCopilot, setGeneratingCopilot] = useState(false);
+  const portalApiUrl = config?.portalApiUrl || "http://localhost:3002";
+  const handleCreateOrg = useCallback(async () => {
+    if (!newOrgName.trim()) return;
+    setCreatingOrg(true);
+    try {
+      const res = await fetch(`${portalApiUrl}/setup/organizations`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json", ...accessToken ? { "Authorization": `Bearer ${accessToken}` } : {} },
+        body: JSON.stringify({ name: newOrgName })
+      });
+      if (!res.ok) throw new Error("Failed to create organization");
+      const org = await res.json();
+      setOrganizations((prev) => [...prev, org]);
+      setSelectedOrg(org);
+      setNewOrgName("");
+      setShowNewOrg(false);
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setCreatingOrg(false);
+    }
+  }, [portalApiUrl, accessToken, newOrgName]);
+  const handleCreateProject = useCallback(async () => {
+    if (!selectedOrg || !newProjectName.trim()) return;
+    setCreatingProject(true);
+    try {
+      const res = await fetch(`${portalApiUrl}/setup/projects`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json", ...accessToken ? { "Authorization": `Bearer ${accessToken}` } : {} },
+        body: JSON.stringify({ orgId: selectedOrg.id, name: newProjectName, domain: newProjectDomain || (typeof window !== "undefined" ? window.location.hostname : "localhost") })
+      });
+      if (!res.ok) throw new Error("Failed to create project");
+      const project = await res.json();
+      setSelectedProject(project);
+      setStep("setup-type");
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setCreatingProject(false);
+    }
+  }, [portalApiUrl, accessToken, selectedOrg, newProjectName, newProjectDomain]);
+  const handleSelectProject = useCallback((project) => {
+    setSelectedProject(project);
+    setStep("setup-type");
+  }, []);
+  const callPortalApi = useCallback(async (path, options = {}) => {
+    const headers = {
+      "Content-Type": "application/json",
+      ...options.headers || {}
+    };
+    if (accessToken) {
+      headers["Authorization"] = `Bearer ${accessToken}`;
+    }
+    return fetch(`${portalApiUrl}${path}`, {
+      ...options,
+      headers
+    });
+  }, [portalApiUrl, accessToken]);
+  useEffect(() => {
+    checkExistingConfig();
+  }, []);
+  async function checkExistingConfig() {
+    try {
+      const localRes = await fetch("/_uptrade/api/status");
+      const localData = await localRes.json();
+      if (localData.configured) {
+        setStep("complete");
+        return;
+      }
+      const storedToken = localStorage.getItem("uptrade_access_token");
+      if (storedToken) {
+        setAccessToken(storedToken);
+        const res = await fetch(`${portalApiUrl}/setup/session`, {
+          headers: { "Authorization": `Bearer ${storedToken}` }
+        });
+        const data = await res.json();
+        if (data.authenticated) {
+          setIsAuthenticated(true);
+          setUserEmail(data.email);
+          setStep("project");
+        }
+      }
+    } catch {
+    }
+  }
+  function WelcomeStep() {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-6xl mb-4", children: "\u{1F680}" }),
+        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold mb-2", children: "Welcome to Uptrade Site-Kit" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400 text-lg", children: "Let's set up your project in just a few steps" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 my-8", children: [
+        /* @__PURE__ */ jsx(FeatureCard, { icon: "\u{1F4CA}", title: "Analytics", description: "Track page views, events, and user sessions" }),
+        /* @__PURE__ */ jsx(FeatureCard, { icon: "\u{1F4DD}", title: "Forms", description: "Managed forms with validation and submissions" }),
+        /* @__PURE__ */ jsx(FeatureCard, { icon: "\u{1F4AC}", title: "Engage", description: "Popups, nudges, and live chat widgets" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Button, { onClick: () => setStep("auth"), children: "Get Started \u2192" }) })
+    ] });
+  }
+  function AuthStep() {
+    const [email, setEmail] = useState("");
+    const [password, setPassword] = useState("");
+    const [authMode, setAuthMode] = useState("portal");
+    const [waitingForPopup, setWaitingForPopup] = useState(false);
+    useEffect(() => {
+      function handleMessage(event) {
+        const portalOrigins = ["https://portal.uptrademedia.com", "http://localhost:5173", "http://localhost:8888"];
+        if (!portalOrigins.includes(event.origin)) return;
+        if (event.data?.type === "uptrade-auth-success") {
+          const { accessToken: token, email: userEmail2 } = event.data;
+          if (token) {
+            localStorage.setItem("uptrade_access_token", token);
+            setAccessToken(token);
+            setIsAuthenticated(true);
+            setUserEmail(userEmail2);
+            setWaitingForPopup(false);
+            loadOrganizations(token).then(() => setStep("project"));
+          }
+        } else if (event.data?.type === "uptrade-auth-error") {
+          setError(event.data.message || "Authentication failed");
+          setWaitingForPopup(false);
+        }
+      }
+      window.addEventListener("message", handleMessage);
+      return () => window.removeEventListener("message", handleMessage);
+    }, []);
+    async function handlePortalAuth() {
+      setWaitingForPopup(true);
+      setError(null);
+      const portalUrl = portalApiUrl.includes("localhost") ? "http://localhost:5173" : "https://portal.uptrademedia.com";
+      const callbackUrl = encodeURIComponent(window.location.origin);
+      const popup = window.open(
+        `${portalUrl}/auth/site-kit?callback=${callbackUrl}`,
+        "uptrade-auth",
+        "width=500,height=700,left=100,top=100"
+      );
+      if (!popup) {
+        setError("Popup was blocked. Please allow popups and try again.");
+        setWaitingForPopup(false);
+        return;
+      }
+      const pollInterval = setInterval(() => {
+        if (popup.closed) {
+          clearInterval(pollInterval);
+          setWaitingForPopup(false);
+        }
+      }, 1e3);
+    }
+    async function handleLogin() {
+      if (!email.trim() || !password.trim()) return;
+      setIsLoading(true);
+      setError(null);
+      try {
+        const supabaseUrl = config?.url || "https://mwcjtnoqxolplwpkxnfe.supabase.co";
+        const supabaseKey = config?.anonKey || "";
+        const authRes = await fetch(`${supabaseUrl}/auth/v1/token?grant_type=password`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", "apikey": supabaseKey },
+          body: JSON.stringify({ email, password })
+        });
+        if (!authRes.ok) {
+          const errData = await authRes.json();
+          throw new Error(errData.error_description || errData.msg || "Login failed");
+        }
+        const authData = await authRes.json();
+        const token = authData.access_token;
+        localStorage.setItem("uptrade_access_token", token);
+        setAccessToken(token);
+        const sessionRes = await fetch(`${portalApiUrl}/setup/session`, {
+          headers: { "Authorization": `Bearer ${token}` }
+        });
+        const session = await sessionRes.json();
+        if (session.authenticated) {
+          setIsAuthenticated(true);
+          setUserEmail(session.email);
+          await loadOrganizations(token);
+          setStep("project");
+        } else {
+          throw new Error("Authentication failed - user not found in Portal");
+        }
+      } catch (err) {
+        setError(err.message);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    async function handleMagicLink() {
+      if (!email.trim()) return;
+      setIsLoading(true);
+      setError(null);
+      try {
+        const supabaseUrl = config?.url || "https://mwcjtnoqxolplwpkxnfe.supabase.co";
+        const supabaseKey = config?.anonKey || "";
+        const res = await fetch(`${supabaseUrl}/auth/v1/magiclink`, {
+          method: "POST",
+          headers: { "Content-Type": "application/json", "apikey": supabaseKey },
+          body: JSON.stringify({ email, options: { redirectTo: window.location.href } })
+        });
+        if (!res.ok) throw new Error("Failed to send magic link");
+        alert("Check your email for a login link!");
+      } catch (err) {
+        setError(err.message);
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Connect to Uptrade" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Sign in with your Sonor account" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto", children: [
+        /* @__PURE__ */ jsx(Button, { onClick: handlePortalAuth, loading: waitingForPopup, disabled: waitingForPopup, children: waitingForPopup ? "Waiting for Sonor..." : "\u{1F680} Sign in with Sonor" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-500 text-xs text-center mt-2", children: "Uses your existing Portal session (Google, email, etc.)" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 max-w-md mx-auto", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1 border-t border-gray-700" }),
+        /* @__PURE__ */ jsx("span", { className: "text-gray-500 text-sm", children: "or sign in directly" }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 border-t border-gray-700" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex gap-4 justify-center mb-6", children: [
+        /* @__PURE__ */ jsx("button", { className: `px-4 py-2 rounded-lg ${authMode === "login" ? "bg-blue-600" : "bg-gray-700"}`, onClick: () => setAuthMode("login"), children: "Email & Password" }),
+        /* @__PURE__ */ jsx("button", { className: `px-4 py-2 rounded-lg ${authMode === "magic" ? "bg-blue-600" : "bg-gray-700"}`, onClick: () => setAuthMode("magic"), children: "Magic Link" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm text-gray-400 mb-2", children: "Email" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "email",
+              value: email,
+              onChange: (e) => setEmail(e.target.value),
+              placeholder: "you@example.com",
+              className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-blue-500"
+            }
+          )
+        ] }),
+        authMode === "login" && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm text-gray-400 mb-2", children: "Password" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "password",
+              value: password,
+              onChange: (e) => setPassword(e.target.value),
+              placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022",
+              className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-blue-500"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: authMode === "login" ? handleLogin : handleMagicLink,
+            loading: isLoading,
+            variant: "secondary",
+            disabled: !email.trim() || authMode === "login" && !password.trim(),
+            children: authMode === "login" ? "Sign In \u2192" : "Send Magic Link \u2192"
+          }
+        ),
+        /* @__PURE__ */ jsxs("p", { className: "text-gray-500 text-sm text-center", children: [
+          "Don't have an account?",
+          " ",
+          /* @__PURE__ */ jsx("a", { href: "https://portal.uptrademedia.com/signup", target: "_blank", className: "text-blue-400 hover:underline", children: "Sign up at Portal" })
+        ] })
+      ] }),
+      error && /* @__PURE__ */ jsx("div", { className: "bg-red-500/10 border border-red-500/30 text-red-400 px-4 py-3 rounded-lg text-center", children: error })
+    ] });
+  }
+  async function loadOrganizations(token) {
+    try {
+      const authToken = token || accessToken;
+      const res = await fetch(`${portalApiUrl}/setup/organizations`, {
+        headers: authToken ? { "Authorization": `Bearer ${authToken}` } : {}
+      });
+      const data = await res.json();
+      setOrganizations(Array.isArray(data) ? data : []);
+    } catch {
+      setError("Failed to load organizations");
+    }
+  }
+  function SetupTypeStep() {
+    function handleSelectType(type) {
+      setSetupType(type);
+      if (type === "new") {
+        setBrandConfig((prev) => ({ ...prev, businessName: selectedProject?.name || "" }));
+        setStep("brand");
+      } else if (type === "existing") {
+        setStep("modules");
+      } else {
+        setScrapeDomain(selectedProject?.domain || "");
+        setStep("domain");
+      }
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "What are we setting up?" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Choose the flow that matches your project" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 max-w-4xl mx-auto", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => handleSelectType("new"),
+            className: "p-6 bg-gray-800/50 rounded-xl border-2 border-gray-700 hover:border-blue-500 transition-all text-left group",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "text-4xl mb-3", children: "\u{1F195}" }),
+              /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold mb-2 group-hover:text-blue-400 transition-colors", children: "New Site" }),
+              /* @__PURE__ */ jsx("p", { className: "text-gray-400 text-sm mb-3", children: "Brand new project. Nothing exists yet - we'll define everything from scratch." }),
+              /* @__PURE__ */ jsxs("ul", { className: "text-xs text-gray-500 space-y-1", children: [
+                /* @__PURE__ */ jsx("li", { children: "\u2713 Define brand & colors" }),
+                /* @__PURE__ */ jsx("li", { children: "\u2713 Choose modules" }),
+                /* @__PURE__ */ jsx("li", { children: "\u2713 Generate scaffolding" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => handleSelectType("existing"),
+            className: "p-6 bg-gray-800/50 rounded-xl border-2 border-gray-700 hover:border-green-500 transition-all text-left group",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "text-4xl mb-3", children: "\u{1F527}" }),
+              /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold mb-2 group-hover:text-green-400 transition-colors", children: "Existing Project" }),
+              /* @__PURE__ */ jsx("p", { className: "text-gray-400 text-sm mb-3", children: "NextJS project already built. Adding Portal integration to manage content." }),
+              /* @__PURE__ */ jsxs("ul", { className: "text-xs text-gray-500 space-y-1", children: [
+                /* @__PURE__ */ jsx("li", { children: "\u2713 Scan for forms & widgets" }),
+                /* @__PURE__ */ jsx("li", { children: "\u2713 Migrate to managed versions" }),
+                /* @__PURE__ */ jsx("li", { children: "\u2713 Keep existing structure" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => handleSelectType("rebuild"),
+            className: "p-6 bg-gray-800/50 rounded-xl border-2 border-gray-700 hover:border-purple-500 transition-all text-left group",
+            children: [
+              /* @__PURE__ */ jsx("div", { className: "text-4xl mb-3", children: "\u{1F504}" }),
+              /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold mb-2 group-hover:text-purple-400 transition-colors", children: "Rebuild" }),
+              /* @__PURE__ */ jsx("p", { className: "text-gray-400 text-sm mb-3", children: "Client has a live site we didn't build. Recreating it in NextJS with Portal." }),
+              /* @__PURE__ */ jsxs("ul", { className: "text-xs text-gray-500 space-y-1", children: [
+                /* @__PURE__ */ jsx("li", { children: "\u2713 Scrape existing site" }),
+                /* @__PURE__ */ jsx("li", { children: "\u2713 Extract brand & content" }),
+                /* @__PURE__ */ jsx("li", { children: "\u2713 Track redirects for SEO" })
+              ] })
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+  function BrandStep() {
+    const [isExtracting, setIsExtracting] = useState(false);
+    const [extractUrl, setExtractUrl] = useState("");
+    const [showExtract, setShowExtract] = useState(false);
+    async function handleExtractBrand() {
+      if (!extractUrl.trim()) return;
+      setIsExtracting(true);
+      setError(null);
+      try {
+        const response = await callPortalApi("/site-scrape/brand-only", {
+          method: "POST",
+          body: JSON.stringify({ domain: extractUrl.replace(/^https?:\/\//, "").split("/")[0] })
+        });
+        setBrandConfig((prev) => ({
+          ...prev,
+          businessName: response.business_name || prev.businessName,
+          tagline: response.tagline || prev.tagline,
+          primaryColor: response.primary_color || prev.primaryColor,
+          logoUrl: response.logo_url || prev.logoUrl
+        }));
+        setShowExtract(false);
+        setExtractUrl("");
+      } catch (err) {
+        setError(`Failed to extract brand: ${err.message}`);
+      } finally {
+        setIsExtracting(false);
+      }
+    }
+    function handleContinue() {
+      if (!brandConfig.businessName.trim()) return;
+      setStep("modules");
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Define Your Brand" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Set up the basic brand identity for this project" })
+      ] }),
+      !showExtract ? /* @__PURE__ */ jsx("div", { className: "max-w-lg mx-auto", children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => setShowExtract(true),
+          className: "w-full flex items-center justify-center gap-3 p-4 bg-gradient-to-r from-purple-500/10 to-blue-500/10 border border-purple-500/30 rounded-lg hover:border-purple-500/50 transition-all",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-2xl", children: "\u{1F50D}" }),
+            /* @__PURE__ */ jsxs("div", { className: "text-left", children: [
+              /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Extract from existing website" }),
+              /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-400", children: "Auto-detect colors, name, and logo from a live site" })
+            ] })
+          ]
+        }
+      ) }) : /* @__PURE__ */ jsxs("div", { className: "max-w-lg mx-auto bg-gray-800/50 rounded-lg border border-gray-700 p-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xl", children: "\u{1F50D}" }),
+          /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Extract Brand from Website" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: extractUrl,
+              onChange: (e) => setExtractUrl(e.target.value),
+              placeholder: "example.com",
+              className: "flex-1 px-4 py-2 bg-gray-900 border border-gray-700 rounded-lg",
+              onKeyDown: (e) => e.key === "Enter" && handleExtractBrand()
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { onClick: handleExtractBrand, disabled: isExtracting || !extractUrl.trim(), children: isExtracting ? "Extracting..." : "Extract" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setShowExtract(false),
+            className: "text-sm text-gray-500 hover:text-gray-400 mt-2",
+            children: "Cancel"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-w-lg mx-auto space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm text-gray-400 mb-2", children: "Business Name *" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: brandConfig.businessName,
+              onChange: (e) => setBrandConfig((prev) => ({ ...prev, businessName: e.target.value })),
+              placeholder: "Acme Inc",
+              className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm text-gray-400 mb-2", children: "Tagline" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: brandConfig.tagline,
+              onChange: (e) => setBrandConfig((prev) => ({ ...prev, tagline: e.target.value })),
+              placeholder: "Making the world better",
+              className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm text-gray-400 mb-2", children: "Primary Color" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "color",
+                value: brandConfig.primaryColor,
+                onChange: (e) => setBrandConfig((prev) => ({ ...prev, primaryColor: e.target.value })),
+                className: "w-12 h-12 rounded border border-gray-700 cursor-pointer"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: brandConfig.primaryColor,
+                onChange: (e) => setBrandConfig((prev) => ({ ...prev, primaryColor: e.target.value })),
+                className: "flex-1 px-3 py-2 bg-gray-800 border border-gray-700 rounded-lg font-mono text-sm"
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm text-gray-400 mb-2", children: "Logo URL (optional)" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: brandConfig.logoUrl,
+              onChange: (e) => setBrandConfig((prev) => ({ ...prev, logoUrl: e.target.value })),
+              placeholder: "https://example.com/logo.svg",
+              className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg"
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-gray-500 mt-1", children: "You can add this later via Portal" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-gray-800/50 rounded-lg border border-gray-700 p-4", children: [
+          /* @__PURE__ */ jsx("h4", { className: "text-sm text-gray-400 mb-3", children: "Preview" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "w-12 h-12 rounded-lg flex items-center justify-center text-white font-bold text-xl",
+                style: { backgroundColor: brandConfig.primaryColor },
+                children: brandConfig.businessName.charAt(0) || "?"
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "font-semibold", children: brandConfig.businessName || "Your Business" }),
+              /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-400", children: brandConfig.tagline || "Your tagline here" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mt-3", children: [
+            /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded", style: { backgroundColor: brandConfig.primaryColor }, title: "Primary" }),
+            /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded", style: { backgroundColor: brandConfig.secondaryColor ?? "#6B7280" }, title: "Secondary" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setStep("setup-type"), children: "\u2190 Back" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleContinue, disabled: !brandConfig.businessName.trim(), children: "Continue \u2192" })
+      ] })
+    ] });
+  }
+  function ModulesStep() {
+    function toggleModule(moduleId) {
+      setSelectedModules((prev) => prev.includes(moduleId) ? prev.filter((m) => m !== moduleId) : [...prev, moduleId]);
+    }
+    async function handleContinue() {
+      try {
+        await callPortalApi(`/setup/projects/${selectedProject?.id}`, {
+          method: "PATCH",
+          body: JSON.stringify({
+            brand_primary: brandConfig.primaryColor,
+            settings: { brand: brandConfig },
+            modules_enabled: selectedModules
+          })
+        });
+        if (setupType === "existing") {
+          setStep("scan");
+        } else {
+          setStep("scaffold");
+        }
+      } catch (err) {
+        setError(err.message);
+      }
+    }
+    function handleBack() {
+      if (setupType === "existing") {
+        setStep("setup-type");
+      } else {
+        setStep("brand");
+      }
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Select Modules" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Choose which Uptrade modules to enable" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "max-w-2xl mx-auto space-y-3", children: AVAILABLE_MODULES.map((mod) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: () => toggleModule(mod.id),
+          className: `w-full flex items-center gap-4 p-4 rounded-lg border-2 transition-all text-left ${selectedModules.includes(mod.id) ? "bg-blue-500/10 border-blue-500" : "bg-gray-800/50 border-gray-700 hover:border-gray-600"}`,
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "text-3xl", children: mod.icon }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "font-semibold", children: mod.name }),
+                mod.recommended && /* @__PURE__ */ jsx("span", { className: "text-xs bg-green-500/20 text-green-400 px-2 py-0.5 rounded", children: "Recommended" })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-400", children: mod.description })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: `w-6 h-6 rounded-full border-2 flex items-center justify-center ${selectedModules.includes(mod.id) ? "bg-blue-500 border-blue-500" : "border-gray-600"}`, children: selectedModules.includes(mod.id) && /* @__PURE__ */ jsx("span", { className: "text-white text-sm", children: "\u2713" }) })
+          ]
+        },
+        mod.id
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleBack, children: "\u2190 Back" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleContinue, disabled: selectedModules.length === 0, children: "Continue \u2192" })
+      ] })
+    ] });
+  }
+  function ScaffoldStep() {
+    const [scaffolding, setScaffolding] = useState(false);
+    const [scaffoldLog, setScaffoldLog] = useState([]);
+    async function handleScaffold() {
+      setScaffolding(true);
+      setScaffoldLog(["Starting scaffolding..."]);
+      const steps = [];
+      if (selectedModules.includes("analytics")) steps.push("\u2713 Analytics provider configured");
+      if (selectedModules.includes("seo")) {
+        steps.push("\u2713 SEO utilities ready");
+        steps.push("\u2713 ManagedFAQ component available");
+      }
+      if (selectedModules.includes("forms")) steps.push("\u2713 Forms integration configured");
+      if (selectedModules.includes("engage")) steps.push("\u2713 Engage widgets ready");
+      if (selectedModules.includes("commerce")) steps.push("\u2713 Commerce hooks available");
+      for (const step2 of steps) {
+        await new Promise((r) => setTimeout(r, 400));
+        setScaffoldLog((prev) => [...prev, step2]);
+      }
+      setScaffoldLog((prev) => [...prev, "", "\u{1F389} Scaffolding complete!"]);
+      setScaffolding(false);
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Project Scaffolding" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Setting up your selected modules" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-w-lg mx-auto", children: [
+        /* @__PURE__ */ jsxs("div", { className: "bg-gray-800/50 rounded-lg border border-gray-700 p-4", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold mb-2", children: "Configuration" }),
+          /* @__PURE__ */ jsxs("div", { className: "text-sm text-gray-400 space-y-1", children: [
+            /* @__PURE__ */ jsxs("p", { children: [
+              /* @__PURE__ */ jsx("strong", { children: "Brand:" }),
+              " ",
+              brandConfig.businessName
+            ] }),
+            /* @__PURE__ */ jsxs("p", { children: [
+              /* @__PURE__ */ jsx("strong", { children: "Modules:" }),
+              " ",
+              selectedModules.join(", ")
+            ] })
+          ] })
+        ] }),
+        scaffoldLog.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-4 bg-gray-900 rounded-lg p-4 font-mono text-sm max-h-48 overflow-y-auto", children: scaffoldLog.map((log, i) => /* @__PURE__ */ jsx("div", { className: log.startsWith("\u2713") ? "text-green-400" : log.startsWith("\u{1F389}") ? "text-yellow-400" : "text-gray-400", children: log }, i)) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-center gap-4", children: scaffoldLog.length === 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setStep("modules"), children: "\u2190 Back" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleScaffold, loading: scaffolding, children: "Generate Scaffolding \u2192" })
+      ] }) : !scaffolding && /* @__PURE__ */ jsx(Button, { onClick: () => setStep("integration"), children: "Continue to Integration \u2192" }) })
+    ] });
+  }
+  const handleScan = useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const res = await fetch("/_uptrade/api/scan", { method: "POST" });
+      const data = await res.json();
+      setScanResults({
+        forms: (data.forms || []).map((f) => ({ ...f, selected: true })),
+        widgets: (data.widgets || []).map((w) => ({ ...w, selected: true })),
+        metadata: (data.metadata || []).map((m) => ({ ...m, selected: true })),
+        analytics: (data.analytics || []).map((a) => ({ ...a, selected: false }))
+      });
+      setStep("migrate");
+    } catch (err) {
+      setError(err.message);
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  function ScanStep() {
+    useEffect(() => {
+      handleScan();
+    }, []);
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6 text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-6xl animate-pulse", children: "\u{1F50D}" }),
+      /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold", children: "Scanning Your Codebase" }),
+      /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Looking for forms, widgets, and metadata to migrate..." }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx("div", { className: "w-8 h-8 border-2 border-green-500 border-t-transparent rounded-full animate-spin" }) })
+    ] });
+  }
+  function MigrateStep() {
+    if (!scanResults) return null;
+    const allItems = [...scanResults.forms, ...scanResults.widgets, ...scanResults.metadata];
+    const selectedItems = allItems.filter((i) => i.selected);
+    function toggleItem(type, index) {
+      setScanResults((prev) => {
+        if (!prev) return prev;
+        const updated = { ...prev };
+        updated[type] = [...prev[type]];
+        updated[type][index] = { ...updated[type][index], selected: !updated[type][index].selected };
+        return updated;
+      });
+    }
+    async function handleMigrate() {
+      setIsLoading(true);
+      setMigrationLog([]);
+      setMigrationProgress(0);
+      for (let i = 0; i < selectedItems.length; i++) {
+        const item = selectedItems[i];
+        setMigrationLog((prev) => [...prev, `Migrating ${item.type} in ${item.file}...`]);
+        try {
+          await fetch("/_uptrade/api/migrate", {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ item, projectId: selectedProject?.id })
+          });
+          setMigrationLog((prev) => [...prev, `\u2713 Migrated ${item.type}`]);
+        } catch {
+          setMigrationLog((prev) => [...prev, `\u2717 Failed to migrate ${item.type}`]);
+        }
+        setMigrationProgress(Math.round((i + 1) / selectedItems.length * 100));
+      }
+      setIsLoading(false);
+      setStep("integration");
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Review & Migrate" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Select items to migrate to managed versions" })
+      ] }),
+      scanResults.forms.length > 0 && /* @__PURE__ */ jsx(Section, { title: "\u{1F4DD} Forms", count: scanResults.forms.filter((f) => f.selected).length, children: scanResults.forms.map((form, i) => /* @__PURE__ */ jsx(ItemRow, { item: form, onToggle: () => toggleItem("forms", i) }, i)) }),
+      scanResults.widgets.length > 0 && /* @__PURE__ */ jsx(Section, { title: "\u{1F4AC} Widgets", count: scanResults.widgets.filter((w) => w.selected).length, children: scanResults.widgets.map((widget, i) => /* @__PURE__ */ jsx(ItemRow, { item: widget, onToggle: () => toggleItem("widgets", i) }, i)) }),
+      scanResults.metadata.length > 0 && /* @__PURE__ */ jsx(Section, { title: "\u{1F3F7}\uFE0F Metadata/Schema", count: scanResults.metadata.filter((m) => m.selected).length, children: scanResults.metadata.map((meta, i) => /* @__PURE__ */ jsx(ItemRow, { item: meta, onToggle: () => toggleItem("metadata", i) }, i)) }),
+      allItems.length === 0 && /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-gray-400", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-4xl mb-4", children: "\u2728" }),
+        /* @__PURE__ */ jsx("p", { children: "No existing forms or widgets detected." }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm", children: "You're starting fresh!" })
+      ] }),
+      migrationLog.length > 0 && /* @__PURE__ */ jsx("div", { className: "bg-gray-900 rounded-lg p-4 font-mono text-sm max-h-48 overflow-y-auto", children: migrationLog.map((log, i) => /* @__PURE__ */ jsx("div", { className: log.startsWith("\u2717") ? "text-red-400" : log.startsWith("\u2713") ? "text-green-400" : "text-gray-400", children: log }, i)) }),
+      isLoading && /* @__PURE__ */ jsx("div", { className: "h-2 bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "h-full bg-green-500 transition-all duration-300", style: { width: `${migrationProgress}%` } }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setStep("integration"), children: "Skip Migration" }),
+        /* @__PURE__ */ jsxs(Button, { onClick: handleMigrate, loading: isLoading, children: [
+          "Migrate ",
+          selectedItems.length,
+          " Items \u2192"
+        ] })
+      ] })
+    ] });
+  }
+  function DomainStep() {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Enter Existing Site Domain" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "We'll scrape it to extract brand, routes, FAQs, and content" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-w-lg mx-auto space-y-4", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-sm text-gray-400 mb-2", children: "Website Domain" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: scrapeDomain,
+              onChange: (e) => setScrapeDomain(e.target.value),
+              placeholder: "example.com",
+              className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-purple-500"
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-500 mt-2", children: "Enter without https://" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "bg-purple-500/10 border border-purple-500/30 rounded-lg p-4", children: [
+          /* @__PURE__ */ jsx("h4", { className: "font-semibold text-purple-400 mb-2", children: "What we'll extract:" }),
+          /* @__PURE__ */ jsxs("ul", { className: "text-sm text-gray-400 space-y-1", children: [
+            /* @__PURE__ */ jsx("li", { children: "\u{1F3A8} Brand colors, logos, and fonts" }),
+            /* @__PURE__ */ jsx("li", { children: "\u{1F5FA}\uFE0F Sitemap and all routes" }),
+            /* @__PURE__ */ jsx("li", { children: "\u2753 FAQ sections \u2192 Managed FAQs" }),
+            /* @__PURE__ */ jsx("li", { children: "\u{1F4E7} Contact info and social profiles" }),
+            /* @__PURE__ */ jsx("li", { children: "\u{1F500} Route mappings for redirects" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setStep("setup-type"), children: "\u2190 Back" }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => setStep("scrape"), disabled: !scrapeDomain.trim(), children: "Start Scrape \u2192" })
+      ] })
+    ] });
+  }
+  function ScrapeStep() {
+    const [pollInterval, setPollInterval] = useState(null);
+    useEffect(() => {
+      startScrape();
+      return () => {
+        if (pollInterval) clearInterval(pollInterval);
+      };
+    }, []);
+    async function startScrape() {
+      try {
+        const res = await callPortalApi("/site-scrape", {
+          method: "POST",
+          body: JSON.stringify({ project_id: selectedProject?.id, domain: scrapeDomain.replace(/^https?:\/\//, "") })
+        });
+        if (!res.ok) throw new Error("Failed to start scrape");
+        const data = await res.json();
+        setScrapeStatus(data);
+        const interval = setInterval(async () => {
+          try {
+            const statusRes = await callPortalApi(`/site-scrape/${data.id}/status`);
+            const status = await statusRes.json();
+            setScrapeStatus(status);
+            if (status.status === "completed") {
+              clearInterval(interval);
+              setPollInterval(null);
+              if (status.routes) {
+                setRedirectMappings(status.routes.map((r) => ({ from: r.path, to: r.path, enabled: true })));
+              }
+              setTimeout(() => setStep("review"), 1e3);
+            } else if (status.status === "failed") {
+              clearInterval(interval);
+              setPollInterval(null);
+              setError(status.error || "Scrape failed");
+            }
+          } catch (err) {
+            console.error("Poll error:", err);
+          }
+        }, 2e3);
+        setPollInterval(interval);
+      } catch (err) {
+        setError(err.message);
+      }
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-6xl animate-pulse mb-4", children: "\u{1F50D}" }),
+        /* @__PURE__ */ jsxs("h2", { className: "text-2xl font-bold mb-2", children: [
+          "Scraping ",
+          scrapeDomain
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: scrapeStatus?.current_step || "Starting..." })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-w-lg mx-auto", children: [
+        /* @__PURE__ */ jsx("div", { className: "h-2 bg-gray-700 rounded-full overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "h-full bg-gradient-to-r from-purple-500 to-pink-500 transition-all duration-500", style: { width: `${scrapeStatus?.progress || 0}%` } }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-sm text-gray-500 mt-2", children: [
+          /* @__PURE__ */ jsxs("span", { children: [
+            scrapeStatus?.progress || 0,
+            "%"
+          ] }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            scrapeStatus?.pages_found || 0,
+            " pages"
+          ] })
+        ] })
+      ] }),
+      scrapeStatus && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4 max-w-lg mx-auto", children: [
+        /* @__PURE__ */ jsx(StatCard, { value: scrapeStatus.pages_found || 0, label: "Pages", color: "purple" }),
+        /* @__PURE__ */ jsx(StatCard, { value: scrapeStatus.routes_planned || 0, label: "Routes", color: "pink" }),
+        /* @__PURE__ */ jsx(StatCard, { value: scrapeStatus.faqs_imported || 0, label: "FAQs", color: "blue" })
+      ] }),
+      error && /* @__PURE__ */ jsxs("div", { className: "bg-red-500/10 border border-red-500/30 text-red-400 px-4 py-3 rounded-lg text-center max-w-lg mx-auto", children: [
+        error,
+        /* @__PURE__ */ jsx("button", { onClick: () => {
+          setError(null);
+          startScrape();
+        }, className: "block mx-auto mt-2 text-sm underline", children: "Try again" })
+      ] })
+    ] });
+  }
+  function ReviewStep() {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-5xl mb-4", children: "\u2705" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Scrape Complete!" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-gray-400", children: [
+          "Here's what we found on ",
+          scrapeDomain
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-w-2xl mx-auto space-y-4", children: [
+        scrapeStatus?.brand && /* @__PURE__ */ jsxs("div", { className: "bg-gray-800/50 rounded-lg border border-gray-700 p-4", children: [
+          /* @__PURE__ */ jsx("h3", { className: "font-semibold mb-3", children: "\u{1F3A8} Brand" }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-400 mb-1", children: "Business Name" }),
+              /* @__PURE__ */ jsx("div", { className: "font-medium", children: scrapeStatus.brand.business_name || "Not found" })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-400 mb-1", children: "Colors" }),
+              /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: scrapeStatus.brand.primary_colors?.slice(0, 4).map((c, i) => /* @__PURE__ */ jsx("div", { className: "w-8 h-8 rounded border border-gray-600", style: { backgroundColor: c.hex }, title: c.hex }, i)) || /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: "None" }) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4", children: [
+          /* @__PURE__ */ jsx(StatCard, { value: scrapeStatus?.pages_found || 0, label: "Pages Crawled", color: "purple", large: true }),
+          /* @__PURE__ */ jsx(StatCard, { value: scrapeStatus?.routes_planned || 0, label: "Routes Mapped", color: "pink", large: true }),
+          /* @__PURE__ */ jsx(StatCard, { value: scrapeStatus?.faqs_imported || 0, label: "FAQs Imported", color: "blue", large: true })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "bg-blue-500/10 border border-blue-500/30 rounded-lg p-4", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-blue-400", children: "\u{1F4A1} All data saved to your project. FAQs are ready in Portal. Next: set up redirects for SEO." }) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(Button, { onClick: () => setStep("redirects"), children: "Configure Redirects \u2192" }) })
+    ] });
+  }
+  function RedirectsStep() {
+    function updateRedirect(index, field, value) {
+      setRedirectMappings((prev) => {
+        const updated = [...prev];
+        updated[index] = { ...updated[index], [field]: value };
+        return updated;
+      });
+    }
+    async function handleSaveRedirects() {
+      try {
+        await callPortalApi(`/site-scrape/${scrapeStatus?.id}/redirects`, {
+          method: "POST",
+          body: JSON.stringify({ redirects: redirectMappings.filter((r) => r.enabled && r.from !== r.to) })
+        });
+        setStep("integration");
+      } catch (err) {
+        setError(err.message);
+      }
+    }
+    const changedRedirects = redirectMappings.filter((r) => r.enabled && r.from !== r.to);
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Configure Redirects" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Map old URLs to new routes to preserve SEO" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-w-3xl mx-auto", children: [
+        /* @__PURE__ */ jsxs("div", { className: "bg-gray-800/50 rounded-lg border border-gray-700 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-4 py-3 bg-gray-800 flex justify-between items-center border-b border-gray-700", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Route Mappings" }),
+            /* @__PURE__ */ jsxs("span", { className: "text-sm text-gray-400", children: [
+              changedRedirects.length,
+              " redirects"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-80 overflow-y-auto divide-y divide-gray-700", children: redirectMappings.map((redirect, i) => /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-4 px-4 py-3 ${!redirect.enabled ? "opacity-50" : ""}`, children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: redirect.enabled,
+                onChange: (e) => updateRedirect(i, "enabled", e.target.checked),
+                className: "w-5 h-5 rounded border-gray-600 bg-gray-700"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: redirect.from,
+                onChange: (e) => updateRedirect(i, "from", e.target.value),
+                className: "flex-1 px-3 py-2 bg-gray-800 border border-gray-600 rounded text-sm font-mono",
+                placeholder: "/old-path"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-gray-500", children: "\u2192" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                value: redirect.to,
+                onChange: (e) => updateRedirect(i, "to", e.target.value),
+                className: "flex-1 px-3 py-2 bg-gray-800 border border-gray-600 rounded text-sm font-mono",
+                placeholder: "/new-path"
+              }
+            )
+          ] }, i)) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-4 bg-yellow-500/10 border border-yellow-500/30 rounded-lg p-4", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-yellow-400", children: '\u26A0\uFE0F Only routes where "from" differs from "to" will create redirects. Same paths = no redirect needed.' }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setStep("review"), children: "\u2190 Back" }),
+        /* @__PURE__ */ jsx(Button, { onClick: handleSaveRedirects, children: changedRedirects.length > 0 ? `Save ${changedRedirects.length} Redirects \u2192` : "Skip & Continue \u2192" })
+      ] })
+    ] });
+  }
+  function IntegrationStep() {
+    const envVars = `NEXT_PUBLIC_UPTRADE_PROJECT_ID=${selectedProject?.id || "xxx"}
+NEXT_PUBLIC_SUPABASE_URL=${config?.url || "https://xxx.supabase.co"}
+NEXT_PUBLIC_SUPABASE_ANON_KEY=${config?.anonKey || "xxx"}`;
+    const providerCode = `import { SiteKitProvider } from '@sonordev/site-kit'
+import { ManagedFavicon } from '@sonordev/site-kit/images'
+
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <head>
+        <ManagedFavicon />
+      </head>
+      <body>
+        <SiteKitProvider
+          projectId={process.env.NEXT_PUBLIC_UPTRADE_PROJECT_ID!}
+          supabaseUrl={process.env.NEXT_PUBLIC_SUPABASE_URL!}
+          supabaseAnonKey={process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!}
+        >
+          {children}
+        </SiteKitProvider>
+      </body>
+    </html>
+  )
+}`;
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Integration Code" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Add these to connect your project to Uptrade" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-w-2xl mx-auto space-y-4", children: [
+        /* @__PURE__ */ jsx(ConfigPreview, { title: "Environment Variables", description: ".env.local", content: envVars }),
+        /* @__PURE__ */ jsx(ConfigPreview, { title: "Layout Provider", description: "app/layout.tsx", content: providerCode }),
+        /* @__PURE__ */ jsx("div", { className: "text-center text-gray-500 text-sm", children: /* @__PURE__ */ jsxs("p", { children: [
+          "Install: ",
+          /* @__PURE__ */ jsx("code", { className: "bg-gray-800 px-2 py-1 rounded", children: "pnpm add @sonordev/site-kit" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => {
+          if (setupType === "new") setStep("scaffold");
+          else if (setupType === "existing") setStep("migrate");
+          else setStep("redirects");
+        }, children: "\u2190 Back" }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => setStep("copilot"), children: "Continue to Copilot \u2192" })
+      ] })
+    ] });
+  }
+  function CopilotStep() {
+    useEffect(() => {
+      generateCopilotInstructions();
+    }, []);
+    async function generateCopilotInstructions() {
+      setGeneratingCopilot(true);
+      try {
+        const res = await callPortalApi("/signal/generate-copilot-instructions", {
+          method: "POST",
+          body: JSON.stringify({
+            projectId: selectedProject?.id,
+            setupType,
+            modules: selectedModules,
+            domain: scrapeDomain || selectedProject?.domain,
+            brand: setupType === "new" ? brandConfig : scrapeStatus?.brand,
+            routes: scrapeStatus?.routes
+          })
+        });
+        if (res.ok) {
+          const data = await res.json();
+          setCopilotInstructions(data.instructions || data.content || "");
+        } else {
+          setCopilotInstructions(generateFallbackTemplate());
+        }
+      } catch {
+        setCopilotInstructions(generateFallbackTemplate());
+      } finally {
+        setGeneratingCopilot(false);
+      }
+    }
+    function generateFallbackTemplate() {
+      const brand = setupType === "new" ? brandConfig : scrapeStatus?.brand;
+      const brandName = brand?.businessName || brand?.business_name || "TBD";
+      return `# ${selectedProject?.name} - Copilot Instructions
+
+**Project:** ${selectedProject?.name}
+**Domain:** ${scrapeDomain || selectedProject?.domain}
+**Stack:** Next.js + @sonordev/site-kit
+**Setup Type:** ${setupType}
+
+## Brand
+- **Name:** ${brandName}
+- **Primary Color:** ${brandConfig?.primaryColor || "TBD"}
+- **Secondary Color:** ${brandConfig?.secondaryColor || "TBD"}
+
+## Enabled Modules
+${selectedModules.map((m) => `- ${m}`).join("\n")}
+
+## Development Notes
+- This project uses @sonordev/site-kit for managed content
+- Forms, FAQs, and metadata are managed via Sonor
+- Analytics tracked via SiteKitProvider
+${setupType === "rebuild" ? "- This is a rebuild of an existing site - check redirects for SEO" : ""}
+`;
+    }
+    async function copyToClipboard() {
+      await navigator.clipboard.writeText(copilotInstructions);
+      alert("Copied!");
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Copilot Instructions" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Add this to your repo for better AI assistance" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "max-w-2xl mx-auto", children: [
+        generatingCopilot ? /* @__PURE__ */ jsxs("div", { className: "bg-gray-800/50 rounded-lg border border-gray-700 p-8 text-center", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-8 h-8 border-2 border-blue-500 border-t-transparent rounded-full animate-spin mx-auto mb-4" }),
+          /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Generating with AI..." })
+        ] }) : /* @__PURE__ */ jsxs("div", { className: "bg-gray-800/50 rounded-lg border border-gray-700 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 bg-gray-800 flex justify-between items-center", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium", children: ".github/copilot-instructions.md" }),
+            /* @__PURE__ */ jsx("button", { onClick: copyToClipboard, className: "text-sm text-blue-400 hover:underline", children: "Copy" })
+          ] }),
+          /* @__PURE__ */ jsx("pre", { className: "p-4 text-sm overflow-x-auto max-h-80 overflow-y-auto", children: /* @__PURE__ */ jsx("code", { className: "text-gray-300 whitespace-pre-wrap", children: copilotInstructions }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "mt-4 bg-green-500/10 border border-green-500/30 rounded-lg p-4", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-green-400", children: [
+          "\u{1F4A1} Save as ",
+          /* @__PURE__ */ jsx("code", { className: "bg-gray-800 px-1 rounded", children: ".github/copilot-instructions.md" }),
+          " for GitHub Copilot context."
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-center gap-4", children: [
+        /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => setStep("integration"), children: "\u2190 Back" }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => setStep("complete"), children: "Finish Setup \u2192" })
+      ] })
+    ] });
+  }
+  function CompleteStep() {
+    const [removing, setRemoving] = useState(false);
+    async function handleRemoveSetup() {
+      setRemoving(true);
+      try {
+        await fetch("/_uptrade/api/self-destruct", { method: "POST" });
+        window.location.href = "/";
+      } catch (err) {
+        setError(err.message);
+        setRemoving(false);
+      }
+    }
+    function handleReset() {
+      localStorage.removeItem("uptrade_access_token");
+      setStep("welcome");
+      setIsAuthenticated(false);
+      setAccessToken(null);
+      setUserEmail(null);
+      setSelectedOrg(null);
+      setSelectedProject(null);
+      setSetupType(null);
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-6 text-center", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-6xl", children: "\u{1F389}" }),
+      /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold", children: "You're All Set!" }),
+      /* @__PURE__ */ jsxs("p", { className: "text-gray-400 text-lg", children: [
+        "Site-Kit is configured for ",
+        selectedProject?.name
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 max-w-lg mx-auto my-8", children: [
+        /* @__PURE__ */ jsx(QuickLink, { icon: "\u{1F4CA}", title: "Project Dashboard", href: `https://portal.uptrademedia.com/projects/${selectedProject?.id}` }),
+        /* @__PURE__ */ jsx(QuickLink, { icon: "\u{1F4DD}", title: "Manage Forms", href: `https://portal.uptrademedia.com/projects/${selectedProject?.id}/forms` }),
+        /* @__PURE__ */ jsx(QuickLink, { icon: "\u{1F4D6}", title: "Documentation", href: "https://docs.uptrademedia.com/site-kit" }),
+        /* @__PURE__ */ jsx(QuickLink, { icon: "\u{1F4AC}", title: "Get Help", href: "https://portal.uptrademedia.com/messages" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex gap-4 justify-center", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleReset, children: "Restart Setup" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "pt-8 border-t border-gray-700", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-gray-400 mb-4", children: "Remove this setup wizard from your project?" }),
+        /* @__PURE__ */ jsx(Button, { variant: "danger", onClick: handleRemoveSetup, loading: removing, children: "Remove Setup Wizard" }),
+        /* @__PURE__ */ jsx("p", { className: "text-gray-500 text-sm mt-2", children: "This will delete the /_uptrade route" })
+      ] })
+    ] });
+  }
+  const renderStep = () => {
+    switch (step) {
+      case "welcome":
+        return /* @__PURE__ */ jsx(WelcomeStep, {});
+      case "auth":
+        return /* @__PURE__ */ jsx(AuthStep, {});
+      case "project":
+        return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold mb-2", children: "Select Your Project" }),
+            /* @__PURE__ */ jsx("p", { className: "text-gray-400", children: "Choose an existing project or create a new one" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "max-w-lg mx-auto", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-2", children: [
+              /* @__PURE__ */ jsx("label", { className: "text-sm text-gray-400", children: "Organization" }),
+              /* @__PURE__ */ jsx("button", { type: "button", className: "text-sm text-blue-400 hover:underline", onClick: () => setShowNewOrg(!showNewOrg), children: showNewOrg ? "Select existing" : "+ New organization" })
+            ] }),
+            showNewOrg ? /* @__PURE__ */ jsxs("div", { className: "space-y-3 p-4 bg-gray-800/50 rounded-lg border border-gray-700", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: "new-org-name",
+                  type: "text",
+                  value: newOrgName,
+                  onChange: (e) => setNewOrgName(e.target.value),
+                  placeholder: "Organization name",
+                  autoComplete: "off",
+                  className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg focus:outline-none focus:border-blue-500"
+                },
+                "new-org-name"
+              ),
+              /* @__PURE__ */ jsx(Button, { onClick: handleCreateOrg, loading: creatingOrg, disabled: !newOrgName.trim(), children: "Create Organization" })
+            ] }) : /* @__PURE__ */ jsxs(
+              "select",
+              {
+                value: selectedOrg?.id || "",
+                onChange: (e) => setSelectedOrg(organizations.find((o) => o.id === e.target.value) || null),
+                className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "", children: "Select organization..." }),
+                  organizations.map((org) => /* @__PURE__ */ jsx("option", { value: org.id, children: org.name }, org.id))
+                ]
+              }
+            )
+          ] }),
+          selectedOrg && /* @__PURE__ */ jsxs("div", { className: "max-w-lg mx-auto space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+              /* @__PURE__ */ jsx("label", { className: "text-sm text-gray-400", children: "Projects" }),
+              /* @__PURE__ */ jsx("button", { type: "button", className: "text-sm text-blue-400 hover:underline", onClick: () => setCreateNewProject(!createNewProject), children: createNewProject ? "Select existing" : "+ Create new" })
+            ] }),
+            createNewProject ? /* @__PURE__ */ jsxs("div", { className: "space-y-4 p-4 bg-gray-800/50 rounded-lg border border-gray-700", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: "new-project-name",
+                  type: "text",
+                  value: newProjectName,
+                  onChange: (e) => setNewProjectName(e.target.value),
+                  placeholder: "Project name",
+                  autoComplete: "off",
+                  className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg"
+                },
+                "new-project-name"
+              ),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: "new-project-domain",
+                  type: "text",
+                  value: newProjectDomain,
+                  onChange: (e) => setNewProjectDomain(e.target.value),
+                  placeholder: "localhost",
+                  autoComplete: "off",
+                  className: "w-full px-4 py-3 bg-gray-800 border border-gray-700 rounded-lg"
+                },
+                "new-project-domain"
+              ),
+              /* @__PURE__ */ jsx(Button, { onClick: handleCreateProject, loading: creatingProject, disabled: !newProjectName.trim(), children: "Create Project" })
+            ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: selectedOrg.projects.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "text-gray-500 text-center py-8", children: [
+              "No projects yet. ",
+              /* @__PURE__ */ jsx("button", { type: "button", className: "text-blue-400 hover:underline", onClick: () => setCreateNewProject(true), children: "Create one" })
+            ] }) : selectedOrg.projects.map((project) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleSelectProject(project),
+                className: "w-full text-left px-4 py-3 bg-gray-800/50 hover:bg-gray-800 border border-gray-700 rounded-lg transition-colors",
+                children: [
+                  /* @__PURE__ */ jsx("div", { className: "font-medium", children: project.name }),
+                  /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-400", children: project.domain })
+                ]
+              },
+              project.id
+            )) })
+          ] })
+        ] }, "project-step");
+      case "setup-type":
+        return /* @__PURE__ */ jsx(SetupTypeStep, {});
+      case "brand":
+        return /* @__PURE__ */ jsx(BrandStep, {});
+      case "modules":
+        return /* @__PURE__ */ jsx(ModulesStep, {});
+      case "scaffold":
+        return /* @__PURE__ */ jsx(ScaffoldStep, {});
+      case "scan":
+        return /* @__PURE__ */ jsx(ScanStep, {});
+      case "migrate":
+        return /* @__PURE__ */ jsx(MigrateStep, {});
+      case "domain":
+        return /* @__PURE__ */ jsx(DomainStep, {});
+      case "scrape":
+        return /* @__PURE__ */ jsx(ScrapeStep, {});
+      case "review":
+        return /* @__PURE__ */ jsx(ReviewStep, {});
+      case "redirects":
+        return /* @__PURE__ */ jsx(RedirectsStep, {});
+      case "integration":
+        return /* @__PURE__ */ jsx(IntegrationStep, {});
+      case "copilot":
+        return /* @__PURE__ */ jsx(CopilotStep, {});
+      case "complete":
+        return /* @__PURE__ */ jsx(CompleteStep, {});
+      default:
+        return /* @__PURE__ */ jsx(WelcomeStep, {});
+    }
+  };
+  const getProgress = () => {
+    const common = ["welcome", "auth", "project", "setup-type"];
+    const newFlow = ["brand", "modules", "scaffold"];
+    const existingFlow = ["modules", "scan", "migrate"];
+    const rebuildFlow = ["domain", "scrape", "review", "redirects"];
+    const finish = ["integration", "copilot", "complete"];
+    const flow = setupType === "new" ? [...common, ...newFlow, ...finish] : setupType === "existing" ? [...common, ...existingFlow, ...finish] : setupType === "rebuild" ? [...common, ...rebuildFlow, ...finish] : [...common, ...finish];
+    const idx = flow.indexOf(step);
+    return idx >= 0 ? idx / (flow.length - 1) * 100 : 0;
+  };
+  const setupLabels = { new: "\u{1F195} New Site", existing: "\u{1F527} Existing", rebuild: "\u{1F504} Rebuild" };
+  return /* @__PURE__ */ jsxs("div", { style: {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: 99999,
+    minHeight: "100vh",
+    backgroundColor: "#0f172a",
+    color: "#ffffff",
+    fontFamily: "system-ui, -apple-system, sans-serif",
+    overflow: "auto"
+  }, className: "min-h-screen bg-gradient-to-br from-gray-900 via-gray-900 to-gray-800 text-white", children: [
+    /* @__PURE__ */ jsx("div", { style: { position: "fixed", top: 0, left: 0, right: 0, height: "4px", backgroundColor: "#1e293b", zIndex: 1e5 }, children: /* @__PURE__ */ jsx("div", { style: { height: "100%", background: "linear-gradient(to right, #3b82f6, #8b5cf6)", transition: "width 0.5s", width: `${getProgress()}%` } }) }),
+    /* @__PURE__ */ jsxs("header", { style: { padding: "1.5rem 2rem", display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg" }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold", children: "Uptrade Site-Kit" }),
+        setupType && /* @__PURE__ */ jsx("span", { className: `text-xs px-2 py-1 rounded ${setupType === "new" ? "bg-blue-500/20 text-blue-400" : setupType === "existing" ? "bg-green-500/20 text-green-400" : "bg-purple-500/20 text-purple-400"}`, children: setupLabels[setupType] })
+      ] }),
+      userEmail && /* @__PURE__ */ jsx("div", { className: "text-gray-400 text-sm", children: userEmail })
+    ] }),
+    /* @__PURE__ */ jsx("main", { className: "max-w-4xl mx-auto px-8 py-12", children: renderStep() }),
+    /* @__PURE__ */ jsxs("footer", { className: "fixed bottom-0 left-0 right-0 px-8 py-4 text-center text-gray-500 text-sm", children: [
+      /* @__PURE__ */ jsx("a", { href: "https://uptrademedia.com", target: "_blank", className: "hover:text-gray-300", children: "Uptrade Media" }),
+      " \xB7 ",
+      /* @__PURE__ */ jsx("a", { href: "https://docs.uptrademedia.com", target: "_blank", className: "hover:text-gray-300", children: "Docs" })
+    ] })
+  ] });
+}
+function Button({ children, onClick, loading, disabled, variant = "primary" }) {
+  const variants = {
+    primary: "bg-gradient-to-r from-blue-500 to-blue-600 hover:from-blue-600 hover:to-blue-700",
+    secondary: "bg-gray-700 hover:bg-gray-600",
+    danger: "bg-red-600/20 border border-red-500/30 text-red-400 hover:bg-red-600/30"
+  };
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      disabled: loading || disabled,
+      className: `px-6 py-3 rounded-lg font-medium transition-all disabled:opacity-50 disabled:cursor-not-allowed ${variants[variant]}`,
+      children: loading ? /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "w-4 h-4 border-2 border-current border-t-transparent rounded-full animate-spin" }),
+        "Loading..."
+      ] }) : children
+    }
+  );
+}
+function FeatureCard({ icon, title, description }) {
+  return /* @__PURE__ */ jsxs("div", { className: "p-6 bg-gray-800/50 rounded-xl border border-gray-700 text-center", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-3xl mb-3", children: icon }),
+    /* @__PURE__ */ jsx("h3", { className: "font-semibold mb-1", children: title }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-gray-400", children: description })
+  ] });
+}
+function StatCard({ value, label, color, large }) {
+  const colors = { purple: "text-purple-400", pink: "text-pink-400", blue: "text-blue-400" };
+  return /* @__PURE__ */ jsxs("div", { className: "bg-gray-800/50 rounded-lg p-4 text-center border border-gray-700", children: [
+    /* @__PURE__ */ jsx("div", { className: `${large ? "text-3xl" : "text-2xl"} font-bold ${colors[color]}`, children: value }),
+    /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-400", children: label })
+  ] });
+}
+function Section({ title, count, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: "bg-gray-800/30 rounded-xl border border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-4 py-3 bg-gray-800/50 flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: title }),
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-gray-400", children: [
+        count,
+        " selected"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "divide-y divide-gray-700", children })
+  ] });
+}
+function ItemRow({ item, onToggle }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 px-4 py-3 hover:bg-gray-800/30 transition-colors", children: [
+    /* @__PURE__ */ jsx("input", { type: "checkbox", checked: item.selected, onChange: onToggle, className: "w-5 h-5 rounded border-gray-600 bg-gray-700 text-blue-500" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx("div", { className: "font-medium truncate", children: item.type }),
+      /* @__PURE__ */ jsxs("div", { className: "text-sm text-gray-400 truncate", children: [
+        item.file,
+        ":",
+        item.line
+      ] })
+    ] })
+  ] });
+}
+function ConfigPreview({ title, description, content }) {
+  async function copy() {
+    await navigator.clipboard.writeText(content);
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "bg-gray-800/50 rounded-lg border border-gray-700 overflow-hidden", children: [
+    /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 bg-gray-800 flex justify-between items-center", children: [
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: title }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-400", children: description }),
+        /* @__PURE__ */ jsx("button", { onClick: copy, className: "text-sm text-blue-400 hover:underline", children: "Copy" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("pre", { className: "p-4 text-sm overflow-x-auto", children: /* @__PURE__ */ jsx("code", { className: "text-green-400", children: content }) })
+  ] });
+}
+function QuickLink({ icon, title, href }) {
+  return /* @__PURE__ */ jsxs("a", { href, target: "_blank", className: "flex items-center gap-3 p-4 bg-gray-800/50 rounded-lg border border-gray-700 hover:bg-gray-800 transition-colors", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-2xl", children: icon }),
+    /* @__PURE__ */ jsx("span", { className: "font-medium", children: title })
+  ] });
+}
+
+export { SetupWizard };
+//# sourceMappingURL=chunk-P3UWIUJS.mjs.map
+//# sourceMappingURL=chunk-P3UWIUJS.mjs.map