@djangocfg/layouts 2.1.103 → 2.1.105

package/dist/snippets.mjs

@@ -1,3738 +0,0 @@
-import { User, Bot, Loader2, ExternalLink, MessageSquare, StopCircle, Send, RotateCcw, PanelRight, X, GripVertical, PanelRightClose, Zap, MessageCircle, LogIn, Monitor, Check, Share, Bell, ChevronRight, Download, ArrowDownToLine, Menu, Search, Plus, ArrowUpRight, ArrowDown, CheckCircle } from 'lucide-react';
-import 'next/link';
-import { usePathname } from 'next/navigation';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React3, { createContext, forwardRef, useRef, useImperativeHandle, useState, useCallback, useEffect, useContext, useMemo } from 'react';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, Button as Button$1 } from '@djangocfg/ui-nextjs/components';
-import { useLocalStorage, useIsMobile, useCfgRouter, useEventListener } from '@djangocfg/ui-nextjs/hooks';
-import { events, toast } from '@djangocfg/ui-core/hooks';
-import ReactGA from 'react-ga4';
-import { useAuth } from '@djangocfg/api/auth';
-import { Avatar, AvatarImage, AvatarFallback, Card, CardContent, Badge, Button, CardHeader, CardFooter, Portal, Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription, DialogFooter, useBrowserDetect, useDeviceDetect, Drawer, DrawerContent, DrawerHeader, DrawerTitle, DrawerDescription } from '@djangocfg/ui-nextjs';
-import { v4 } from 'uuid';
-import { MarkdownMessage } from '@djangocfg/ui-tools';
-import { consola } from 'consola';
-import { cn } from '@djangocfg/ui-core/lib';
-import { apiWebPush } from '@djangocfg/api/clients';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function generateBreadcrumbsFromPath(pathname) {
-  const segments = pathname.split("/").filter(Boolean);
-  const breadcrumbs = [
-    { path: "/", label: "Home", isActive: pathname === "/" }
-  ];
-  let currentPath = "";
-  segments.forEach((segment, index) => {
-    currentPath += `/${segment}`;
-    breadcrumbs.push({
-      path: currentPath,
-      label: segment.charAt(0).toUpperCase() + segment.slice(1).replace(/-/g, " "),
-      isActive: index === segments.length - 1
-    });
-  });
-  return breadcrumbs;
-}
-__name(generateBreadcrumbsFromPath, "generateBreadcrumbsFromPath");
-var DIALOG_EVENTS = {
-  OPEN_AUTH_DIALOG: "OPEN_AUTH_DIALOG",
-  CLOSE_AUTH_DIALOG: "CLOSE_AUTH_DIALOG",
-  AUTH_SUCCESS: "AUTH_SUCCESS",
-  AUTH_FAILURE: "AUTH_FAILURE"
-};
-var AuthDialog = /* @__PURE__ */ __name(({
-  onAuthRequired,
-  authPath = "/auth"
-}) => {
-  const [open, setOpen] = useState(false);
-  const [message, setMessage] = useState("Please sign in to continue");
-  const router = useCfgRouter();
-  useEventListener(DIALOG_EVENTS.OPEN_AUTH_DIALOG, (payload) => {
-    if (payload?.message) {
-      setMessage(payload.message);
-    }
-    setOpen(true);
-  });
-  useEventListener(DIALOG_EVENTS.CLOSE_AUTH_DIALOG, () => {
-    setOpen(false);
-  });
-  const handleClose = /* @__PURE__ */ __name(() => {
-    setMessage("Please sign in to continue");
-    setOpen(false);
-  }, "handleClose");
-  const handleGoToAuth = /* @__PURE__ */ __name(() => {
-    if (typeof window !== "undefined") {
-      sessionStorage.setItem("redirectAfterAuth", window.location.pathname);
-    }
-    if (onAuthRequired) {
-      onAuthRequired();
-    } else {
-      router.push(authPath);
-    }
-    handleClose();
-  }, "handleGoToAuth");
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent, { className: "max-w-sm", children: [
-    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Authentication Required" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: message }),
-      /* @__PURE__ */ jsxs(Button$1, { onClick: handleGoToAuth, className: "w-full", children: [
-        /* @__PURE__ */ jsx(LogIn, { className: "h-4 w-4 mr-2" }),
-        "Go to Sign In"
-      ] })
-    ] })
-  ] }) });
-}, "AuthDialog");
-
-// src/snippets/AuthDialog/events.ts
-var AUTH_EVENTS = {
-  OPEN_AUTH_DIALOG: "OPEN_AUTH_DIALOG",
-  CLOSE_AUTH_DIALOG: "CLOSE_AUTH_DIALOG",
-  AUTH_SUCCESS: "AUTH_SUCCESS",
-  AUTH_FAILURE: "AUTH_FAILURE"
-};
-function useAuthDialog() {
-  const openAuthDialog = useCallback((options) => {
-    events.publish({
-      type: AUTH_EVENTS.OPEN_AUTH_DIALOG,
-      payload: options
-    });
-  }, []);
-  const closeAuthDialog = useCallback(() => {
-    events.publish({
-      type: AUTH_EVENTS.CLOSE_AUTH_DIALOG
-    });
-  }, []);
-  return {
-    openAuthDialog,
-    closeAuthDialog
-  };
-}
-__name(useAuthDialog, "useAuthDialog");
-var isProduction = false;
-var Analytics = {
-  /**
-   * Initialize Google Analytics (called automatically by useAnalytics hook)
-   */
-  init: /* @__PURE__ */ __name((trackingId) => {
-    return;
-  }, "init"),
-  /**
-   * Check if Analytics is enabled and initialized
-   */
-  isEnabled: /* @__PURE__ */ __name(() => isProduction, "isEnabled"),
-  /**
-   * Track a page view
-   */
-  pageview: /* @__PURE__ */ __name((path) => {
-    if (!Analytics.isEnabled()) return;
-    ReactGA.send({ hitType: "pageview", page: path });
-  }, "pageview"),
-  /**
-   * Track a custom event
-   * @param name - Event name (action)
-   * @param params - Optional event parameters
-   */
-  event: /* @__PURE__ */ __name((name, params = {}) => {
-    if (!Analytics.isEnabled()) return;
-    ReactGA.event(name, params);
-  }, "event"),
-  /**
-   * Set user ID for tracking
-   */
-  setUser: /* @__PURE__ */ __name((userId) => {
-    if (!Analytics.isEnabled()) return;
-    ReactGA.set({ user_id: userId });
-  }, "setUser"),
-  /**
-   * Set custom dimensions/metrics
-   */
-  set: /* @__PURE__ */ __name((fieldsObject) => {
-    if (!Analytics.isEnabled()) return;
-    ReactGA.set(fieldsObject);
-  }, "set")
-};
-function useAnalytics(trackingIdProp) {
-  const pathname = usePathname();
-  const { user, isAuthenticated } = useAuth();
-  const trackingId = trackingIdProp;
-  const isEnabled = isProduction;
-  useEffect(() => {
-    return;
-  }, [isEnabled, trackingId]);
-  useEffect(() => {
-    return;
-  }, [isEnabled, isAuthenticated, user?.id]);
-  useEffect(() => {
-    return;
-  }, [pathname, isEnabled]);
-  return {
-    isEnabled,
-    trackingId,
-    pageview: Analytics.pageview,
-    event: Analytics.event,
-    setUser: Analytics.setUser,
-    set: Analytics.set
-  };
-}
-__name(useAnalytics, "useAnalytics");
-function AnalyticsProvider({ children, trackingId }) {
-  useAnalytics(trackingId);
-  return /* @__PURE__ */ jsx(Fragment, { children });
-}
-__name(AnalyticsProvider, "AnalyticsProvider");
-
-// src/snippets/Analytics/events.ts
-var AnalyticsCategory = {
-  AUTH: "auth",
-  ERROR: "error",
-  NAVIGATION: "navigation",
-  ENGAGEMENT: "engagement",
-  USER: "user"
-};
-var AnalyticsEvent = {
-  // Auth Events
-  AUTH_OTP_REQUEST: "auth_otp_request",
-  AUTH_OTP_VERIFY_SUCCESS: "auth_otp_verify_success",
-  AUTH_OTP_VERIFY_FAIL: "auth_otp_verify_fail",
-  AUTH_LOGIN_SUCCESS: "auth_login_success",
-  AUTH_LOGOUT: "auth_logout",
-  AUTH_SESSION_EXPIRED: "auth_session_expired",
-  AUTH_TOKEN_REFRESH: "auth_token_refresh",
-  AUTH_TOKEN_REFRESH_FAIL: "auth_token_refresh_fail",
-  // OAuth Events
-  AUTH_OAUTH_START: "auth_oauth_start",
-  AUTH_OAUTH_SUCCESS: "auth_oauth_success",
-  AUTH_OAUTH_FAIL: "auth_oauth_fail",
-  // Error Events
-  ERROR_BOUNDARY: "error_boundary",
-  ERROR_API: "error_api",
-  ERROR_VALIDATION: "error_validation",
-  ERROR_NETWORK: "error_network",
-  // Navigation Events
-  NAV_ADMIN_ENTER: "nav_admin_enter",
-  NAV_DASHBOARD_ENTER: "nav_dashboard_enter",
-  NAV_PAGE_VIEW: "nav_page_view",
-  // Engagement Events
-  THEME_CHANGE: "theme_change",
-  SIDEBAR_TOGGLE: "sidebar_toggle",
-  MOBILE_MENU_OPEN: "mobile_menu_open",
-  // User Events
-  USER_PROFILE_VIEW: "user_profile_view",
-  USER_PROFILE_UPDATE: "user_profile_update"
-};
-
-// src/snippets/McpChat/config.ts
-var PROD_HOST = "https://mcp.djangocfg.com";
-var DEV_HOST = "http://localhost:3002";
-function getHost(autoDetect = false) {
-  if (autoDetect && true) {
-    return DEV_HOST;
-  }
-  return PROD_HOST;
-}
-__name(getHost, "getHost");
-function getMcpEndpoints(autoDetect = false) {
-  const HOST = getHost(autoDetect);
-  return {
-    /** Base URL */
-    baseUrl: HOST,
-    /** Chat API endpoint */
-    chat: `${HOST}/api/chat`,
-    /** Search API endpoint */
-    search: `${HOST}/api/search`,
-    /** Conversations API endpoint */
-    conversations: `${HOST}/api/conversations`,
-    /** Health check endpoint */
-    health: `${HOST}/health`,
-    /** MCP protocol endpoint (Streamable HTTP) */
-    mcp: `${HOST}/mcp`,
-    /** SSE endpoint for legacy clients */
-    sse: `${HOST}/mcp/sse`
-  };
-}
-__name(getMcpEndpoints, "getMcpEndpoints");
-var mcpEndpoints = getMcpEndpoints(false);
-var sidebarConfig = {
-  /** Minimum sidebar width in pixels */
-  minWidth: 320,
-  /** Maximum sidebar width in pixels */
-  maxWidth: 600,
-  /** Default sidebar width in pixels */
-  defaultWidth: 400,
-  /** Z-index for chat elements */
-  zIndex: 300,
-  /** Animation duration in milliseconds */
-  animationDuration: 200
-};
-var fabConfig = {
-  /** Bottom offset in pixels */
-  bottom: 24,
-  /** Right offset in pixels */
-  right: 24};
-var storageKeys = {
-  /** Display mode (closed, floating, sidebar) */
-  mode: "djangocfg-chat-mode",
-  /** User ID for conversation tracking */
-  userId: "djangocfg-chat-user-id",
-  /** Chat messages history */
-  messages: "djangocfg-chat-messages",
-  /** Sidebar width */
-  sidebarWidth: "djangocfg-chat-sidebar-width"
-};
-function generateMessageId() {
-  return `msg_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
-}
-__name(generateMessageId, "generateMessageId");
-var ChatContext = createContext(null);
-function ChatProvider({
-  children,
-  apiEndpoint = "/api/chat",
-  config: userConfig = {},
-  onError
-}) {
-  const [messages, setMessages] = useState([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [isMinimized, setIsMinimized] = useState(false);
-  const isHydratedRef = useRef(false);
-  const mobileResetRef = useRef(false);
-  const [storedMode, setStoredMode] = useLocalStorage(storageKeys.mode, "closed");
-  const [userId, setUserId] = useLocalStorage(storageKeys.userId, "");
-  const [storedMessages, setStoredMessages] = useLocalStorage(storageKeys.messages, []);
-  const isMobile = useIsMobile();
-  useEffect(() => {
-    if (isMobile && !mobileResetRef.current && storedMode !== "closed") {
-      mobileResetRef.current = true;
-      setStoredMode("closed");
-    }
-  }, [isMobile, storedMode, setStoredMode]);
-  useEffect(() => {
-    if (!userId) {
-      setUserId(v4());
-    }
-  }, [userId, setUserId]);
-  useEffect(() => {
-    if (isHydratedRef.current) return;
-    isHydratedRef.current = true;
-    if (storedMessages.length > 0) {
-      const hydratedMessages = storedMessages.map((msg) => ({
-        ...msg,
-        timestamp: new Date(msg.timestamp)
-      }));
-      setMessages(hydratedMessages);
-    }
-  }, [storedMessages]);
-  useEffect(() => {
-    if (!isHydratedRef.current) return;
-    const toStore = messages.slice(-50).map((msg) => ({
-      id: msg.id,
-      role: msg.role,
-      content: msg.content,
-      timestamp: msg.timestamp.toISOString(),
-      sources: msg.sources
-    }));
-    setStoredMessages(toStore);
-  }, [messages]);
-  const displayMode = useMemo(() => {
-    if (isMobile && storedMode === "sidebar") {
-      return "floating";
-    }
-    return storedMode;
-  }, [isMobile, storedMode]);
-  const isOpen = displayMode !== "closed";
-  const config = useMemo(
-    () => ({
-      apiEndpoint,
-      title: "DjangoCFG AI",
-      placeholder: "Ask about DjangoCFG...",
-      greeting: "Hi! I'm your DjangoCFG documentation assistant. Ask me anything about configuration, features, or how to use the library.",
-      position: "bottom-right",
-      variant: "default",
-      ...userConfig
-    }),
-    [apiEndpoint, userConfig]
-  );
-  const sendMessage = useCallback(
-    async (content) => {
-      if (!content.trim() || isLoading) return;
-      const userMessage = {
-        id: generateMessageId(),
-        role: "user",
-        content: content.trim(),
-        timestamp: /* @__PURE__ */ new Date()
-      };
-      setMessages((prev) => [...prev, userMessage]);
-      setIsLoading(true);
-      setError(null);
-      try {
-        const response = await fetch(config.apiEndpoint || apiEndpoint, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({
-            query: content,
-            userId: userId || void 0
-          })
-        });
-        if (!response.ok) {
-          throw new Error(`HTTP error: ${response.status}`);
-        }
-        const data = await response.json();
-        if (!data.success) {
-          throw new Error(data.error || "Failed to get response");
-        }
-        const sources = data.results?.map((r) => ({
-          title: r.chunk.title,
-          path: r.chunk.path,
-          url: r.chunk.url,
-          section: r.chunk.section,
-          score: r.score
-        })) || [];
-        const assistantMessage = {
-          id: generateMessageId(),
-          role: "assistant",
-          content: data.answer || "I found some relevant documentation.",
-          timestamp: /* @__PURE__ */ new Date(),
-          sources
-        };
-        setMessages((prev) => [...prev, assistantMessage]);
-      } catch (err) {
-        const error2 = err instanceof Error ? err : new Error("Unknown error");
-        setError(error2);
-        onError?.(error2);
-        const errorMessage = {
-          id: generateMessageId(),
-          role: "assistant",
-          content: `Sorry, I encountered an error: ${error2.message}. Please try again.`,
-          timestamp: /* @__PURE__ */ new Date()
-        };
-        setMessages((prev) => [...prev, errorMessage]);
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    [apiEndpoint, config.apiEndpoint, isLoading, onError, userId]
-  );
-  const clearMessages = useCallback(() => {
-    setMessages([]);
-    setStoredMessages([]);
-    setError(null);
-  }, [setStoredMessages]);
-  const openChat = useCallback(() => {
-    setStoredMode("floating");
-    setIsMinimized(false);
-  }, [setStoredMode]);
-  const closeChat = useCallback(() => {
-    setStoredMode("closed");
-    setIsMinimized(false);
-  }, [setStoredMode]);
-  const toggleChat = useCallback(() => {
-    if (displayMode === "closed") {
-      setStoredMode("floating");
-      setIsMinimized(false);
-    } else {
-      setStoredMode("closed");
-    }
-  }, [displayMode, setStoredMode]);
-  const toggleMinimize = useCallback(() => {
-    setIsMinimized((prev) => !prev);
-  }, []);
-  const setDisplayMode = useCallback(
-    (mode) => {
-      if (isMobile && mode === "sidebar") {
-        setStoredMode("floating");
-      } else {
-        setStoredMode(mode);
-      }
-      setIsMinimized(false);
-    },
-    [isMobile, setStoredMode]
-  );
-  const value = useMemo(
-    () => ({
-      messages,
-      isLoading,
-      error,
-      isOpen,
-      isMinimized,
-      config,
-      displayMode,
-      isMobile,
-      userId: userId || "",
-      sendMessage,
-      clearMessages,
-      openChat,
-      closeChat,
-      toggleChat,
-      toggleMinimize,
-      setDisplayMode
-    }),
-    [
-      messages,
-      isLoading,
-      error,
-      isOpen,
-      isMinimized,
-      config,
-      displayMode,
-      isMobile,
-      userId,
-      sendMessage,
-      clearMessages,
-      openChat,
-      closeChat,
-      toggleChat,
-      toggleMinimize,
-      setDisplayMode
-    ]
-  );
-  return /* @__PURE__ */ jsx(ChatContext.Provider, { value, children });
-}
-__name(ChatProvider, "ChatProvider");
-function useChatContext() {
-  const context = useContext(ChatContext);
-  if (!context) {
-    throw new Error("useChatContext must be used within a ChatProvider");
-  }
-  return context;
-}
-__name(useChatContext, "useChatContext");
-function useChatContextOptional() {
-  return useContext(ChatContext);
-}
-__name(useChatContextOptional, "useChatContextOptional");
-function generateId() {
-  return `msg_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
-}
-__name(generateId, "generateId");
-function generateThreadId() {
-  return `thread_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
-}
-__name(generateThreadId, "generateThreadId");
-function generateUserId() {
-  return `user_${Date.now()}_${Math.random().toString(36).substring(2, 9)}`;
-}
-__name(generateUserId, "generateUserId");
-var STORAGE_KEY = "djangocfg_chat";
-function getPersistedIds() {
-  if (typeof window === "undefined") {
-    return { threadId: generateThreadId(), userId: generateUserId() };
-  }
-  try {
-    const stored = localStorage.getItem(STORAGE_KEY);
-    if (stored) {
-      const data = JSON.parse(stored);
-      if (data.threadId && data.userId) {
-        return data;
-      }
-    }
-  } catch {
-  }
-  const ids = { threadId: generateThreadId(), userId: generateUserId() };
-  try {
-    localStorage.setItem(STORAGE_KEY, JSON.stringify(ids));
-  } catch {
-  }
-  return ids;
-}
-__name(getPersistedIds, "getPersistedIds");
-function persistThreadId(threadId, userId) {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.setItem(STORAGE_KEY, JSON.stringify({ threadId, userId }));
-  } catch {
-  }
-}
-__name(persistThreadId, "persistThreadId");
-async function saveMessageToServer(threadId, userId, message) {
-  try {
-    await fetch(`${mcpEndpoints.conversations}/${threadId}/messages`, {
-      method: "POST",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        userId,
-        message: {
-          id: message.id,
-          role: message.role,
-          content: message.content,
-          timestamp: message.timestamp.getTime(),
-          sources: message.sources
-        }
-      })
-    });
-  } catch (error) {
-    console.warn("[Chat] Failed to save message to server:", error);
-  }
-}
-__name(saveMessageToServer, "saveMessageToServer");
-async function loadConversationFromServer(threadId) {
-  try {
-    const response = await fetch(`${mcpEndpoints.conversations}/${threadId}`);
-    if (response.status === 404) return null;
-    if (!response.ok) return [];
-    const data = await response.json();
-    if (!data.messages || !Array.isArray(data.messages)) return [];
-    return data.messages.map((m) => ({
-      id: m.id,
-      role: m.role,
-      content: m.content,
-      timestamp: new Date(m.timestamp),
-      sources: m.sources
-    }));
-  } catch (error) {
-    console.warn("[Chat] Failed to load conversation from server:", error);
-    return [];
-  }
-}
-__name(loadConversationFromServer, "loadConversationFromServer");
-async function deleteConversationFromServer(threadId) {
-  try {
-    await fetch(`${mcpEndpoints.conversations}/${threadId}`, {
-      method: "DELETE"
-    });
-  } catch (error) {
-    console.warn("[Chat] Failed to delete conversation from server:", error);
-  }
-}
-__name(deleteConversationFromServer, "deleteConversationFromServer");
-function useAIChat(options) {
-  const {
-    apiEndpoint = mcpEndpoints.chat,
-    initialMessages = [],
-    onError,
-    enableStreaming = true,
-    threadId: initialThreadId,
-    userId: initialUserId
-  } = options;
-  const [messages, setMessages] = useState(initialMessages);
-  const [isLoadingHistory, setIsLoadingHistory] = useState(true);
-  const persistedIds = useRef(null);
-  if (persistedIds.current === null && typeof window !== "undefined") {
-    persistedIds.current = getPersistedIds();
-  }
-  const [threadId, setThreadId] = useState(
-    () => initialThreadId || persistedIds.current?.threadId || generateThreadId()
-  );
-  const [userId] = useState(
-    () => initialUserId || persistedIds.current?.userId || generateUserId()
-  );
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const abortControllerRef = useRef(null);
-  useEffect(() => {
-    if (typeof window === "undefined") {
-      setIsLoadingHistory(false);
-      return;
-    }
-    const loadHistory = /* @__PURE__ */ __name(async () => {
-      const serverMessages = await loadConversationFromServer(threadId);
-      if (serverMessages === null) {
-        console.log("[Chat] Session expired or invalid, starting new session");
-        const newThreadId = generateThreadId();
-        setThreadId(newThreadId);
-        persistThreadId(newThreadId, userId);
-        setMessages([]);
-      } else if (serverMessages.length > 0) {
-        setMessages(serverMessages);
-      }
-      setIsLoadingHistory(false);
-    }, "loadHistory");
-    loadHistory();
-  }, [threadId, userId]);
-  const sendMessage = useCallback(
-    async (content) => {
-      if (!content.trim() || isLoading) return;
-      if (abortControllerRef.current) {
-        abortControllerRef.current.abort();
-      }
-      abortControllerRef.current = new AbortController();
-      const userMessage = {
-        id: generateId(),
-        role: "user",
-        content: content.trim(),
-        timestamp: /* @__PURE__ */ new Date()
-      };
-      const assistantMessageId = generateId();
-      const assistantMessage = {
-        id: assistantMessageId,
-        role: "assistant",
-        content: "",
-        timestamp: /* @__PURE__ */ new Date(),
-        isStreaming: true
-      };
-      setMessages((prev) => [...prev, userMessage, assistantMessage]);
-      setIsLoading(true);
-      setError(null);
-      saveMessageToServer(threadId, userId, userMessage);
-      try {
-        const chatMessages = [
-          ...messages.filter((m) => m.role !== "system").slice(-10).map((m) => ({
-            role: m.role,
-            content: m.content
-          })),
-          { role: "user", content }
-        ];
-        const response = await fetch(apiEndpoint, {
-          method: "POST",
-          headers: {
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({
-            messages: chatMessages,
-            stream: enableStreaming
-          }),
-          signal: abortControllerRef.current.signal
-        });
-        if (!response.ok) {
-          throw new Error(`HTTP error: ${response.status}`);
-        }
-        if (enableStreaming && response.headers.get("content-type")?.includes("text/event-stream")) {
-          await handleStreamingResponse(response, assistantMessageId);
-        } else {
-          const data = await response.json();
-          if (!data.success) {
-            throw new Error(data.error || "Failed to get response");
-          }
-          if (data.threadId && data.threadId !== threadId) {
-            setThreadId(data.threadId);
-          }
-          const sources = data.sources?.map((s) => ({
-            title: s.title,
-            path: s.path,
-            url: s.url,
-            section: s.section,
-            score: s.score
-          })) || [];
-          const finalContent = data.content || "I found some relevant documentation.";
-          setMessages(
-            (prev) => prev.map(
-              (m) => m.id === assistantMessageId ? {
-                ...m,
-                content: finalContent,
-                sources,
-                isStreaming: false
-              } : m
-            )
-          );
-          saveMessageToServer(threadId, userId, {
-            id: assistantMessageId,
-            role: "assistant",
-            content: finalContent,
-            timestamp: /* @__PURE__ */ new Date(),
-            sources
-          });
-        }
-      } catch (err) {
-        if (err instanceof Error && err.name === "AbortError") {
-          setMessages((prev) => prev.filter((m) => m.id !== assistantMessageId));
-          return;
-        }
-        const error2 = err instanceof Error ? err : new Error("Unknown error");
-        setError(error2);
-        onError?.(error2);
-        setMessages(
-          (prev) => prev.map(
-            (m) => m.id === assistantMessageId ? {
-              ...m,
-              content: `Sorry, I encountered an error: ${error2.message}. Please try again.`,
-              isStreaming: false
-            } : m
-          )
-        );
-      } finally {
-        setIsLoading(false);
-        abortControllerRef.current = null;
-      }
-    },
-    [apiEndpoint, isLoading, messages, threadId, userId, enableStreaming, onError]
-  );
-  const handleStreamingResponse = /* @__PURE__ */ __name(async (response, messageId) => {
-    const reader = response.body?.getReader();
-    if (!reader) {
-      throw new Error("No response body");
-    }
-    const decoder = new TextDecoder();
-    let buffer = "";
-    let fullContent = "";
-    const sources = [];
-    try {
-      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]") {
-              setMessages(
-                (prev) => prev.map(
-                  (m) => m.id === messageId ? {
-                    ...m,
-                    content: fullContent,
-                    sources,
-                    isStreaming: false
-                  } : m
-                )
-              );
-              saveMessageToServer(threadId, userId, {
-                id: messageId,
-                role: "assistant",
-                content: fullContent,
-                timestamp: /* @__PURE__ */ new Date(),
-                sources
-              });
-              return;
-            }
-            try {
-              const parsed = JSON.parse(data);
-              if (parsed.type === "text" && parsed.content) {
-                fullContent += parsed.content;
-                setMessages(
-                  (prev) => prev.map(
-                    (m) => m.id === messageId ? {
-                      ...m,
-                      content: fullContent,
-                      isStreaming: true
-                    } : m
-                  )
-                );
-              } else if (parsed.type === "source" && parsed.source) {
-                sources.push({
-                  title: parsed.source.title,
-                  path: parsed.source.path,
-                  url: parsed.source.url,
-                  section: parsed.source.section,
-                  score: parsed.source.score
-                });
-              } else if (parsed.type === "done") {
-                setMessages(
-                  (prev) => prev.map(
-                    (m) => m.id === messageId ? {
-                      ...m,
-                      content: fullContent,
-                      sources,
-                      isStreaming: false
-                    } : m
-                  )
-                );
-                saveMessageToServer(threadId, userId, {
-                  id: messageId,
-                  role: "assistant",
-                  content: fullContent,
-                  timestamp: /* @__PURE__ */ new Date(),
-                  sources
-                });
-              } else if (parsed.type === "error") {
-                throw new Error(parsed.error || "Stream error");
-              }
-            } catch {
-            }
-          }
-        }
-      }
-    } finally {
-      reader.releaseLock();
-    }
-  }, "handleStreamingResponse");
-  const clearMessages = useCallback(async () => {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-    }
-    await deleteConversationFromServer(threadId);
-    setMessages([]);
-    setError(null);
-    const newThreadId = generateThreadId();
-    setThreadId(newThreadId);
-    persistThreadId(newThreadId, userId);
-  }, [threadId, userId]);
-  const stopStreaming = useCallback(() => {
-    if (abortControllerRef.current) {
-      abortControllerRef.current.abort();
-    }
-  }, []);
-  return {
-    messages,
-    isLoading: isLoading || isLoadingHistory,
-    error,
-    threadId,
-    userId,
-    sendMessage,
-    clearMessages,
-    stopStreaming
-  };
-}
-__name(useAIChat, "useAIChat");
-var STORAGE_KEY_MODE = "djangocfg-ai-chat-mode";
-var AIChatContext = createContext(null);
-function AIChatProvider({
-  children,
-  apiEndpoint = mcpEndpoints.chat,
-  config: userConfig = {},
-  onError,
-  enableStreaming = true
-}) {
-  const {
-    messages,
-    isLoading,
-    error,
-    threadId,
-    userId,
-    sendMessage: sendAIMessage,
-    clearMessages: clearAIMessages,
-    stopStreaming
-  } = useAIChat({
-    apiEndpoint,
-    onError,
-    enableStreaming
-  });
-  const [isMinimized, setIsMinimized] = useState(false);
-  const [storedMode, setStoredMode] = useLocalStorage(STORAGE_KEY_MODE, "closed");
-  const isMobile = useIsMobile();
-  const displayMode = useMemo(() => {
-    if (isMobile && storedMode === "sidebar") {
-      return "floating";
-    }
-    return storedMode;
-  }, [isMobile, storedMode]);
-  const isOpen = displayMode !== "closed";
-  const isOpenRef = useRef(isOpen);
-  useEffect(() => {
-    isOpenRef.current = isOpen;
-  }, [isOpen]);
-  const lastActiveModeRef = useRef("floating");
-  useEffect(() => {
-    if (displayMode !== "closed") {
-      lastActiveModeRef.current = displayMode;
-    }
-  }, [displayMode]);
-  const config = useMemo(
-    () => ({
-      apiEndpoint,
-      title: "DjangoCFG AI",
-      placeholder: "Ask about DjangoCFG...",
-      greeting: "Hi! I'm your DjangoCFG AI assistant powered by GPT. Ask me anything about configuration, features, or how to use the library.",
-      position: "bottom-right",
-      variant: "default",
-      ...userConfig
-    }),
-    [apiEndpoint, userConfig]
-  );
-  const sendMessage = useCallback(
-    async (content) => {
-      await sendAIMessage(content);
-    },
-    [sendAIMessage]
-  );
-  const clearMessages = useCallback(() => {
-    clearAIMessages();
-  }, [clearAIMessages]);
-  const openChat = useCallback(() => {
-    setStoredMode(lastActiveModeRef.current);
-    setIsMinimized(false);
-  }, [setStoredMode]);
-  const closeChat = useCallback(() => {
-    setStoredMode("closed");
-    setIsMinimized(false);
-  }, [setStoredMode]);
-  const toggleChat = useCallback(() => {
-    if (displayMode === "closed") {
-      setStoredMode("floating");
-      setIsMinimized(false);
-    } else {
-      setStoredMode("closed");
-    }
-  }, [displayMode, setStoredMode]);
-  const toggleMinimize = useCallback(() => {
-    setIsMinimized((prev) => !prev);
-  }, []);
-  const setDisplayMode = useCallback(
-    (mode) => {
-      if (isMobile && mode === "sidebar") {
-        setStoredMode("floating");
-      } else {
-        setStoredMode(mode);
-      }
-      setIsMinimized(false);
-    },
-    [isMobile, setStoredMode]
-  );
-  const value = useMemo(
-    () => ({
-      messages,
-      isLoading,
-      error,
-      isOpen,
-      isMinimized,
-      config,
-      displayMode,
-      isMobile,
-      threadId,
-      userId,
-      sendMessage,
-      clearMessages,
-      openChat,
-      closeChat,
-      toggleChat,
-      toggleMinimize,
-      setDisplayMode,
-      stopStreaming
-    }),
-    [
-      messages,
-      isLoading,
-      error,
-      isOpen,
-      isMinimized,
-      config,
-      displayMode,
-      isMobile,
-      threadId,
-      userId,
-      sendMessage,
-      clearMessages,
-      openChat,
-      closeChat,
-      toggleChat,
-      toggleMinimize,
-      setDisplayMode,
-      stopStreaming
-    ]
-  );
-  useEffect(() => {
-    if (typeof window !== "undefined") {
-      window.__MCP_CHAT_AVAILABLE__ = true;
-    }
-    const handleChatEvent = /* @__PURE__ */ __name((event) => {
-      const customEvent = event;
-      const { message, context, autoSend = true, displayMode: requestedMode } = customEvent.detail;
-      window.dispatchEvent(new CustomEvent("mcp:chat:handled"));
-      let fullMessage = message;
-      if (context) {
-        if (context.type) {
-          fullMessage = `[${context.type.toUpperCase()}] ${message}`;
-        }
-        if (context.data) {
-          fullMessage += `
-
-**Context:**
-\`\`\`json
-${JSON.stringify(context.data, null, 2)}
-\`\`\``;
-        }
-        if (context.source) {
-          fullMessage += `
-
-_Source: ${context.source}_`;
-        }
-      }
-      if (requestedMode) {
-        setDisplayMode(requestedMode);
-      } else if (!isOpenRef.current) {
-        openChat();
-      }
-      if (autoSend) {
-        setTimeout(() => {
-          sendMessage(fullMessage);
-        }, 100);
-      }
-    }, "handleChatEvent");
-    window.addEventListener("mcp:chat:send", handleChatEvent);
-    return () => {
-      window.removeEventListener("mcp:chat:send", handleChatEvent);
-      if (typeof window !== "undefined") {
-        window.__MCP_CHAT_AVAILABLE__ = false;
-      }
-    };
-  }, [sendMessage, setDisplayMode, openChat]);
-  return /* @__PURE__ */ jsx(AIChatContext.Provider, { value, children });
-}
-__name(AIChatProvider, "AIChatProvider");
-function useAIChatContext() {
-  const context = useContext(AIChatContext);
-  if (!context) {
-    throw new Error("useAIChatContext must be used within an AIChatProvider");
-  }
-  return context;
-}
-__name(useAIChatContext, "useAIChatContext");
-function useAIChatContextOptional() {
-  return useContext(AIChatContext);
-}
-__name(useAIChatContextOptional, "useAIChatContextOptional");
-var MIN_SIDEBAR_WIDTH = sidebarConfig.minWidth;
-var MAX_SIDEBAR_WIDTH = sidebarConfig.maxWidth;
-var DEFAULT_CONFIG = {
-  initialWidth: sidebarConfig.defaultWidth,
-  animationDuration: sidebarConfig.animationDuration,
-  pushTarget: "body"
-};
-function useChatLayout(config) {
-  const mergedConfig = { ...DEFAULT_CONFIG, ...config };
-  const { initialWidth, animationDuration, pushTarget } = mergedConfig;
-  const [storedWidth, setStoredWidth] = useLocalStorage(storageKeys.sidebarWidth, initialWidth);
-  const sidebarWidth = Math.max(MIN_SIDEBAR_WIDTH, Math.min(MAX_SIDEBAR_WIDTH, storedWidth));
-  const sidebarWidthRef = useRef(sidebarWidth);
-  const [isResizing, setIsResizing] = useState(false);
-  useEffect(() => {
-    sidebarWidthRef.current = sidebarWidth;
-  }, [sidebarWidth]);
-  const originalStylesRef = useRef(null);
-  const fixedElementsRef = useRef([]);
-  const currentModeRef = useRef("closed");
-  const getTargetElement = useCallback(() => {
-    if (typeof window === "undefined") return null;
-    if (pushTarget === "body") {
-      return document.body;
-    } else if (pushTarget === "main") {
-      return document.querySelector("main");
-    } else {
-      return document.querySelector(pushTarget);
-    }
-  }, [pushTarget]);
-  const getFixedElements = useCallback(() => {
-    if (typeof window === "undefined") return [];
-    const elements = [];
-    const allElements = document.querySelectorAll("*");
-    allElements.forEach((el) => {
-      if (!(el instanceof HTMLElement)) return;
-      if (el.closest("[data-chat-sidebar-panel]")) return;
-      const style = window.getComputedStyle(el);
-      const position = style.position;
-      const right = style.right;
-      if ((position === "fixed" || position === "sticky") && right === "0px") {
-        elements.push(el);
-      }
-    });
-    return elements;
-  }, []);
-  const saveOriginalStyles = useCallback((element) => {
-    if (!originalStylesRef.current) {
-      originalStylesRef.current = {
-        marginRight: element.style.marginRight,
-        overflowX: element.style.overflowX,
-        transition: element.style.transition
-      };
-    }
-  }, []);
-  const restoreOriginalStyles = useCallback((element) => {
-    if (originalStylesRef.current) {
-      element.style.marginRight = originalStylesRef.current.marginRight || "";
-      element.style.overflowX = originalStylesRef.current.overflowX || "";
-      element.style.transition = originalStylesRef.current.transition || "";
-      element.removeAttribute("data-chat-sidebar");
-      originalStylesRef.current = null;
-    }
-  }, []);
-  const adjustFixedElements = useCallback(
-    (open) => {
-      const currentWidth = sidebarWidthRef.current;
-      if (open) {
-        const fixedElements = getFixedElements();
-        fixedElementsRef.current = fixedElements.map((el) => ({
-          element: el,
-          right: el.style.right,
-          transition: el.style.transition
-        }));
-        fixedElements.forEach((el) => {
-          el.style.transition = `right ${animationDuration}ms ease`;
-          el.style.right = `${currentWidth}px`;
-        });
-      } else {
-        fixedElementsRef.current.forEach(({ element, right, transition }) => {
-          element.style.transition = `right ${animationDuration}ms ease`;
-          element.style.right = "0px";
-          setTimeout(() => {
-            element.style.right = right;
-            element.style.transition = transition;
-          }, animationDuration);
-        });
-        fixedElementsRef.current = [];
-      }
-    },
-    [getFixedElements, animationDuration]
-  );
-  const applySidebarLayout = useCallback(() => {
-    const target = getTargetElement();
-    if (!target) return;
-    const currentWidth = sidebarWidthRef.current;
-    saveOriginalStyles(target);
-    target.style.transition = `margin-right ${animationDuration}ms ease`;
-    target.style.marginRight = `${currentWidth}px`;
-    target.style.overflowX = "hidden";
-    target.setAttribute("data-chat-sidebar", "open");
-    adjustFixedElements(true);
-    currentModeRef.current = "sidebar";
-  }, [getTargetElement, saveOriginalStyles, animationDuration, adjustFixedElements]);
-  const applyDefaultLayout = useCallback(
-    (mode) => {
-      const target = getTargetElement();
-      if (!target) return;
-      if (currentModeRef.current === "sidebar") {
-        target.style.transition = `margin-right ${animationDuration}ms ease`;
-        target.style.marginRight = "0px";
-        adjustFixedElements(false);
-        setTimeout(() => {
-          restoreOriginalStyles(target);
-        }, animationDuration);
-      }
-      currentModeRef.current = mode;
-    },
-    [getTargetElement, restoreOriginalStyles, animationDuration, adjustFixedElements]
-  );
-  const applyLayout = useCallback(
-    (mode) => {
-      if (mode === "sidebar") {
-        applySidebarLayout();
-      } else {
-        applyDefaultLayout(mode);
-      }
-    },
-    [applySidebarLayout, applyDefaultLayout]
-  );
-  const resetLayout = useCallback(() => {
-    const target = getTargetElement();
-    if (target && originalStylesRef.current) {
-      restoreOriginalStyles(target);
-    }
-    fixedElementsRef.current.forEach(({ element, right, transition }) => {
-      element.style.right = right;
-      element.style.transition = transition;
-    });
-    fixedElementsRef.current = [];
-    currentModeRef.current = "closed";
-  }, [getTargetElement, restoreOriginalStyles]);
-  const updateWidthImmediate = useCallback(
-    (newWidth) => {
-      const clampedWidth = Math.max(MIN_SIDEBAR_WIDTH, Math.min(MAX_SIDEBAR_WIDTH, newWidth));
-      const target = getTargetElement();
-      if (target && currentModeRef.current === "sidebar") {
-        target.style.transition = "none";
-        target.style.marginRight = `${clampedWidth}px`;
-      }
-      fixedElementsRef.current.forEach(({ element }) => {
-        element.style.transition = "none";
-        element.style.right = `${clampedWidth}px`;
-      });
-      return clampedWidth;
-    },
-    [getTargetElement]
-  );
-  const updateWidth = useCallback(
-    (newWidth) => {
-      const clampedWidth = updateWidthImmediate(newWidth);
-      setStoredWidth(clampedWidth);
-    },
-    [updateWidthImmediate, setStoredWidth]
-  );
-  const startResize = useCallback(
-    (e) => {
-      e.preventDefault();
-      setIsResizing(true);
-      const startX = e.clientX;
-      const startWidth = sidebarWidthRef.current;
-      const handleMouseMove = /* @__PURE__ */ __name((moveEvent) => {
-        const deltaX = startX - moveEvent.clientX;
-        const newWidth = startWidth + deltaX;
-        const clampedWidth = Math.max(MIN_SIDEBAR_WIDTH, Math.min(MAX_SIDEBAR_WIDTH, newWidth));
-        updateWidthImmediate(clampedWidth);
-        sidebarWidthRef.current = clampedWidth;
-        setStoredWidth(clampedWidth);
-      }, "handleMouseMove");
-      const handleMouseUp = /* @__PURE__ */ __name(() => {
-        setIsResizing(false);
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUp);
-        document.body.style.cursor = "";
-        document.body.style.userSelect = "";
-      }, "handleMouseUp");
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
-      document.body.style.cursor = "ew-resize";
-      document.body.style.userSelect = "none";
-    },
-    [updateWidthImmediate, setStoredWidth]
-  );
-  const getSidebarStyles = useCallback(() => {
-    return {
-      position: "fixed",
-      top: 0,
-      right: 0,
-      bottom: 0,
-      width: `${sidebarWidth}px`,
-      zIndex: sidebarConfig.zIndex
-    };
-  }, [sidebarWidth]);
-  const getFloatingStyles = useCallback(
-    (position) => {
-      return {
-        position: "fixed",
-        zIndex: sidebarConfig.zIndex - 50,
-        bottom: fabConfig.bottom,
-        ...position === "bottom-right" ? { right: fabConfig.right } : { left: fabConfig.right }
-      };
-    },
-    []
-  );
-  const getFabStyles = useCallback(
-    (position) => {
-      return {
-        position: "fixed",
-        zIndex: sidebarConfig.zIndex - 50,
-        bottom: fabConfig.bottom,
-        ...position === "bottom-right" ? { right: fabConfig.right } : { left: fabConfig.right }
-      };
-    },
-    []
-  );
-  useEffect(() => {
-    return () => {
-      resetLayout();
-    };
-  }, [resetLayout]);
-  return {
-    sidebarWidth,
-    applyLayout,
-    resetLayout,
-    updateWidth,
-    startResize,
-    isResizing,
-    getSidebarStyles,
-    getFloatingStyles,
-    getFabStyles
-  };
-}
-__name(useChatLayout, "useChatLayout");
-function formatTime(date) {
-  return date.toLocaleTimeString("en-US", {
-    hour: "2-digit",
-    minute: "2-digit"
-  });
-}
-__name(formatTime, "formatTime");
-var MessageBubble = React3.memo(
-  ({ message, isCompact = false }) => {
-    const isUser = message.role === "user";
-    const isAssistant = message.role === "assistant";
-    const { user, isAuthenticated } = useAuth();
-    const showUserAvatar = isUser && isAuthenticated && user;
-    const userAvatar = user?.avatar || "";
-    const userDisplayName = user?.display_username || user?.email || "User";
-    const userInitial = userDisplayName.charAt(0).toUpperCase();
-    const avatarSize = isCompact ? "28px" : "36px";
-    const iconSize = isCompact ? "h-3.5 w-3.5" : "h-4 w-4";
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `flex gap-3 animate-in fade-in slide-in-from-bottom-2 duration-300 max-w-full overflow-hidden ${isUser ? "flex-row-reverse" : ""}`,
-        children: [
-          showUserAvatar ? (
-            // Authenticated user avatar
-            /* @__PURE__ */ jsxs(Avatar, { className: "flex-shrink-0", style: { width: avatarSize, height: avatarSize }, children: [
-              /* @__PURE__ */ jsx(AvatarImage, { src: userAvatar, alt: userDisplayName }),
-              /* @__PURE__ */ jsx(AvatarFallback, { className: "bg-primary text-primary-foreground text-xs", children: userInitial })
-            ] })
-          ) : isUser ? (
-            // Guest user icon
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "flex-shrink-0 rounded-full flex items-center justify-center bg-primary text-primary-foreground",
-                style: { width: avatarSize, height: avatarSize },
-                children: /* @__PURE__ */ jsx(User, { className: iconSize })
-              }
-            )
-          ) : (
-            // Bot icon
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "flex-shrink-0 rounded-full flex items-center justify-center bg-muted text-muted-foreground",
-                style: { width: avatarSize, height: avatarSize },
-                children: /* @__PURE__ */ jsx(Bot, { className: iconSize })
-              }
-            )
-          ),
-          /* @__PURE__ */ jsxs("div", { className: `flex-1 min-w-0 ${isUser ? "max-w-[80%] ml-auto" : "max-w-[85%]"}`, children: [
-            /* @__PURE__ */ jsxs("div", { className: `flex items-baseline gap-2 mb-1 ${isUser ? "justify-end" : ""}`, children: [
-              /* @__PURE__ */ jsx("span", { className: `font-medium ${isCompact ? "text-xs" : "text-sm"}`, children: isUser ? userDisplayName : "DjangoCFG AI" }),
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: formatTime(message.timestamp) })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Card,
-              {
-                className: `transition-all duration-200 ${isUser ? "bg-primary text-primary-foreground ml-auto" : "bg-muted"}`,
-                children: /* @__PURE__ */ jsxs(CardContent, { className: isCompact ? "p-2" : "p-3", children: [
-                  /* @__PURE__ */ jsxs("div", { className: `${isCompact ? "text-xs" : "text-sm"} overflow-hidden`, style: { overflowWrap: "anywhere", wordBreak: "break-word" }, children: [
-                    /* @__PURE__ */ jsx(
-                      MarkdownMessage,
-                      {
-                        content: message.content,
-                        isUser,
-                        isCompact
-                      }
-                    ),
-                    message.isStreaming && /* @__PURE__ */ jsx(Loader2, { className: "inline-block ml-1 h-3 w-3 animate-spin" })
-                  ] }),
-                  isAssistant && message.sources && message.sources.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-3 pt-2 border-t border-border/50", children: [
-                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-1.5", children: "Related docs:" }),
-                    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: message.sources.slice(0, 3).map((source, idx) => /* @__PURE__ */ jsx(
-                      "a",
-                      {
-                        href: source.url || source.path,
-                        target: "_blank",
-                        rel: "noopener noreferrer",
-                        className: "inline-block",
-                        children: /* @__PURE__ */ jsxs(
-                          Badge,
-                          {
-                            variant: "outline",
-                            className: "text-xs gap-1 hover:bg-primary/10 transition-colors cursor-pointer",
-                            children: [
-                              source.title,
-                              source.section && ` - ${source.section}`,
-                              /* @__PURE__ */ jsx(ExternalLink, { className: "h-2.5 w-2.5" })
-                            ]
-                          }
-                        )
-                      },
-                      idx
-                    )) })
-                  ] })
-                ] })
-              }
-            )
-          ] })
-        ]
-      }
-    );
-  }
-);
-MessageBubble.displayName = "MessageBubble";
-var ChatMessages = forwardRef(
-  ({
-    messages,
-    isLoading,
-    greeting,
-    onStopStreaming,
-    isCompact = false,
-    largeGreetingIcon = false,
-    greetingIcon = "bot",
-    greetingTitle
-  }, ref) => {
-    const scrollContainerRef = useRef(null);
-    useImperativeHandle(ref, () => ({
-      scrollToBottom: /* @__PURE__ */ __name(() => {
-        scrollContainerRef.current?.scrollTo({ top: 0, behavior: "smooth" });
-      }, "scrollToBottom"),
-      scrollToLastMessage: /* @__PURE__ */ __name(() => {
-        scrollContainerRef.current?.scrollTo({ top: 0, behavior: "smooth" });
-      }, "scrollToLastMessage")
-    }), []);
-    const GreetingIcon = greetingIcon === "message" ? MessageSquare : Bot;
-    const iconSize = largeGreetingIcon ? { container: "64px", icon: "h-8 w-8" } : { container: "48px", icon: "h-6 w-6" };
-    const padding = largeGreetingIcon ? "py-12" : "py-8";
-    return /* @__PURE__ */ jsx("div", { ref: scrollContainerRef, className: "h-full w-full overflow-y-auto flex flex-col-reverse", children: /* @__PURE__ */ jsxs("div", { className: `${isCompact ? "p-3" : "p-4"} space-y-4 max-w-full overflow-x-hidden`, children: [
-      messages.length === 0 && greeting && /* @__PURE__ */ jsxs("div", { className: `text-center ${padding}`, children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "mx-auto mb-4 rounded-full bg-primary/10 flex items-center justify-center",
-            style: { width: iconSize.container, height: iconSize.container },
-            children: /* @__PURE__ */ jsx(GreetingIcon, { className: `${iconSize.icon} text-primary` })
-          }
-        ),
-        greetingTitle && /* @__PURE__ */ jsx("h4", { className: "font-medium mb-2", children: greetingTitle }),
-        /* @__PURE__ */ jsx("p", { className: `text-sm text-muted-foreground ${largeGreetingIcon ? "max-w-[300px]" : "max-w-[280px]"} mx-auto`, children: greeting })
-      ] }),
-      messages.map((message) => /* @__PURE__ */ jsx("div", { "data-message-bubble": true, children: /* @__PURE__ */ jsx(MessageBubble, { message, isCompact }) }, message.id)),
-      isLoading && messages.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-muted-foreground text-sm", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ jsx("span", { className: "animate-bounce", style: { animationDelay: "0ms" }, children: "." }),
-            /* @__PURE__ */ jsx("span", { className: "animate-bounce", style: { animationDelay: "150ms" }, children: "." }),
-            /* @__PURE__ */ jsx("span", { className: "animate-bounce", style: { animationDelay: "300ms" }, children: "." })
-          ] }),
-          /* @__PURE__ */ jsx("span", { children: "Generating response..." })
-        ] }),
-        onStopStreaming && /* @__PURE__ */ jsxs(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: onStopStreaming,
-            className: "h-6 px-2 text-xs",
-            children: [
-              /* @__PURE__ */ jsx(StopCircle, { className: "h-3 w-3 mr-1" }),
-              "Stop"
-            ]
-          }
-        )
-      ] })
-    ] }) });
-  }
-);
-ChatMessages.displayName = "ChatMessages";
-var AIMessageInput = React3.memo(
-  ({
-    onSend,
-    disabled = false,
-    isLoading = false,
-    placeholder = "Ask about DjangoCFG...",
-    maxRows = 5
-  }) => {
-    const [value, setValue] = useState("");
-    const textareaRef = useRef(null);
-    const adjustHeight = useCallback(() => {
-      const textarea = textareaRef.current;
-      if (!textarea) return;
-      textarea.style.height = "auto";
-      const lineHeight = 24;
-      const minHeight = 44;
-      const maxHeight = lineHeight * maxRows + 20;
-      const newHeight = Math.min(Math.max(textarea.scrollHeight, minHeight), maxHeight);
-      textarea.style.height = `${newHeight}px`;
-    }, [maxRows]);
-    useEffect(() => {
-      adjustHeight();
-    }, [value, adjustHeight]);
-    const handleSubmit = useCallback(
-      (e) => {
-        e?.preventDefault();
-        const trimmed = value.trim();
-        if (!trimmed || disabled || isLoading) return;
-        onSend(trimmed);
-        setValue("");
-        if (textareaRef.current) {
-          textareaRef.current.style.height = "auto";
-        }
-        textareaRef.current?.focus();
-      },
-      [value, disabled, isLoading, onSend]
-    );
-    const handleKeyDown = useCallback(
-      (e) => {
-        if (e.key === "Enter" && !e.shiftKey) {
-          e.preventDefault();
-          handleSubmit();
-        }
-      },
-      [handleSubmit]
-    );
-    const canSend = value.trim().length > 0 && !disabled && !isLoading;
-    return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "w-full", children: [
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "relative flex items-end rounded-2xl border border-input bg-background transition-colors focus-within:ring-1 focus-within:ring-ring focus-within:border-ring",
-          style: { minHeight: "44px" },
-          children: [
-            /* @__PURE__ */ jsx(
-              "textarea",
-              {
-                ref: textareaRef,
-                value,
-                onChange: (e) => setValue(e.target.value),
-                onKeyDown: handleKeyDown,
-                placeholder,
-                disabled: disabled || isLoading,
-                rows: 1,
-                className: "flex-1 resize-none bg-transparent px-4 py-3 text-sm placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 pr-12",
-                style: {
-                  minHeight: "44px",
-                  maxHeight: `${24 * maxRows + 20}px`,
-                  lineHeight: "1.5rem"
-                },
-                autoComplete: "off"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "absolute flex items-center justify-center",
-                style: {
-                  right: "6px",
-                  bottom: "6px"
-                },
-                children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    type: "submit",
-                    size: "icon",
-                    disabled: !canSend,
-                    className: "h-8 w-8 rounded-full transition-all",
-                    style: {
-                      opacity: canSend ? 1 : 0.5
-                    },
-                    children: isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(Send, { className: "h-4 w-4" })
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs text-muted-foreground text-center", children: "Press Enter to send, Shift+Enter for new line" })
-    ] });
-  }
-);
-AIMessageInput.displayName = "AIMessageInput";
-var ChatPanel = React3.memo(() => {
-  const {
-    messages,
-    isLoading,
-    config,
-    isMobile,
-    sendMessage,
-    closeChat,
-    setDisplayMode,
-    stopStreaming,
-    clearMessages
-  } = useAIChatContext();
-  const panelStyles = isMobile ? {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: "100%",
-    height: "100%",
-    maxHeight: "100dvh",
-    borderRadius: 0,
-    display: "flex",
-    flexDirection: "column",
-    margin: 0,
-    border: "none"
-  } : {
-    width: "380px",
-    height: "520px",
-    maxHeight: "calc(100vh - 100px)"
-  };
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      className: `flex flex-col ${isMobile ? "rounded-none border-0 shadow-none" : "shadow-2xl border-border/50"}`,
-      style: panelStyles,
-      children: [
-        /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between p-3 border-b", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "rounded-full bg-primary/10 flex items-center justify-center",
-                style: { width: "32px", height: "32px" },
-                children: /* @__PURE__ */ jsx(Bot, { className: "h-4 w-4 text-primary" })
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm", children: config.title || "DjangoCFG AI" }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "AI Assistant" })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-            messages.length > 0 && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-8 w-8",
-                onClick: clearMessages,
-                title: "New chat",
-                children: /* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4" })
-              }
-            ),
-            !isMobile && /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-8 w-8",
-                onClick: () => setDisplayMode("sidebar"),
-                title: "Switch to sidebar mode",
-                children: /* @__PURE__ */ jsx(PanelRight, { className: "h-4 w-4" })
-              }
-            ),
-            /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: closeChat, title: "Close", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(CardContent, { className: "flex-1 p-0 overflow-hidden", children: /* @__PURE__ */ jsx(
-          ChatMessages,
-          {
-            messages,
-            isLoading,
-            greeting: config.greeting,
-            onStopStreaming: stopStreaming,
-            isCompact: true,
-            greetingIcon: "bot"
-          }
-        ) }),
-        /* @__PURE__ */ jsx(CardFooter, { className: "p-3 border-t", children: /* @__PURE__ */ jsx(
-          AIMessageInput,
-          {
-            onSend: sendMessage,
-            isLoading,
-            placeholder: config.placeholder
-          }
-        ) })
-      ]
-    }
-  );
-});
-ChatPanel.displayName = "ChatPanel";
-var ChatSidebar = React3.memo(({
-  resizeHandleWidth = 12,
-  showResizeIcon = true,
-  resizeHandleClassName
-}) => {
-  const {
-    messages,
-    isLoading,
-    config,
-    sendMessage,
-    closeChat,
-    setDisplayMode,
-    stopStreaming,
-    clearMessages
-  } = useAIChatContext();
-  const { applyLayout, getSidebarStyles, startResize, isResizing } = useChatLayout();
-  useEffect(() => {
-    applyLayout("sidebar");
-    return () => {
-      applyLayout("closed");
-    };
-  }, []);
-  const sidebarStyles = getSidebarStyles();
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex bg-background",
-      style: sidebarStyles,
-      "data-chat-sidebar-panel": true,
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: `
-          flex items-center justify-center cursor-ew-resize
-          border-l border-border transition-colors select-none flex-shrink-0
-          ${isResizing ? "bg-primary/20" : "bg-muted/30 hover:bg-muted/50"}
-          ${resizeHandleClassName || ""}
-        `,
-            style: { width: resizeHandleWidth },
-            onMouseDown: startResize,
-            title: "Drag to resize",
-            children: showResizeIcon && /* @__PURE__ */ jsx(GripVertical, { className: `h-4 w-4 ${isResizing ? "text-primary" : "text-muted-foreground/50"}` })
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "flex items-center justify-between px-4 border-b border-border bg-muted/30",
-              style: { height: "var(--nextra-navbar-height, 64px)", minHeight: "var(--nextra-navbar-height, 64px)" },
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: "rounded-full bg-primary/10 flex items-center justify-center",
-                      style: { width: "32px", height: "32px" },
-                      children: /* @__PURE__ */ jsx(Bot, { className: "h-4 w-4 text-primary" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsxs("div", { children: [
-                    /* @__PURE__ */ jsx("h3", { className: "font-semibold text-sm", children: config.title || "DjangoCFG AI" }),
-                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "AI Assistant" })
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-                  messages.length > 0 && /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "h-8 w-8",
-                      onClick: clearMessages,
-                      title: "New chat",
-                      children: /* @__PURE__ */ jsx(RotateCcw, { className: "h-4 w-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      variant: "ghost",
-                      size: "icon",
-                      className: "h-8 w-8",
-                      onClick: () => setDisplayMode("floating"),
-                      title: "Switch to floating mode",
-                      children: /* @__PURE__ */ jsx(PanelRightClose, { className: "h-4 w-4" })
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", className: "h-8 w-8", onClick: closeChat, title: "Close chat", children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }) })
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx(
-            ChatMessages,
-            {
-              messages,
-              isLoading,
-              greeting: config.greeting,
-              onStopStreaming: stopStreaming,
-              isCompact: false,
-              largeGreetingIcon: true,
-              greetingIcon: "message",
-              greetingTitle: "How can I help?"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("div", { className: "p-4 border-t border-border bg-muted/30", children: /* @__PURE__ */ jsx(AIMessageInput, { onSend: sendMessage, isLoading, placeholder: config.placeholder }) })
-        ] })
-      ]
-    }
-  );
-});
-ChatSidebar.displayName = "ChatSidebar";
-var ChatWidgetInternal = /* @__PURE__ */ __name(({ className }) => {
-  const { config, displayMode, openChat, isMobile } = useChatContext();
-  const { getFabStyles, getFloatingStyles } = useChatLayout();
-  const position = config.position || "bottom-right";
-  const fabStyles = getFabStyles(position);
-  const floatingStyles = getFloatingStyles(position);
-  const mobileFullscreenStyles = {
-    position: "fixed",
-    inset: 0,
-    height: "100dvh",
-    width: "100vw",
-    zIndex: 400,
-    // Higher z-index for mobile overlay
-    overflow: "hidden"
-  };
-  if (displayMode === "closed") {
-    return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx("div", { style: fabStyles, className: className || "", children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: openChat,
-        className: "rounded-full shadow-lg hover:shadow-xl transition-shadow",
-        style: { width: "56px", height: "56px" },
-        children: /* @__PURE__ */ jsx(MessageCircle, { className: "h-6 w-6" })
-      }
-    ) }) });
-  }
-  if (displayMode === "sidebar") {
-    return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ChatSidebar, {}) });
-  }
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx("div", { style: isMobile ? mobileFullscreenStyles : floatingStyles, className: className || "", children: /* @__PURE__ */ jsx(ChatPanel, {}) }) });
-}, "ChatWidgetInternal");
-var ChatWidget = /* @__PURE__ */ __name(({
-  apiEndpoint = "/api/chat",
-  title = "DjangoCFG AI",
-  placeholder = "Ask about DjangoCFG...",
-  greeting = "Hi! I'm your DjangoCFG documentation assistant. Ask me anything about configuration, features, or how to use the library.",
-  position = "bottom-right",
-  variant = "default",
-  className
-}) => {
-  const existingContext = useChatContextOptional();
-  if (existingContext) {
-    return /* @__PURE__ */ jsx(ChatWidgetInternal, { className });
-  }
-  return /* @__PURE__ */ jsx(
-    ChatProvider,
-    {
-      apiEndpoint,
-      config: { title, placeholder, greeting, position, variant },
-      children: /* @__PURE__ */ jsx(ChatWidgetInternal, { className })
-    }
-  );
-}, "ChatWidget");
-ChatWidget.displayName = "ChatWidget";
-var fabAnimationStyles = `
-@keyframes rotate-gradient {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
-
-@keyframes rotate-gradient-reverse {
-  0% { transform: rotate(360deg); }
-  100% { transform: rotate(0deg); }
-}
-
-@keyframes color-shift-glow {
-  0%, 100% {
-    box-shadow:
-      0 0 20px rgba(251, 191, 36, 0.5),
-      0 0 40px rgba(168, 85, 247, 0.3),
-      0 0 60px rgba(20, 184, 166, 0.2);
-  }
-  33% {
-    box-shadow:
-      0 0 20px rgba(168, 85, 247, 0.5),
-      0 0 40px rgba(20, 184, 166, 0.3),
-      0 0 60px rgba(251, 191, 36, 0.2);
-  }
-  66% {
-    box-shadow:
-      0 0 20px rgba(20, 184, 166, 0.5),
-      0 0 40px rgba(236, 72, 153, 0.3),
-      0 0 60px rgba(168, 85, 247, 0.2);
-  }
-}
-
-@keyframes icon-pulse {
-  0%, 100% {
-    opacity: 1;
-    transform: scale(1);
-    filter: drop-shadow(0 0 4px rgba(251, 191, 36, 0.7));
-  }
-  50% {
-    opacity: 0.85;
-    transform: scale(1.15);
-    filter: drop-shadow(0 0 12px rgba(251, 191, 36, 1));
-  }
-}
-
-@keyframes border-pulse {
-  0%, 100% {
-    opacity: 1;
-    filter: blur(0px);
-  }
-  50% {
-    opacity: 0.85;
-    filter: blur(0.5px);
-  }
-}
-
-@keyframes inner-glow-pulse {
-  0%, 100% {
-    box-shadow:
-      inset 0 0 15px rgba(251, 191, 36, 0.3),
-      inset 0 0 25px rgba(168, 85, 247, 0.2);
-  }
-  50% {
-    box-shadow:
-      inset 0 0 20px rgba(168, 85, 247, 0.35),
-      inset 0 0 30px rgba(20, 184, 166, 0.25);
-  }
-}
-
-@keyframes fab-entrance {
-  0% {
-    transform: scale(0);
-  }
-  50% {
-    transform: scale(1.08);
-  }
-  70% {
-    transform: scale(0.98);
-  }
-  85% {
-    transform: scale(1.02);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-
-@keyframes fab-glow-entrance {
-  0% {
-    box-shadow: 0 0 0 rgba(251, 191, 36, 0);
-  }
-  40% {
-    box-shadow:
-      0 0 25px rgba(251, 191, 36, 0.6),
-      0 0 50px rgba(168, 85, 247, 0.4),
-      0 0 75px rgba(20, 184, 166, 0.25);
-  }
-  100% {
-    box-shadow:
-      0 0 20px rgba(251, 191, 36, 0.5),
-      0 0 40px rgba(168, 85, 247, 0.3),
-      0 0 60px rgba(20, 184, 166, 0.2);
-  }
-}
-`;
-var AIChatWidgetInternal = React3.memo(({ className }) => {
-  const { config, displayMode, openChat, isMobile } = useAIChatContext();
-  const { getFabStyles, getFloatingStyles } = useChatLayout();
-  const position = config.position || "bottom-right";
-  const fabStyles = getFabStyles(position);
-  const floatingStyles = getFloatingStyles(position);
-  if (displayMode === "closed") {
-    return /* @__PURE__ */ jsxs(Portal, { children: [
-      /* @__PURE__ */ jsx("style", { children: fabAnimationStyles }),
-      /* @__PURE__ */ jsx("div", { style: fabStyles, className: className || "", children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "relative rounded-full",
-          style: {
-            width: "68px",
-            height: "68px",
-            overflow: "hidden",
-            animation: "fab-entrance 0.6s cubic-bezier(0.34, 1.45, 0.64, 1) 0s 1 normal forwards, fab-glow-entrance 0.8s ease-out 0s 1 normal forwards, color-shift-glow 8s ease-in-out 0.6s infinite"
-          },
-          children: /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "absolute rounded-full",
-              style: {
-                inset: "0",
-                overflow: "hidden"
-              },
-              children: [
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "absolute rounded-full",
-                    style: {
-                      inset: "0",
-                      background: `conic-gradient(
-                    from 0deg,
-                    rgba(251, 191, 36, 1) 0%,
-                    rgba(251, 191, 36, 0.7) 8%,
-                    rgba(251, 191, 36, 0) 15%,
-                    rgba(168, 85, 247, 0) 20%,
-                    rgba(168, 85, 247, 0.7) 28%,
-                    rgba(168, 85, 247, 1) 35%,
-                    rgba(168, 85, 247, 0.7) 42%,
-                    rgba(168, 85, 247, 0) 50%,
-                    rgba(20, 184, 166, 0) 55%,
-                    rgba(20, 184, 166, 0.7) 63%,
-                    rgba(20, 184, 166, 1) 70%,
-                    rgba(20, 184, 166, 0.7) 77%,
-                    rgba(20, 184, 166, 0) 85%,
-                    rgba(236, 72, 153, 0) 88%,
-                    rgba(236, 72, 153, 0.7) 93%,
-                    rgba(236, 72, 153, 1) 97%,
-                    rgba(251, 191, 36, 1) 100%
-                  )`,
-                      animation: "rotate-gradient 7s linear infinite, border-pulse 4s ease-in-out infinite",
-                      filter: "blur(1px)",
-                      opacity: 0.95
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "absolute rounded-full",
-                    style: {
-                      inset: "1px",
-                      background: `conic-gradient(
-                    from 180deg,
-                    rgba(168, 85, 247, 0.85) 0%,
-                    rgba(168, 85, 247, 0.5) 10%,
-                    rgba(168, 85, 247, 0) 20%,
-                    rgba(20, 184, 166, 0) 30%,
-                    rgba(20, 184, 166, 0.5) 40%,
-                    rgba(20, 184, 166, 0.85) 50%,
-                    rgba(20, 184, 166, 0.5) 60%,
-                    rgba(20, 184, 166, 0) 70%,
-                    rgba(251, 191, 36, 0) 75%,
-                    rgba(251, 191, 36, 0.5) 85%,
-                    rgba(251, 191, 36, 0.85) 95%,
-                    rgba(168, 85, 247, 0.85) 100%
-                  )`,
-                      animation: "rotate-gradient-reverse 9s linear infinite",
-                      filter: "blur(0.75px)",
-                      opacity: 0.75
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "absolute rounded-full bg-background",
-                    style: {
-                      inset: "4px",
-                      animation: "inner-glow-pulse 5s ease-in-out infinite"
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    onClick: openChat,
-                    variant: "ghost",
-                    className: "absolute rounded-full hover:scale-105 transition-all duration-300 bg-background/80 hover:bg-background/95 border-0 backdrop-blur-sm",
-                    style: {
-                      inset: "2.5px",
-                      width: "auto",
-                      height: "auto"
-                    },
-                    children: /* @__PURE__ */ jsx(
-                      Zap,
-                      {
-                        className: "h-6 w-6",
-                        style: {
-                          animation: "icon-pulse 2.5s ease-in-out infinite",
-                          color: "#fbbf24",
-                          fill: "#fbbf24"
-                        }
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          )
-        }
-      ) })
-    ] });
-  }
-  if (displayMode === "sidebar") {
-    return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ChatSidebar, {}) });
-  }
-  if (isMobile) {
-    return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "z-[400] overflow-hidden",
-        style: {
-          position: "fixed",
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          width: "100vw",
-          height: "100dvh"
-        },
-        children: /* @__PURE__ */ jsx(ChatPanel, {})
-      }
-    ) });
-  }
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx("div", { style: floatingStyles, className: className || "", children: /* @__PURE__ */ jsx(ChatPanel, {}) }) });
-});
-AIChatWidgetInternal.displayName = "AIChatWidgetInternal";
-var AIChatWidget = /* @__PURE__ */ __name(({
-  apiEndpoint,
-  title = "DjangoCFG AI",
-  placeholder = "Ask about DjangoCFG...",
-  greeting = "Hi! I'm your DjangoCFG AI assistant powered by GPT. Ask me anything about configuration, features, or how to use the library.",
-  position = "bottom-right",
-  variant = "default",
-  className,
-  enableStreaming = true,
-  autoDetectEnvironment = false
-}) => {
-  const existingContext = useAIChatContextOptional();
-  if (existingContext) {
-    return /* @__PURE__ */ jsx(AIChatWidgetInternal, { className });
-  }
-  const finalApiEndpoint = apiEndpoint || getMcpEndpoints(autoDetectEnvironment).chat;
-  return /* @__PURE__ */ jsx(
-    AIChatProvider,
-    {
-      apiEndpoint: finalApiEndpoint,
-      config: { title, placeholder, greeting, position, variant, autoDetectEnvironment },
-      enableStreaming,
-      children: /* @__PURE__ */ jsx(AIChatWidgetInternal, { className })
-    }
-  );
-}, "AIChatWidget");
-AIChatWidget.displayName = "AIChatWidget";
-function useMcpChat() {
-  const sendToChat = useCallback((detail) => {
-    if (typeof window === "undefined") {
-      console.error("[useMcpChat] Cannot send message: window is not available");
-      return;
-    }
-    const event = new CustomEvent("mcp:chat:send", {
-      detail,
-      bubbles: true
-    });
-    let handled = false;
-    const handleConfirmation = /* @__PURE__ */ __name(() => {
-      handled = true;
-    }, "handleConfirmation");
-    window.addEventListener("mcp:chat:handled", handleConfirmation, { once: true });
-    window.dispatchEvent(event);
-    setTimeout(() => {
-      window.removeEventListener("mcp:chat:handled", handleConfirmation);
-      if (!handled) {
-        const errorMessage = "AI Chat is not available. Please make sure the chat component is loaded.";
-        console.error("[useMcpChat]", errorMessage);
-        if (typeof window !== "undefined" && window.consola) {
-          window.consola.error("[useMcpChat] Chat not available");
-        }
-        alert(errorMessage);
-      }
-    }, 100);
-  }, []);
-  const isChatAvailable = useCallback(() => {
-    if (typeof window === "undefined") return false;
-    return window.__MCP_CHAT_AVAILABLE__ === true;
-  }, []);
-  return {
-    sendToChat,
-    isChatAvailable
-  };
-}
-__name(useMcpChat, "useMcpChat");
-function AskAIButton({
-  message,
-  contextData,
-  source,
-  autoSend = true,
-  showIcon = true,
-  onSent,
-  children = "Ask AI",
-  variant = "outline",
-  size = "default",
-  className,
-  ...buttonProps
-}) {
-  const { sendToChat } = useMcpChat();
-  const handleClick = /* @__PURE__ */ __name(() => {
-    const detail = {
-      message,
-      autoSend
-      // No displayMode - chat will use remembered mode automatically
-    };
-    if (contextData || source) {
-      detail.context = {
-        data: contextData,
-        source
-      };
-    }
-    sendToChat(detail);
-    onSent?.();
-  }, "handleClick");
-  return /* @__PURE__ */ jsxs(
-    Button,
-    {
-      onClick: handleClick,
-      variant,
-      size,
-      className,
-      ...buttonProps,
-      children: [
-        showIcon && /* @__PURE__ */ jsx(Bot, { className: "h-4 w-4 mr-2" }),
-        children
-      ]
-    }
-  );
-}
-__name(AskAIButton, "AskAIButton");
-
-// src/snippets/PWAInstall/utils/localStorage.ts
-var STORAGE_KEYS = {
-  IOS_GUIDE_DISMISSED: "pwa_ios_guide_dismissed_at",
-  APP_INSTALLED: "pwa_app_installed",
-  A2HS_DISMISSED: "pwa_a2hs_dismissed_at"
-};
-function clearIOSGuideDismissal() {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.removeItem(STORAGE_KEYS.IOS_GUIDE_DISMISSED);
-  } catch {
-  }
-}
-__name(clearIOSGuideDismissal, "clearIOSGuideDismissal");
-function markAppInstalled() {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.setItem(STORAGE_KEYS.APP_INSTALLED, "true");
-    clearIOSGuideDismissal();
-  } catch {
-  }
-}
-__name(markAppInstalled, "markAppInstalled");
-function isA2HSDismissedRecently(resetDays = 3) {
-  return isDismissedRecentlyHelper(resetDays, STORAGE_KEYS.A2HS_DISMISSED);
-}
-__name(isA2HSDismissedRecently, "isA2HSDismissedRecently");
-function markA2HSDismissed() {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.setItem(STORAGE_KEYS.A2HS_DISMISSED, Date.now().toString());
-  } catch {
-  }
-}
-__name(markA2HSDismissed, "markA2HSDismissed");
-function isDismissedRecentlyHelper(resetDays, key) {
-  if (typeof window === "undefined") return false;
-  try {
-    const dismissed = localStorage.getItem(key);
-    if (!dismissed) return false;
-    const dismissedAt = parseInt(dismissed, 10);
-    const daysSince = (Date.now() - dismissedAt) / (1e3 * 60 * 60 * 24);
-    return daysSince < resetDays;
-  } catch {
-    return false;
-  }
-}
-__name(isDismissedRecentlyHelper, "isDismissedRecentlyHelper");
-function clearAllPWAInstallData() {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.removeItem(STORAGE_KEYS.IOS_GUIDE_DISMISSED);
-    localStorage.removeItem(STORAGE_KEYS.APP_INSTALLED);
-    localStorage.removeItem(STORAGE_KEYS.A2HS_DISMISSED);
-  } catch {
-  }
-}
-__name(clearAllPWAInstallData, "clearAllPWAInstallData");
-function isDebugEnabled() {
-  if (typeof window === "undefined") return false;
-  try {
-    return localStorage.getItem("pwa_debug") === "true";
-  } catch {
-    return false;
-  }
-}
-__name(isDebugEnabled, "isDebugEnabled");
-var pwaLogger = {
-  /**
-   * Info level logging
-   * Only logs in development or when debug is enabled
-   */
-  info: /* @__PURE__ */ __name((...args) => {
-    {
-      consola.info(...args);
-    }
-  }, "info"),
-  /**
-   * Warning level logging
-   * Only logs in development or when debug is enabled
-   */
-  warn: /* @__PURE__ */ __name((...args) => {
-    {
-      consola.warn(...args);
-    }
-  }, "warn"),
-  /**
-   * Error level logging
-   * Always logs (production + development)
-   */
-  error: /* @__PURE__ */ __name((...args) => {
-    consola.error(...args);
-  }, "error"),
-  /**
-   * Debug level logging
-   * Only logs when debug is explicitly enabled
-   */
-  debug: /* @__PURE__ */ __name((...args) => {
-    if (isDebugEnabled()) {
-      consola.debug(...args);
-    }
-  }, "debug"),
-  /**
-   * Success level logging
-   * Only logs in development or when debug is enabled
-   */
-  success: /* @__PURE__ */ __name((...args) => {
-    {
-      consola.success(...args);
-    }
-  }, "success")
-};
-
-// src/snippets/PWAInstall/utils/platform.ts
-function isStandalone() {
-  if (typeof window === "undefined") return false;
-  if (!window.matchMedia) {
-    const nav2 = navigator;
-    return nav2.standalone === true;
-  }
-  const isStandaloneDisplay = window.matchMedia("(display-mode: standalone)").matches;
-  const nav = navigator;
-  const isStandaloneNavigator = nav.standalone === true;
-  return isStandaloneDisplay || isStandaloneNavigator;
-}
-__name(isStandalone, "isStandalone");
-function isMobileDevice() {
-  if (typeof window === "undefined") return false;
-  return /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
-}
-__name(isMobileDevice, "isMobileDevice");
-function hasValidManifest() {
-  if (typeof document === "undefined") return false;
-  const manifestLink = document.querySelector('link[rel="manifest"]');
-  return !!manifestLink;
-}
-__name(hasValidManifest, "hasValidManifest");
-function isStandaloneReliable() {
-  const standalone = isStandalone();
-  if (!standalone) return false;
-  if (isMobileDevice()) return true;
-  return hasValidManifest();
-}
-__name(isStandaloneReliable, "isStandaloneReliable");
-function getDisplayMode() {
-  if (typeof window === "undefined") return "browser";
-  if (!window.matchMedia) return "browser";
-  const modes = [
-    "fullscreen",
-    "standalone",
-    "minimal-ui"
-  ];
-  for (const mode of modes) {
-    if (window.matchMedia(`(display-mode: ${mode})`).matches) {
-      return mode;
-    }
-  }
-  return "browser";
-}
-__name(getDisplayMode, "getDisplayMode");
-function onDisplayModeChange(callback) {
-  if (typeof window === "undefined" || !window.matchMedia) {
-    return () => {
-    };
-  }
-  const mediaQuery = window.matchMedia("(display-mode: standalone)");
-  const handleChange = /* @__PURE__ */ __name((e) => {
-    callback(e.matches);
-  }, "handleChange");
-  mediaQuery.addEventListener("change", handleChange);
-  return () => {
-    mediaQuery.removeEventListener("change", handleChange);
-  };
-}
-__name(onDisplayModeChange, "onDisplayModeChange");
-
-// src/snippets/PWAInstall/hooks/useInstallPrompt.ts
-function useInstallPrompt() {
-  const browser = useBrowserDetect();
-  const device = useDeviceDetect();
-  const [state, setState] = useState(() => {
-    if (typeof window === "undefined") {
-      return {
-        isIOS: false,
-        isAndroid: false,
-        isSafari: false,
-        isChrome: false,
-        isInstalled: false,
-        canPrompt: false,
-        deferredPrompt: null
-      };
-    }
-    const isSafari = browser.isSafari && !browser.isChromium;
-    return {
-      isIOS: device.isIOS,
-      isAndroid: device.isAndroid,
-      isSafari,
-      isChrome: browser.isChrome || browser.isChromium,
-      isInstalled: isStandalone(),
-      canPrompt: false,
-      deferredPrompt: null
-    };
-  });
-  useEffect(() => {
-    const isSafari = browser.isSafari && !browser.isChromium;
-    setState((prev) => ({
-      ...prev,
-      isIOS: device.isIOS,
-      isAndroid: device.isAndroid,
-      isSafari,
-      isChrome: browser.isChrome || browser.isChromium,
-      isInstalled: isStandalone()
-    }));
-  }, [browser, device]);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const handleBeforeInstallPrompt = /* @__PURE__ */ __name((e) => {
-      e.preventDefault();
-      const event = e;
-      setState((prev) => ({
-        ...prev,
-        canPrompt: true,
-        deferredPrompt: event
-      }));
-    }, "handleBeforeInstallPrompt");
-    window.addEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
-    return () => {
-      window.removeEventListener("beforeinstallprompt", handleBeforeInstallPrompt);
-    };
-  }, []);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const handleAppInstalled = /* @__PURE__ */ __name(() => {
-      setState((prev) => ({
-        ...prev,
-        canPrompt: false,
-        deferredPrompt: null,
-        isInstalled: true
-      }));
-      markAppInstalled();
-    }, "handleAppInstalled");
-    window.addEventListener("appinstalled", handleAppInstalled);
-    return () => {
-      window.removeEventListener("appinstalled", handleAppInstalled);
-    };
-  }, []);
-  useEffect(() => {
-    const cleanup = onDisplayModeChange((isStandaloneMode) => {
-      if (isStandaloneMode) {
-        setState((prev) => ({
-          ...prev,
-          isInstalled: true,
-          canPrompt: false,
-          deferredPrompt: null
-        }));
-        markAppInstalled();
-      }
-    });
-    return cleanup;
-  }, []);
-  const promptInstall = /* @__PURE__ */ __name(async () => {
-    if (!state.deferredPrompt) {
-      pwaLogger.warn("[PWA Install] No deferred prompt available");
-      return null;
-    }
-    try {
-      await state.deferredPrompt.prompt();
-      const { outcome } = await state.deferredPrompt.userChoice;
-      pwaLogger.info("[PWA Install] User choice:", outcome);
-      setState((prev) => ({
-        ...prev,
-        deferredPrompt: null,
-        canPrompt: false
-      }));
-      return outcome;
-    } catch (error) {
-      pwaLogger.error("[PWA Install] Error showing install prompt:", error);
-      return null;
-    }
-  }, "promptInstall");
-  return {
-    ...state,
-    promptInstall,
-    // Expose full browser info
-    browser,
-    device
-  };
-}
-__name(useInstallPrompt, "useInstallPrompt");
-var PwaContext = createContext(void 0);
-function PwaProvider({ children, ...config }) {
-  if (config.enabled === false) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  const prompt = useInstallPrompt();
-  const value = {
-    // Platform
-    isIOS: prompt.isIOS,
-    isAndroid: prompt.isAndroid,
-    isDesktop: !prompt.isIOS && !prompt.isAndroid,
-    // Browsers (from useBrowserDetect)
-    isSafari: prompt.browser.isSafari && !prompt.browser.isChromium,
-    // Real Safari only
-    isChrome: prompt.browser.isChrome,
-    isFirefox: prompt.browser.isFirefox,
-    isEdge: prompt.browser.isEdge,
-    isOpera: prompt.browser.isOpera,
-    isBrave: prompt.browser.isBrave,
-    isArc: prompt.browser.isArc,
-    isVivaldi: prompt.browser.isVivaldi,
-    isYandex: prompt.browser.isYandex,
-    isSamsungBrowser: prompt.browser.isSamsungBrowser,
-    isUCBrowser: prompt.browser.isUCBrowser,
-    isChromium: prompt.browser.isChromium,
-    browserName: prompt.browser.browserName,
-    // State
-    isInstalled: prompt.isInstalled,
-    canPrompt: prompt.canPrompt,
-    // Actions
-    install: prompt.promptInstall
-  };
-  return /* @__PURE__ */ jsx(PwaContext.Provider, { value, children });
-}
-__name(PwaProvider, "PwaProvider");
-function useInstall() {
-  const context = useContext(PwaContext);
-  if (context === void 0) {
-    throw new Error("useInstall must be used within <PwaProvider>");
-  }
-  return context;
-}
-__name(useInstall, "useInstall");
-function getBrowserCategory(browser) {
-  if (browser.isChromium) return "chromium";
-  if (browser.isFirefox) return "firefox";
-  if (browser.isSafari) return "safari";
-  return "unknown";
-}
-__name(getBrowserCategory, "getBrowserCategory");
-function getBrowserSteps(category, browserName) {
-  switch (category) {
-    case "chromium":
-      return [
-        {
-          number: 1,
-          title: "Find Install Icon",
-          icon: ArrowDownToLine,
-          description: "Look for install icon in address bar (right side)"
-        },
-        {
-          number: 2,
-          title: "Click Install",
-          icon: Plus,
-          description: 'Click the icon and select "Install"'
-        },
-        {
-          number: 3,
-          title: "Confirm",
-          icon: Check,
-          description: 'Click "Install" in the popup dialog'
-        }
-      ];
-    case "firefox":
-      return [
-        {
-          number: 1,
-          title: "Open Menu",
-          icon: Menu,
-          description: "Click the menu button (three lines)"
-        },
-        {
-          number: 2,
-          title: "Find Install Option",
-          icon: Search,
-          description: 'Look for "Install" or "Add to Home Screen"'
-        },
-        {
-          number: 3,
-          title: "Confirm",
-          icon: Check,
-          description: "Follow the installation prompts"
-        }
-      ];
-    case "safari":
-      return [
-        {
-          number: 1,
-          title: "Limited Support",
-          icon: Monitor,
-          description: "Safari on macOS has limited PWA support"
-        },
-        {
-          number: 2,
-          title: "Use Chromium Browser",
-          icon: ArrowDownToLine,
-          description: "Consider using Chrome, Edge, or Brave for full PWA experience"
-        }
-      ];
-    default:
-      return [
-        {
-          number: 1,
-          title: "Check Address Bar",
-          icon: ArrowDownToLine,
-          description: "Look for an install or download icon"
-        },
-        {
-          number: 2,
-          title: "Or Use Menu",
-          icon: Menu,
-          description: "Check browser menu for install option"
-        },
-        {
-          number: 3,
-          title: "Confirm",
-          icon: Check,
-          description: "Follow the installation prompts"
-        }
-      ];
-  }
-}
-__name(getBrowserSteps, "getBrowserSteps");
-function StepCard({ step }) {
-  return /* @__PURE__ */ jsx(Card, { className: "border border-border", children: /* @__PURE__ */ jsx(CardContent, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "flex items-center justify-center rounded-full bg-primary text-primary-foreground flex-shrink-0",
-        style: { width: "32px", height: "32px" },
-        children: /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: step.number })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-        /* @__PURE__ */ jsx(step.icon, { className: "w-5 h-5 text-primary" }),
-        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground", children: step.title })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: step.description })
-    ] })
-  ] }) }) });
-}
-__name(StepCard, "StepCard");
-function DesktopGuide({ onDismiss, open = true }) {
-  const {
-    browserName,
-    isChromium,
-    isFirefox,
-    isSafari,
-    isEdge,
-    isBrave,
-    isArc,
-    isVivaldi,
-    isOpera,
-    isYandex
-  } = useInstall();
-  const category = useMemo(
-    () => getBrowserCategory({ isChromium, isFirefox, isSafari }),
-    [isChromium, isFirefox, isSafari]
-  );
-  const steps3 = useMemo(() => getBrowserSteps(category), [category, browserName]);
-  const displayName = useMemo(() => {
-    if (isEdge) return "Edge";
-    if (isBrave) return "Brave";
-    if (isArc) return "Arc";
-    if (isVivaldi) return "Vivaldi";
-    if (isOpera) return "Opera";
-    if (isYandex) return "Yandex Browser";
-    return browserName;
-  }, [browserName, isEdge, isBrave, isArc, isVivaldi, isOpera, isYandex]);
-  return /* @__PURE__ */ jsx(Dialog$1, { open, onOpenChange: (isOpen) => !isOpen && onDismiss(), children: /* @__PURE__ */ jsxs(DialogContent$1, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ jsxs(DialogHeader$1, { className: "text-left", children: [
-      /* @__PURE__ */ jsxs(DialogTitle$1, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Monitor, { className: "w-5 h-5 text-primary" }),
-        "Install App on Desktop"
-      ] }),
-      /* @__PURE__ */ jsx(DialogDescription, { className: "text-left", children: isSafari ? "Safari on macOS has limited PWA support. For the best experience, use Chrome, Edge, or Brave." : `Install this app on ${displayName} for quick access from your desktop` })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-3 py-4", children: steps3.map((step) => /* @__PURE__ */ jsx(StepCard, { step }, step.number)) }),
-    category === "chromium" && /* @__PURE__ */ jsxs("div", { className: "p-3 bg-muted/30 rounded-lg text-xs text-muted-foreground", children: [
-      '\u{1F4A1} Tip: You can also right-click the page and look for "Install" option in ',
-      displayName
-    ] }),
-    category === "firefox" && /* @__PURE__ */ jsx("div", { className: "p-3 bg-amber-500/10 rounded-lg text-xs text-amber-700 dark:text-amber-400", children: "\u2139\uFE0F Note: Firefox has limited PWA support. Some features may not work as expected." }),
-    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsxs(Button, { onClick: onDismiss, variant: "default", className: "w-full", children: [
-      /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 mr-2" }),
-      "Got It"
-    ] }) })
-  ] }) });
-}
-__name(DesktopGuide, "DesktopGuide");
-var steps = [
-  {
-    number: 1,
-    title: "Tap Share",
-    icon: ArrowUpRight,
-    description: "At the bottom of Safari"
-  },
-  {
-    number: 2,
-    title: "Scroll & Tap",
-    icon: ArrowDown,
-    description: '"Add to Home Screen"'
-  },
-  {
-    number: 3,
-    title: "Confirm",
-    icon: CheckCircle,
-    description: 'Tap "Add" in top-right'
-  }
-];
-function StepCard2({ step }) {
-  return /* @__PURE__ */ jsx(Card, { className: "border border-border", children: /* @__PURE__ */ jsx(CardContent, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "flex items-center justify-center rounded-full bg-primary text-primary-foreground flex-shrink-0",
-        style: { width: "32px", height: "32px" },
-        children: /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: step.number })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-        /* @__PURE__ */ jsx(step.icon, { className: "w-5 h-5 text-primary" }),
-        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground", children: step.title })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: step.description })
-    ] })
-  ] }) }) });
-}
-__name(StepCard2, "StepCard");
-function IOSGuideDrawer({ onDismiss, open = true }) {
-  return /* @__PURE__ */ jsx(Drawer, { open, onOpenChange: (isOpen) => !isOpen && onDismiss(), children: /* @__PURE__ */ jsxs(DrawerContent, { children: [
-    /* @__PURE__ */ jsxs(DrawerHeader, { className: "text-left", children: [
-      /* @__PURE__ */ jsxs(DrawerTitle, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Share, { className: "w-5 h-5 text-primary" }),
-        "Add to Home Screen"
-      ] }),
-      /* @__PURE__ */ jsx(DrawerDescription, { className: "text-left", children: "Install this app on your iPhone for quick access and a better experience" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-3 p-4", children: steps.map((step) => /* @__PURE__ */ jsx(StepCard2, { step }, step.number)) }),
-    /* @__PURE__ */ jsx("div", { className: "p-4 pt-0", children: /* @__PURE__ */ jsxs(Button, { onClick: onDismiss, variant: "default", className: "w-full", children: [
-      /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 mr-2" }),
-      "Got It"
-    ] }) })
-  ] }) });
-}
-__name(IOSGuideDrawer, "IOSGuideDrawer");
-var steps2 = [
-  {
-    number: 1,
-    title: "Tap Share",
-    icon: ArrowUpRight,
-    description: "At the bottom of Safari"
-  },
-  {
-    number: 2,
-    title: "Scroll & Tap",
-    icon: ArrowDown,
-    description: '"Add to Home Screen"'
-  },
-  {
-    number: 3,
-    title: "Confirm",
-    icon: CheckCircle,
-    description: 'Tap "Add" in top-right'
-  }
-];
-function StepCard3({ step }) {
-  return /* @__PURE__ */ jsx(Card, { className: "border border-border", children: /* @__PURE__ */ jsx(CardContent, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "flex items-center justify-center rounded-full bg-primary text-primary-foreground flex-shrink-0",
-        style: { width: "32px", height: "32px" },
-        children: /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: step.number })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-1", children: [
-        /* @__PURE__ */ jsx(step.icon, { className: "w-5 h-5 text-primary" }),
-        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground", children: step.title })
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: step.description })
-    ] })
-  ] }) }) });
-}
-__name(StepCard3, "StepCard");
-function IOSGuideModal({ onDismiss, open = true }) {
-  return /* @__PURE__ */ jsx(Dialog$1, { open, onOpenChange: (isOpen) => !isOpen && onDismiss(), children: /* @__PURE__ */ jsxs(DialogContent$1, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ jsxs(DialogHeader$1, { className: "text-left", children: [
-      /* @__PURE__ */ jsxs(DialogTitle$1, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx(Share, { className: "w-5 h-5 text-primary" }),
-        "Add to Home Screen"
-      ] }),
-      /* @__PURE__ */ jsx(DialogDescription, { className: "text-left", children: "Install this app on your iPhone for quick access and a better experience" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-3 py-4", children: steps2.map((step) => /* @__PURE__ */ jsx(StepCard3, { step }, step.number)) }),
-    /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsxs(Button, { onClick: onDismiss, variant: "default", className: "w-full", children: [
-      /* @__PURE__ */ jsx(Check, { className: "w-4 h-4 mr-2" }),
-      "Got It"
-    ] }) })
-  ] }) });
-}
-__name(IOSGuideModal, "IOSGuideModal");
-function IOSGuide(props) {
-  const isMobile = useIsMobile();
-  if (isMobile) {
-    return /* @__PURE__ */ jsx(IOSGuideDrawer, { ...props });
-  }
-  return /* @__PURE__ */ jsx(IOSGuideModal, { ...props });
-}
-__name(IOSGuide, "IOSGuide");
-var DEFAULT_RESET_DAYS = 3;
-function A2HSHint({
-  className,
-  resetAfterDays = DEFAULT_RESET_DAYS,
-  delayMs = 3e3,
-  demo = false,
-  logo
-} = {}) {
-  const { isIOS, isDesktop, isInstalled, canPrompt, install } = useInstall();
-  const [show, setShow] = useState(false);
-  const [showGuide, setShowGuide] = useState(false);
-  const [installing, setInstalling] = useState(false);
-  const shouldShow = demo ? !isInstalled : !isInstalled && (isIOS || canPrompt);
-  useEffect(() => {
-    if (!shouldShow) return;
-    if (!demo && typeof window !== "undefined") {
-      if (resetAfterDays === null) {
-        if (isA2HSDismissedRecently(Number.MAX_SAFE_INTEGER)) {
-          return;
-        }
-      } else if (isA2HSDismissedRecently(resetAfterDays)) {
-        return;
-      }
-    }
-    const timer = setTimeout(() => setShow(true), delayMs);
-    return () => clearTimeout(timer);
-  }, [shouldShow, resetAfterDays, delayMs, demo]);
-  const handleDismiss = /* @__PURE__ */ __name(() => {
-    setShow(false);
-    if (!demo) {
-      markA2HSDismissed();
-    }
-  }, "handleDismiss");
-  const handleGuideDismiss = /* @__PURE__ */ __name(() => {
-    setShowGuide(false);
-    if (!demo) {
-      handleDismiss();
-    }
-  }, "handleGuideDismiss");
-  const handleClick = /* @__PURE__ */ __name(async () => {
-    if (isIOS || isDesktop) {
-      setShowGuide(true);
-    } else if (canPrompt) {
-      setInstalling(true);
-      try {
-        await install();
-        handleDismiss();
-      } catch (error) {
-        pwaLogger.error("[A2HSHint] Install error:", error);
-      } finally {
-        setInstalling(false);
-      }
-    }
-  }, "handleClick");
-  if (!show) return null;
-  let title;
-  let subtitle;
-  if (isIOS) {
-    title = "Add to Home Screen";
-    subtitle = /* @__PURE__ */ jsxs(Fragment, { children: [
-      "Tap to learn how ",
-      /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3" })
-    ] });
-  } else if (isDesktop) {
-    title = "Install App";
-    subtitle = /* @__PURE__ */ jsxs(Fragment, { children: [
-      "Click to see desktop guide ",
-      /* @__PURE__ */ jsx(ChevronRight, { className: "w-3 h-3" })
-    ] });
-  } else {
-    title = "Install App";
-    subtitle = /* @__PURE__ */ jsxs(Fragment, { children: [
-      "Tap to install ",
-      /* @__PURE__ */ jsx(Download, { className: "w-3 h-3" })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: cn(
-      "fixed bottom-4 left-4 right-4 z-50 animate-in slide-in-from-bottom-4 duration-300",
-      demo && "relative inset-auto z-auto",
-      // Demo mode: remove fixed positioning
-      className
-    ), children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        role: "button",
-        tabIndex: 0,
-        onClick: handleClick,
-        onKeyDown: (e) => {
-          if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            handleClick();
-          }
-        },
-        className: cn(
-          "w-full bg-zinc-900 border border-zinc-700 rounded-lg p-4 shadow-lg cursor-pointer hover:bg-zinc-800 transition-colors",
-          installing && "opacity-70 cursor-not-allowed"
-        ),
-        "aria-disabled": installing,
-        children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: "App logo", className: "w-10 h-10 rounded-lg" }) : /* @__PURE__ */ jsx(Share, { className: "w-5 h-5 text-blue-400" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-white mb-1", children: title }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-400 flex items-center gap-1", children: installing ? "Installing..." : subtitle })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                handleDismiss();
-              },
-              className: "flex-shrink-0 p-1 hover:bg-zinc-700 rounded transition-colors",
-              "aria-label": "Dismiss",
-              children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4 text-zinc-400" })
-            }
-          )
-        ] })
-      }
-    ) }),
-    isIOS && /* @__PURE__ */ jsx(IOSGuide, { open: showGuide, onDismiss: handleGuideDismiss }),
-    isDesktop && /* @__PURE__ */ jsx(DesktopGuide, { open: showGuide, onDismiss: handleGuideDismiss })
-  ] });
-}
-__name(A2HSHint, "A2HSHint");
-var CACHE_KEY = "pwa_is_standalone";
-function useIsPWA(options) {
-  const checkFunction = options?.reliable ? isStandaloneReliable : isStandalone;
-  const [isPWA, setIsPWA] = useState(() => {
-    if (typeof window !== "undefined") {
-      try {
-        const cached = sessionStorage.getItem(CACHE_KEY);
-        if (cached !== null) {
-          return cached === "true";
-        }
-      } catch {
-      }
-    }
-    return checkFunction();
-  });
-  useEffect(() => {
-    const isStandaloneMode = checkFunction();
-    setIsPWA(isStandaloneMode);
-    if (typeof window !== "undefined") {
-      try {
-        sessionStorage.setItem(CACHE_KEY, String(isStandaloneMode));
-      } catch {
-      }
-    }
-    const cleanup = onDisplayModeChange((newValue) => {
-      setIsPWA(newValue);
-      if (typeof window !== "undefined") {
-        try {
-          sessionStorage.setItem(CACHE_KEY, String(newValue));
-        } catch {
-        }
-      }
-    });
-    return cleanup;
-  }, [checkFunction]);
-  return isPWA;
-}
-__name(useIsPWA, "useIsPWA");
-function clearIsPWACache() {
-  if (typeof window === "undefined") return;
-  try {
-    sessionStorage.removeItem(CACHE_KEY);
-  } catch {
-  }
-}
-__name(clearIsPWACache, "clearIsPWACache");
-function isDebugEnabled2() {
-  if (typeof window === "undefined") return false;
-  try {
-    return localStorage.getItem("pwa_debug") === "true";
-  } catch {
-    return false;
-  }
-}
-__name(isDebugEnabled2, "isDebugEnabled");
-var pwaLogger2 = {
-  /**
-   * Info level logging
-   * Only logs in development or when debug is enabled
-   */
-  info: /* @__PURE__ */ __name((...args) => {
-    {
-      consola.info(...args);
-    }
-  }, "info"),
-  /**
-   * Warning level logging
-   * Only logs in development or when debug is enabled
-   */
-  warn: /* @__PURE__ */ __name((...args) => {
-    {
-      consola.warn(...args);
-    }
-  }, "warn"),
-  /**
-   * Error level logging
-   * Always logs (production + development)
-   */
-  error: /* @__PURE__ */ __name((...args) => {
-    consola.error(...args);
-  }, "error"),
-  /**
-   * Debug level logging
-   * Only logs when debug is explicitly enabled
-   */
-  debug: /* @__PURE__ */ __name((...args) => {
-    if (isDebugEnabled2()) {
-      consola.debug(...args);
-    }
-  }, "debug"),
-  /**
-   * Success level logging
-   * Only logs in development or when debug is enabled
-   */
-  success: /* @__PURE__ */ __name((...args) => {
-    {
-      consola.success(...args);
-    }
-  }, "success")
-};
-
-// src/snippets/PushNotifications/utils/platform.ts
-function checkBrowserPushSupport() {
-  if (typeof window === "undefined") {
-    return { isSupported: false, browserName: "unknown", reason: "Server-side rendering" };
-  }
-  const ua = window.navigator.userAgent.toLowerCase();
-  if (ua.includes("fban") || ua.includes("fbav") || ua.includes("fb_iab")) {
-    return { isSupported: false, browserName: "Facebook In-App", reason: "In-app browsers do not support push notifications" };
-  }
-  if (ua.includes("instagram")) {
-    return { isSupported: false, browserName: "Instagram In-App", reason: "In-app browsers do not support push notifications" };
-  }
-  if (ua.includes("tiktok") || ua.includes("bytedancewebview") || ua.includes("bytelocale")) {
-    return { isSupported: false, browserName: "TikTok In-App", reason: "In-app browsers do not support push notifications" };
-  }
-  if (ua.includes("snapchat")) {
-    return { isSupported: false, browserName: "Snapchat In-App", reason: "In-app browsers do not support push notifications" };
-  }
-  if (ua.includes("micromessenger")) {
-    return { isSupported: false, browserName: "WeChat In-App", reason: "In-app browsers do not support push notifications" };
-  }
-  if (ua.includes("barcelona")) {
-    return { isSupported: false, browserName: "Threads In-App", reason: "In-app browsers do not support push notifications" };
-  }
-  if (ua.includes("pinterest")) {
-    return { isSupported: false, browserName: "Pinterest In-App", reason: "In-app browsers do not support push notifications" };
-  }
-  if (ua.includes("telegram")) {
-    return { isSupported: false, browserName: "Telegram In-App", reason: "In-app browsers do not support push notifications" };
-  }
-  if (ua.includes("line/")) {
-    return { isSupported: false, browserName: "Line In-App", reason: "In-app browsers do not support push notifications" };
-  }
-  if (ua.includes("kakaotalk")) {
-    return { isSupported: false, browserName: "KakaoTalk In-App", reason: "In-app browsers do not support push notifications" };
-  }
-  const isIOSDevice = ua.includes("iphone") || ua.includes("ipad") || ua.includes("ipod");
-  if (ua.includes("linkedinapp") && isIOSDevice) {
-    return { isSupported: false, browserName: "LinkedIn In-App", reason: "LinkedIn In-App on iOS does not support push notifications" };
-  }
-  if (ua.includes("twitter") && isIOSDevice) {
-    return { isSupported: false, browserName: "Twitter In-App", reason: "Twitter In-App on iOS does not support push notifications" };
-  }
-  if (ua.includes("opera mini") || ua.includes("opios")) {
-    return { isSupported: false, browserName: "Opera Mini", reason: "Opera Mini does not support service workers" };
-  }
-  if (ua.includes("msie") || ua.includes("trident/")) {
-    return { isSupported: false, browserName: "Internet Explorer", reason: "Internet Explorer does not support Push API" };
-  }
-  if (ua.includes("ucbrowser") || ua.includes("uc browser")) {
-    return { isSupported: false, browserName: "UC Browser", reason: "UC Browser has unreliable push notification support" };
-  }
-  const isWebView = ua.includes("wv)") || ua.includes("webview") || ua.includes("; wv") || ua.includes("iphone") && !ua.includes("safari") || ua.includes("ipad") && !ua.includes("safari");
-  if (isWebView) {
-    return { isSupported: false, browserName: "WebView", reason: "WebViews do not support push notifications" };
-  }
-  let browserName = "unknown";
-  if (ua.includes("comet") || ua.includes("perplexity")) browserName = "Comet";
-  else if (ua.includes("edg/") || ua.includes("edge/")) browserName = "Edge";
-  else if (window.navigator.brave) browserName = "Brave";
-  else if (ua.includes("arc/")) browserName = "Arc";
-  else if (ua.includes("vivaldi")) browserName = "Vivaldi";
-  else if (ua.includes("yabrowser")) browserName = "Yandex";
-  else if (ua.includes("samsungbrowser")) browserName = "Samsung Internet";
-  else if (ua.includes("opr/") || ua.includes("opera")) browserName = "Opera";
-  else if (ua.includes("firefox")) browserName = "Firefox";
-  else if (ua.includes("chrome")) browserName = "Chrome";
-  else if (ua.includes("safari") && ua.includes("version/")) browserName = "Safari";
-  return { isSupported: true, browserName };
-}
-__name(checkBrowserPushSupport, "checkBrowserPushSupport");
-function isStandalone2() {
-  if (typeof window === "undefined") return false;
-  if (!window.matchMedia) {
-    const nav2 = navigator;
-    return nav2.standalone === true;
-  }
-  const isStandaloneDisplay = window.matchMedia("(display-mode: standalone)").matches;
-  const nav = navigator;
-  const isStandaloneNavigator = nav.standalone === true;
-  return isStandaloneDisplay || isStandaloneNavigator;
-}
-__name(isStandalone2, "isStandalone");
-
-// src/snippets/PushNotifications/utils/vapid.ts
-var _VapidKeyError = class _VapidKeyError extends Error {
-  constructor(message, code) {
-    super(message);
-    this.code = code;
-    this.name = "VapidKeyError";
-  }
-};
-__name(_VapidKeyError, "VapidKeyError");
-var VapidKeyError = _VapidKeyError;
-function urlBase64ToUint8Array(base64String) {
-  if (!base64String) {
-    throw new VapidKeyError("VAPID public key is required", "VAPID_EMPTY");
-  }
-  if (typeof base64String !== "string") {
-    throw new VapidKeyError("VAPID public key must be a string", "VAPID_INVALID_TYPE");
-  }
-  const padding = "=".repeat((4 - base64String.length % 4) % 4);
-  const base64 = (base64String + padding).replace(/-/g, "+").replace(/_/g, "/");
-  let rawData;
-  try {
-    rawData = window.atob(base64);
-  } catch (e) {
-    throw new VapidKeyError(
-      `Invalid base64url format: ${e instanceof Error ? e.message : String(e)}`,
-      "VAPID_INVALID_BASE64"
-    );
-  }
-  const outputArray = new Uint8Array(rawData.length);
-  for (let i = 0; i < rawData.length; i++) {
-    outputArray[i] = rawData.charCodeAt(i);
-  }
-  if (outputArray.length !== 65) {
-    throw new VapidKeyError(
-      `Invalid key length: expected 65 bytes (P-256 uncompressed), got ${outputArray.length} bytes`,
-      "VAPID_INVALID_LENGTH"
-    );
-  }
-  if (outputArray[0] !== 4) {
-    throw new VapidKeyError(
-      `Invalid key format: must start with 0x04 (uncompressed P-256 point), got 0x${outputArray[0].toString(16).padStart(2, "0")}`,
-      "VAPID_INVALID_FORMAT"
-    );
-  }
-  return outputArray;
-}
-__name(urlBase64ToUint8Array, "urlBase64ToUint8Array");
-function isValidVapidKey(base64String) {
-  try {
-    urlBase64ToUint8Array(base64String);
-    return true;
-  } catch {
-    return false;
-  }
-}
-__name(isValidVapidKey, "isValidVapidKey");
-function getVapidKeyInfo(base64String) {
-  try {
-    const key = urlBase64ToUint8Array(base64String);
-    return {
-      valid: true,
-      length: key.length,
-      firstByte: `0x${key[0].toString(16).padStart(2, "0")}`,
-      format: key[0] === 4 ? "P-256 uncompressed" : "Unknown"
-    };
-  } catch (e) {
-    if (e instanceof VapidKeyError) {
-      return {
-        valid: false,
-        error: e.message,
-        errorCode: e.code
-      };
-    }
-    return {
-      valid: false,
-      error: String(e)
-    };
-  }
-}
-__name(getVapidKeyInfo, "getVapidKeyInfo");
-function safeUrlBase64ToUint8Array(base64String, onError) {
-  try {
-    return urlBase64ToUint8Array(base64String);
-  } catch (e) {
-    if (e instanceof VapidKeyError) {
-      onError?.(e);
-    }
-    return null;
-  }
-}
-__name(safeUrlBase64ToUint8Array, "safeUrlBase64ToUint8Array");
-
-// src/snippets/PushNotifications/hooks/usePushNotifications.ts
-function usePushNotifications(options) {
-  const [state, setState] = useState({
-    isSupported: false,
-    permission: "default",
-    isSubscribed: false,
-    subscription: null
-  });
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const browserSupport = checkBrowserPushSupport();
-    if (!browserSupport.isSupported) {
-      pwaLogger2.info(`[usePushNotifications] Browser does not support push: ${browserSupport.browserName} - ${browserSupport.reason}`);
-      setState((prev) => ({
-        ...prev,
-        isSupported: false,
-        permission: "denied"
-      }));
-      return;
-    }
-    const isSupported = "serviceWorker" in navigator && "PushManager" in window && "Notification" in window;
-    setState((prev) => ({
-      ...prev,
-      isSupported,
-      permission: isSupported ? Notification.permission : "denied"
-    }));
-    if (isSupported) {
-      navigator.serviceWorker.ready.then((registration) => registration.pushManager.getSubscription()).then((subscription) => {
-        setState((prev) => ({
-          ...prev,
-          isSubscribed: !!subscription,
-          subscription
-        }));
-      }).catch((error) => {
-        pwaLogger2.error("[usePushNotifications] Failed to get subscription:", error);
-      });
-    }
-  }, []);
-  const subscribe = /* @__PURE__ */ __name(async () => {
-    if (!state.isSupported) {
-      pwaLogger2.warn("[usePushNotifications] Push notifications not supported");
-      return null;
-    }
-    if (!options?.vapidPublicKey) {
-      pwaLogger2.error("[usePushNotifications] VAPID public key required");
-      return null;
-    }
-    try {
-      pwaLogger2.debug("[usePushNotifications] Running pre-flight checks...");
-      if (!navigator.onLine) {
-        pwaLogger2.error("[usePushNotifications] No internet connection");
-        throw new Error("No internet connection. Please check your network and try again.");
-      }
-      const permission = await Notification.requestPermission();
-      setState((prev) => ({ ...prev, permission }));
-      if (permission !== "granted") {
-        pwaLogger2.warn("[usePushNotifications] Permission not granted:", permission);
-        return null;
-      }
-      const registration = await navigator.serviceWorker.ready;
-      let applicationServerKey;
-      try {
-        pwaLogger2.debug("[usePushNotifications] Converting VAPID key...");
-        applicationServerKey = urlBase64ToUint8Array(options.vapidPublicKey);
-        pwaLogger2.info("[usePushNotifications] VAPID key validated successfully");
-      } catch (e) {
-        if (e instanceof VapidKeyError) {
-          pwaLogger2.error(`[usePushNotifications] Invalid VAPID key: ${e.message} (code: ${e.code})`);
-        } else {
-          pwaLogger2.error("[usePushNotifications] Failed to convert VAPID key:", e);
-        }
-        return null;
-      }
-      pwaLogger2.debug("[usePushNotifications] Service Worker state:", {
-        controller: navigator.serviceWorker.controller ? "active" : "none",
-        registrationActive: registration.active ? "yes" : "no",
-        permission: Notification.permission
-      });
-      const existingSub = await registration.pushManager.getSubscription();
-      if (existingSub) {
-        pwaLogger2.debug("[usePushNotifications] Unsubscribing from existing subscription...");
-        await existingSub.unsubscribe();
-      }
-      const subscribeOptions = {
-        userVisibleOnly: true,
-        applicationServerKey
-      };
-      pwaLogger2.debug("[usePushNotifications] Subscribing with VAPID key...");
-      const subscription = await registration.pushManager.subscribe(subscribeOptions);
-      if (options.subscribeEndpoint) {
-        await fetch(options.subscribeEndpoint, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(subscription)
-        });
-      }
-      setState((prev) => ({
-        ...prev,
-        isSubscribed: true,
-        subscription
-      }));
-      pwaLogger2.success("[usePushNotifications] Successfully subscribed to push notifications");
-      return subscription;
-    } catch (error) {
-      pwaLogger2.error("[usePushNotifications] Subscribe failed:", error);
-      if (error.name === "AbortError" || error.message?.includes("push service error")) {
-        pwaLogger2.error("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
-        pwaLogger2.error("\u274C PUSH SERVICE ERROR - Cannot connect to FCM");
-        pwaLogger2.error("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
-        pwaLogger2.error("");
-        pwaLogger2.error("\u{1F50D} This is NOT a code bug - it's a network/security block.");
-        pwaLogger2.error("");
-        pwaLogger2.error("\u2705 Quick Fixes (try in order):");
-        pwaLogger2.error("  1. Disable VPN/Proxy and refresh page");
-        pwaLogger2.error("  2. Open Incognito window (Cmd+Shift+N)");
-        pwaLogger2.error("  3. Try different browser (Safari, Firefox)");
-        pwaLogger2.error("  4. Use mobile hotspot instead of WiFi");
-        pwaLogger2.error("");
-        pwaLogger2.error("\u{1F527} Technical Details:");
-        pwaLogger2.error("  \u2022 Browser tries to connect to FCM (ports 5228-5230)");
-        pwaLogger2.error("  \u2022 VPN/Firewall/Privacy settings may block these ports");
-        pwaLogger2.error('  \u2022 Check browser console for "AbortError" details');
-        pwaLogger2.error("");
-        pwaLogger2.error("\u{1F4DA} Learn more: https://web.dev/push-notifications-overview/");
-        pwaLogger2.error("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
-      } else if (error.message?.includes("No internet connection")) {
-        pwaLogger2.error("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
-        pwaLogger2.error("\u274C NO INTERNET CONNECTION");
-        pwaLogger2.error("\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501\u2501");
-        pwaLogger2.error("Please check your network connection and try again.");
-      } else {
-        pwaLogger2.error("Unknown error:", error.name, error.message);
-      }
-      return null;
-    }
-  }, "subscribe");
-  const unsubscribe = /* @__PURE__ */ __name(async () => {
-    if (!state.subscription) {
-      pwaLogger2.warn("[usePushNotifications] No active subscription to unsubscribe");
-      return false;
-    }
-    try {
-      await state.subscription.unsubscribe();
-      setState((prev) => ({
-        ...prev,
-        isSubscribed: false,
-        subscription: null
-      }));
-      pwaLogger2.info("[usePushNotifications] Successfully unsubscribed from push notifications");
-      return true;
-    } catch (error) {
-      pwaLogger2.error("[usePushNotifications] Unsubscribe failed:", error);
-      return false;
-    }
-  }, "unsubscribe");
-  return {
-    ...state,
-    subscribe,
-    unsubscribe
-  };
-}
-__name(usePushNotifications, "usePushNotifications");
-
-// src/snippets/PushNotifications/hooks/useDjangoPush.ts
-function useDjangoPush(options) {
-  const { onSubscribed, onSubscribeError, onUnsubscribed, ...pushOptions } = options;
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const { isAuthenticated } = useAuth();
-  const { openAuthDialog } = useAuthDialog();
-  const pushNotifications = usePushNotifications(pushOptions);
-  const subscribe = useCallback(async () => {
-    if (!isAuthenticated) {
-      openAuthDialog({
-        message: "Please sign in to enable push notifications"
-      });
-      return false;
-    }
-    setIsLoading(true);
-    setError(null);
-    try {
-      const subscription = await pushNotifications.subscribe();
-      if (!subscription) {
-        const err = new Error("Browser subscription failed");
-        setError(err);
-        onSubscribeError?.(err);
-        return false;
-      }
-      pwaLogger2.info("[useDjangoPush] Browser subscription created");
-      const result = await apiWebPush.web_push.webpushSubscribeCreate({
-        endpoint: subscription.endpoint,
-        keys: {
-          p256dh: arrayBufferToBase64(subscription.getKey("p256dh")),
-          auth: arrayBufferToBase64(subscription.getKey("auth"))
-        }
-      });
-      pwaLogger2.info("[useDjangoPush] Subscription saved to Django:", result);
-      onSubscribed?.(subscription);
-      toast.success("Push notifications enabled");
-      return true;
-    } catch (err) {
-      const error2 = err instanceof Error ? err : new Error(String(err));
-      pwaLogger2.error("[useDjangoPush] Subscribe failed:", error2);
-      setError(error2);
-      onSubscribeError?.(error2);
-      toast.error("Subscription Failed", {
-        description: "Could not save subscription to server. Please try again.",
-        duration: 5e3
-      });
-      return false;
-    } finally {
-      setIsLoading(false);
-    }
-  }, [isAuthenticated, openAuthDialog, pushNotifications.subscribe, onSubscribed, onSubscribeError]);
-  const unsubscribe = useCallback(async () => {
-    setIsLoading(true);
-    setError(null);
-    try {
-      const success = await pushNotifications.unsubscribe();
-      if (!success) {
-        return false;
-      }
-      pwaLogger2.info("[useDjangoPush] Browser unsubscribed");
-      onUnsubscribed?.();
-      toast.success("Push notifications disabled");
-      return true;
-    } catch (err) {
-      const error2 = err instanceof Error ? err : new Error(String(err));
-      pwaLogger2.error("[useDjangoPush] Unsubscribe failed:", error2);
-      setError(error2);
-      return false;
-    } finally {
-      setIsLoading(false);
-    }
-  }, [pushNotifications.unsubscribe, onUnsubscribed]);
-  const sendTestPush = useCallback(
-    async (message) => {
-      if (!pushNotifications.isSubscribed) {
-        const err = new Error("Not subscribed");
-        setError(err);
-        return false;
-      }
-      setIsLoading(true);
-      setError(null);
-      try {
-        const result = await apiWebPush.web_push.webpushSendCreate({
-          title: message.title,
-          body: message.body,
-          url: message.url || "/",
-          icon: "/icon.png"
-        });
-        pwaLogger2.info("[useDjangoPush] Test push sent:", result);
-        return result.success;
-      } catch (err) {
-        const error2 = err instanceof Error ? err : new Error(String(err));
-        pwaLogger2.error("[useDjangoPush] Send test push failed:", error2);
-        setError(error2);
-        return false;
-      } finally {
-        setIsLoading(false);
-      }
-    },
-    [pushNotifications.isSubscribed]
-  );
-  return {
-    // State from usePushNotifications
-    isSupported: pushNotifications.isSupported,
-    permission: pushNotifications.permission,
-    isSubscribed: pushNotifications.isSubscribed,
-    subscription: pushNotifications.subscription,
-    // Local state
-    isLoading,
-    error,
-    // Actions
-    subscribe,
-    unsubscribe,
-    sendTestPush
-  };
-}
-__name(useDjangoPush, "useDjangoPush");
-function arrayBufferToBase64(buffer) {
-  if (!buffer) return "";
-  const bytes = new Uint8Array(buffer);
-  let binary = "";
-  for (let i = 0; i < bytes.byteLength; i++) {
-    binary += String.fromCharCode(bytes[i]);
-  }
-  return window.btoa(binary);
-}
-__name(arrayBufferToBase64, "arrayBufferToBase64");
-var DjangoPushContext = createContext(void 0);
-function DjangoPushProvider({
-  children,
-  vapidPublicKey,
-  autoSubscribe = false,
-  onSubscribed,
-  onSubscribeError,
-  onUnsubscribed
-}) {
-  const djangoPush = useDjangoPush({
-    vapidPublicKey,
-    onSubscribed,
-    onSubscribeError,
-    onUnsubscribed
-  });
-  useEffect(() => {
-    if (autoSubscribe && djangoPush.isSupported && djangoPush.permission === "granted" && !djangoPush.isSubscribed && !djangoPush.isLoading) {
-      pwaLogger2.info("[DjangoPushProvider] Auto-subscribing (permission already granted)");
-      djangoPush.subscribe();
-    }
-  }, [autoSubscribe, djangoPush.isSupported, djangoPush.permission, djangoPush.isSubscribed, djangoPush.isLoading]);
-  const [pushes, setPushes] = useState([]);
-  useEffect(() => {
-    if (typeof window === "undefined" || !("serviceWorker" in navigator)) {
-      return;
-    }
-    const handleMessage = /* @__PURE__ */ __name((event) => {
-      if (event.data && event.data.type === "PUSH_RECEIVED") {
-        const push = {
-          id: crypto.randomUUID(),
-          timestamp: Date.now(),
-          ...event.data.notification
-        };
-        setPushes((prev) => [push, ...prev]);
-        pwaLogger2.info("[DjangoPushProvider] Push received:", push);
-      }
-    }, "handleMessage");
-    navigator.serviceWorker.addEventListener("message", handleMessage);
-    return () => navigator.serviceWorker.removeEventListener("message", handleMessage);
-  }, []);
-  const sendPush = useCallback(
-    async (message) => {
-      await djangoPush.sendTestPush({
-        title: message.title,
-        body: message.body,
-        url: message.data?.url
-      });
-    },
-    [djangoPush]
-  );
-  const clearPushes = useCallback(() => {
-    setPushes([]);
-    pwaLogger2.info("[DjangoPushProvider] Push history cleared");
-  }, []);
-  const removePush = useCallback((id) => {
-    setPushes((prev) => prev.filter((p) => p.id !== id));
-    pwaLogger2.info("[DjangoPushProvider] Push removed:", id);
-  }, []);
-  const value = {
-    ...djangoPush,
-    pushes,
-    sendPush,
-    clearPushes,
-    removePush
-  };
-  return /* @__PURE__ */ jsx(DjangoPushContext.Provider, { value, children });
-}
-__name(DjangoPushProvider, "DjangoPushProvider");
-function useDjangoPushContext() {
-  const context = useContext(DjangoPushContext);
-  if (context === void 0) {
-    throw new Error("useDjangoPushContext must be used within DjangoPushProvider");
-  }
-  return context;
-}
-__name(useDjangoPushContext, "useDjangoPushContext");
-
-// src/snippets/PushNotifications/utils/localStorage.ts
-var STORAGE_KEYS2 = {
-  PUSH_DISMISSED: "pwa_push_dismissed_at"
-};
-function isPushDismissedRecently(resetDays = 7) {
-  return isDismissedRecentlyHelper2(resetDays, STORAGE_KEYS2.PUSH_DISMISSED);
-}
-__name(isPushDismissedRecently, "isPushDismissedRecently");
-function markPushDismissed() {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.setItem(STORAGE_KEYS2.PUSH_DISMISSED, Date.now().toString());
-  } catch {
-  }
-}
-__name(markPushDismissed, "markPushDismissed");
-function isDismissedRecentlyHelper2(resetDays, key) {
-  if (typeof window === "undefined") return false;
-  try {
-    const dismissed = localStorage.getItem(key);
-    if (!dismissed) return false;
-    const dismissedAt = parseInt(dismissed, 10);
-    const daysSince = (Date.now() - dismissedAt) / (1e3 * 60 * 60 * 24);
-    return daysSince < resetDays;
-  } catch {
-    return false;
-  }
-}
-__name(isDismissedRecentlyHelper2, "isDismissedRecentlyHelper");
-function clearAllPushData() {
-  if (typeof window === "undefined") return;
-  try {
-    localStorage.removeItem(STORAGE_KEYS2.PUSH_DISMISSED);
-  } catch {
-  }
-}
-__name(clearAllPushData, "clearAllPushData");
-var DEFAULT_RESET_DAYS2 = 7;
-function PushPrompt({
-  vapidPublicKey,
-  subscribeEndpoint = "/api/push/subscribe",
-  requirePWA = true,
-  delayMs = 5e3,
-  resetAfterDays = DEFAULT_RESET_DAYS2,
-  onEnabled,
-  onDismissed
-}) {
-  const { isAuthenticated, isLoading: isAuthLoading } = useAuth();
-  const { isSupported, permission, isSubscribed, subscribe } = usePushNotifications({
-    vapidPublicKey,
-    subscribeEndpoint
-  });
-  const [show, setShow] = useState(false);
-  const [enabling, setEnabling] = useState(false);
-  useEffect(() => {
-    if (isAuthLoading || !isAuthenticated) {
-      return;
-    }
-    if (!isSupported || isSubscribed || permission === "denied") {
-      return;
-    }
-    if (requirePWA && !isStandalone2()) {
-      return;
-    }
-    if (typeof window !== "undefined") {
-      if (isPushDismissedRecently(resetAfterDays)) {
-        return;
-      }
-    }
-    const timer = setTimeout(() => setShow(true), delayMs);
-    return () => clearTimeout(timer);
-  }, [isAuthLoading, isAuthenticated, isSupported, isSubscribed, permission, requirePWA, resetAfterDays, delayMs]);
-  const handleEnable = /* @__PURE__ */ __name(async () => {
-    setEnabling(true);
-    try {
-      const success = await subscribe();
-      if (success) {
-        setShow(false);
-        onEnabled?.();
-      }
-    } catch (error) {
-      pwaLogger2.error("[PushPrompt] Enable failed:", error);
-    } finally {
-      setEnabling(false);
-    }
-  }, "handleEnable");
-  const handleDismiss = /* @__PURE__ */ __name(() => {
-    setShow(false);
-    markPushDismissed();
-    onDismissed?.();
-  }, "handleDismiss");
-  if (!show) return null;
-  return /* @__PURE__ */ jsx("div", { className: "fixed bottom-4 left-4 right-4 z-50 animate-in slide-in-from-bottom-4 duration-300", children: /* @__PURE__ */ jsx("div", { className: "bg-zinc-900 border border-zinc-700 rounded-lg p-4 shadow-lg", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx(Bell, { className: "w-5 h-5 text-blue-400" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-white mb-1", children: "Enable notifications" }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-zinc-400 mb-3", children: "Stay updated with important updates and alerts" }),
-      /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: handleEnable,
-            loading: enabling,
-            size: "sm",
-            variant: "default",
-            children: "Enable"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            onClick: handleDismiss,
-            size: "sm",
-            variant: "ghost",
-            children: "Not now"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: handleDismiss,
-        size: "sm",
-        variant: "ghost",
-        className: "flex-shrink-0 p-1",
-        "aria-label": "Dismiss",
-        children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4" })
-      }
-    )
-  ] }) }) });
-}
-__name(PushPrompt, "PushPrompt");
-
-// src/snippets/PushNotifications/config.ts
-var DEFAULT_VAPID_PUBLIC_KEY = process.env.NEXT_PUBLIC_VAPID_PUBLIC_KEY || "";
-
-export { A2HSHint, AIChatProvider, AIChatWidget, AIMessageInput, AUTH_EVENTS, Analytics, AnalyticsCategory, AnalyticsEvent, AnalyticsProvider, AskAIButton, AuthDialog, ChatPanel, DEFAULT_VAPID_PUBLIC_KEY, DIALOG_EVENTS, DesktopGuide, DjangoPushProvider, IOSGuide, MessageBubble, PushPrompt, DjangoPushProvider as PushProvider, PwaProvider, VapidKeyError, clearAllPWAInstallData, clearAllPushData, clearIsPWACache, generateBreadcrumbsFromPath, getDisplayMode, getVapidKeyInfo, hasValidManifest, isMobileDevice, isStandalone, isStandaloneReliable, isValidVapidKey, onDisplayModeChange, safeUrlBase64ToUint8Array, urlBase64ToUint8Array, useAIChat, useAIChatContext, useAIChatContextOptional, useAnalytics, useAuthDialog, useChatLayout, useDjangoPush, useDjangoPushContext, useInstall, useIsPWA, useMcpChat, useDjangoPushContext as usePush, usePushNotifications };
-//# sourceMappingURL=snippets.mjs.map
-//# sourceMappingURL=snippets.mjs.map