@sonordev/site-kit 1.5.5 → 2.0.0

package/dist/index.js

@@ -1,138 +1,22 @@
 'use strict';
 
-var chunkYBTYDBWY_js = require('./chunk-YBTYDBWY.js');
-var chunkX4J33XQD_js = require('./chunk-X4J33XQD.js');
-var chunkG6VGUAK2_js = require('./chunk-G6VGUAK2.js');
-require('./chunk-DY4K6X3A.js');
+var chunk7M3FNAS5_js = require('./chunk-7M3FNAS5.js');
+var chunkIFVMZFNT_js = require('./chunk-IFVMZFNT.js');
 var chunkTKQLH33E_js = require('./chunk-TKQLH33E.js');
-require('./chunk-EUNL6GAL.js');
-var chunkWW7UM7XY_js = require('./chunk-WW7UM7XY.js');
-var chunkIJ2LWZID_js = require('./chunk-IJ2LWZID.js');
-var chunkIFAW7JFO_js = require('./chunk-IFAW7JFO.js');
-var chunkQW4RQHSK_js = require('./chunk-QW4RQHSK.js');
-require('./chunk-TC6TOW2T.js');
-var chunkFTSXKDP3_js = require('./chunk-FTSXKDP3.js');
-var chunkXWWBUC2I_js = require('./chunk-XWWBUC2I.js');
-var chunk373TK6TZ_js = require('./chunk-373TK6TZ.js');
+require('./chunk-GCPPXUAI.js');
+var chunkTZAD7CZD_js = require('./chunk-TZAD7CZD.js');
+var chunkWETCVFIK_js = require('./chunk-WETCVFIK.js');
+var chunkW6K7MQCC_js = require('./chunk-W6K7MQCC.js');
+require('./chunk-JP5WGL75.js');
+require('./chunk-UJ757WGI.js');
+require('./chunk-RO6DHV6S.js');
 require('./chunk-ZSMWDLMK.js');
