${place.name}

${place.formatted_address}

${place.rating ? `

Rating: \u2B50 ${place.rating}

` : ""}

` }); marker.addListener("click", () => { infoWindow.open(map, marker); }); infoWindow.open(map, marker); setSuggestions([]); setSearchQuery(place.name); }; const savePlace = (place) => { if (savedPlaces.find((p) => p.place_id === place.place_id)) return; setSavedPlaces((prev) => [...prev, place]); }; const removeSavedPlace = (placeId) => { setSavedPlaces((prev) => prev.filter((p) => p.place_id !== placeId)); }; const getDirections = (place) => { if (!userLocation) { alert("Location access required for directions"); return; } const directionsService = new window.google.maps.DirectionsService(); const directionsRenderer = new window.google.maps.DirectionsRenderer(); directionsRenderer.setMap(map); directionsService.route( { origin: userLocation, destination: place.geometry.location, travelMode: window.google.maps.TravelMode.DRIVING }, (result, status) => { if (status === "OK") { directionsRenderer.setDirections(result); } else { alert("Directions request failed: " + status); } } ); }; return /* @__PURE__ */ import_react9.default.createElement("div", { className: "max-w-6xl mx-auto h-[800px] flex" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "w-80 bg-gradient-to-b from-[#2a2a2a] to-[#1a1a1a] border-2 border-r-0 border-[#FFD700] rounded-l-3xl p-6 flex flex-col" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex items-center space-x-4 mb-6" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "p-3 bg-[#FFD700] rounded-xl" }, /* @__PURE__ */ import_react9.default.createElement(import_lucide_react10.Map, { className: "w-8 h-8 text-black" })), /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement("h1", { className: "text-2xl font-bold text-white" }, "Maps"), /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-gray-300 text-sm" }, "Interactive mapping & navigation"))), /* @__PURE__ */ import_react9.default.createElement("div", { className: "relative mb-4" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react9.default.createElement(import_lucide_react10.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 w-4 h-4 text-[#FFD700]" }), /* @__PURE__ */ import_react9.default.createElement( "input", { type: "text", value: searchQuery, onChange: (e) => { setSearchQuery(e.target.value); searchPlaces(e.target.value); }, placeholder: "Search places...", className: "w-full bg-black border border-[#FFD700] rounded-xl pl-10 pr-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-[#FFD700]" } )), suggestions.length > 0 && /* @__PURE__ */ import_react9.default.createElement("div", { className: "absolute top-full left-0 right-0 mt-1 bg-black border border-[#FFD700] rounded-xl z-10 max-h-60 overflow-y-auto" }, suggestions.map((place) => /* @__PURE__ */ import_react9.default.createElement( "button", { key: place.place_id, onClick: () => selectPlace(place), className: "w-full p-3 text-left hover:bg-[#FFD700]/20 transition-colors border-b border-[#FFD700]/20 last:border-b-0" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ import_react9.default.createElement(import_lucide_react10.MapPin, { className: "w-4 h-4 text-[#FFD700] mt-1" }), /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-white font-medium" }, place.name), /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-gray-400 text-sm" }, place.formatted_address), place.rating && /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-[#FFD700] text-xs" }, "\u2B50 ", place.rating))) )))), /* @__PURE__ */ import_react9.default.createElement("div", { className: "mb-4" }, /* @__PURE__ */ import_react9.default.createElement("label", { className: "block text-white text-sm font-medium mb-2" }, "Map Type"), /* @__PURE__ */ import_react9.default.createElement( "select", { value: mapType, onChange: (e) => setMapType(e.target.value), className: "w-full bg-black border border-[#FFD700] rounded-xl px-3 py-2 text-white focus:outline-none focus:ring-2 focus:ring-[#FFD700]" }, /* @__PURE__ */ import_react9.default.createElement("option", { value: "roadmap" }, "Roadmap"), /* @__PURE__ */ import_react9.default.createElement("option", { value: "satellite" }, "Satellite"), /* @__PURE__ */ import_react9.default.createElement("option", { value: "hybrid" }, "Hybrid"), /* @__PURE__ */ import_react9.default.createElement("option", { value: "terrain" }, "Terrain") )), selectedPlace && /* @__PURE__ */ import_react9.default.createElement("div", { className: "mb-4 p-4 bg-black/50 border border-[#FFD700]/30 rounded-xl" }, /* @__PURE__ */ import_react9.default.createElement("h3", { className: "text-white font-semibold mb-2" }, selectedPlace.name), /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-gray-300 text-sm mb-3" }, selectedPlace.formatted_address), selectedPlace.rating && /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-[#FFD700] text-sm mb-3" }, "\u2B50 ", selectedPlace.rating), /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex space-x-2" }, /* @__PURE__ */ import_react9.default.createElement( "button", { onClick: () => savePlace(selectedPlace), className: "flex-1 bg-[#FFD700] hover:bg-[#FFA500] text-black px-3 py-2 rounded-lg text-sm font-semibold transition-colors flex items-center justify-center space-x-1" }, /* @__PURE__ */ import_react9.default.createElement(import_lucide_react10.Bookmark, { className: "w-3 h-3" }), /* @__PURE__ */ import_react9.default.createElement("span", null, "Save") ), /* @__PURE__ */ import_react9.default.createElement( "button", { onClick: () => getDirections(selectedPlace), className: "flex-1 bg-blue-600 hover:bg-blue-700 text-white px-3 py-2 rounded-lg text-sm font-semibold transition-colors flex items-center justify-center space-x-1" }, /* @__PURE__ */ import_react9.default.createElement(import_lucide_react10.Route, { className: "w-3 h-3" }), /* @__PURE__ */ import_react9.default.createElement("span", null, "Directions") ))), /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex-1 overflow-y-auto" }, /* @__PURE__ */ import_react9.default.createElement("h3", { className: "text-white font-semibold mb-3" }, "Saved Places"), savedPlaces.length === 0 ? /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-gray-400 text-sm" }, "No saved places yet") : /* @__PURE__ */ import_react9.default.createElement("div", { className: "space-y-2" }, savedPlaces.map((place) => /* @__PURE__ */ import_react9.default.createElement( "div", { key: place.place_id, className: "p-3 bg-black/30 border border-[#FFD700]/20 rounded-lg" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex items-start justify-between" }, /* @__PURE__ */ import_react9.default.createElement( "button", { onClick: () => selectPlace(place), className: "flex-1 text-left" }, /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-white font-medium text-sm" }, place.name), /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-gray-400 text-xs" }, place.formatted_address) ), /* @__PURE__ */ import_react9.default.createElement( "button", { onClick: () => removeSavedPlace(place.place_id), className: "text-red-400 hover:text-red-300 ml-2" }, /* @__PURE__ */ import_react9.default.createElement(import_lucide_react10.X, { className: "w-4 h-4" }) )) )))), /* @__PURE__ */ import_react9.default.createElement("div", { className: "mt-4 pt-4 border-t border-[#FFD700]/20" }, /* @__PURE__ */ import_react9.default.createElement( "button", { onClick: () => { if (userLocation && map) { map.setCenter(userLocation); map.setZoom(16); } }, className: "w-full bg-gradient-to-r from-[#4285F4] to-[#34A853] text-white py-2 rounded-xl font-semibold transition-colors flex items-center justify-center space-x-2" }, /* @__PURE__ */ import_react9.default.createElement(import_lucide_react10.Crosshair, { className: "w-4 h-4" }), /* @__PURE__ */ import_react9.default.createElement("span", null, "My Location") ))), /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex-1 border-2 border-l-0 border-[#FFD700] rounded-r-3xl overflow-hidden relative" }, isLoading && /* @__PURE__ */ import_react9.default.createElement("div", { className: "absolute inset-0 bg-black/50 flex items-center justify-center z-10" }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "text-center" }, /* @__PURE__ */ import_react9.default.createElement(import_lucide_react10.Map, { className: "w-12 h-12 text-[#FFD700] mx-auto mb-4 animate-pulse" }), /* @__PURE__ */ import_react9.default.createElement("p", { className: "text-white" }, "Loading Maps..."))), /* @__PURE__ */ import_react9.default.createElement("div", { ref: mapRef, className: "w-full h-full" }))); } // virtual:/apps/web/src/components/ChatKingAI/ResultsView.jsx init_injected_globals(); var import_react10 = __toESM(require_react()); var import_lucide_react11 = __toESM(require_lucide_react()); function ResultsView() { const [searchType, setSearchType] = (0, import_react10.useState)("web"); const [query, setQuery] = (0, import_react10.useState)(""); const [results, setResults] = (0, import_react10.useState)([]); const [isLoading, setIsLoading] = (0, import_react10.useState)(false); const [viewMode, setViewMode] = (0, import_react10.useState)("list"); const [savedResults, setSavedResults] = (0, import_react10.useState)([]); const handleSearch = async (searchQuery = query) => { if (!searchQuery.trim()) return; setIsLoading(true); try { const endpoint = searchType === "web" ? `/api/tools/web_search` : `/api/tools/image_search`; const response = await fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: searchQuery }) }); if (response.ok) { const data = await response.json(); setResults(searchType === "web" ? data.items || [] : data.items || []); } else { console.error("Search failed"); setResults([]); } } catch (error) { console.error("Search error:", error); setResults([]); } finally { setIsLoading(false); } }; const saveResult = (result) => { if (savedResults.find((r) => r.link === result.link || r.originalImageUrl === result.originalImageUrl)) return; setSavedResults((prev) => [...prev, { ...result, searchType, savedAt: (/* @__PURE__ */ new Date()).toISOString() }]); }; const openInWebView = (url) => { window.open(url, "_blank"); }; const renderWebResult = (result, index) => /* @__PURE__ */ import_react10.default.createElement("div", { key: index, className: "bg-[#1a1a1a] border border-[#FFD700]/30 rounded-xl p-4 hover:border-[#FFD700] transition-all" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-start justify-between mb-2" }, /* @__PURE__ */ import_react10.default.createElement( "h3", { className: "text-white font-semibold text-lg hover:text-[#FFD700] cursor-pointer", onClick: () => openInWebView(result.link) }, result.title ), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex space-x-2" }, /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: () => saveResult(result), className: "text-gray-400 hover:text-[#FFD700] transition-colors", title: "Save result" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Bookmark, { className: "w-4 h-4" }) ), /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: () => openInWebView(result.link), className: "text-gray-400 hover:text-[#FFD700] transition-colors", title: "Open in WebView" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.ExternalLink, { className: "w-4 h-4" }) ))), /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-gray-300 text-sm mb-3" }, result.snippet), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Globe, { className: "w-4 h-4 text-[#FFD700]" }), /* @__PURE__ */ import_react10.default.createElement("span", { className: "text-[#FFD700] text-sm" }, result.displayLink)), /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: () => openInWebView(result.link), className: "bg-[#FFD700] hover:bg-[#FFA500] text-black px-3 py-1 rounded-lg text-sm font-semibold transition-colors" }, "View" ))); const renderImageResult = (result, index) => /* @__PURE__ */ import_react10.default.createElement("div", { key: index, className: `bg-[#1a1a1a] border border-[#FFD700]/30 rounded-xl overflow-hidden hover:border-[#FFD700] transition-all ${viewMode === "grid" ? "p-3" : "p-4"}` }, /* @__PURE__ */ import_react10.default.createElement("div", { className: `${viewMode === "grid" ? "space-y-2" : "flex space-x-4"}` }, /* @__PURE__ */ import_react10.default.createElement("div", { className: `${viewMode === "grid" ? "w-full" : "w-32 h-32"} flex-shrink-0` }, /* @__PURE__ */ import_react10.default.createElement( "img", { src: result.thumbnailImageUrl, alt: result.title, className: `${viewMode === "grid" ? "w-full h-32" : "w-full h-full"} object-cover rounded-lg`, onError: (e) => { e.target.src = "/placeholder-image.png"; } } )), /* @__PURE__ */ import_react10.default.createElement("div", { className: `${viewMode === "grid" ? "" : "flex-1"}` }, /* @__PURE__ */ import_react10.default.createElement( "h3", { className: `text-white font-semibold ${viewMode === "grid" ? "text-sm" : "text-lg"} mb-2 hover:text-[#FFD700] cursor-pointer`, onClick: () => openInWebView(result.contextLink) }, result.title ), viewMode === "list" && /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-gray-300 text-sm mb-3" }, /* @__PURE__ */ import_react10.default.createElement("p", null, "Size: ", result.width, " \xD7 ", result.height), /* @__PURE__ */ import_react10.default.createElement("p", null, "Source: ", new URL(result.contextLink).hostname)), /* @__PURE__ */ import_react10.default.createElement("div", { className: `flex items-center ${viewMode === "grid" ? "justify-between" : "space-x-4"}` }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex space-x-2" }, /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: () => saveResult(result), className: "text-gray-400 hover:text-[#FFD700] transition-colors", title: "Save image" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Bookmark, { className: "w-4 h-4" }) ), /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: () => window.open(result.originalImageUrl, "_blank"), className: "text-gray-400 hover:text-[#FFD700] transition-colors", title: "View full size" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Eye, { className: "w-4 h-4" }) )), /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: () => openInWebView(result.contextLink), className: `bg-[#FFD700] hover:bg-[#FFA500] text-black ${viewMode === "grid" ? "px-2 py-1 text-xs" : "px-3 py-1 text-sm"} rounded-lg font-semibold transition-colors` }, "View" ))))); return /* @__PURE__ */ import_react10.default.createElement("div", { className: "max-w-6xl mx-auto" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "bg-gradient-to-r from-[#2a2a2a] to-[#1a1a1a] border-2 border-[#FFD700] rounded-3xl p-6 mb-8" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center space-x-4 mb-6" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "p-3 bg-[#FFD700] rounded-xl" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Search, { className: "w-8 h-8 text-black" })), /* @__PURE__ */ import_react10.default.createElement("div", null, /* @__PURE__ */ import_react10.default.createElement("h1", { className: "text-3xl font-bold text-white" }, "Search Results"), /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-gray-300" }, "Live web and image search with rich previews"))), /* @__PURE__ */ import_react10.default.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex space-x-2" }, /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: () => setSearchType("web"), className: `px-4 py-2 rounded-xl font-semibold transition-colors ${searchType === "web" ? "bg-[#FFD700] text-black" : "bg-[#1a1a1a] text-[#FFD700] hover:bg-[#FFD700]/20"}` }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Globe, { className: "w-4 h-4 inline mr-2" }), "Web Search" ), /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: () => setSearchType("images"), className: `px-4 py-2 rounded-xl font-semibold transition-colors ${searchType === "images" ? "bg-[#FFD700] text-black" : "bg-[#1a1a1a] text-[#FFD700] hover:bg-[#FFD700]/20"}` }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Image, { className: "w-4 h-4 inline mr-2" }), "Image Search" )), /* @__PURE__ */ import_react10.default.createElement( "form", { onSubmit: (e) => { e.preventDefault(); handleSearch(); }, className: "flex space-x-2" }, /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex-1 relative" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-[#FFD700]" }), /* @__PURE__ */ import_react10.default.createElement( "input", { type: "text", value: query, onChange: (e) => setQuery(e.target.value), placeholder: `Search ${searchType === "web" ? "the web" : "for images"}...`, className: "w-full bg-black border border-[#FFD700] rounded-xl pl-12 pr-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-[#FFD700]" } )), /* @__PURE__ */ import_react10.default.createElement( "button", { type: "submit", disabled: isLoading, className: "bg-[#FFD700] hover:bg-[#FFA500] text-black px-6 py-3 rounded-xl font-semibold transition-colors disabled:opacity-50" }, isLoading ? "Searching..." : "Search" ) ), searchType === "images" && results.length > 0 && /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react10.default.createElement("span", { className: "text-gray-300 text-sm" }, results.length, " images found"), /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex space-x-2" }, /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: () => setViewMode("list"), className: `p-2 rounded-lg transition-colors ${viewMode === "list" ? "bg-[#FFD700] text-black" : "bg-[#1a1a1a] text-[#FFD700] hover:bg-[#FFD700]/20"}` }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.List, { className: "w-4 h-4" }) ), /* @__PURE__ */ import_react10.default.createElement( "button", { onClick: () => setViewMode("grid"), className: `p-2 rounded-lg transition-colors ${viewMode === "grid" ? "bg-[#FFD700] text-black" : "bg-[#1a1a1a] text-[#FFD700] hover:bg-[#FFD700]/20"}` }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Grid, { className: "w-4 h-4" }) ))))), isLoading ? /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Search, { className: "w-12 h-12 text-[#FFD700] mx-auto mb-4 animate-pulse" }), /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-white text-lg" }, "Searching...")) : results.length > 0 ? /* @__PURE__ */ import_react10.default.createElement("div", { className: `space-y-4 ${searchType === "images" && viewMode === "grid" ? "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 space-y-0" : ""}` }, results.map( (result, index) => searchType === "web" ? renderWebResult(result, index) : renderImageResult(result, index) )) : query && !isLoading ? /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Search, { className: "w-12 h-12 text-gray-600 mx-auto mb-4" }), /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-white text-lg mb-2" }, "No results found"), /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-gray-400" }, "Try different search terms or check your spelling")) : /* @__PURE__ */ import_react10.default.createElement("div", { className: "text-center py-12" }, /* @__PURE__ */ import_react10.default.createElement(import_lucide_react11.Search, { className: "w-16 h-16 text-gray-600 mx-auto mb-4" }), /* @__PURE__ */ import_react10.default.createElement("h3", { className: "text-xl font-semibold text-white mb-2" }, "Start Searching"), /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-gray-400 mb-6" }, "Enter a search query above to find web pages or images"), /* @__PURE__ */ import_react10.default.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 max-w-2xl mx-auto" }, [ "artificial intelligence", "web development", "machine learning", "react tutorials" ].map((suggestion) => /* @__PURE__ */ import_react10.default.createElement( "button", { key: suggestion, onClick: () => { setQuery(suggestion); handleSearch(suggestion); }, className: "p-3 bg-[#1a1a1a] border border-[#FFD700]/30 rounded-xl hover:border-[#FFD700] transition-colors text-white text-sm" }, suggestion )))), savedResults.length > 0 && /* @__PURE__ */ import_react10.default.createElement("div", { className: "fixed top-4 right-4 w-80 max-h-96 bg-[#2a2a2a] border border-[#FFD700] rounded-xl p-4 overflow-y-auto" }, /* @__PURE__ */ import_react10.default.createElement("h3", { className: "text-white font-semibold mb-3" }, "Saved Results"), /* @__PURE__ */ import_react10.default.createElement("div", { className: "space-y-2" }, savedResults.slice(0, 5).map((result, index) => /* @__PURE__ */ import_react10.default.createElement("div", { key: index, className: "p-2 bg-black/50 rounded-lg" }, /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-white text-sm font-medium truncate" }, result.title), /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-gray-400 text-xs" }, result.searchType === "web" ? result.displayLink : "Image")))), savedResults.length > 5 && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-gray-400 text-xs mt-2" }, "+", savedResults.length - 5, " more saved"))); } // virtual:/apps/web/src/components/ChatKingAI/ConversationArea.jsx init_injected_globals(); var import_react11 = __toESM(require_react()); var import_lucide_react12 = __toESM(require_lucide_react()); function ConversationArea({ conversation, isLoading }) { const messagesEndRef = (0, import_react11.useRef)(null); const scrollToBottom = () => { messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }); }; (0, import_react11.useEffect)(() => { scrollToBottom(); }, [conversation, isLoading]); const copyToClipboard = (text) => { navigator.clipboard.writeText(text); }; const formatTimestamp = (timestamp) => { return new Date(timestamp).toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" }); }; if (conversation.length === 0 && !isLoading) { return /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex-1 flex items-center justify-center text-center py-20" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "max-w-md mx-auto" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "relative mb-8" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-24 h-24 mx-auto bg-gradient-to-r from-[#FFD700] to-[#FFA500] rounded-full flex items-center justify-center shadow-2xl" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Crown, { className: "w-12 h-12 text-black" })), /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute -top-2 -right-2 w-8 h-8 bg-gradient-to-r from-[#8A2BE2] to-[#9932CC] rounded-full flex items-center justify-center" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Zap, { className: "w-4 h-4 text-white" }))), /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-2xl font-bold bg-gradient-to-r from-[#FFD700] to-[#FFA500] bg-clip-text text-transparent mb-4" }, "Ready to Chat with ChatKingAI"), /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-gray-400 mb-6" }, "Start your conversation and experience the power of AI-enhanced responses with knowledge base integration."), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-center space-x-4 text-sm text-gray-500" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Cpu, { className: "w-4 h-4" }), /* @__PURE__ */ import_react11.default.createElement("span", null, "Powered by OpenRouter")), /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-1 h-1 bg-gray-500 rounded-full" }), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Zap, { className: "w-4 h-4" }), /* @__PURE__ */ import_react11.default.createElement("span", null, "Google Gemma 3 27B"))))); } return /* @__PURE__ */ import_react11.default.createElement("div", { className: "space-y-6 pb-6" }, conversation.map((msg, index) => /* @__PURE__ */ import_react11.default.createElement( "div", { key: index, className: `flex ${msg.type === "user" ? "justify-end" : "justify-start"} animate-fade-in`, style: { animationDelay: `${index * 0.1}s` } }, msg.type === "user" ? ( // User message /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-start space-x-3 max-w-2xl" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex-shrink-0 w-10 h-10 bg-gradient-to-r from-[#8A2BE2] to-[#9932CC] rounded-full flex items-center justify-center shadow-lg" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.User, { className: "w-5 h-5 text-white" })), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "bg-gradient-to-r from-[#8A2BE2]/20 to-[#9932CC]/20 backdrop-blur-lg border border-[#8A2BE2]/30 rounded-2xl rounded-tl-sm px-6 py-4 shadow-lg" }, /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-white leading-relaxed whitespace-pre-wrap" }, msg.content)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-between mt-2 px-2" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-xs text-gray-500" }, msg.timestamp && formatTimestamp(msg.timestamp)), /* @__PURE__ */ import_react11.default.createElement( "button", { onClick: () => copyToClipboard(msg.content), className: "text-gray-500 hover:text-[#8A2BE2] transition-colors duration-200", title: "Copy message" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Copy, { className: "w-3 h-3" }) )))) ) : ( // AI message /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-start space-x-3 max-w-4xl" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex-shrink-0 w-10 h-10 bg-gradient-to-r from-[#FFD700] to-[#FFA500] rounded-full flex items-center justify-center shadow-lg" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Crown, { className: "w-5 h-5 text-black" })), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react11.default.createElement( "div", { className: `bg-gradient-to-br backdrop-blur-lg border-2 rounded-2xl rounded-tl-sm px-6 py-4 shadow-xl ${msg.error ? "from-red-900/20 to-red-800/20 border-red-500/50" : "from-[#2a2a2a]/80 to-[#1a1a1a]/80 border-[#FFD700]/30"}` }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-start space-x-3" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-white leading-relaxed whitespace-pre-wrap" }, msg.content), (msg.mode || msg.model || msg.processingTime) && /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-4 pt-3 border-t border-[#FFD700]/20 flex flex-wrap items-center gap-4 text-xs text-gray-400" }, msg.mode && /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Zap, { className: "w-3 h-3" }), /* @__PURE__ */ import_react11.default.createElement("span", null, msg.mode, " mode")), msg.model && /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Cpu, { className: "w-3 h-3" }), /* @__PURE__ */ import_react11.default.createElement("span", null, msg.model)), msg.processingTime && /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Clock, { className: "w-3 h-3" }), /* @__PURE__ */ import_react11.default.createElement("span", null, msg.processingTime, "ms")), msg.knowledgeUsed && /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "w-2 h-2 bg-green-400 rounded-full" }), /* @__PURE__ */ import_react11.default.createElement("span", null, "Knowledge enhanced"))))) ), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-between mt-2 px-2" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-xs text-gray-500" }, msg.timestamp && formatTimestamp(msg.timestamp)), /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ import_react11.default.createElement( "button", { onClick: () => copyToClipboard(msg.content), className: "text-gray-500 hover:text-[#FFD700] transition-colors duration-200 p-1 rounded", title: "Copy response" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Copy, { className: "w-3 h-3" }) ), /* @__PURE__ */ import_react11.default.createElement( "button", { className: "text-gray-500 hover:text-green-400 transition-colors duration-200 p-1 rounded", title: "Good response" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.ThumbsUp, { className: "w-3 h-3" }) ), /* @__PURE__ */ import_react11.default.createElement( "button", { className: "text-gray-500 hover:text-red-400 transition-colors duration-200 p-1 rounded", title: "Poor response" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.ThumbsDown, { className: "w-3 h-3" }) ), /* @__PURE__ */ import_react11.default.createElement( "button", { className: "text-gray-500 hover:text-blue-400 transition-colors duration-200 p-1 rounded", title: "Regenerate response" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.RefreshCw, { className: "w-3 h-3" }) ))))) ) )), isLoading && /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex justify-start animate-fade-in" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-start space-x-3 max-w-4xl" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex-shrink-0 w-10 h-10 bg-gradient-to-r from-[#FFD700] to-[#FFA500] rounded-full flex items-center justify-center shadow-lg" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react12.Crown, { className: "w-5 h-5 text-black animate-pulse" })), /* @__PURE__ */ import_react11.default.createElement("div", { className: "bg-gradient-to-br from-[#2a2a2a]/80 to-[#1a1a1a]/80 backdrop-blur-lg border-2 border-[#FFD700]/30 rounded-2xl rounded-tl-sm px-6 py-4 shadow-xl" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex space-x-1" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-2 h-2 bg-[#FFD700] rounded-full animate-bounce" }), /* @__PURE__ */ import_react11.default.createElement( "div", { className: "w-2 h-2 bg-[#FFD700] rounded-full animate-bounce", style: { animationDelay: "0.1s" } } ), /* @__PURE__ */ import_react11.default.createElement( "div", { className: "w-2 h-2 bg-[#FFD700] rounded-full animate-bounce", style: { animationDelay: "0.2s" } } )), /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-gray-400 text-sm" }, "ChatKingAI is thinking..."))))), /* @__PURE__ */ import_react11.default.createElement("div", { ref: messagesEndRef }), /* @__PURE__ */ import_react11.default.createElement("style", { jsx: true }, ` @keyframes fade-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in { animation: fade-in 0.5s ease-out forwards; } `)); } // virtual:/apps/web/src/components/ChatKingAI/MessageInput.jsx init_injected_globals(); var import_react12 = __toESM(require_react()); var import_lucide_react13 = __toESM(require_lucide_react()); function MessageInput({ message, setMessage, handleSendMessage, isLoading, selectedMode, currentModel }) { const [isFocused, setIsFocused] = (0, import_react12.useState)(false); const textareaRef = (0, import_react12.useRef)(null); const handleKeyPress = (e) => { if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); handleSendMessage(); } }; const handleSubmit = (e) => { e.preventDefault(); if (message.trim() && !isLoading) { handleSendMessage(); } }; const adjustTextareaHeight = () => { const textarea = textareaRef.current; if (textarea) { textarea.style.height = "auto"; textarea.style.height = Math.min(textarea.scrollHeight, 200) + "px"; } }; const handleInputChange = (e) => { setMessage(e.target.value); adjustTextareaHeight(); }; return /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-full max-w-4xl mx-auto" }, /* @__PURE__ */ import_react12.default.createElement("form", { onSubmit: handleSubmit, className: "relative" }, /* @__PURE__ */ import_react12.default.createElement( "div", { className: `bg-gradient-to-br from-[#2a2a2a]/80 to-[#1a1a1a]/80 backdrop-blur-lg border-2 transition-all duration-300 rounded-2xl shadow-2xl ${isFocused ? "border-[#FFD700] shadow-[0_0_30px_rgba(255,215,0,0.3)]" : "border-[#FFD700]/40 hover:border-[#FFD700]/60"}` }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center justify-between px-4 py-2 border-b border-[#FFD700]/20" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-2 h-2 bg-green-400 rounded-full animate-pulse" }), /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-xs text-gray-400" }, selectedMode?.charAt(0).toUpperCase() + selectedMode?.slice(1), " ", "Mode")), currentModel && /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center space-x-1 text-xs text-gray-500" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react13.Zap, { className: "w-3 h-3" }), /* @__PURE__ */ import_react12.default.createElement("span", null, currentModel))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-xs text-gray-500" }, message.length, "/2500")), /* @__PURE__ */ import_react12.default.createElement("div", { className: "p-4" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "relative" }, /* @__PURE__ */ import_react12.default.createElement( "textarea", { ref: textareaRef, value: message, onChange: handleInputChange, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), onKeyPress: handleKeyPress, placeholder: `Ask ChatKingAI anything in ${selectedMode} mode...`, className: "w-full min-h-[60px] max-h-[200px] bg-transparent text-white placeholder-gray-400 border-none outline-none resize-none text-lg leading-relaxed pr-12", style: { scrollbarWidth: "thin", scrollbarColor: "rgba(255, 215, 0, 0.3) transparent" }, disabled: isLoading } ), /* @__PURE__ */ import_react12.default.createElement("div", { className: "absolute right-2 bottom-2 flex items-center space-x-2" }, /* @__PURE__ */ import_react12.default.createElement( "button", { type: "button", className: "p-2 text-gray-400 hover:text-[#FFD700] transition-colors duration-200 rounded-lg hover:bg-[#FFD700]/10", title: "Attach file" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react13.Paperclip, { className: "w-4 h-4" }) ), /* @__PURE__ */ import_react12.default.createElement( "button", { type: "button", className: "p-2 text-gray-400 hover:text-[#FFD700] transition-colors duration-200 rounded-lg hover:bg-[#FFD700]/10", title: "Voice input" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react13.Mic, { className: "w-4 h-4" }) ), /* @__PURE__ */ import_react12.default.createElement( "button", { type: "button", className: "p-2 text-gray-400 hover:text-[#FFD700] transition-colors duration-200 rounded-lg hover:bg-[#FFD700]/10", title: "Emoji" }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react13.Smile, { className: "w-4 h-4" }) ))), /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center justify-between mt-4" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "text-sm text-gray-500 flex items-center space-x-4" }, /* @__PURE__ */ import_react12.default.createElement("span", null, "Shift + Enter for new line"), isLoading && /* @__PURE__ */ import_react12.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-1 h-1 bg-[#FFD700] rounded-full animate-pulse" }), /* @__PURE__ */ import_react12.default.createElement("span", { className: "text-[#FFD700]" }, "ChatKingAI is thinking..."))), /* @__PURE__ */ import_react12.default.createElement( "button", { type: "submit", disabled: !message.trim() || isLoading, className: `flex items-center space-x-2 px-6 py-3 rounded-xl font-semibold transition-all duration-300 transform ${!message.trim() || isLoading ? "bg-gray-600 text-gray-400 cursor-not-allowed" : "bg-gradient-to-r from-[#FFD700] to-[#FFA500] text-black hover:from-[#FFA500] hover:to-[#FFD700] hover:scale-105 shadow-lg hover:shadow-xl active:scale-95"}` }, isLoading ? /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-4 h-4 border-2 border-black/30 border-t-black rounded-full animate-spin" }), /* @__PURE__ */ import_react12.default.createElement("span", null, "Sending...")) : /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react13.Send, { className: "w-4 h-4" }), /* @__PURE__ */ import_react12.default.createElement("span", null, "Send to ChatKingAI")) ))) ), !message.trim() && !isLoading && /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-3 flex flex-wrap gap-2" }, [ "Explain quantum physics in simple terms", "Write a creative story about space", "Help me plan a weekend trip", "Generate a business idea", "Solve a math problem" ].map((suggestion, index) => /* @__PURE__ */ import_react12.default.createElement( "button", { key: index, onClick: () => setMessage(suggestion), className: "text-sm px-3 py-1.5 bg-[#2a2a2a]/60 hover:bg-[#FFD700]/20 border border-[#FFD700]/30 hover:border-[#FFD700]/60 rounded-lg text-gray-300 hover:text-white transition-all duration-200" }, suggestion ))))); } // virtual:/apps/web/src/components/ChatKingAI/ChatInterface.jsx var import_lucide_react14 = __toESM(require_lucide_react()); function ChatHeader({ selectedMode, currentModel, onModelChange, availableModels = [], modelLoadingError }) { const primaryTool = primaryTools.find((tool) => tool.id === selectedMode); if (primaryTool) { const Icon2 = primaryTool.icon; return /* @__PURE__ */ import_react13.default.createElement("div", { className: "bg-gradient-to-r from-black/90 via-[#1a1a1a]/90 to-black/90 backdrop-blur-lg border-b border-[#FFD700]/30 p-4 sticky top-0 z-20" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "p-3 bg-gradient-to-r from-[#FFD700] to-[#FFA500] rounded-xl shadow-lg" }, /* @__PURE__ */ import_react13.default.createElement(Icon2, { className: "w-6 h-6 text-black" })), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("h2", { className: "text-xl font-bold bg-gradient-to-r from-[#FFD700] to-[#FFA500] bg-clip-text text-transparent" }, primaryTool.title), /* @__PURE__ */ import_react13.default.createElement("p", { className: "text-gray-400 text-sm" }, primaryTool.description))), /* @__PURE__ */ import_react13.default.createElement( ModelSelector, { currentModel, onModelChange, availableModels, modelLoadingError } ))); } const toolConfig = getToolConfig(selectedMode); if (toolConfig) { const Icon2 = toolConfig.icon; return /* @__PURE__ */ import_react13.default.createElement("div", { className: "bg-gradient-to-r from-black/90 via-[#1a1a1a]/90 to-black/90 backdrop-blur-lg border-b border-[#FFD700]/30 p-4 sticky top-0 z-20" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "p-3 bg-gradient-to-r from-[#FFD700] to-[#FFA500] rounded-xl shadow-lg" }, /* @__PURE__ */ import_react13.default.createElement(Icon2, { className: "w-6 h-6 text-black" })), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("h2", { className: "text-xl font-bold bg-gradient-to-r from-[#FFD700] to-[#FFA500] bg-clip-text text-transparent" }, toolConfig.title), /* @__PURE__ */ import_react13.default.createElement("p", { className: "text-gray-400 text-sm" }, toolConfig.description))), /* @__PURE__ */ import_react13.default.createElement( ModelSelector, { currentModel, onModelChange, availableModels, modelLoadingError } ))); } const mode = modes.find((m) => m.id === selectedMode); if (!mode) return null; const Icon = mode.icon; return /* @__PURE__ */ import_react13.default.createElement("div", { className: "bg-gradient-to-r from-black/90 via-[#1a1a1a]/90 to-black/90 backdrop-blur-lg border-b border-[#FFD700]/30 p-4 sticky top-0 z-20" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center space-x-4" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "p-3 bg-gradient-to-r from-[#8A2BE2] to-[#9932CC] rounded-xl shadow-lg" }, /* @__PURE__ */ import_react13.default.createElement(Icon, { className: "w-6 h-6 text-white" })), /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("h2", { className: "text-xl font-bold bg-gradient-to-r from-white to-gray-300 bg-clip-text text-transparent" }, mode.title), /* @__PURE__ */ import_react13.default.createElement("p", { className: "text-gray-400 text-sm" }, mode.description))), /* @__PURE__ */ import_react13.default.createElement( ModelSelector, { currentModel, onModelChange, availableModels, modelLoadingError } ))); } function ModelSelector({ currentModel, onModelChange, availableModels, modelLoadingError }) { const [isOpen, setIsOpen] = (0, import_react13.useState)(false); const getCurrentModelInfo = () => { const model = availableModels.find((m) => m.id === currentModel); return model || { name: "Gemma 3 27B", provider: "google", free: true }; }; const modelInfo = getCurrentModelInfo(); return /* @__PURE__ */ import_react13.default.createElement("div", { className: "relative" }, modelLoadingError && /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute -top-2 -right-2 w-3 h-3 bg-red-500 rounded-full animate-pulse z-10" }), /* @__PURE__ */ import_react13.default.createElement( "button", { onClick: () => setIsOpen(!isOpen), className: "flex items-center space-x-3 bg-gradient-to-r from-[#2a2a2a] to-[#1a1a1a] border border-[#FFD700]/40 rounded-xl px-4 py-2 text-white hover:border-[#FFD700] transition-all duration-300 min-w-[200px]" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ import_react13.default.createElement(import_lucide_react14.Cpu, { className: "w-4 h-4 text-[#FFD700]" }), /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-left" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-sm font-medium" }, modelInfo.name), /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-xs text-gray-400" }, modelInfo.provider, " ", modelInfo.free && "\u2022 Free"))), /* @__PURE__ */ import_react13.default.createElement( import_lucide_react14.ChevronDown, { className: `w-4 h-4 text-[#FFD700] transition-transform duration-300 ${isOpen ? "rotate-180" : ""}` } ) ), isOpen && /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement( "div", { className: "fixed inset-0 z-40", onClick: () => setIsOpen(false) } ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "absolute right-0 top-full mt-2 w-80 bg-gradient-to-br from-[#1a1a1a] to-black border border-[#FFD700]/30 rounded-xl shadow-2xl z-50 backdrop-blur-lg" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "p-4" }, /* @__PURE__ */ import_react13.default.createElement("h3", { className: "text-white font-semibold mb-3 flex items-center space-x-2" }, /* @__PURE__ */ import_react13.default.createElement(import_lucide_react14.Cloud, { className: "w-4 h-4 text-[#FFD700]" }), /* @__PURE__ */ import_react13.default.createElement("span", null, "Select AI Model"), modelLoadingError && /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-red-400 text-xs" }, "(Error)")), /* @__PURE__ */ import_react13.default.createElement("div", { className: "space-y-2 max-h-64 overflow-y-auto scrollbar-thin scrollbar-thumb-[#FFD700]/30 scrollbar-track-transparent" }, availableModels.map((model) => /* @__PURE__ */ import_react13.default.createElement( "button", { key: model.id, onClick: () => { onModelChange(model.id); setIsOpen(false); }, className: `w-full text-left p-3 rounded-lg transition-all duration-300 ${currentModel === model.id ? "bg-gradient-to-r from-[#FFD700]/20 to-[#FFA500]/20 border border-[#FFD700]/50 shadow-lg" : "bg-black/30 hover:bg-gradient-to-r hover:from-[#FFD700]/10 hover:to-[#FFA500]/10 border border-transparent hover:border-[#FFD700]/30"}` }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-white font-medium flex items-center space-x-2" }, /* @__PURE__ */ import_react13.default.createElement("span", null, model.name), model.free && /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-xs bg-green-500/20 text-green-400 px-2 py-0.5 rounded-full" }, "FREE")), /* @__PURE__ */ import_react13.default.createElement("div", { className: "text-sm text-gray-400" }, model.provider, model.recommended && " \u2022 Recommended")), currentModel === model.id && /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center space-x-1" }, /* @__PURE__ */ import_react13.default.createElement(import_lucide_react14.Activity, { className: "w-4 h-4 text-[#FFD700] animate-pulse" }), /* @__PURE__ */ import_react13.default.createElement("span", { className: "text-xs text-[#FFD700]" }, "Active"))) ))), /* @__PURE__ */ import_react13.default.createElement("div", { className: "mt-4 pt-3 border-t border-[#FFD700]/20" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center space-x-2 text-xs text-gray-500" }, /* @__PURE__ */ import_react13.default.createElement(import_lucide_react14.Zap, { className: "w-3 h-3 text-[#FFD700]" }), /* @__PURE__ */ import_react13.default.createElement("span", null, "Powered by OpenRouter \u2022 Real-time model switching"))))))); } function ChatInterface({ selectedMode, conversation, isLoading, message, setMessage, handleSendMessage, currentModel = "gemma-3-27b", onModelChange = () => { }, availableModels = [], modelLoadingError }) { const conversationEndRef = (0, import_react13.useRef)(null); const conversationContainerRef = (0, import_react13.useRef)(null); (0, import_react13.useEffect)(() => { if (conversationEndRef.current) { conversationEndRef.current.scrollIntoView({ behavior: "smooth", block: "end" }); } }, [conversation, isLoading]); if (selectedMode === "webview") { return /* @__PURE__ */ import_react13.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react13.default.createElement(WebViewTool, null)); } if (selectedMode === "maps") { return /* @__PURE__ */ import_react13.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react13.default.createElement(MapsView, null)); } if (selectedMode === "results") { return /* @__PURE__ */ import_react13.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react13.default.createElement(ResultsView, null)); } const toolConfig = getToolConfig(selectedMode); if (toolConfig) { return /* @__PURE__ */ import_react13.default.createElement("div", { className: "h-full flex flex-col" }, /* @__PURE__ */ import_react13.default.createElement( ChatHeader, { selectedMode, currentModel, onModelChange, availableModels, modelLoadingError } ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex-1 overflow-hidden p-6" }, /* @__PURE__ */ import_react13.default.createElement(ToolInterface, { toolId: selectedMode, toolConfig }))); } return /* @__PURE__ */ import_react13.default.createElement("div", { className: "h-full flex flex-col max-w-5xl mx-auto" }, /* @__PURE__ */ import_react13.default.createElement( ChatHeader, { selectedMode, currentModel, onModelChange, availableModels, modelLoadingError } ), /* @__PURE__ */ import_react13.default.createElement( "div", { ref: conversationContainerRef, className: "flex-1 overflow-y-auto overflow-x-hidden px-6 py-6 scrollbar-thin scrollbar-thumb-[#FFD700]/30 scrollbar-track-transparent hover:scrollbar-thumb-[#FFD700]/50 scroll-smooth", style: { scrollbarWidth: "thin", scrollbarColor: "rgba(255, 215, 0, 0.3) transparent" } }, /* @__PURE__ */ import_react13.default.createElement(ConversationArea, { conversation, isLoading }), /* @__PURE__ */ import_react13.default.createElement("div", { ref: conversationEndRef, className: "h-4" }) ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "bg-gradient-to-t from-black via-black/95 to-transparent p-6 border-t border-[#FFD700]/20 backdrop-blur-lg" }, /* @__PURE__ */ import_react13.default.createElement( MessageInput, { message, setMessage, handleSendMessage, isLoading, selectedMode, currentModel } ))); } // virtual:/apps/web/src/components/ChatKingAI/Footer.jsx init_injected_globals(); var import_react14 = __toESM(require_react()); function Footer({ showLegal }) { return /* @__PURE__ */ import_react14.default.createElement("div", { className: "mt-16 pt-8 border-t border-[#3a3a3a] text-center" }, /* @__PURE__ */ import_react14.default.createElement("p", { className: "text-gray-400" }, "ChatKingAI \u2013 Owned and Operated by", " ", /* @__PURE__ */ import_react14.default.createElement("span", { className: "text-[#FFD700] font-semibold" }, "Jeremiah Sewell"), " \xA9 2025"), /* @__PURE__ */ import_react14.default.createElement("div", { className: "mt-4 space-x-6 text-sm" }, /* @__PURE__ */ import_react14.default.createElement( "button", { onClick: () => showLegal("privacy"), className: "text-[#8A2BE2] hover:text-[#9932CC]" }, "Privacy Policy" ), /* @__PURE__ */ import_react14.default.createElement( "button", { onClick: () => showLegal("terms"), className: "text-[#8A2BE2] hover:text-[#9932CC]" }, "Terms of Use" ), /* @__PURE__ */ import_react14.default.createElement( "button", { onClick: () => showLegal("user-agreement"), className: "text-[#8A2BE2] hover:text-[#9932CC]" }, "User Agreement" ), /* @__PURE__ */ import_react14.default.createElement( "button", { onClick: () => showLegal("owner-statement"), className: "text-[#8A2BE2] hover:text-[#9932CC]" }, "Owner Statement" ))); } // virtual:/apps/web/src/components/ChatKingAI/SubmissionModal.jsx init_injected_globals(); var import_react15 = __toESM(require_react()); var import_lucide_react15 = __toESM(require_lucide_react()); function SubmissionModal({ setShowSubmissionModal }) { const [submissionSubject, setSubmissionSubject] = (0, import_react15.useState)(""); const [submissionMessage, setSubmissionMessage] = (0, import_react15.useState)(""); const [submissionLoading, setSubmissionLoading] = (0, import_react15.useState)(false); const [submissionSuccess, setSubmissionSuccess] = (0, import_react15.useState)(""); const [submissionError, setSubmissionError] = (0, import_react15.useState)(""); const handleSubmitSuggestion = async () => { if (!submissionSubject.trim() || !submissionMessage.trim()) { setSubmissionError("Both subject and message are required"); return; } setSubmissionLoading(true); setSubmissionError(""); try { const response = await fetch("/api/submit", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ subject: submissionSubject, message: submissionMessage }) }); if (response.ok) { const data = await response.json(); setSubmissionSuccess(data.message); setSubmissionSubject(""); setSubmissionMessage(""); setTimeout(() => { setShowSubmissionModal(false); setSubmissionSuccess(""); }, 3e3); } else { const error = await response.json(); setSubmissionError(error.error || "Failed to submit suggestion"); } } catch (error) { setSubmissionError("Network error. Please try again."); } finally { setSubmissionLoading(false); } }; return /* @__PURE__ */ import_react15.default.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-75 z-50 flex items-center justify-center p-6" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "bg-gradient-to-br from-[#2a2a2a] to-[#1a1a1a] border border-[#FFD700] rounded-3xl p-8 max-w-2xl w-full max-h-[80vh] overflow-y-auto" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center" }, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react15.Plus, { className: "w-8 h-8 text-[#FFD700] mr-3" }), /* @__PURE__ */ import_react15.default.createElement("h2", { className: "text-2xl font-bold text-[#FFD700]" }, "Suggest Knowledge Addition")), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setShowSubmissionModal(false), className: "p-2 hover:bg-[#3a3a3a] rounded-xl transition-colors" }, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react15.X, { size: 24, className: "text-white" }) )), /* @__PURE__ */ import_react15.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "bg-gradient-to-r from-[#8A2BE2]/20 to-[#9932CC]/20 border border-[#8A2BE2] rounded-2xl p-4" }, /* @__PURE__ */ import_react15.default.createElement("p", { className: "text-white text-sm" }, "Help expand the Gashy knowledge index! Suggest topics, facts, or information that you'd like ChatKingAI to learn. Your submission will be reviewed by Jeremiah Sewell and potentially added to the knowledge base.")), submissionSuccess && /* @__PURE__ */ import_react15.default.createElement("div", { className: "bg-green-500/20 border border-green-500 rounded-xl p-4 text-green-400" }, submissionSuccess), submissionError && /* @__PURE__ */ import_react15.default.createElement("div", { className: "bg-red-500/20 border border-red-500 rounded-xl p-4 text-red-400" }, submissionError), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("label", { className: "block text-white text-sm font-medium mb-2" }, "Subject"), /* @__PURE__ */ import_react15.default.createElement( "input", { type: "text", value: submissionSubject, onChange: (e) => setSubmissionSubject(e.target.value), className: "w-full bg-black border border-[#FFD700] rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-[#FFD700]", placeholder: "Brief topic or subject (e.g., 'Quantum Computing Basics')", maxLength: 200 } ), /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-xs text-gray-400 mt-1" }, submissionSubject.length, "/200 characters")), /* @__PURE__ */ import_react15.default.createElement("div", null, /* @__PURE__ */ import_react15.default.createElement("label", { className: "block text-white text-sm font-medium mb-2" }, "Message"), /* @__PURE__ */ import_react15.default.createElement( "textarea", { value: submissionMessage, onChange: (e) => setSubmissionMessage(e.target.value), className: "w-full bg-black border border-[#FFD700] rounded-xl px-4 py-3 text-white focus:outline-none focus:ring-2 focus:ring-[#FFD700] min-h-[120px]", placeholder: "Describe the knowledge, facts, or information you'd like to suggest. Include sources if possible...", maxLength: 2500 } ), /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-xs text-gray-400 mt-1" }, submissionMessage.length, "/2500 characters")), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex space-x-4" }, /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: () => setShowSubmissionModal(false), className: "flex-1 bg-gradient-to-r from-[#3a3a3a] to-[#2a2a2a] text-white py-3 rounded-xl font-medium hover:from-[#4a4a4a] hover:to-[#3a3a3a] transition-colors" }, "Cancel" ), /* @__PURE__ */ import_react15.default.createElement( "button", { onClick: handleSubmitSuggestion, disabled: !submissionSubject.trim() || !submissionMessage.trim() || submissionLoading, className: "flex-1 bg-gradient-to-r from-[#FFD700] to-[#FFA500] text-black py-3 rounded-xl font-bold hover:from-[#FFA500] hover:to-[#FFD700] disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-300" }, submissionLoading ? /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement("div", { className: "w-4 h-4 border-2 border-black border-t-transparent rounded-full animate-spin inline mr-2" }), "Submitting...") : /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(import_lucide_react15.Send, { size: 16, className: "inline mr-2" }), "Submit to Jeremiah") ))))); } // virtual:/apps/web/src/components/ChatKingAI/CookieBanner.jsx init_injected_globals(); var import_react16 = __toESM(require_react()); var import_lucide_react16 = __toESM(require_lucide_react()); function CookieBanner() { const [showBanner, setShowBanner] = (0, import_react16.useState)(false); const [showCustomize, setShowCustomize] = (0, import_react16.useState)(false); const [preferences, setPreferences] = (0, import_react16.useState)({ essential: true, // Always required analytics: true, personalization: true, marketing: false }); (0, import_react16.useEffect)(() => { const cookieChoice = localStorage.getItem("chatkingai_cookie_choice"); if (!cookieChoice) { setShowBanner(true); } else { const savedPrefs = localStorage.getItem("chatkingai_cookie_prefs"); if (savedPrefs) { setPreferences(JSON.parse(savedPrefs)); } } }, []); const saveCookiePreferences = (prefs) => { localStorage.setItem("chatkingai_cookie_choice", "made"); localStorage.setItem("chatkingai_cookie_prefs", JSON.stringify(prefs)); setPreferences(prefs); setShowBanner(false); setShowCustomize(false); applyCookieSettings(prefs); }; const applyCookieSettings = (prefs) => { if (!prefs.analytics) { localStorage.removeItem("chatkingai_analytics_enabled"); } else { localStorage.setItem("chatkingai_analytics_enabled", "true"); } if (!prefs.personalization) { localStorage.removeItem("chatkingai_personalization_enabled"); localStorage.removeItem("chatkingai_user_preferences"); } else { localStorage.setItem("chatkingai_personalization_enabled", "true"); } if (!prefs.marketing) { localStorage.removeItem("chatkingai_marketing_enabled"); } else { localStorage.setItem("chatkingai_marketing_enabled", "true"); } }; const handleAcceptAll = () => { const allAccepted = { essential: true, analytics: true, personalization: true, marketing: true }; saveCookiePreferences(allAccepted); }; const handleRejectAll = () => { const essentialOnly = { essential: true, analytics: false, personalization: false, marketing: false }; saveCookiePreferences(essentialOnly); }; const handleCustomize = () => { setShowCustomize(true); }; const handleSaveCustom = () => { saveCookiePreferences(preferences); }; const updatePreference = (type, value) => { setPreferences((prev) => ({ ...prev, [type]: value })); }; if (!showBanner) return null; return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement("div", { className: "fixed inset-0 bg-black/80 backdrop-blur-sm z-50 flex items-end justify-center p-4" }, !showCustomize ? /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-gradient-to-br from-[#2a2a2a] to-[#1a1a1a] border-2 border-[#FFD700] rounded-3xl p-8 max-w-4xl w-full shadow-2xl transform transition-all duration-300 animate-slide-up" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-start space-x-6" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "p-4 bg-[#FFD700] rounded-2xl" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.Cookie, { className: "w-8 h-8 text-black" })), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex-1" }, /* @__PURE__ */ import_react16.default.createElement("h2", { className: "text-2xl font-bold text-white mb-4" }, "We use cookies on ", /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-[#FFD700]" }, "ChatKingAI")), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-gray-300 text-lg mb-6 leading-relaxed" }, "We use cookies on ChatKingAI to operate features and improve quality. Our cookies help us:"), /* @__PURE__ */ import_react16.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-8" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-black/30 rounded-xl p-4" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center space-x-2 mb-2" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.Shield, { className: "w-5 h-5 text-[#FFD700]" }), /* @__PURE__ */ import_react16.default.createElement("h4", { className: "font-semibold text-white" }, "Essential")), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-gray-400 text-sm" }, "Required for core functionality, security, and user authentication.")), /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-black/30 rounded-xl p-4" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center space-x-2 mb-2" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.BarChart3, { className: "w-5 h-5 text-[#0080FF]" }), /* @__PURE__ */ import_react16.default.createElement("h4", { className: "font-semibold text-white" }, "Analytics")), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-gray-400 text-sm" }, "Help us understand usage patterns and improve the platform.")), /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-black/30 rounded-xl p-4" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center space-x-2 mb-2" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.Zap, { className: "w-5 h-5 text-[#8A2BE2]" }), /* @__PURE__ */ import_react16.default.createElement("h4", { className: "font-semibold text-white" }, "Personalization")), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-gray-400 text-sm" }, "Remember your preferences and provide personalized experiences."))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex flex-col sm:flex-row space-y-3 sm:space-y-0 sm:space-x-4" }, /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: handleAcceptAll, className: "bg-gradient-to-r from-[#FFD700] to-[#FFA500] text-black font-bold py-4 px-8 rounded-xl hover:from-[#FFA500] hover:to-[#FFD700] transition-all duration-300 flex items-center justify-center space-x-2 flex-1" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.Check, { className: "w-5 h-5" }), /* @__PURE__ */ import_react16.default.createElement("span", null, "Accept All Cookies") ), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: handleRejectAll, className: "bg-gray-600 hover:bg-gray-700 text-white font-semibold py-4 px-8 rounded-xl transition-all duration-300 flex items-center justify-center space-x-2 flex-1" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.X, { className: "w-5 h-5" }), /* @__PURE__ */ import_react16.default.createElement("span", null, "Reject All") ), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: handleCustomize, className: "bg-transparent border-2 border-[#FFD700] text-[#FFD700] font-semibold py-4 px-8 rounded-xl hover:bg-[#FFD700]/10 transition-all duration-300 flex items-center justify-center space-x-2 flex-1" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.Settings, { className: "w-5 h-5" }), /* @__PURE__ */ import_react16.default.createElement("span", null, "Customize") )), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-gray-500 text-xs mt-4 text-center" }, "By continuing to use ChatKingAI, you agree to our cookie policy. You can change your preferences anytime in settings.")))) : ( /* Customize Panel */ /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-gradient-to-br from-[#2a2a2a] to-[#1a1a1a] border-2 border-[#FFD700] rounded-3xl p-8 max-w-3xl w-full shadow-2xl" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center space-x-4 mb-6" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "p-3 bg-[#FFD700] rounded-xl" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.Settings, { className: "w-6 h-6 text-black" })), /* @__PURE__ */ import_react16.default.createElement("h2", { className: "text-2xl font-bold text-white" }, "Customize Cookie Preferences")), /* @__PURE__ */ import_react16.default.createElement("div", { className: "space-y-6" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-black/30 rounded-xl p-6" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.Shield, { className: "w-6 h-6 text-[#FFD700]" }), /* @__PURE__ */ import_react16.default.createElement("h3", { className: "text-lg font-semibold text-white" }, "Essential Cookies")), /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-[#FFD700] text-black px-3 py-1 rounded-full text-sm font-semibold" }, "Always Active")), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-gray-400" }, "These cookies are necessary for the website to function and cannot be switched off. They enable core functionality like security, authentication, and accessibility features.")), /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-black/30 rounded-xl p-6" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.BarChart3, { className: "w-6 h-6 text-[#0080FF]" }), /* @__PURE__ */ import_react16.default.createElement("h3", { className: "text-lg font-semibold text-white" }, "Analytics Cookies")), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => updatePreference("analytics", !preferences.analytics), className: `w-12 h-6 rounded-full transition-all duration-300 ${preferences.analytics ? "bg-[#FFD700]" : "bg-gray-600"}` }, /* @__PURE__ */ import_react16.default.createElement("div", { className: `w-4 h-4 bg-white rounded-full transition-transform duration-300 ${preferences.analytics ? "translate-x-7" : "translate-x-1"}` }) )), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-gray-400" }, "These cookies help us understand how visitors interact with ChatKingAI by collecting and reporting information anonymously. This helps us improve the platform.")), /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-black/30 rounded-xl p-6" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react16.default.createElement(import_lucide_react16.Zap, { className: "w-6 h-6 text-[#8A2BE2]" }), /* @__PURE__ */ import_react16.default.createElement("h3", { className: "text-lg font-semibold text-white" }, "Personalization Cookies")), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => updatePreference("personalization", !preferences.personalization), className: `w-12 h-6 rounded-full transition-all duration-300 ${preferences.personalization ? "bg-[#FFD700]" : "bg-gray-600"}` }, /* @__PURE__ */ import_react16.default.createElement("div", { className: `w-4 h-4 bg-white rounded-full transition-transform duration-300 ${preferences.personalization ? "translate-x-7" : "translate-x-1"}` }) )), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-gray-400" }, "These cookies remember your preferences and choices to provide a more personalized experience, including your favorite AI modes and interface settings.")), /* @__PURE__ */ import_react16.default.createElement("div", { className: "bg-black/30 rounded-xl p-6" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center justify-between mb-3" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex items-center space-x-3" }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "w-6 h-6 bg-gradient-to-r from-[#FF4500] to-[#FF6347] rounded-full flex items-center justify-center" }, /* @__PURE__ */ import_react16.default.createElement("span", { className: "text-white text-xs font-bold" }, "M")), /* @__PURE__ */ import_react16.default.createElement("h3", { className: "text-lg font-semibold text-white" }, "Marketing Cookies")), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => updatePreference("marketing", !preferences.marketing), className: `w-12 h-6 rounded-full transition-all duration-300 ${preferences.marketing ? "bg-[#FFD700]" : "bg-gray-600"}` }, /* @__PURE__ */ import_react16.default.createElement("div", { className: `w-4 h-4 bg-white rounded-full transition-transform duration-300 ${preferences.marketing ? "translate-x-7" : "translate-x-1"}` }) )), /* @__PURE__ */ import_react16.default.createElement("p", { className: "text-gray-400" }, "These cookies track your activity across websites to deliver more relevant advertisements and measure the effectiveness of advertising campaigns."))), /* @__PURE__ */ import_react16.default.createElement("div", { className: "flex space-x-4 mt-8" }, /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: handleSaveCustom, className: "bg-gradient-to-r from-[#FFD700] to-[#FFA500] text-black font-bold py-3 px-8 rounded-xl hover:from-[#FFA500] hover:to-[#FFD700] transition-all duration-300 flex-1" }, "Save Preferences" ), /* @__PURE__ */ import_react16.default.createElement( "button", { onClick: () => setShowCustomize(false), className: "bg-gray-600 hover:bg-gray-700 text-white font-semibold py-3 px-8 rounded-xl transition-all duration-300" }, "Back" ))) )), /* @__PURE__ */ import_react16.default.createElement("style", { jsx: true }, ` @keyframes slide-up { from { transform: translateY(100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .animate-slide-up { animation: slide-up 0.5s ease-out; } `)); } // virtual:/apps/web/src/app/page.jsx function ChatKingAI() { const { selectedMode, setSelectedMode, message, setMessage, showAgeVerification, showSubmissionModal, setShowSubmissionModal, sidebarOpen, setSidebarOpen, birthMonth, setBirthMonth, birthDay, setBirthDay, birthYear, setBirthYear, conversation, isLoading, isInitialLoading, handleAgeVerification, showLegal, handleSendMessage, user, isAuthenticated, logout, // OpenRouter integration currentModel, availableModels, handleModelChange, modelLoadingError } = useChatKingAI(); if (isInitialLoading) { return /* @__PURE__ */ import_react17.default.createElement(LoadingScreen, null); } if (showAgeVerification) { return /* @__PURE__ */ import_react17.default.createElement( AgeVerification, { birthMonth, setBirthMonth, birthDay, setBirthDay, birthYear, setBirthYear, handleAgeVerification, showLegal } ); } return /* @__PURE__ */ import_react17.default.createElement("div", { className: "h-screen overflow-hidden bg-gradient-to-br from-black via-[#0a0a0a] to-[#1a1a1a] text-white" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "absolute inset-0 overflow-hidden pointer-events-none" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "absolute -inset-10 opacity-30" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "absolute top-1/4 left-1/4 w-96 h-96 bg-[#FFD700]/10 rounded-full mix-blend-multiply filter blur-xl animate-blob" }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "absolute top-1/3 right-1/4 w-96 h-96 bg-[#8A2BE2]/10 rounded-full mix-blend-multiply filter blur-xl animate-blob animation-delay-2000" }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "absolute bottom-1/4 left-1/3 w-96 h-96 bg-[#FFA500]/10 rounded-full mix-blend-multiply filter blur-xl animate-blob animation-delay-4000" }))), isAuthenticated && user?.isOwner && /* @__PURE__ */ import_react17.default.createElement("div", { className: "fixed top-4 right-4 z-50" }, /* @__PURE__ */ import_react17.default.createElement( "a", { href: "/admin/dashboard", className: "bg-gradient-to-r from-[#FFD700] to-[#FFA500] text-black px-4 py-2 rounded-xl font-semibold hover:from-[#FFA500] hover:to-[#FFD700] transition-all duration-300 shadow-lg text-sm backdrop-blur-lg" }, "\u{1F451} Admin Control Panel" )), modelLoadingError && /* @__PURE__ */ import_react17.default.createElement("div", { className: "fixed top-4 left-1/2 transform -translate-x-1/2 z-40" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "bg-red-500/20 border border-red-500 rounded-xl px-4 py-2 text-red-400 text-sm backdrop-blur-lg" }, "\u26A0\uFE0F ", modelLoadingError, " - Using fallback responses")), /* @__PURE__ */ import_react17.default.createElement(MobileHeader, { setSidebarOpen }), /* @__PURE__ */ import_react17.default.createElement( Sidebar, { sidebarOpen, setSidebarOpen, selectedMode, setSelectedMode, setShowSubmissionModal, user, isAuthenticated, logout } ), /* @__PURE__ */ import_react17.default.createElement("main", { className: "lg:ml-80 h-full flex flex-col" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "lg:hidden h-20 flex-shrink-0" }), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex-1 flex flex-col overflow-hidden" }, !selectedMode ? /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex-1 flex flex-col" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex-1 p-6 lg:p-12 overflow-y-auto" }, /* @__PURE__ */ import_react17.default.createElement(WelcomeScreen, null)), /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex-shrink-0 p-6 lg:px-12" }, /* @__PURE__ */ import_react17.default.createElement(Footer, { showLegal }))) : /* @__PURE__ */ import_react17.default.createElement("div", { className: "flex-1 flex flex-col" }, /* @__PURE__ */ import_react17.default.createElement( ChatInterface, { selectedMode, conversation, isLoading, message, setMessage, handleSendMessage, currentModel, onModelChange: handleModelChange, availableModels, modelLoadingError } )))), showSubmissionModal && /* @__PURE__ */ import_react17.default.createElement(SubmissionModal, { setShowSubmissionModal }), /* @__PURE__ */ import_react17.default.createElement(CookieBanner, null), /* @__PURE__ */ import_react17.default.createElement("style", { jsx: true, global: true }, ` @keyframes neonGlow { 0%, 100% { box-shadow: 0 0 5px #ffd700, 0 0 10px #ffd700, 0 0 15px #ffd700; } 50% { box-shadow: 0 0 10px #ffd700, 0 0 20px #ffd700, 0 0 30px #ffd700; } } @keyframes blob { 0% { transform: translate(0px, 0px) scale(1); } 33% { transform: translate(30px, -50px) scale(1.1); } 66% { transform: translate(-20px, 20px) scale(0.9); } 100% { transform: translate(0px, 0px) scale(1); } } .neon-glow { animation: neonGlow 2s infinite alternate; } .animate-blob { animation: blob 7s infinite; } .animation-delay-2000 { animation-delay: 2s; } .animation-delay-4000 { animation-delay: 4s; } /* Custom scrollbar styles */ .scrollbar-thin { scrollbar-width: thin; } .scrollbar-thumb-[#FFD700]/30::-webkit-scrollbar-thumb { background-color: rgba(255, 215, 0, 0.3); } .scrollbar-track-transparent::-webkit-scrollbar-track { background-color: transparent; } .hover:scrollbar-thumb-[#FFD700]/50:hover::-webkit-scrollbar-thumb { background-color: rgba(255, 215, 0, 0.5); } ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: rgba(255, 215, 0, 0.3); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: rgba(255, 215, 0, 0.5); } `)); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); // ../../../node_modules/@tanstack/react-query/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/index.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/subscribable.js init_injected_globals(); var Subscribable = class { constructor() { this.listeners = /* @__PURE__ */ new Set(); this.subscribe = this.subscribe.bind(this); } subscribe(listener) { this.listeners.add(listener); this.onSubscribe(); return () => { this.listeners.delete(listener); this.onUnsubscribe(); }; } hasListeners() { return this.listeners.size > 0; } onSubscribe() { } onUnsubscribe() { } }; // ../../../node_modules/@tanstack/query-core/build/modern/utils.js init_injected_globals(); var isServer = typeof window === "undefined" || "Deno" in globalThis; function noop() { } function functionalUpdate(updater, input) { return typeof updater === "function" ? updater(input) : updater; } function isValidTimeout(value) { return typeof value === "number" && value >= 0 && value !== Infinity; } function timeUntilStale(updatedAt, staleTime) { return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0); } function resolveStaleTime(staleTime, query) { return typeof staleTime === "function" ? staleTime(query) : staleTime; } function resolveEnabled(enabled, query) { return typeof enabled === "function" ? enabled(query) : enabled; } function matchQuery(filters, query) { const { type = "all", exact, fetchStatus, predicate, queryKey, stale } = filters; if (queryKey) { if (exact) { if (query.queryHash !== hashQueryKeyByOptions(queryKey, query.options)) { return false; } } else if (!partialMatchKey(query.queryKey, queryKey)) { return false; } } if (type !== "all") { const isActive = query.isActive(); if (type === "active" && !isActive) { return false; } if (type === "inactive" && isActive) { return false; } } if (typeof stale === "boolean" && query.isStale() !== stale) { return false; } if (fetchStatus && fetchStatus !== query.state.fetchStatus) { return false; } if (predicate && !predicate(query)) { return false; } return true; } function matchMutation(filters, mutation) { const { exact, status, predicate, mutationKey } = filters; if (mutationKey) { if (!mutation.options.mutationKey) { return false; } if (exact) { if (hashKey(mutation.options.mutationKey) !== hashKey(mutationKey)) { return false; } } else if (!partialMatchKey(mutation.options.mutationKey, mutationKey)) { return false; } } if (status && mutation.state.status !== status) { return false; } if (predicate && !predicate(mutation)) { return false; } return true; } function hashQueryKeyByOptions(queryKey, options) { const hashFn = options?.queryKeyHashFn || hashKey; return hashFn(queryKey); } function hashKey(queryKey) { return JSON.stringify( queryKey, (_, val) => isPlainObject(val) ? Object.keys(val).sort().reduce((result, key) => { result[key] = val[key]; return result; }, {}) : val ); } function partialMatchKey(a, b) { if (a === b) { return true; } if (typeof a !== typeof b) { return false; } if (a && b && typeof a === "object" && typeof b === "object") { return Object.keys(b).every((key) => partialMatchKey(a[key], b[key])); } return false; } function replaceEqualDeep(a, b) { if (a === b) { return a; } const array = isPlainArray(a) && isPlainArray(b); if (array || isPlainObject(a) && isPlainObject(b)) { const aItems = array ? a : Object.keys(a); const aSize = aItems.length; const bItems = array ? b : Object.keys(b); const bSize = bItems.length; const copy = array ? [] : {}; let equalItems = 0; for (let i = 0; i < bSize; i++) { const key = array ? i : bItems[i]; if ((!array && aItems.includes(key) || array) && a[key] === void 0 && b[key] === void 0) { copy[key] = void 0; equalItems++; } else { copy[key] = replaceEqualDeep(a[key], b[key]); if (copy[key] === a[key] && a[key] !== void 0) { equalItems++; } } } return aSize === bSize && equalItems === aSize ? a : copy; } return b; } function isPlainArray(value) { return Array.isArray(value) && value.length === Object.keys(value).length; } function isPlainObject(o) { if (!hasObjectPrototype(o)) { return false; } const ctor = o.constructor; if (ctor === void 0) { return true; } const prot = ctor.prototype; if (!hasObjectPrototype(prot)) { return false; } if (!prot.hasOwnProperty("isPrototypeOf")) { return false; } if (Object.getPrototypeOf(o) !== Object.prototype) { return false; } return true; } function hasObjectPrototype(o) { return Object.prototype.toString.call(o) === "[object Object]"; } function sleep(timeout) { return new Promise((resolve) => { setTimeout(resolve, timeout); }); } function replaceData(prevData, data, options) { if (typeof options.structuralSharing === "function") { return options.structuralSharing(prevData, data); } else if (options.structuralSharing !== false) { if (true) { try { return replaceEqualDeep(prevData, data); } catch (error) { console.error( `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error}` ); throw error; } } return replaceEqualDeep(prevData, data); } return data; } function addToEnd(items, item, max = 0) { const newItems = [...items, item]; return max && newItems.length > max ? newItems.slice(1) : newItems; } function addToStart(items, item, max = 0) { const newItems = [item, ...items]; return max && newItems.length > max ? newItems.slice(0, -1) : newItems; } var skipToken = Symbol(); function ensureQueryFn(options, fetchOptions) { if (true) { if (options.queryFn === skipToken) { console.error( `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'` ); } } if (!options.queryFn && fetchOptions?.initialPromise) { return () => fetchOptions.initialPromise; } if (!options.queryFn || options.queryFn === skipToken) { return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`)); } return options.queryFn; } // ../../../node_modules/@tanstack/query-core/build/modern/focusManager.js var FocusManager = class extends Subscribable { #focused; #cleanup; #setup; constructor() { super(); this.#setup = (onFocus) => { if (!isServer && window.addEventListener) { const listener = () => onFocus(); window.addEventListener("visibilitychange", listener, false); return () => { window.removeEventListener("visibilitychange", listener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup((focused) => { if (typeof focused === "boolean") { this.setFocused(focused); } else { this.onFocus(); } }); } setFocused(focused) { const changed = this.#focused !== focused; if (changed) { this.#focused = focused; this.onFocus(); } } onFocus() { const isFocused = this.isFocused(); this.listeners.forEach((listener) => { listener(isFocused); }); } isFocused() { if (typeof this.#focused === "boolean") { return this.#focused; } return globalThis.document?.visibilityState !== "hidden"; } }; var focusManager = new FocusManager(); // ../../../node_modules/@tanstack/query-core/build/modern/onlineManager.js init_injected_globals(); var OnlineManager = class extends Subscribable { #online = true; #cleanup; #setup; constructor() { super(); this.#setup = (onOnline) => { if (!isServer && window.addEventListener) { const onlineListener = () => onOnline(true); const offlineListener = () => onOnline(false); window.addEventListener("online", onlineListener, false); window.addEventListener("offline", offlineListener, false); return () => { window.removeEventListener("online", onlineListener); window.removeEventListener("offline", offlineListener); }; } return; }; } onSubscribe() { if (!this.#cleanup) { this.setEventListener(this.#setup); } } onUnsubscribe() { if (!this.hasListeners()) { this.#cleanup?.(); this.#cleanup = void 0; } } setEventListener(setup) { this.#setup = setup; this.#cleanup?.(); this.#cleanup = setup(this.setOnline.bind(this)); } setOnline(online) { const changed = this.#online !== online; if (changed) { this.#online = online; this.listeners.forEach((listener) => { listener(online); }); } } isOnline() { return this.#online; } }; var onlineManager = new OnlineManager(); // ../../../node_modules/@tanstack/query-core/build/modern/thenable.js init_injected_globals(); function pendingThenable() { let resolve; let reject; const thenable = new Promise((_resolve, _reject) => { resolve = _resolve; reject = _reject; }); thenable.status = "pending"; thenable.catch(() => { }); function finalize(data) { Object.assign(thenable, data); delete thenable.resolve; delete thenable.reject; } thenable.resolve = (value) => { finalize({ status: "fulfilled", value }); resolve(value); }; thenable.reject = (reason) => { finalize({ status: "rejected", reason }); reject(reason); }; return thenable; } // ../../../node_modules/@tanstack/query-core/build/modern/retryer.js function defaultRetryDelay(failureCount) { return Math.min(1e3 * 2 ** failureCount, 3e4); } function canFetch(networkMode) { return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true; } var CancelledError = class extends Error { constructor(options) { super("CancelledError"); this.revert = options?.revert; this.silent = options?.silent; } }; function isCancelledError(value) { return value instanceof CancelledError; } function createRetryer(config) { let isRetryCancelled = false; let failureCount = 0; let isResolved = false; let continueFn; const thenable = pendingThenable(); const cancel = (cancelOptions) => { if (!isResolved) { reject(new CancelledError(cancelOptions)); config.abort?.(); } }; const cancelRetry = () => { isRetryCancelled = true; }; const continueRetry = () => { isRetryCancelled = false; }; const canContinue = () => focusManager.isFocused() && (config.networkMode === "always" || onlineManager.isOnline()) && config.canRun(); const canStart = () => canFetch(config.networkMode) && config.canRun(); const resolve = (value) => { if (!isResolved) { isResolved = true; config.onSuccess?.(value); continueFn?.(); thenable.resolve(value); } }; const reject = (value) => { if (!isResolved) { isResolved = true; config.onError?.(value); continueFn?.(); thenable.reject(value); } }; const pause = () => { return new Promise((continueResolve) => { continueFn = (value) => { if (isResolved || canContinue()) { continueResolve(value); } }; config.onPause?.(); }).then(() => { continueFn = void 0; if (!isResolved) { config.onContinue?.(); } }); }; const run = () => { if (isResolved) { return; } let promiseOrValue; const initialPromise = failureCount === 0 ? config.initialPromise : void 0; try { promiseOrValue = initialPromise ?? config.fn(); } catch (error) { promiseOrValue = Promise.reject(error); } Promise.resolve(promiseOrValue).then(resolve).catch((error) => { if (isResolved) { return; } const retry = config.retry ?? (isServer ? 0 : 3); const retryDelay = config.retryDelay ?? defaultRetryDelay; const delay = typeof retryDelay === "function" ? retryDelay(failureCount, error) : retryDelay; const shouldRetry = retry === true || typeof retry === "number" && failureCount < retry || typeof retry === "function" && retry(failureCount, error); if (isRetryCancelled || !shouldRetry) { reject(error); return; } failureCount++; config.onFail?.(failureCount, error); sleep(delay).then(() => { return canContinue() ? void 0 : pause(); }).then(() => { if (isRetryCancelled) { reject(error); } else { run(); } }); }); }; return { promise: thenable, cancel, continue: () => { continueFn?.(); return thenable; }, cancelRetry, continueRetry, canStart, start: () => { if (canStart()) { run(); } else { pause().then(run); } return thenable; } }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/query.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/notifyManager.js init_injected_globals(); var defaultScheduler = (cb) => setTimeout(cb, 0); function createNotifyManager() { let queue = []; let transactions = 0; let notifyFn = (callback) => { callback(); }; let batchNotifyFn = (callback) => { callback(); }; let scheduleFn = defaultScheduler; const schedule = (callback) => { if (transactions) { queue.push(callback); } else { scheduleFn(() => { notifyFn(callback); }); } }; const flush = () => { const originalQueue = queue; queue = []; if (originalQueue.length) { scheduleFn(() => { batchNotifyFn(() => { originalQueue.forEach((callback) => { notifyFn(callback); }); }); }); } }; return { batch: (callback) => { let result; transactions++; try { result = callback(); } finally { transactions--; if (!transactions) { flush(); } } return result; }, /** * All calls to the wrapped function will be batched. */ batchCalls: (callback) => { return (...args) => { schedule(() => { callback(...args); }); }; }, schedule, /** * Use this method to set a custom notify function. * This can be used to for example wrap notifications with `React.act` while running tests. */ setNotifyFunction: (fn) => { notifyFn = fn; }, /** * Use this method to set a custom function to batch notifications together into a single tick. * By default React Query will use the batch function provided by ReactDOM or React Native. */ setBatchNotifyFunction: (fn) => { batchNotifyFn = fn; }, setScheduler: (fn) => { scheduleFn = fn; } }; } var notifyManager = createNotifyManager(); // ../../../node_modules/@tanstack/query-core/build/modern/removable.js init_injected_globals(); var Removable = class { #gcTimeout; destroy() { this.clearGcTimeout(); } scheduleGc() { this.clearGcTimeout(); if (isValidTimeout(this.gcTime)) { this.#gcTimeout = setTimeout(() => { this.optionalRemove(); }, this.gcTime); } } updateGcTime(newGcTime) { this.gcTime = Math.max( this.gcTime || 0, newGcTime ?? (isServer ? Infinity : 5 * 60 * 1e3) ); } clearGcTimeout() { if (this.#gcTimeout) { clearTimeout(this.#gcTimeout); this.#gcTimeout = void 0; } } }; // ../../../node_modules/@tanstack/query-core/build/modern/query.js var Query = class extends Removable { #initialState; #revertState; #cache; #client; #retryer; #defaultOptions; #abortSignalConsumed; constructor(config) { super(); this.#abortSignalConsumed = false; this.#defaultOptions = config.defaultOptions; this.setOptions(config.options); this.observers = []; this.#client = config.client; this.#cache = this.#client.getQueryCache(); this.queryKey = config.queryKey; this.queryHash = config.queryHash; this.#initialState = getDefaultState(this.options); this.state = config.state ?? this.#initialState; this.scheduleGc(); } get meta() { return this.options.meta; } get promise() { return this.#retryer?.promise; } setOptions(options) { this.options = { ...this.#defaultOptions, ...options }; this.updateGcTime(this.options.gcTime); } optionalRemove() { if (!this.observers.length && this.state.fetchStatus === "idle") { this.#cache.remove(this); } } setData(newData, options) { const data = replaceData(this.state.data, newData, this.options); this.#dispatch({ data, type: "success", dataUpdatedAt: options?.updatedAt, manual: options?.manual }); return data; } setState(state, setStateOptions) { this.#dispatch({ type: "setState", state, setStateOptions }); } cancel(options) { const promise = this.#retryer?.promise; this.#retryer?.cancel(options); return promise ? promise.then(noop).catch(noop) : Promise.resolve(); } destroy() { super.destroy(); this.cancel({ silent: true }); } reset() { this.destroy(); this.setState(this.#initialState); } isActive() { return this.observers.some( (observer) => resolveEnabled(observer.options.enabled, this) !== false ); } isDisabled() { if (this.getObserversCount() > 0) { return !this.isActive(); } return this.options.queryFn === skipToken || this.state.dataUpdateCount + this.state.errorUpdateCount === 0; } isStale() { if (this.state.isInvalidated) { return true; } if (this.getObserversCount() > 0) { return this.observers.some( (observer) => observer.getCurrentResult().isStale ); } return this.state.data === void 0; } isStaleByTime(staleTime = 0) { return this.state.isInvalidated || this.state.data === void 0 || !timeUntilStale(this.state.dataUpdatedAt, staleTime); } onFocus() { const observer = this.observers.find((x) => x.shouldFetchOnWindowFocus()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } onOnline() { const observer = this.observers.find((x) => x.shouldFetchOnReconnect()); observer?.refetch({ cancelRefetch: false }); this.#retryer?.continue(); } addObserver(observer) { if (!this.observers.includes(observer)) { this.observers.push(observer); this.clearGcTimeout(); this.#cache.notify({ type: "observerAdded", query: this, observer }); } } removeObserver(observer) { if (this.observers.includes(observer)) { this.observers = this.observers.filter((x) => x !== observer); if (!this.observers.length) { if (this.#retryer) { if (this.#abortSignalConsumed) { this.#retryer.cancel({ revert: true }); } else { this.#retryer.cancelRetry(); } } this.scheduleGc(); } this.#cache.notify({ type: "observerRemoved", query: this, observer }); } } getObserversCount() { return this.observers.length; } invalidate() { if (!this.state.isInvalidated) { this.#dispatch({ type: "invalidate" }); } } fetch(options, fetchOptions) { if (this.state.fetchStatus !== "idle") { if (this.state.data !== void 0 && fetchOptions?.cancelRefetch) { this.cancel({ silent: true }); } else if (this.#retryer) { this.#retryer.continueRetry(); return this.#retryer.promise; } } if (options) { this.setOptions(options); } if (!this.options.queryFn) { const observer = this.observers.find((x) => x.options.queryFn); if (observer) { this.setOptions(observer.options); } } if (true) { if (!Array.isArray(this.options.queryKey)) { console.error( `As of v4, queryKey needs to be an Array. If you are using a string like 'repoData', please change it to an Array, e.g. ['repoData']` ); } } const abortController = new AbortController(); const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { this.#abortSignalConsumed = true; return abortController.signal; } }); }; const fetchFn = () => { const queryFn = ensureQueryFn(this.options, fetchOptions); const queryFnContext = { client: this.#client, queryKey: this.queryKey, meta: this.meta }; addSignalProperty(queryFnContext); this.#abortSignalConsumed = false; if (this.options.persister) { return this.options.persister( queryFn, queryFnContext, this ); } return queryFn(queryFnContext); }; const context = { fetchOptions, options: this.options, queryKey: this.queryKey, client: this.#client, state: this.state, fetchFn }; addSignalProperty(context); this.options.behavior?.onFetch( context, this ); this.#revertState = this.state; if (this.state.fetchStatus === "idle" || this.state.fetchMeta !== context.fetchOptions?.meta) { this.#dispatch({ type: "fetch", meta: context.fetchOptions?.meta }); } const onError = (error) => { if (!(isCancelledError(error) && error.silent)) { this.#dispatch({ type: "error", error }); } if (!isCancelledError(error)) { this.#cache.config.onError?.( error, this ); this.#cache.config.onSettled?.( this.state.data, error, this ); } this.scheduleGc(); }; this.#retryer = createRetryer({ initialPromise: fetchOptions?.initialPromise, fn: context.fetchFn, abort: abortController.abort.bind(abortController), onSuccess: (data) => { if (data === void 0) { if (true) { console.error( `Query data cannot be undefined. Please make sure to return a value other than undefined from your query function. Affected query key: ${this.queryHash}` ); } onError(new Error(`${this.queryHash} data is undefined`)); return; } try { this.setData(data); } catch (error) { onError(error); return; } this.#cache.config.onSuccess?.(data, this); this.#cache.config.onSettled?.( data, this.state.error, this ); this.scheduleGc(); }, onError, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue: () => { this.#dispatch({ type: "continue" }); }, retry: context.options.retry, retryDelay: context.options.retryDelay, networkMode: context.options.networkMode, canRun: () => true }); return this.#retryer.start(); } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, fetchFailureCount: action.failureCount, fetchFailureReason: action.error }; case "pause": return { ...state, fetchStatus: "paused" }; case "continue": return { ...state, fetchStatus: "fetching" }; case "fetch": return { ...state, ...fetchState(state.data, this.options), fetchMeta: action.meta ?? null }; case "success": return { ...state, data: action.data, dataUpdateCount: state.dataUpdateCount + 1, dataUpdatedAt: action.dataUpdatedAt ?? Date.now(), error: null, isInvalidated: false, status: "success", ...!action.manual && { fetchStatus: "idle", fetchFailureCount: 0, fetchFailureReason: null } }; case "error": const error = action.error; if (isCancelledError(error) && error.revert && this.#revertState) { return { ...this.#revertState, fetchStatus: "idle" }; } return { ...state, error, errorUpdateCount: state.errorUpdateCount + 1, errorUpdatedAt: Date.now(), fetchFailureCount: state.fetchFailureCount + 1, fetchFailureReason: error, fetchStatus: "idle", status: "error" }; case "invalidate": return { ...state, isInvalidated: true }; case "setState": return { ...state, ...action.state }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.observers.forEach((observer) => { observer.onQueryUpdate(); }); this.#cache.notify({ query: this, type: "updated", action }); }); } }; function fetchState(data, options) { return { fetchFailureCount: 0, fetchFailureReason: null, fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused", ...data === void 0 && { error: null, status: "pending" } }; } function getDefaultState(options) { const data = typeof options.initialData === "function" ? options.initialData() : options.initialData; const hasData = data !== void 0; const initialDataUpdatedAt = hasData ? typeof options.initialDataUpdatedAt === "function" ? options.initialDataUpdatedAt() : options.initialDataUpdatedAt : 0; return { data, dataUpdateCount: 0, dataUpdatedAt: hasData ? initialDataUpdatedAt ?? Date.now() : 0, error: null, errorUpdateCount: 0, errorUpdatedAt: 0, fetchFailureCount: 0, fetchFailureReason: null, fetchMeta: null, isInvalidated: false, status: hasData ? "success" : "pending", fetchStatus: "idle" }; } // ../../../node_modules/@tanstack/query-core/build/modern/queryCache.js var QueryCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#queries = /* @__PURE__ */ new Map(); } #queries; build(client, options, state) { const queryKey = options.queryKey; const queryHash = options.queryHash ?? hashQueryKeyByOptions(queryKey, options); let query = this.get(queryHash); if (!query) { query = new Query({ client, queryKey, queryHash, options: client.defaultQueryOptions(options), state, defaultOptions: client.getQueryDefaults(queryKey) }); this.add(query); } return query; } add(query) { if (!this.#queries.has(query.queryHash)) { this.#queries.set(query.queryHash, query); this.notify({ type: "added", query }); } } remove(query) { const queryInMap = this.#queries.get(query.queryHash); if (queryInMap) { query.destroy(); if (queryInMap === query) { this.#queries.delete(query.queryHash); } this.notify({ type: "removed", query }); } } clear() { notifyManager.batch(() => { this.getAll().forEach((query) => { this.remove(query); }); }); } get(queryHash) { return this.#queries.get(queryHash); } getAll() { return [...this.#queries.values()]; } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (query) => matchQuery(defaultedFilters, query) ); } findAll(filters = {}) { const queries = this.getAll(); return Object.keys(filters).length > 0 ? queries.filter((query) => matchQuery(filters, query)) : queries; } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } onFocus() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onFocus(); }); }); } onOnline() { notifyManager.batch(() => { this.getAll().forEach((query) => { query.onOnline(); }); }); } }; // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js init_injected_globals(); // ../../../node_modules/@tanstack/query-core/build/modern/mutation.js init_injected_globals(); var Mutation = class extends Removable { #observers; #mutationCache; #retryer; constructor(config) { super(); this.mutationId = config.mutationId; this.#mutationCache = config.mutationCache; this.#observers = []; this.state = config.state || getDefaultState2(); this.setOptions(config.options); this.scheduleGc(); } setOptions(options) { this.options = options; this.updateGcTime(this.options.gcTime); } get meta() { return this.options.meta; } addObserver(observer) { if (!this.#observers.includes(observer)) { this.#observers.push(observer); this.clearGcTimeout(); this.#mutationCache.notify({ type: "observerAdded", mutation: this, observer }); } } removeObserver(observer) { this.#observers = this.#observers.filter((x) => x !== observer); this.scheduleGc(); this.#mutationCache.notify({ type: "observerRemoved", mutation: this, observer }); } optionalRemove() { if (!this.#observers.length) { if (this.state.status === "pending") { this.scheduleGc(); } else { this.#mutationCache.remove(this); } } } continue() { return this.#retryer?.continue() ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before this.execute(this.state.variables); } async execute(variables) { const onContinue = () => { this.#dispatch({ type: "continue" }); }; this.#retryer = createRetryer({ fn: () => { if (!this.options.mutationFn) { return Promise.reject(new Error("No mutationFn found")); } return this.options.mutationFn(variables); }, onFail: (failureCount, error) => { this.#dispatch({ type: "failed", failureCount, error }); }, onPause: () => { this.#dispatch({ type: "pause" }); }, onContinue, retry: this.options.retry ?? 0, retryDelay: this.options.retryDelay, networkMode: this.options.networkMode, canRun: () => this.#mutationCache.canRun(this) }); const restored = this.state.status === "pending"; const isPaused = !this.#retryer.canStart(); try { if (restored) { onContinue(); } else { this.#dispatch({ type: "pending", variables, isPaused }); await this.#mutationCache.config.onMutate?.( variables, this ); const context = await this.options.onMutate?.(variables); if (context !== this.state.context) { this.#dispatch({ type: "pending", context, variables, isPaused }); } } const data = await this.#retryer.start(); await this.#mutationCache.config.onSuccess?.( data, variables, this.state.context, this ); await this.options.onSuccess?.(data, variables, this.state.context); await this.#mutationCache.config.onSettled?.( data, null, this.state.variables, this.state.context, this ); await this.options.onSettled?.(data, null, variables, this.state.context); this.#dispatch({ type: "success", data }); return data; } catch (error) { try { await this.#mutationCache.config.onError?.( error, variables, this.state.context, this ); await this.options.onError?.( error, variables, this.state.context ); await this.#mutationCache.config.onSettled?.( void 0, error, this.state.variables, this.state.context, this ); await this.options.onSettled?.( void 0, error, variables, this.state.context ); throw error; } finally { this.#dispatch({ type: "error", error }); } } finally { this.#mutationCache.runNext(this); } } #dispatch(action) { const reducer = (state) => { switch (action.type) { case "failed": return { ...state, failureCount: action.failureCount, failureReason: action.error }; case "pause": return { ...state, isPaused: true }; case "continue": return { ...state, isPaused: false }; case "pending": return { ...state, context: action.context, data: void 0, failureCount: 0, failureReason: null, error: null, isPaused: action.isPaused, status: "pending", variables: action.variables, submittedAt: Date.now() }; case "success": return { ...state, data: action.data, failureCount: 0, failureReason: null, error: null, status: "success", isPaused: false }; case "error": return { ...state, data: void 0, error: action.error, failureCount: state.failureCount + 1, failureReason: action.error, isPaused: false, status: "error" }; } }; this.state = reducer(this.state); notifyManager.batch(() => { this.#observers.forEach((observer) => { observer.onMutationUpdate(action); }); this.#mutationCache.notify({ mutation: this, type: "updated", action }); }); } }; function getDefaultState2() { return { context: void 0, data: void 0, error: null, failureCount: 0, failureReason: null, isPaused: false, status: "idle", variables: void 0, submittedAt: 0 }; } // ../../../node_modules/@tanstack/query-core/build/modern/mutationCache.js var MutationCache = class extends Subscribable { constructor(config = {}) { super(); this.config = config; this.#mutations = /* @__PURE__ */ new Set(); this.#scopes = /* @__PURE__ */ new Map(); this.#mutationId = 0; } #mutations; #scopes; #mutationId; build(client, options, state) { const mutation = new Mutation({ mutationCache: this, mutationId: ++this.#mutationId, options: client.defaultMutationOptions(options), state }); this.add(mutation); return mutation; } add(mutation) { this.#mutations.add(mutation); const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { scopedMutations.push(mutation); } else { this.#scopes.set(scope, [mutation]); } } this.notify({ type: "added", mutation }); } remove(mutation) { if (this.#mutations.delete(mutation)) { const scope = scopeFor(mutation); if (typeof scope === "string") { const scopedMutations = this.#scopes.get(scope); if (scopedMutations) { if (scopedMutations.length > 1) { const index = scopedMutations.indexOf(mutation); if (index !== -1) { scopedMutations.splice(index, 1); } } else if (scopedMutations[0] === mutation) { this.#scopes.delete(scope); } } } } this.notify({ type: "removed", mutation }); } canRun(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const mutationsWithSameScope = this.#scopes.get(scope); const firstPendingMutation = mutationsWithSameScope?.find( (m) => m.state.status === "pending" ); return !firstPendingMutation || firstPendingMutation === mutation; } else { return true; } } runNext(mutation) { const scope = scopeFor(mutation); if (typeof scope === "string") { const foundMutation = this.#scopes.get(scope)?.find((m) => m !== mutation && m.state.isPaused); return foundMutation?.continue() ?? Promise.resolve(); } else { return Promise.resolve(); } } clear() { notifyManager.batch(() => { this.#mutations.forEach((mutation) => { this.notify({ type: "removed", mutation }); }); this.#mutations.clear(); this.#scopes.clear(); }); } getAll() { return Array.from(this.#mutations); } find(filters) { const defaultedFilters = { exact: true, ...filters }; return this.getAll().find( (mutation) => matchMutation(defaultedFilters, mutation) ); } findAll(filters = {}) { return this.getAll().filter((mutation) => matchMutation(filters, mutation)); } notify(event) { notifyManager.batch(() => { this.listeners.forEach((listener) => { listener(event); }); }); } resumePausedMutations() { const pausedMutations = this.getAll().filter((x) => x.state.isPaused); return notifyManager.batch( () => Promise.all( pausedMutations.map((mutation) => mutation.continue().catch(noop)) ) ); } }; function scopeFor(mutation) { return mutation.options.scope?.id; } // ../../../node_modules/@tanstack/query-core/build/modern/infiniteQueryBehavior.js init_injected_globals(); function infiniteQueryBehavior(pages) { return { onFetch: (context, query) => { const options = context.options; const direction = context.fetchOptions?.meta?.fetchMore?.direction; const oldPages = context.state.data?.pages || []; const oldPageParams = context.state.data?.pageParams || []; let result = { pages: [], pageParams: [] }; let currentPage = 0; const fetchFn = async () => { let cancelled = false; const addSignalProperty = (object) => { Object.defineProperty(object, "signal", { enumerable: true, get: () => { if (context.signal.aborted) { cancelled = true; } else { context.signal.addEventListener("abort", () => { cancelled = true; }); } return context.signal; } }); }; const queryFn = ensureQueryFn(context.options, context.fetchOptions); const fetchPage = async (data, param, previous) => { if (cancelled) { return Promise.reject(); } if (param == null && data.pages.length) { return Promise.resolve(data); } const queryFnContext = { client: context.client, queryKey: context.queryKey, pageParam: param, direction: previous ? "backward" : "forward", meta: context.options.meta }; addSignalProperty(queryFnContext); const page = await queryFn( queryFnContext ); const { maxPages } = context.options; const addTo = previous ? addToStart : addToEnd; return { pages: addTo(data.pages, page, maxPages), pageParams: addTo(data.pageParams, param, maxPages) }; }; if (direction && oldPages.length) { const previous = direction === "backward"; const pageParamFn = previous ? getPreviousPageParam : getNextPageParam; const oldData = { pages: oldPages, pageParams: oldPageParams }; const param = pageParamFn(options, oldData); result = await fetchPage(oldData, param, previous); } else { const remainingPages = pages ?? oldPages.length; do { const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result); if (currentPage > 0 && param == null) { break; } result = await fetchPage(result, param); currentPage++; } while (currentPage < remainingPages); } return result; }; if (context.options.persister) { context.fetchFn = () => { return context.options.persister?.( fetchFn, { client: context.client, queryKey: context.queryKey, meta: context.options.meta, signal: context.signal }, query ); }; } else { context.fetchFn = fetchFn; } } }; } function getNextPageParam(options, { pages, pageParams }) { const lastIndex = pages.length - 1; return pages.length > 0 ? options.getNextPageParam( pages[lastIndex], pages, pageParams[lastIndex], pageParams ) : void 0; } function getPreviousPageParam(options, { pages, pageParams }) { return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0; } // ../../../node_modules/@tanstack/query-core/build/modern/queryClient.js var QueryClient = class { #queryCache; #mutationCache; #defaultOptions; #queryDefaults; #mutationDefaults; #mountCount; #unsubscribeFocus; #unsubscribeOnline; constructor(config = {}) { this.#queryCache = config.queryCache || new QueryCache(); this.#mutationCache = config.mutationCache || new MutationCache(); this.#defaultOptions = config.defaultOptions || {}; this.#queryDefaults = /* @__PURE__ */ new Map(); this.#mutationDefaults = /* @__PURE__ */ new Map(); this.#mountCount = 0; } mount() { this.#mountCount++; if (this.#mountCount !== 1) return; this.#unsubscribeFocus = focusManager.subscribe(async (focused) => { if (focused) { await this.resumePausedMutations(); this.#queryCache.onFocus(); } }); this.#unsubscribeOnline = onlineManager.subscribe(async (online) => { if (online) { await this.resumePausedMutations(); this.#queryCache.onOnline(); } }); } unmount() { this.#mountCount--; if (this.#mountCount !== 0) return; this.#unsubscribeFocus?.(); this.#unsubscribeFocus = void 0; this.#unsubscribeOnline?.(); this.#unsubscribeOnline = void 0; } isFetching(filters) { return this.#queryCache.findAll({ ...filters, fetchStatus: "fetching" }).length; } isMutating(filters) { return this.#mutationCache.findAll({ ...filters, status: "pending" }).length; } /** * Imperative (non-reactive) way to retrieve data for a QueryKey. * Should only be used in callbacks or functions where reading the latest data is necessary, e.g. for optimistic updates. * * Hint: Do not use this function inside a component, because it won't receive updates. * Use `useQuery` to create a `QueryObserver` that subscribes to changes. */ getQueryData(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get(options.queryHash)?.state.data; } ensureQueryData(options) { const defaultedOptions = this.defaultQueryOptions(options); const query = this.#queryCache.build(this, defaultedOptions); const cachedData = query.state.data; if (cachedData === void 0) { return this.fetchQuery(options); } if (options.revalidateIfStale && query.isStaleByTime(resolveStaleTime(defaultedOptions.staleTime, query))) { void this.prefetchQuery(defaultedOptions); } return Promise.resolve(cachedData); } getQueriesData(filters) { return this.#queryCache.findAll(filters).map(({ queryKey, state }) => { const data = state.data; return [queryKey, data]; }); } setQueryData(queryKey, updater, options) { const defaultedOptions = this.defaultQueryOptions({ queryKey }); const query = this.#queryCache.get( defaultedOptions.queryHash ); const prevData = query?.state.data; const data = functionalUpdate(updater, prevData); if (data === void 0) { return void 0; } return this.#queryCache.build(this, defaultedOptions).setData(data, { ...options, manual: true }); } setQueriesData(filters, updater, options) { return notifyManager.batch( () => this.#queryCache.findAll(filters).map(({ queryKey }) => [ queryKey, this.setQueryData(queryKey, updater, options) ]) ); } getQueryState(queryKey) { const options = this.defaultQueryOptions({ queryKey }); return this.#queryCache.get( options.queryHash )?.state; } removeQueries(filters) { const queryCache = this.#queryCache; notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { queryCache.remove(query); }); }); } resetQueries(filters, options) { const queryCache = this.#queryCache; return notifyManager.batch(() => { queryCache.findAll(filters).forEach((query) => { query.reset(); }); return this.refetchQueries( { type: "active", ...filters }, options ); }); } cancelQueries(filters, cancelOptions = {}) { const defaultedCancelOptions = { revert: true, ...cancelOptions }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).map((query) => query.cancel(defaultedCancelOptions)) ); return Promise.all(promises).then(noop).catch(noop); } invalidateQueries(filters, options = {}) { return notifyManager.batch(() => { this.#queryCache.findAll(filters).forEach((query) => { query.invalidate(); }); if (filters?.refetchType === "none") { return Promise.resolve(); } return this.refetchQueries( { ...filters, type: filters?.refetchType ?? filters?.type ?? "active" }, options ); }); } refetchQueries(filters, options = {}) { const fetchOptions = { ...options, cancelRefetch: options.cancelRefetch ?? true }; const promises = notifyManager.batch( () => this.#queryCache.findAll(filters).filter((query) => !query.isDisabled()).map((query) => { let promise = query.fetch(void 0, fetchOptions); if (!fetchOptions.throwOnError) { promise = promise.catch(noop); } return query.state.fetchStatus === "paused" ? Promise.resolve() : promise; }) ); return Promise.all(promises).then(noop); } fetchQuery(options) { const defaultedOptions = this.defaultQueryOptions(options); if (defaultedOptions.retry === void 0) { defaultedOptions.retry = false; } const query = this.#queryCache.build(this, defaultedOptions); return query.isStaleByTime( resolveStaleTime(defaultedOptions.staleTime, query) ) ? query.fetch(defaultedOptions) : Promise.resolve(query.state.data); } prefetchQuery(options) { return this.fetchQuery(options).then(noop).catch(noop); } fetchInfiniteQuery(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.fetchQuery(options); } prefetchInfiniteQuery(options) { return this.fetchInfiniteQuery(options).then(noop).catch(noop); } ensureInfiniteQueryData(options) { options.behavior = infiniteQueryBehavior(options.pages); return this.ensureQueryData(options); } resumePausedMutations() { if (onlineManager.isOnline()) { return this.#mutationCache.resumePausedMutations(); } return Promise.resolve(); } getQueryCache() { return this.#queryCache; } getMutationCache() { return this.#mutationCache; } getDefaultOptions() { return this.#defaultOptions; } setDefaultOptions(options) { this.#defaultOptions = options; } setQueryDefaults(queryKey, options) { this.#queryDefaults.set(hashKey(queryKey), { queryKey, defaultOptions: options }); } getQueryDefaults(queryKey) { const defaults = [...this.#queryDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(queryKey, queryDefault.queryKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } setMutationDefaults(mutationKey, options) { this.#mutationDefaults.set(hashKey(mutationKey), { mutationKey, defaultOptions: options }); } getMutationDefaults(mutationKey) { const defaults = [...this.#mutationDefaults.values()]; const result = {}; defaults.forEach((queryDefault) => { if (partialMatchKey(mutationKey, queryDefault.mutationKey)) { Object.assign(result, queryDefault.defaultOptions); } }); return result; } defaultQueryOptions(options) { if (options._defaulted) { return options; } const defaultedOptions = { ...this.#defaultOptions.queries, ...this.getQueryDefaults(options.queryKey), ...options, _defaulted: true }; if (!defaultedOptions.queryHash) { defaultedOptions.queryHash = hashQueryKeyByOptions( defaultedOptions.queryKey, defaultedOptions ); } if (defaultedOptions.refetchOnReconnect === void 0) { defaultedOptions.refetchOnReconnect = defaultedOptions.networkMode !== "always"; } if (defaultedOptions.throwOnError === void 0) { defaultedOptions.throwOnError = !!defaultedOptions.suspense; } if (!defaultedOptions.networkMode && defaultedOptions.persister) { defaultedOptions.networkMode = "offlineFirst"; } if (defaultedOptions.queryFn === skipToken) { defaultedOptions.enabled = false; } return defaultedOptions; } defaultMutationOptions(options) { if (options?._defaulted) { return options; } return { ...this.#defaultOptions.mutations, ...options?.mutationKey && this.getMutationDefaults(options.mutationKey), ...options, _defaulted: true }; } clear() { this.#queryCache.clear(); this.#mutationCache.clear(); } }; // ../../../node_modules/@tanstack/react-query/build/modern/QueryClientProvider.js init_injected_globals(); var React18 = __toESM(require_react(), 1); var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); var QueryClientContext = React18.createContext( void 0 ); var QueryClientProvider = ({ client, children }) => { React18.useEffect(() => { client.mount(); return () => { client.unmount(); }; }, [client]); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QueryClientContext.Provider, { value: client, children }); }; // virtual:/apps/web/src/app/layout.jsx var queryClient = new QueryClient({ defaultOptions: { queries: { staleTime: 1e3 * 60 * 5, // 5 minutes cacheTime: 1e3 * 60 * 30, // 30 minutes retry: 1, refetchOnWindowFocus: false } } }); function RootLayout({ children }) { return /* @__PURE__ */ React.createElement("html", { lang: "en" }, /* @__PURE__ */ React.createElement("head", null, /* @__PURE__ */ React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), /* @__PURE__ */ React.createElement("meta", { name: "robots", content: "index, follow" }), /* @__PURE__ */ React.createElement("meta", { name: "author", content: "Jeremiah Sewell" }), /* @__PURE__ */ React.createElement( "meta", { property: "og:title", content: "ChatKingAI - Infinite Knowledge Index & Conversational AI" } ), /* @__PURE__ */ React.createElement( "meta", { property: "og:description", content: "Advanced AI platform with unlimited knowledge access and natural conversation capabilities." } ), /* @__PURE__ */ React.createElement("meta", { property: "og:type", content: "website" }), /* @__PURE__ */ React.createElement("meta", { httpEquiv: "X-Content-Type-Options", content: "nosniff" }), /* @__PURE__ */ React.createElement("meta", { httpEquiv: "X-Frame-Options", content: "DENY" }), /* @__PURE__ */ React.createElement("meta", { httpEquiv: "X-XSS-Protection", content: "1; mode=block" }), /* @__PURE__ */ React.createElement("meta", { name: "referrer", content: "strict-origin-when-cross-origin" }), /* @__PURE__ */ React.createElement("meta", { name: "theme-color", content: "#FFD700" }), /* @__PURE__ */ React.createElement("title", null, "ChatKingAI - Infinite Knowledge Index")), /* @__PURE__ */ React.createElement("body", null, /* @__PURE__ */ React.createElement(QueryClientProvider, { client: queryClient }, children))); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react18.default.createElement(ChatKingAI, { ...props }); content = /* @__PURE__ */ import_react18.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: lucide-react/dist/cjs/lucide-react.js: (** * @license lucide-react v0.358.0 - ISC * * This source code is licensed under the ISC license. * See the LICENSE file in the root directory of this source tree. *) react/cjs/react-jsx-runtime.development.js: (** * @license React * react-jsx-runtime.development.js * * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. *) */