-var React2 = require('react');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React2__default = /*#__PURE__*/_interopDefault(React2);
-
-var SiteKitContext = React2.createContext(null);
-function useSiteKit() {
-  const context = React2.useContext(SiteKitContext);
-  if (!context) {
-    throw new Error("useSiteKit must be used within a SiteKitProvider");
-  }
-  return context;
-}
-function SiteKitProvider({
-  children,
-  apiKey,
-  apiUrl,
-  signalUrl,
-  projectId,
-  recaptchaSiteKey,
-  analytics,
-  engage,
-  forms,
-  signal,
-  sitemapSync = true,
-  debug = false
-}) {
-  const isDev = typeof process !== "undefined" && process.env?.NODE_ENV === "development";
-  const defaultApiUrl = isDev && (process.env?.SONOR_API_URL || process.env?.NEXT_PUBLIC_UPTRADE_API_URL) ? process.env.SONOR_API_URL || process.env.NEXT_PUBLIC_UPTRADE_API_URL : "https://api.sonor.io";
-  const defaultSignalUrl = isDev && (process.env?.SONOR_SIGNAL_URL || process.env?.NEXT_PUBLIC_SIGNAL_API_URL) ? process.env.SONOR_SIGNAL_URL || process.env.NEXT_PUBLIC_SIGNAL_API_URL : "https://signal.sonor.io";
-  const finalApiUrl = apiUrl || defaultApiUrl || "https://api.sonor.io";
-  const finalSignalUrl = signalUrl || defaultSignalUrl || "https://signal.sonor.io";
-  const finalRecaptchaSiteKey = recaptchaSiteKey ?? (typeof process !== "undefined" ? process.env?.NEXT_PUBLIC_RECAPTCHA_SITE_KEY : void 0);
-  if (!apiKey) {
-    console.error("@sonordev/site-kit: No API key provided. Set SONOR_API_KEY (or NEXT_PUBLIC_UPTRADE_API_KEY) environment variable.");
-  }
-  if (typeof window !== "undefined") {
-    window.__SITE_KIT_API_URL__ = finalApiUrl;
-    window.__SITE_KIT_SIGNAL_URL__ = finalSignalUrl;
-    window.__SITE_KIT_API_KEY__ = apiKey;
-    window.__SITE_KIT_RECAPTCHA_SITE_KEY__ = finalRecaptchaSiteKey;
-    window.__SITE_KIT_DEBUG__ = debug;
-  }
-  React2.useEffect(() => {
-    if (apiKey && typeof window !== "undefined") {
-      chunk373TK6TZ_js.configureFormsApi({
-        baseUrl: finalApiUrl,
-        apiKey
-      });
-    }
-  }, [finalApiUrl, apiKey]);
-  const contextValue = React2.useMemo(
-    () => ({
-      apiUrl: finalApiUrl,
-      signalUrl: finalSignalUrl,
-      apiKey,
-      analytics,
-      engage,
-      forms,
-      signal,
-      debug,
-      isReady: true
-    }),
-    [finalApiUrl, finalSignalUrl, apiKey, analytics, engage, forms, signal, debug]
-  );
-  let content = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  if (signal?.enabled) {
-    content = /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYBTYDBWY_js.SignalBridge,
-      {
-        enabled: signal.enabled,
-        realtime: signal.realtime !== false,
-        experiments: signal.experiments !== false,
-        behaviorTracking: signal.behaviorTracking !== false,
-        children: content
-      }
-    );
-  }
-  if (analytics?.enabled) {
-    content = /* @__PURE__ */ jsxRuntime.jsx(React2.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFTSXKDP3_js.AnalyticsProvider,
-      {
-        apiUrl: finalApiUrl,
-        apiKey,
-        trackPageViews: analytics.trackPageViews !== false,
-        trackWebVitals: analytics.trackWebVitals !== false,
-        trackScrollDepth: analytics.trackScrollDepth !== false,
-        trackClicks: analytics.trackClicks !== false,
-        debug,
-        children: content
-      }
-    ) });
-  }
-  if (engage?.enabled) {
-    content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      content,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        chunkXWWBUC2I_js.EngageWidget,
-        {
-          apiUrl: finalApiUrl,
-          apiKey,
-          projectId,
-          position: engage.position || "bottom-right",
-          chatEnabled: engage.chatEnabled !== false
-        }
-      )
-    ] });
-  }
-  if (sitemapSync) {
-    content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      content,
-      /* @__PURE__ */ jsxRuntime.jsx(chunkQW4RQHSK_js.SitemapSync, { debug })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(SiteKitContext.Provider, { value: contextValue, children: content });
-}
+var React__default = /*#__PURE__*/_interopDefault(React);
 
 // src/affiliates/api.ts
 function getApiConfig() {
@@ -174,10 +58,10 @@ function getTrackingUrl(affiliateId, offerId) {
   return `${apiUrl}/a/${affiliateId}/${offerId}`;
 }
 function useAffiliates() {
-  const [affiliates, setAffiliates] = React2.useState([]);
-  const [isLoading, setIsLoading] = React2.useState(true);
-  const [error, setError] = React2.useState(null);
-  React2.useEffect(() => {
+  const [affiliates, setAffiliates] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
     async function load() {
       try {
         setIsLoading(true);
@@ -281,9 +165,9 @@ function SignalExperiment({
   trackImpression = true,
   children
 }) {
-  const { assignment, variant, isControl } = chunkYBTYDBWY_js.useSignalExperiment(experimentId);
-  const trackEvent = chunkYBTYDBWY_js.useSignalEvent();
-  React2.useEffect(() => {
+  const { assignment, variant, isControl } = chunk7M3FNAS5_js.useSignalExperiment(experimentId);
+  const trackEvent = chunk7M3FNAS5_js.useSignalEvent();
+  React.useEffect(() => {
     if (trackImpression && variant) {
       trackEvent({
         event_type: "experiment",
@@ -309,7 +193,7 @@ function SignalExperiment({
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: variants.control || null });
 }
 function useExperimentVariant(experimentId) {
-  return chunkYBTYDBWY_js.useSignalExperiment(experimentId);
+  return chunk7M3FNAS5_js.useSignalExperiment(experimentId);
 }
 function ExperimentConversion({
   experimentId,
@@ -317,8 +201,8 @@ function ExperimentConversion({
   value,
   children
 }) {
-  const trackEvent = chunkYBTYDBWY_js.useSignalEvent();
-  const { variant } = chunkYBTYDBWY_js.useSignalExperiment(experimentId);
+  const trackEvent = chunk7M3FNAS5_js.useSignalEvent();
+  const { variant } = chunk7M3FNAS5_js.useSignalExperiment(experimentId);
   const handleInteraction = () => {
     trackEvent({
       event_type: "experiment",
@@ -331,7 +215,7 @@ function ExperimentConversion({
       }
     });
   };
-  return React2__default.default.cloneElement(children, {
+  return React__default.default.cloneElement(children, {
     onClick: (e) => {
       handleInteraction();
       if (children.props.onClick) {
@@ -340,1239 +224,58 @@ function ExperimentConversion({
     }
   });
 }
-var styles = {
-  container: {
-    display: "flex",
-    flexDirection: "column",
-    height: "100vh",
-    maxWidth: "800px",
-    margin: "0 auto",
-    padding: "1rem",
-    fontFamily: "system-ui, -apple-system, sans-serif"
-  },
-  header: {
-    display: "flex",
-    alignItems: "center",
-    gap: "0.75rem",
-    padding: "1rem 0",
-    borderBottom: "1px solid #e5e7eb"
-  },
-  logo: {
-    width: "32px",
-    height: "32px",
-    borderRadius: "8px",
-    background: "linear-gradient(135deg, #3b82f6, #8b5cf6)",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    color: "white",
-    fontWeight: "bold"
-  },
-  title: {
-    fontSize: "1.25rem",
-    fontWeight: "600",
-    color: "#111827"
-  },
-  subtitle: {
-    fontSize: "0.875rem",
-    color: "#6b7280"
-  },
-  messages: {
-    flex: 1,
-    overflowY: "auto",
-    padding: "1rem 0",
-    display: "flex",
-    flexDirection: "column",
-    gap: "1rem"
-  },
-  message: {
-    display: "flex",
-    gap: "0.75rem",
-    maxWidth: "85%"
-  },
-  messageAssistant: {
-    alignSelf: "flex-start"
-  },
-  messageUser: {
-    alignSelf: "flex-end",
-    flexDirection: "row-reverse"
-  },
-  avatar: {
-    width: "32px",
-    height: "32px",
-    borderRadius: "50%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: "0.875rem",
-    flexShrink: 0
-  },
-  avatarAssistant: {
-    background: "linear-gradient(135deg, #3b82f6, #8b5cf6)",
-    color: "white"
-  },
-  avatarUser: {
-    background: "#e5e7eb",
-    color: "#374151"
-  },
-  bubble: {
-    padding: "0.75rem 1rem",
-    borderRadius: "1rem",
-    fontSize: "0.9375rem",
-    lineHeight: "1.5"
-  },
-  bubbleAssistant: {
-    background: "#f3f4f6",
-    color: "#111827",
-    borderTopLeftRadius: "4px"
-  },
-  bubbleUser: {
-    background: "#3b82f6",
-    color: "white",
-    borderTopRightRadius: "4px"
-  },
-  actions: {
-    display: "flex",
-    flexWrap: "wrap",
-    gap: "0.5rem",
-    marginTop: "0.75rem"
-  },
-  actionButton: {
-    padding: "0.5rem 1rem",
-    borderRadius: "0.5rem",
-    fontSize: "0.875rem",
-    fontWeight: "500",
-    cursor: "pointer",
-    border: "none",
-    transition: "all 0.15s"
-  },
-  actionPrimary: {
-    background: "#3b82f6",
-    color: "white"
-  },
-  actionSecondary: {
-    background: "#e5e7eb",
-    color: "#374151"
-  },
-  actionOutline: {
-    background: "transparent",
-    color: "#3b82f6",
-    border: "1px solid #3b82f6"
-  },
-  inputContainer: {
-    display: "flex",
-    gap: "0.5rem",
-    padding: "1rem 0",
-    borderTop: "1px solid #e5e7eb"
-  },
-  input: {
-    flex: 1,
-    padding: "0.75rem 1rem",
-    borderRadius: "0.75rem",
-    border: "1px solid #d1d5db",
-    fontSize: "0.9375rem",
-    outline: "none"
-  },
-  sendButton: {
-    padding: "0.75rem 1.5rem",
-    borderRadius: "0.75rem",
-    background: "#3b82f6",
-    color: "white",
-    border: "none",
-    fontWeight: "500",
-    cursor: "pointer"
-  },
-  typing: {
-    display: "flex",
-    gap: "4px",
-    padding: "0.75rem 1rem",
-    background: "#f3f4f6",
-    borderRadius: "1rem",
-    width: "fit-content"
-  },
-  typingDot: {
-    width: "8px",
-    height: "8px",
-    borderRadius: "50%",
-    background: "#9ca3af",
-    animation: "typing 1.4s infinite"
-  },
-  moduleCard: {
-    display: "flex",
-    alignItems: "center",
-    gap: "0.75rem",
-    padding: "0.75rem",
-    background: "white",
-    border: "1px solid #e5e7eb",
-    borderRadius: "0.5rem",
-    cursor: "pointer",
-    transition: "all 0.15s"
-  },
-  moduleCardSelected: {
-    borderColor: "#3b82f6",
-    background: "#eff6ff"
-  },
-  moduleIcon: {
-    fontSize: "1.5rem"
-  },
-  moduleInfo: {
-    flex: 1
-  },
-  moduleName: {
-    fontWeight: "500",
-    color: "#111827"
-  },
-  moduleDesc: {
-    fontSize: "0.75rem",
-    color: "#6b7280"
-  },
-  checkbox: {
-    width: "20px",
-    height: "20px",
-    accentColor: "#3b82f6"
-  }
-};
-var MODULES = [
-  { id: "analytics", name: "Analytics", icon: "\u{1F4CA}", description: "Page views, events, sessions, web vitals", recommended: true },
-  { id: "seo", name: "SEO", icon: "\u{1F50D}", description: "Managed FAQs, meta tags, schema markup", recommended: true },
-  { id: "forms", name: "Forms", icon: "\u{1F4DD}", description: "Sonor-managed forms with submissions", recommended: true },
-  { id: "engage", name: "Engage", icon: "\u{1F4AC}", description: "Live chat, popups, nudges, banners", recommended: false },
-  { id: "commerce", name: "Commerce", icon: "\u{1F6D2}", description: "Products, services, checkout", recommended: false },
-  { id: "signal", name: "Signal AI", icon: "\u{1F916}", description: "Autonomous optimization & A/B testing", recommended: false }
-];
-function SetupAssistant({
-  apiUrl = "https://api.sonor.io",
-  signalUrl = "https://signal.sonor.io",
-  supabaseUrl,
-  supabaseKey,
-  projectId,
-  orgId,
-  authToken,
-  onComplete,
-  welcomeMessage
-}) {
-  const [messages, setMessages] = React2.useState([]);
-  const [input, setInput] = React2.useState("");
-  const [isTyping, setIsTyping] = React2.useState(false);
-  const [isExtracting, setIsExtracting] = React2.useState(false);
-  const [state, setState] = React2.useState({
-    step: "welcome",
-    isAuthenticated: !!authToken,
-    selectedModules: ["analytics", "seo", "forms"],
-    config: {},
-    errors: [],
-    context: {
-      flow: null,
-      step: "welcome",
-      project_id: projectId,
-      org_id: orgId
-    }
-  });
-  const messagesEndRef = React2.useRef(null);
-  const inputRef = React2.useRef(null);
-  const streamingMessageRef = React2.useRef(null);
-  const sendToSignalStreaming = React2.useCallback(async (message, context, onToken, onComplete2) => {
-    try {
-      const response = await fetch(`${signalUrl}/api/skills/setup/chat/stream`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          ...authToken ? { Authorization: `Bearer ${authToken}` } : {}
-        },
-        body: JSON.stringify({
-          message,
-          context,
-          project_id: projectId,
-          org_id: orgId
-        })
-      });
-      if (!response.ok) {
-        throw new Error("Signal API error");
-      }
-      const reader = response.body?.getReader();
-      if (!reader) throw new Error("No response body");
-      const decoder = new TextDecoder();
-      let buffer = "";
-      let actions = [];
-      let updatedContext = {};
-      while (true) {
-        const { done, value } = await reader.read();
-        if (done) break;
-        buffer += decoder.decode(value, { stream: true });
-        const lines = buffer.split("\n");
-        buffer = lines.pop() || "";
-        for (const line of lines) {
-          if (line.startsWith("data: ")) {
-            const data = line.slice(6);
-            if (data === "[DONE]") continue;
-            try {
-              const event = JSON.parse(data);
-              if (event.type === "token") {
-                onToken(event.content);
-              } else if (event.type === "actions") {
-                actions = event.actions;
-              } else if (event.type === "context") {
-                updatedContext = event.context;
-              }
-            } catch {
-              onToken(data);
-            }
-          }
-        }
-      }
-      onComplete2({ actions, updated_context: updatedContext });
-    } catch (error) {
-      console.error("Signal streaming error:", error);
-      const result = await sendToSignal(message, context);
-      onToken(result.response);
-      onComplete2({ actions: result.actions, updated_context: result.updated_context });
-    }
-  }, [signalUrl, authToken, projectId, orgId]);
-  const sendToSignal = React2.useCallback(async (message, context) => {
-    try {
-      const response = await fetch(`${signalUrl}/api/skills/setup/chat`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          ...authToken ? { Authorization: `Bearer ${authToken}` } : {}
-        },
-        body: JSON.stringify({
-          message,
-          context,
-          project_id: projectId,
-          org_id: orgId
-        })
-      });
-      if (!response.ok) {
-        throw new Error("Signal API error");
-      }
-      return await response.json();
-    } catch (error) {
-      console.error("Signal API error:", error);
-      return {
-        response: "I had trouble connecting to Signal. Let me help you locally.",
-        actions: [
-          { id: "1", label: "Continue", action: "continue_local", variant: "primary" }
-        ]
-      };
-    }
-  }, [signalUrl, authToken, projectId, orgId]);
-  const extractBrandFromDomain = React2.useCallback(async (domain) => {
-    setIsExtracting(true);
-    try {
-      const response = await fetch(`${apiUrl}/site-scrape/brand-only`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          ...authToken ? { Authorization: `Bearer ${authToken}` } : {}
-        },
-        body: JSON.stringify({ domain })
-      });
-      if (!response.ok) {
-        throw new Error("Brand extraction failed");
-      }
-      const data = await response.json();
-      return {
-        business_name: data.business_name,
-        tagline: data.tagline,
-        primary_color: data.primary_color,
-        secondary_color: data.secondary_color,
-        logo_url: data.logo_url,
-        phone_numbers: data.phone_numbers,
-        email_addresses: data.email_addresses,
-        social_profiles: data.social_profiles
-      };
-    } catch (error) {
-      console.error("Brand extraction error:", error);
-      return null;
-    } finally {
-      setIsExtracting(false);
-    }
-  }, [apiUrl, authToken]);
-  const addMessage = React2.useCallback((message) => {
-    const newMessage = {
-      ...message,
-      id: crypto.randomUUID(),
-      timestamp: /* @__PURE__ */ new Date()
-    };
-    setMessages((prev) => [...prev, newMessage]);
-    return newMessage;
-  }, []);
-  React2.useCallback((id, update) => {
-    setMessages((prev) => prev.map(
-      (m) => m.id === id ? { ...m, ...update } : m
-    ));
-  }, []);
-  const addStreamingMessage = React2.useCallback(() => {
-    const id = crypto.randomUUID();
-    const newMessage = {
-      id,
-      role: "assistant",
-      content: "",
-      timestamp: /* @__PURE__ */ new Date(),
-      isStreaming: true
-    };
-    setMessages((prev) => [...prev, newMessage]);
-    streamingMessageRef.current = id;
-    return id;
-  }, []);
-  const appendToStreamingMessage = React2.useCallback((token) => {
-    const id = streamingMessageRef.current;
-    if (!id) return;
-    setMessages((prev) => prev.map(
-      (m) => m.id === id ? { ...m, content: m.content + token } : m
-    ));
-  }, []);
-  const finalizeStreamingMessage = React2.useCallback((actions) => {
-    const id = streamingMessageRef.current;
-    if (!id) return;
-    setMessages((prev) => prev.map(
-      (m) => m.id === id ? { ...m, isStreaming: false, actions } : m
-    ));
-    streamingMessageRef.current = null;
-  }, []);
-  const addAssistantMessage = React2.useCallback((content, actions, component) => {
-    setIsTyping(true);
-    setTimeout(() => {
-      setIsTyping(false);
-      addMessage({ role: "assistant", content, actions, component });
-    }, 500 + Math.random() * 500);
-  }, [addMessage]);
-  const scrollToBottom = React2.useCallback(() => {
-    messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
-  }, []);
-  React2.useEffect(() => {
-    scrollToBottom();
-  }, [messages, isTyping, scrollToBottom]);
-  React2.useEffect(() => {
-    const welcome = welcomeMessage || `Hey! \u{1F44B} I'm Signal, your AI setup assistant.
-
-I'll help you integrate Sonor Site-Kit into your project. What are we working with today?`;
-    setTimeout(() => {
-      addAssistantMessage(welcome, [
-        { id: "1", label: "\u{1F195} New Site", action: "set_flow_new", variant: "primary" },
-        { id: "2", label: "\u{1F4C1} Existing Project", action: "set_flow_existing", variant: "secondary" },
-        { id: "3", label: "\u{1F504} Rebuild from Live Site", action: "set_flow_rebuild", variant: "outline" }
-      ]);
-    }, 500);
-  }, []);
-  const handleAction = React2.useCallback(async (action, data) => {
-    switch (action) {
-      case "start":
-        addMessage({ role: "user", content: "Let's do it!" });
-        setState((prev) => ({ ...prev, step: "auth" }));
-        addAssistantMessage(
-          `Great! First, let's connect to your Sonor account.
-
-You can sign in with your existing Sonor credentials:`,
-          [
-            { id: "1", label: "Sign in with Email", action: "auth_email", variant: "primary" },
-            { id: "2", label: "Sign in with Google", action: "auth_google", variant: "secondary" },
-            { id: "3", label: "I don't have an account", action: "auth_signup", variant: "outline" }
-          ]
-        );
-        break;
-      case "explain":
-        addMessage({ role: "user", content: "Tell me more first" });
-        addAssistantMessage(
-          `Sonor Site-Kit is a lightweight package that connects your site to Sonor.
-
-Here's what you can enable:
-
-\u{1F4CA} **Analytics** - Track page views, events, and Core Web Vitals
-\u{1F50D} **SEO** - Managed meta tags, FAQs, and schema markup
-\u{1F4DD} **Forms** - Sonor-managed forms with spam protection
-\u{1F4AC} **Engage** - Live chat, popups, and nudges
-\u{1F6D2} **Commerce** - Products, services, and checkout
-\u{1F916} **Signal AI** - Autonomous optimization and A/B testing
-
-You only pay for what you use, and everything is managed from your Sonor dashboard.`,
-          [
-            { id: "1", label: "Sounds good, let's set it up", action: "start", variant: "primary" }
-          ]
-        );
-        break;
-      case "auth_email":
-        addMessage({ role: "user", content: "Sign in with Email" });
-        addAssistantMessage(
-          `What's your Sonor email address?`
-        );
-        setState((prev) => ({ ...prev, step: "auth" }));
-        setTimeout(() => inputRef.current?.focus(), 600);
-        break;
-      case "auth_google":
-        addMessage({ role: "user", content: "Sign in with Google" });
-        addAssistantMessage(
-          `Opening Google sign-in... (In a real implementation, this would trigger OAuth)`
-        );
-        setTimeout(() => {
-          setState((prev) => ({
-            ...prev,
-            step: "project",
-            isAuthenticated: true,
-            userEmail: "user@example.com"
-          }));
-          handleAuthSuccess("user@example.com");
-        }, 1500);
-        break;
-      case "select_project":
-        addMessage({ role: "user", content: `Selected: ${data?.name}` });
-        setState((prev) => ({
-          ...prev,
-          step: "modules",
-          selectedProject: data
-        }));
-        showModuleSelection();
-        break;
-      case "confirm_modules":
-        addMessage({ role: "user", content: `Selected ${state.selectedModules.length} modules` });
-        setState((prev) => ({ ...prev, step: "config" }));
-        showConfigGeneration();
-        break;
-      case "copy_code":
-        addMessage({ role: "user", content: "Copy integration code" });
-        addAssistantMessage(
-          `\u2705 Code copied to clipboard!
-
-Paste this in your root layout file (e.g., \`app/layout.tsx\` or \`pages/_app.tsx\`).
-
-Want me to help you verify the integration?`,
-          [
-            { id: "1", label: "Yes, verify my setup", action: "verify", variant: "primary" },
-            { id: "2", label: "I'm all set, thanks!", action: "complete", variant: "outline" }
-          ]
-        );
-        break;
-      case "verify":
-        addMessage({ role: "user", content: "Verify my setup" });
-        setState((prev) => ({ ...prev, step: "verify" }));
-        addAssistantMessage(
-          `To verify your setup, start your dev server and visit any page.
-
-I'll check for:
-\u2022 \u2713 SiteKitProvider is loading
-\u2022 \u2713 API key is valid
-\u2022 \u2713 Analytics events are sending
-\u2022 \u2713 Modules are initializing
-
-Run \`npm run dev\` and let me know when you're ready:`,
-          [
-            { id: "1", label: "My dev server is running", action: "check_connection", variant: "primary" }
-          ]
-        );
-        break;
-      case "check_connection":
-        addMessage({ role: "user", content: "My dev server is running" });
-        setIsTyping(true);
-        setTimeout(() => {
-          setIsTyping(false);
-          addAssistantMessage(
-            `\u{1F389} **Everything looks great!**
-
-I detected your site at \`localhost:3000\` and verified:
-
-\u2705 SiteKitProvider initialized
-\u2705 API key authenticated
-\u2705 Analytics tracking active
-\u2705 SEO components ready
-
-You're all set! Your data will start appearing in your Sonor dashboard within a few minutes.`,
-            [
-              { id: "1", label: "Open Sonor Dashboard", action: "open_dashboard", variant: "primary" },
-              { id: "2", label: "Enable Signal AI", action: "enable_signal", variant: "secondary" }
-            ]
-          );
-          setState((prev) => ({ ...prev, step: "complete" }));
-        }, 2e3);
-        break;
-      case "complete":
-        addMessage({ role: "user", content: "I'm all set, thanks!" });
-        addAssistantMessage(
-          `Awesome! \u{1F680}
-
-Your site-kit integration is ready. Here's what happens next:
-
-\u2022 Analytics data will appear in Sonor within ~5 minutes
-\u2022 You can manage SEO, forms, and engage from the dashboard
-\u2022 If you enabled Signal, it'll start learning from your traffic
-
-Need help anytime? Just come back to \`/_uptrade/setup\` or ping us in Sonor.
-
-Happy building! \u{1F3A8}`
-        );
-        onComplete?.(state);
-        break;
-      case "enable_signal":
-        addMessage({ role: "user", content: "Enable Signal AI" });
-        addAssistantMessage(
-          `Great choice! \u{1F916}
-
-Signal AI will:
-\u2022 Monitor your site for SEO issues
-\u2022 Run A/B tests on CTAs and content
-\u2022 Optimize popups and engagement timing
-\u2022 Learn from user behavior to improve conversions
-
-To enable Signal, add \`signal={{ enabled: true }}\` to your SiteKitProvider:
-
-\`\`\`tsx
-<SiteKitProvider
-  apiKey={process.env.SONOR_API_KEY!}
-  analytics={{ enabled: true }}
-  signal={{ enabled: true }}  // Add this
->
-\`\`\`
-
-Signal requires the Business plan. Want me to check your plan?`,
-          [
-            { id: "1", label: "Check my plan", action: "check_plan", variant: "primary" },
-            { id: "2", label: "I'll do this later", action: "complete", variant: "outline" }
-          ]
-        );
-        break;
-      case "confirm_brand":
-        addMessage({ role: "user", content: "Brand info confirmed" });
-        setState((prev) => ({ ...prev, step: "modules" }));
-        showModuleSelectionWithRecommendations();
-        break;
-      case "edit_brand":
-        addMessage({ role: "user", content: "Edit brand info" });
-        addAssistantMessage(
-          `No problem! Let me know what to change:
-
-\u2022 Business name
-\u2022 Primary color (hex like #3b82f6)
-\u2022 Tagline
-
-Just type what you'd like to update.`
-        );
-        break;
-      case "manual_brand":
-        addMessage({ role: "user", content: "Enter brand manually" });
-        addAssistantMessage(
-          `Sure! What's your business name?`
-        );
-        setState((prev) => ({
-          ...prev,
-          context: { ...prev.context, step: "brand_manual" }
-        }));
-        break;
-      case "skip_brand":
-        addMessage({ role: "user", content: "Skip brand for now" });
-        setState((prev) => ({ ...prev, step: "modules" }));
-        showModuleSelection();
-        break;
-      case "extract_brand":
-        addMessage({ role: "user", content: "Extract from website" });
-        addAssistantMessage(
-          `What's the website URL? I'll extract the brand colors, name, and logo.`
-        );
-        break;
-      case "set_flow_new":
-        addMessage({ role: "user", content: "New Site" });
-        setState((prev) => ({
-          ...prev,
-          context: { ...prev.context, flow: "new", step: "brand" }
-        }));
-        addAssistantMessage(
-          `Great! For a new site, I'll help you:
-
-1. Set up your brand (colors, name)
-2. Choose which modules to enable
-3. Generate integration code
-
-Do you have an existing website I can extract brand info from? Or would you prefer to enter it manually?`,
-          [
-            { id: "1", label: "Extract from website", action: "extract_brand", variant: "primary" },
-            { id: "2", label: "Enter manually", action: "manual_brand", variant: "outline" },
-            { id: "3", label: "Skip for now", action: "skip_brand", variant: "outline" }
-          ]
-        );
-        break;
-      case "set_flow_existing":
-        addMessage({ role: "user", content: "Existing Project" });
-        setState((prev) => ({
-          ...prev,
-          context: { ...prev.context, flow: "existing", step: "scan" }
-        }));
-        addAssistantMessage(
-          `For an existing project, I can scan your codebase to find:
-
-\u2022 Forms to migrate (contact forms, newsletter signups)
-\u2022 Chat widgets to replace (Intercom, Crisp, etc.)
-\u2022 Metadata patterns to enhance
-\u2022 Sitemap configuration
-
-Run this in your project root:
-
-\`\`\`bash
-npx @sonordev/site-kit scan
-\`\`\`
-
-Then paste the output here, or tell me about your project.`,
-          [
-            { id: "1", label: "I ran the scan", action: "show_scan_results", variant: "primary" },
-            { id: "2", label: "Skip scan", action: "skip_scan", variant: "outline" }
-          ]
-        );
-        break;
-      case "set_flow_rebuild":
-        addMessage({ role: "user", content: "Rebuild from Live Site" });
-        setState((prev) => ({
-          ...prev,
-          context: { ...prev.context, flow: "rebuild", step: "scrape" }
-        }));
-        addAssistantMessage(
-          `I'll help you rebuild with site-kit. Enter the live site URL and I'll:
-
-\u2022 Extract brand colors and business info
-\u2022 Import FAQs with schema markup
-\u2022 Suggest redirect mappings
-\u2022 Generate copilot-instructions.md
-
-What's the website URL?`
-        );
-        break;
-      case "show_scan_results":
-        addMessage({ role: "user", content: "I ran the scan" });
-        addAssistantMessage(
-          `Great! Paste the scan output here, or describe what you found.
-
-I'll analyze the results and recommend a migration plan.`
-        );
-        break;
-      case "skip_scan":
-        addMessage({ role: "user", content: "Skip scan" });
-        setState((prev) => ({ ...prev, step: "modules" }));
-        showModuleSelection();
-        break;
-      case "generate_redirects":
-        addMessage({ role: "user", content: "Generate redirects" });
-        if (state.context.scrape_results?.routes) {
-          addStreamingMessage();
-          await sendToSignalStreaming(
-            `Generate SEO-optimized redirects for these routes: ${JSON.stringify(state.context.scrape_results.routes)}`,
-            state.context,
-            (token) => appendToStreamingMessage(token),
-            (result) => finalizeStreamingMessage(result.actions)
-          );
-        } else {
-          addAssistantMessage(
-            `I need a list of routes to generate redirects. Would you like to:
-
-1. Scrape a website for routes
-2. Paste a list of URLs
-
-What's easier?`,
-            [
-              { id: "1", label: "Scrape website", action: "set_flow_rebuild", variant: "primary" },
-              { id: "2", label: "Paste URLs", action: "paste_urls", variant: "outline" }
-            ]
-          );
-        }
-        break;
-      case "generate_copilot_instructions":
-        addMessage({ role: "user", content: "Generate Copilot instructions" });
-        addStreamingMessage();
-        await sendToSignalStreaming(
-          `Generate copilot-instructions.md for project with modules: ${state.selectedModules.join(", ")} and brand: ${state.context.brand?.business_name || "Unknown"}`,
-          state.context,
-          (token) => appendToStreamingMessage(token),
-          (result) => {
-            finalizeStreamingMessage([
-              { id: "1", label: "\u{1F4CB} Copy to clipboard", action: "copy_copilot_instructions", variant: "primary" },
-              { id: "2", label: "Continue", action: "complete", variant: "outline" }
-            ]);
-          }
-        );
-        break;
-      case "verify_now":
-        addMessage({ role: "user", content: "Verify integration" });
-        verifyIntegration();
-        break;
-    }
-  }, [addMessage, addAssistantMessage, addStreamingMessage, appendToStreamingMessage, finalizeStreamingMessage, sendToSignalStreaming, state, onComplete]);
-  const handleAuthSuccess = React2.useCallback((email) => {
-    addAssistantMessage(
-      `Welcome back, ${email.split("@")[0]}! \u{1F44B}
-
-I found these projects in your account. Which one are we setting up?`,
-      [
-        { id: "1", label: "MyCompany.com", action: "select_project", variant: "secondary", data: { id: "1", name: "MyCompany.com", domain: "mycompany.com" } },
-        { id: "2", label: "Blog Project", action: "select_project", variant: "secondary", data: { id: "2", name: "Blog Project", domain: "blog.mycompany.com" } },
-        { id: "3", label: "+ Create new project", action: "create_project", variant: "outline" }
-      ]
-    );
-  }, [addAssistantMessage]);
-  const verifyIntegration = React2.useCallback(async () => {
-    setState((prev) => ({ ...prev, step: "verify" }));
-    setIsTyping(true);
-    try {
-      const response = await fetch(`${signalUrl}/api/skills/setup/verify`, {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          ...authToken ? { Authorization: `Bearer ${authToken}` } : {}
-        },
-        body: JSON.stringify({
-          project_id: projectId || state.context.project_id,
-          dev_url: "http://localhost:3000"
-        })
-      });
-      setIsTyping(false);
-      if (!response.ok) {
-        throw new Error("Verification failed");
-      }
-      const result = await response.json();
-      if (result.overall_status === "success") {
-        const checkList = result.checks.map(
-          (c) => `${c.passed ? "\u2705" : "\u274C"} ${c.check.replace(/_/g, " ")}`
-        ).join("\n");
-        addAssistantMessage(
-          `\u{1F389} **Integration Verified!**
-
-${checkList}
-
-Your site-kit integration is working perfectly. Data will start appearing in Sonor shortly.`,
-          [
-            { id: "1", label: "Open Sonor Dashboard", action: "open_dashboard", variant: "primary" },
-            { id: "2", label: "Generate Copilot Instructions", action: "generate_copilot_instructions", variant: "secondary" }
-          ]
-        );
-        setState((prev) => ({ ...prev, step: "complete" }));
-      } else {
-        const issues = result.issues?.join("\n\u2022 ") || "Unknown issue";
-        addAssistantMessage(
-          `\u26A0\uFE0F **Verification Found Issues**
-
-\u2022 ${issues}
-
-Would you like help troubleshooting?`,
-          [
-            { id: "1", label: "Help me fix this", action: "troubleshoot", variant: "primary" },
-            { id: "2", label: "Skip for now", action: "complete", variant: "outline" }
-          ]
-        );
-      }
-    } catch (error) {
-      setIsTyping(false);
-      addAssistantMessage(
-        `I couldn't verify the integration automatically. Make sure your dev server is running.
-
-You can manually verify by:
-1. Opening your site in the browser
-2. Checking the Network tab for requests to api.sonor.io
-3. Looking for analytics events in your Sonor dashboard`,
-        [
-          { id: "1", label: "Try again", action: "verify_now", variant: "primary" },
-          { id: "2", label: "Continue anyway", action: "complete", variant: "outline" }
-        ]
-      );
-    }
-  }, [signalUrl, authToken, projectId, state.context.project_id, addAssistantMessage]);
-  const showModuleSelectionWithRecommendations = React2.useCallback(async () => {
-    const { brand, business_type, scan_results } = state.context;
-    if (brand || business_type) {
-      try {
-        const result = await sendToSignal(
-          `Recommend modules for: ${brand?.business_name || "Unknown"}, type: ${business_type || "general"}`,
-          { ...state.context, step: "recommend_modules" }
-        );
-        addAssistantMessage(
-          result.response,
-          void 0,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ModuleSelector,
-            {
-              modules: MODULES,
-              selected: state.selectedModules,
-              onChange: (modules) => setState((prev) => ({ ...prev, selectedModules: modules })),
-              onConfirm: () => handleAction("confirm_modules")
-            }
-          )
-        );
-        return;
-      } catch (error) {
-      }
-    }
-    showModuleSelection();
-  }, [state.context, state.selectedModules, sendToSignal, handleAction]);
-  const showModuleSelection = React2.useCallback(() => {
-    addAssistantMessage(
-      `Perfect! Now let's choose which features to enable.
-
-I've pre-selected the essentials, but you can customize:`,
-      void 0,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ModuleSelector,
-        {
-          modules: MODULES,
-          selected: state.selectedModules,
-          onChange: (modules) => setState((prev) => ({ ...prev, selectedModules: modules })),
-          onConfirm: () => handleAction("confirm_modules")
-        }
-      )
-    );
-  }, [addAssistantMessage, state.selectedModules, handleAction]);
-  const showConfigGeneration = React2.useCallback(() => {
-    const code = generateIntegrationCode(state);
-    addAssistantMessage(
-      `Here's your integration code! \u{1F389}
-
-Add this to your root layout:`,
-      [
-        { id: "1", label: "\u{1F4CB} Copy Code", action: "copy_code", variant: "primary" }
-      ],
-      /* @__PURE__ */ jsxRuntime.jsx(CodeBlock, { code })
-    );
-  }, [addAssistantMessage, state]);
-  const handleSubmit = React2.useCallback(async (e) => {
-    e.preventDefault();
-    if (!input.trim()) return;
-    const userInput = input.trim();
-    setInput("");
-    addMessage({ role: "user", content: userInput });
-    if (state.step === "auth" && userInput.includes("@")) {
-      setState((prev) => ({
-        ...prev,
-        isAuthenticated: true,
-        userEmail: userInput,
-        step: "project"
-      }));
-      addAssistantMessage(
-        `Sending magic link to ${userInput}...
-
-(In production, you'd receive an email. For now, I'll simulate a successful login.)`
-      );
-      setTimeout(() => handleAuthSuccess(userInput), 1500);
-    } else if (userInput.toLowerCase().includes("http") || userInput.match(/^[\w.-]+\.[a-z]{2,}$/i)) {
-      const domain = userInput.replace(/^https?:\/\//, "").split("/")[0];
-      setIsTyping(true);
-      addAssistantMessage(`Analyzing ${domain} to extract brand information...`);
-      const brand = await extractBrandFromDomain(domain);
-      setIsTyping(false);
-      if (brand) {
-        setState((prev) => ({
-          ...prev,
-          context: { ...prev.context, brand, domain }
-        }));
-        const brandSummary = [
-          brand.business_name && `**Business:** ${brand.business_name}`,
-          brand.tagline && `**Tagline:** ${brand.tagline}`,
-          brand.primary_color && `**Primary Color:** ${brand.primary_color}`,
-          brand.phone_numbers?.length && `**Phone:** ${brand.phone_numbers[0]}`
-        ].filter(Boolean).join("\n");
-        addAssistantMessage(
-          `Found brand information:
-
-${brandSummary}
-
-Does this look right?`,
-          [
-            { id: "1", label: "Yes, looks good!", action: "confirm_brand", variant: "primary" },
-            { id: "2", label: "Edit brand info", action: "edit_brand", variant: "outline" }
-          ]
-        );
-      } else {
-        addAssistantMessage(
-          `I couldn't extract brand info from ${domain}. You can enter it manually, or we can continue without it.`,
-          [
-            { id: "1", label: "Enter manually", action: "manual_brand", variant: "primary" },
-            { id: "2", label: "Skip for now", action: "skip_brand", variant: "outline" }
-          ]
-        );
-      }
-    } else {
-      addStreamingMessage();
-      try {
-        await sendToSignalStreaming(
-          userInput,
-          state.context,
-          (token) => appendToStreamingMessage(token),
-          (result) => {
-            if (result.updated_context) {
-              setState((prev) => ({
-                ...prev,
-                context: { ...prev.context, ...result.updated_context }
-              }));
-            }
-            finalizeStreamingMessage(result.actions);
-          }
-        );
-      } catch (error) {
-        finalizeStreamingMessage();
-        addAssistantMessage(
-          `I understand you said: "${userInput}"
-
-Let me help you with that. What would you like to do?`,
-          [
-            { id: "1", label: "Continue setup", action: "start", variant: "primary" },
-            { id: "2", label: "Ask a question", action: "help", variant: "outline" }
-          ]
-        );
-      }
-    }
-  }, [input, state.step, state.context, addMessage, addAssistantMessage, handleAuthSuccess, sendToSignalStreaming, appendToStreamingMessage, finalizeStreamingMessage, addStreamingMessage, extractBrandFromDomain]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.container, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.header, children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.logo, children: "U" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.title, children: "Sonor Setup" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.subtitle, children: "Site-Kit Integration Wizard" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.messages, children: [
-      messages.map((message) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          style: {
-            ...styles.message,
-            ...message.role === "assistant" ? styles.messageAssistant : styles.messageUser
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                style: {
-                  ...styles.avatar,
-                  ...message.role === "assistant" ? styles.avatarAssistant : styles.avatarUser
-                },
-                children: message.role === "assistant" ? "\u2728" : "\u{1F464}"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  style: {
-                    ...styles.bubble,
-                    ...message.role === "assistant" ? styles.bubbleAssistant : styles.bubbleUser
-                  },
-                  children: message.content.split("\n").map((line, i) => /* @__PURE__ */ jsxRuntime.jsxs(React2__default.default.Fragment, { children: [
-                    line,
-                    i < message.content.split("\n").length - 1 && /* @__PURE__ */ jsxRuntime.jsx("br", {})
-                  ] }, i))
-                }
-              ),
-              message.component,
-              message.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.actions, children: message.actions.map((action) => /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: () => handleAction(action.action, action.data),
-                  style: {
-                    ...styles.actionButton,
-                    ...action.variant === "primary" ? styles.actionPrimary : action.variant === "outline" ? styles.actionOutline : styles.actionSecondary
-                  },
-                  children: action.label
-                },
-                action.id
-              )) })
-            ] })
-          ]
-        },
-        message.id
-      )),
-      isTyping && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...styles.message, ...styles.messageAssistant }, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles.avatar, ...styles.avatarAssistant }, children: "\u2728" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.typing, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles.typingDot, animationDelay: "0s" } }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles.typingDot, animationDelay: "0.2s" } }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { style: { ...styles.typingDot, animationDelay: "0.4s" } })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { ref: messagesEndRef })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, style: styles.inputContainer, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          ref: inputRef,
-          type: "text",
-          value: input,
-          onChange: (e) => setInput(e.target.value),
-          placeholder: "Type a message...",
-          style: styles.input
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "submit", style: styles.sendButton, children: "Send" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
-        @keyframes typing {
-          0%, 60%, 100% { transform: translateY(0); opacity: 0.5; }
-          30% { transform: translateY(-4px); opacity: 1; }
-        }
-      ` })
-  ] });
-}
-function ModuleSelector({
-  modules,
-  selected,
-  onChange,
-  onConfirm
-}) {
-  const toggle = (id) => {
-    onChange(
-      selected.includes(id) ? selected.filter((m) => m !== id) : [...selected, id]
-    );
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { marginTop: "0.75rem", display: "flex", flexDirection: "column", gap: "0.5rem" }, children: [
-    modules.map((module) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        onClick: () => toggle(module.id),
-        style: {
-          ...styles.moduleCard,
-          ...selected.includes(module.id) ? styles.moduleCardSelected : {}
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.moduleIcon, children: module.icon }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.moduleInfo, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.moduleName, children: [
-              module.name,
-              module.recommended && /* @__PURE__ */ jsxRuntime.jsx("span", { style: { marginLeft: "0.5rem", fontSize: "0.625rem", background: "#dbeafe", color: "#1d4ed8", padding: "2px 6px", borderRadius: "4px" }, children: "Recommended" })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.moduleDesc, children: module.description })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: selected.includes(module.id),
-              onChange: () => toggle(module.id),
-              style: styles.checkbox
-            }
-          )
-        ]
-      },
-      module.id
-    )),
-    /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        onClick: onConfirm,
-        style: { ...styles.actionButton, ...styles.actionPrimary, marginTop: "0.5rem" },
-        children: [
-          "Continue with ",
-          selected.length,
-          " modules"
-        ]
-      }
-    )
-  ] });
-}
-function CodeBlock({ code }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("pre", { style: {
-    marginTop: "0.75rem",
-    padding: "1rem",
-    background: "#1f2937",
-    color: "#e5e7eb",
-    borderRadius: "0.5rem",
-    fontSize: "0.8125rem",
-    overflowX: "auto",
-    fontFamily: "monospace"
-  }, children: code });
-}
-function generateIntegrationCode(state) {
-  const { selectedModules } = state;
-  const moduleConfigs = [];
-  if (selectedModules.includes("analytics")) {
-    moduleConfigs.push(`  analytics={{ enabled: true }}`);
-  }
-  if (selectedModules.includes("engage")) {
-    moduleConfigs.push(`  engage={{ enabled: true }}`);
-  }
-  if (selectedModules.includes("forms")) {
-    moduleConfigs.push(`  forms={{ enabled: true }}`);
-  }
-  if (selectedModules.includes("signal")) {
-    moduleConfigs.push(`  signal={{ enabled: true, realtime: true }}`);
-  }
-  return `// app/layout.tsx (or pages/_app.tsx)
-import { SiteKitProvider } from '@sonordev/site-kit'
-
-export default function RootLayout({ children }) {
-  return (
-    <html>
-      <body>
-        <SiteKitProvider
-          apiKey={process.env.SONOR_API_KEY!}
-${moduleConfigs.join("\n")}
-        >
-          {children}
-        </SiteKitProvider>
-      </body>
-    </html>
-  )
-}`;
-}
 
 Object.defineProperty(exports, "SignalBridge", {
   enumerable: true,
-  get: function () { return chunkYBTYDBWY_js.SignalBridge; }
+  get: function () { return chunk7M3FNAS5_js.SignalBridge; }
 });
 Object.defineProperty(exports, "useSignal", {
   enumerable: true,
-  get: function () { return chunkYBTYDBWY_js.useSignal; }
+  get: function () { return chunk7M3FNAS5_js.useSignal; }
 });
 Object.defineProperty(exports, "useSignalConfig", {
   enumerable: true,
-  get: function () { return chunkYBTYDBWY_js.useSignalConfig; }
+  get: function () { return chunk7M3FNAS5_js.useSignalConfig; }
 });
 Object.defineProperty(exports, "useSignalEvent", {
   enumerable: true,
-  get: function () { return chunkYBTYDBWY_js.useSignalEvent; }
+  get: function () { return chunk7M3FNAS5_js.useSignalEvent; }
 });
 Object.defineProperty(exports, "useSignalExperiment", {
   enumerable: true,
-  get: function () { return chunkYBTYDBWY_js.useSignalExperiment; }
+  get: function () { return chunk7M3FNAS5_js.useSignalExperiment; }
 });
 Object.defineProperty(exports, "useSignalOutcome", {
   enumerable: true,
-  get: function () { return chunkYBTYDBWY_js.useSignalOutcome; }
-});
-Object.defineProperty(exports, "clearRedirectCache", {
-  enumerable: true,
-  get: function () { return chunkX4J33XQD_js.clearRedirectCache; }
-});
-Object.defineProperty(exports, "fetchRedirectRules", {
-  enumerable: true,
-  get: function () { return chunkX4J33XQD_js.fetchRedirectRules; }
-});
-Object.defineProperty(exports, "generateNextRedirects", {
-  enumerable: true,
-  get: function () { return chunkX4J33XQD_js.generateNextRedirects; }
-});
-Object.defineProperty(exports, "handleManagedRedirects", {
-  enumerable: true,
-  get: function () { return chunkX4J33XQD_js.handleManagedRedirects; }
+  get: function () { return chunk7M3FNAS5_js.useSignalOutcome; }
 });
 Object.defineProperty(exports, "ManagedImage", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.ManagedImage; }
+  get: function () { return chunkIFVMZFNT_js.ManagedImage; }
 });
 Object.defineProperty(exports, "assignImageToSlot", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.assignImageToSlot; }
+  get: function () { return chunkIFVMZFNT_js.assignImageToSlot; }
 });
 Object.defineProperty(exports, "clearImageSlot", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.clearImageSlot; }
+  get: function () { return chunkIFVMZFNT_js.clearImageSlot; }
 });
 Object.defineProperty(exports, "fetchManagedImage", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.fetchManagedImage; }
+  get: function () { return chunkIFVMZFNT_js.fetchManagedImage; }
 });
 Object.defineProperty(exports, "fetchManagedImages", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.fetchManagedImages; }
+  get: function () { return chunkIFVMZFNT_js.fetchManagedImages; }
 });
 Object.defineProperty(exports, "listImageFiles", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.listImageFiles; }
+  get: function () { return chunkIFVMZFNT_js.listImageFiles; }
 });
 Object.defineProperty(exports, "uploadImage", {
   enumerable: true,
-  get: function () { return chunkG6VGUAK2_js.uploadImage; }
+  get: function () { return chunkIFVMZFNT_js.uploadImage; }
 });
 Object.defineProperty(exports, "TestimonialSection", {
   enumerable: true,
@@ -1588,162 +291,171 @@ Object.defineProperty(exports, "fetchReviews", {
 });
 Object.defineProperty(exports, "CalendarView", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.CalendarView; }
+  get: function () { return chunkTZAD7CZD_js.CalendarView; }
 });
 Object.defineProperty(exports, "CheckoutForm", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.CheckoutForm; }
+  get: function () { return chunkTZAD7CZD_js.CheckoutForm; }
 });
 Object.defineProperty(exports, "EventCalendar", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.EventCalendar; }
+  get: function () { return chunkTZAD7CZD_js.EventCalendar; }
 });
 Object.defineProperty(exports, "EventEmbed", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.EventEmbed; }
+  get: function () { return chunkTZAD7CZD_js.EventEmbed; }
 });
 Object.defineProperty(exports, "EventModal", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.EventModal; }
+  get: function () { return chunkTZAD7CZD_js.EventModal; }
 });
 Object.defineProperty(exports, "EventTile", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.EventTile; }
+  get: function () { return chunkTZAD7CZD_js.EventTile; }
 });
 Object.defineProperty(exports, "OfferingCard", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.OfferingCard; }
+  get: function () { return chunkTZAD7CZD_js.OfferingCard; }
 });
 Object.defineProperty(exports, "OfferingList", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.OfferingList; }
+  get: function () { return chunkTZAD7CZD_js.OfferingList; }
 });
 Object.defineProperty(exports, "ProductEmbed", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.ProductEmbed; }
+  get: function () { return chunkTZAD7CZD_js.ProductEmbed; }
 });
 Object.defineProperty(exports, "RegistrationForm", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.RegistrationForm; }
+  get: function () { return chunkTZAD7CZD_js.RegistrationForm; }
 });
 Object.defineProperty(exports, "UpcomingEvents", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.UpcomingEvents; }
+  get: function () { return chunkTZAD7CZD_js.UpcomingEvents; }
 });
 Object.defineProperty(exports, "createCheckoutSession", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.createCheckoutSession; }
+  get: function () { return chunkTZAD7CZD_js.createCheckoutSession; }
 });
 Object.defineProperty(exports, "fetchNextEvent", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.fetchNextEvent; }
+  get: function () { return chunkTZAD7CZD_js.fetchNextEvent; }
 });
 Object.defineProperty(exports, "fetchOffering", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.fetchOffering; }
+  get: function () { return chunkTZAD7CZD_js.fetchOffering; }
 });
 Object.defineProperty(exports, "fetchOfferings", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.fetchOfferings; }
+  get: function () { return chunkTZAD7CZD_js.fetchOfferings; }
 });
 Object.defineProperty(exports, "fetchProducts", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.fetchProducts; }
+  get: function () { return chunkTZAD7CZD_js.fetchProducts; }
 });
 Object.defineProperty(exports, "fetchServices", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.fetchServices; }
+  get: function () { return chunkTZAD7CZD_js.fetchServices; }
 });
 Object.defineProperty(exports, "fetchUpcomingEvents", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.fetchUpcomingEvents; }
+  get: function () { return chunkTZAD7CZD_js.fetchUpcomingEvents; }
 });
 Object.defineProperty(exports, "formatDate", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.formatDate; }
+  get: function () { return chunkTZAD7CZD_js.formatDate; }
 });
 Object.defineProperty(exports, "formatDateTime", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.formatDateTime; }
+  get: function () { return chunkTZAD7CZD_js.formatDateTime; }
 });
 Object.defineProperty(exports, "formatPrice", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.formatPrice; }
+  get: function () { return chunkTZAD7CZD_js.formatPrice; }
 });
 Object.defineProperty(exports, "getOfferingUrl", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.getOfferingUrl; }
+  get: function () { return chunkTZAD7CZD_js.getOfferingUrl; }
 });
 Object.defineProperty(exports, "registerForEvent", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.registerForEvent; }
+  get: function () { return chunkTZAD7CZD_js.registerForEvent; }
 });
 Object.defineProperty(exports, "useEventModal", {
   enumerable: true,
-  get: function () { return chunkWW7UM7XY_js.useEventModal; }
+  get: function () { return chunkTZAD7CZD_js.useEventModal; }
 });
 Object.defineProperty(exports, "BookingWidget", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.BookingWidget; }
+  get: function () { return chunkWETCVFIK_js.BookingWidget; }
 });
 Object.defineProperty(exports, "createBooking", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.createBooking; }
+  get: function () { return chunkWETCVFIK_js.createBooking; }
 });
 Object.defineProperty(exports, "createSlotHold", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.createSlotHold; }
+  get: function () { return chunkWETCVFIK_js.createSlotHold; }
 });
 Object.defineProperty(exports, "detectTimezone", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.detectTimezone; }
+  get: function () { return chunkWETCVFIK_js.detectTimezone; }
 });
 Object.defineProperty(exports, "fetchAvailability", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.fetchAvailability; }
+  get: function () { return chunkWETCVFIK_js.fetchAvailability; }
 });
 Object.defineProperty(exports, "fetchAvailableDates", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.fetchAvailableDates; }
+  get: function () { return chunkWETCVFIK_js.fetchAvailableDates; }
 });
 Object.defineProperty(exports, "fetchBookingTypeDetails", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.fetchBookingTypeDetails; }
+  get: function () { return chunkWETCVFIK_js.fetchBookingTypeDetails; }
 });
 Object.defineProperty(exports, "fetchBookingTypes", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.fetchBookingTypes; }
+  get: function () { return chunkWETCVFIK_js.fetchBookingTypes; }
 });
 Object.defineProperty(exports, "formatBookingDate", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.formatDate; }
+  get: function () { return chunkWETCVFIK_js.formatDate; }
 });
 Object.defineProperty(exports, "formatBookingTime", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.formatTime; }
+  get: function () { return chunkWETCVFIK_js.formatTime; }
 });
 Object.defineProperty(exports, "formatDuration", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.formatDuration; }
+  get: function () { return chunkWETCVFIK_js.formatDuration; }
 });
 Object.defineProperty(exports, "releaseSlotHold", {
   enumerable: true,
-  get: function () { return chunkIJ2LWZID_js.releaseSlotHold; }
+  get: function () { return chunkWETCVFIK_js.releaseSlotHold; }
+});
+Object.defineProperty(exports, "clearRedirectCache", {
+  enumerable: true,
+  get: function () { return chunkW6K7MQCC_js.clearRedirectCache; }
+});
+Object.defineProperty(exports, "fetchRedirectRules", {
+  enumerable: true,
+  get: function () { return chunkW6K7MQCC_js.fetchRedirectRules; }
 });
-Object.defineProperty(exports, "SetupWizard", {
+Object.defineProperty(exports, "generateNextRedirects", {
+  enumerable: true,
+  get: function () { return chunkW6K7MQCC_js.generateNextRedirects; }
+});
+Object.defineProperty(exports, "handleManagedRedirects", {
   enumerable: true,
-  get: function () { return chunkIFAW7JFO_js.SetupWizard; }
+  get: function () { return chunkW6K7MQCC_js.handleManagedRedirects; }
 });
 exports.AffiliateCard = AffiliateCard;
 exports.AffiliatesWidget = AffiliatesWidget;
 exports.ExperimentConversion = ExperimentConversion;
-exports.SetupAssistant = SetupAssistant;
 exports.SignalExperiment = SignalExperiment;
-exports.SiteKitProvider = SiteKitProvider;
 exports.fetchAffiliates = fetchAffiliates;
 exports.getTrackingUrl = getTrackingUrl;
 exports.useAffiliates = useAffiliates;
 exports.useExperimentVariant = useExperimentVariant;
-exports.useSiteKit = useSiteKit;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map