Hello World!

\n\n"); const [cssContent, setCssContent] = (0, import_react.useState)("body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 20px;\n background-color: #f5f5f5;\n}\n\nh1 {\n color: #333;\n}"); const [jsContent, setJsContent] = (0, import_react.useState)('// Add your JavaScript here\nconsole.log("Website loaded!");'); const [uploadedFiles, setUploadedFiles] = (0, import_react.useState)([]); const queryClient2 = useQueryClient(); (0, import_react.useEffect)(() => { const walletAddress = localStorage.getItem("walletAddress"); if (walletAddress) { fetch(`/api/users/${walletAddress}`).then((res) => res.json()).then((data) => { if (data.user) { setCurrentUser(data.user); checkWalletBalance(walletAddress); } }).catch(console.error); } }, []); const checkWalletBalance = async (walletAddress) => { try { const response = await fetch("https://sheet2api.com/v1/PleuZSlSq6EU/nim"); const data = await response.json(); const filtered = data.filter((tx) => tx.From === walletAddress || tx.To === walletAddress); let calculatedBalance = 0; filtered.forEach((tx) => { const amt = parseFloat(tx.Amount); if (tx.From === walletAddress) calculatedBalance -= amt; if (tx.To === walletAddress) calculatedBalance += amt; }); setBalance(calculatedBalance); } catch (error) { console.error("Error fetching balance:", error); } }; const handleWalletLogin = async () => { if (!walletInput.trim()) return; setIsLoading(true); try { const response = await fetch("/api/users/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ walletAddress: walletInput.trim() }) }); const data = await response.json(); if (data.user) { setCurrentUser(data.user); localStorage.setItem("walletAddress", data.user.wallet_address); await checkWalletBalance(data.user.wallet_address); } } catch (error) { console.error("Login error:", error); } setIsLoading(false); }; const handleLogout = () => { setCurrentUser(null); setBalance(0); setWalletInput(""); localStorage.removeItem("walletAddress"); }; const handleFinish = (message) => { setStreamingMessage(""); if (message.indexOf("```html") !== -1) { const startIndex = message.indexOf("```html") + 7; const endIndex = message.indexOf("```", startIndex); if (endIndex !== -1) { const extractedHTML = message.substring(startIndex, endIndex).trim(); setHtmlContent(extractedHTML); } } }; const handleStreamResponse = useHandleStreamResponse_default({ onChunk: setStreamingMessage, onFinish: handleFinish }); const handleAIGenerate = async () => { if (!aiPrompt.trim()) return; setAiGenerating(true); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are a website generator. Generate complete HTML code with embedded CSS and JavaScript. Always wrap your HTML code in ```html``` code blocks. Make the websites modern, responsive, and visually appealing." }, { role: "user", content: `Create a website for: ${aiPrompt}` } ], stream: true }) }); handleStreamResponse(response); } catch (error) { console.error("AI generation error:", error); } setAiGenerating(false); }; const { data: userWebsites = [], refetch: refetchWebsites } = useQuery({ queryKey: ["websites", currentUser?.id], queryFn: async () => { if (!currentUser) return []; const response = await fetch(`/api/websites/user/${currentUser.id}`); if (!response.ok) throw new Error("Failed to fetch websites"); const data = await response.json(); return data.websites; }, enabled: !!currentUser }); const createWebsiteMutation = useMutation({ mutationFn: async ({ title, htmlContent: htmlContent2, cssContent: cssContent2, jsContent: jsContent2, creationMethod }) => { const response = await fetch("/api/websites/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ userId: currentUser.id, title, htmlContent: htmlContent2, cssContent: cssContent2 || "", jsContent: jsContent2 || "", creationMethod }) }); if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || "Failed to create website"); } return response.json(); }, onSuccess: () => { refetchWebsites(); setActiveTab("my-websites"); setAiPrompt(""); setWebsiteTitle(""); setHtmlContent("\n\n\n My Website\n\n\n

Hello World!

\n\n"); setCssContent("body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 20px;\n background-color: #f5f5f5;\n}"); setJsContent('// Add your JavaScript here\nconsole.log("Website loaded!");'); }, onError: (error) => { alert(error.message); } }); const handleFileUpload = (event) => { const files = Array.from(event.target.files); setUploadedFiles(files); const htmlFile = files.find((file) => file.name.endsWith(".html")); if (htmlFile) { const reader = new FileReader(); reader.onload = (e) => { setHtmlContent(e.target.result); setWebsiteTitle(htmlFile.name.replace(".html", "")); }; reader.readAsText(htmlFile); } }; const deployWebsite = (method) => { if (!websiteTitle.trim()) { alert("Please enter a website title"); return; } if (!htmlContent.trim()) { alert("Please provide HTML content"); return; } createWebsiteMutation.mutate({ title: websiteTitle, htmlContent, cssContent, jsContent, creationMethod: method }); }; if (!currentUser) { return /* @__PURE__ */ React.createElement("div", { className: "min-h-screen bg-[#F3F3F3] dark:bg-[#0A0A0A] flex items-center justify-center" }, /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#E6E6E6] dark:border-[#333333] p-8 max-w-md w-full mx-4" }, /* @__PURE__ */ React.createElement("h1", { className: "text-2xl font-bold text-black dark:text-white mb-6 text-center font-sora" }, "Connect Your Wallet"), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement( "input", { type: "text", placeholder: "Enter your Crain wallet address", value: walletInput, onChange: (e) => setWalletInput(e.target.value), className: "w-full px-4 py-3 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white placeholder-[#888888] font-inter" } ), /* @__PURE__ */ React.createElement( "button", { onClick: handleWalletLogin, disabled: !walletInput.trim() || isLoading, className: "w-full py-3 px-4 bg-gradient-to-b from-[#252525] to-[#0F0F0F] dark:from-[#FFFFFF] dark:to-[#E0E0E0] text-white dark:text-black rounded-lg font-semibold transition-all duration-150 hover:from-[#2d2d2d] hover:to-[#171717] dark:hover:from-[#F0F0F0] dark:hover:to-[#D0D0D0] disabled:opacity-50 font-inter" }, isLoading ? "Connecting..." : "Connect Wallet" ))), /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-0 left-1/2 transform -translate-x-1/2 z-50" }, /* @__PURE__ */ React.createElement( "a", { href: "https://gchained.bio.link/", target: "_blank", rel: "noopener noreferrer", className: "block transition-all duration-300 hover:scale-105 active:scale-95 cursor-pointer" }, /* @__PURE__ */ React.createElement( "div", { className: "bg-gradient-to-t from-[#1a1a1a] to-[#333333] dark:from-[#ffffff] dark:to-[#e0e0e0] text-white dark:text-black rounded-t-3xl px-8 py-6 shadow-2xl border-2 border-[#444444] dark:border-[#cccccc] hover:shadow-3xl transition-all duration-300", style: { height: "40vh", minHeight: "200px" } }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center h-full" }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl md:text-3xl font-bold font-sora mb-2 text-center leading-tight" }, "GCHAINED COIN"), /* @__PURE__ */ React.createElement("div", { className: "text-lg md:text-xl font-medium opacity-80" }, "($GCH)")) ) ))); } const renderContent = () => { switch (activeTab) { case "my-websites": return /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#E6E6E6] dark:border-[#333333] p-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold text-black dark:text-white font-sora" }, "My Websites"), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-[#666666] dark:text-[#AAAAAA]" }, currentUser.websites_hosted, "/5 websites used")), userWebsites.length === 0 ? /* @__PURE__ */ React.createElement("div", { className: "text-center py-8" }, /* @__PURE__ */ React.createElement(import_lucide_react.Globe, { size: 48, className: "mx-auto text-[#CCCCCC] dark:text-[#444444] mb-4" }), /* @__PURE__ */ React.createElement("p", { className: "text-[#666666] dark:text-[#AAAAAA] font-inter" }, "No websites yet. Create your first website!")) : /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" }, userWebsites.map((website) => /* @__PURE__ */ React.createElement("div", { key: website.id, className: "border border-[#E6E6E6] dark:border-[#404040] rounded-lg p-4 hover:shadow-md transition-shadow" }, /* @__PURE__ */ React.createElement("h3", { className: "font-semibold text-black dark:text-white mb-2 font-sora" }, website.title), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-[#666666] dark:text-[#AAAAAA] mb-3" }, "Created via ", website.creation_method), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "a", { href: `/api/host/${website.alias}$gch`, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-1 px-3 py-1 bg-blue-500 text-white rounded text-sm hover:bg-blue-600 transition-colors" }, /* @__PURE__ */ React.createElement(import_lucide_react.Eye, { size: 14 }), "View" )), /* @__PURE__ */ React.createElement("div", { className: "mt-2 text-xs text-[#888888] break-all" }, "URL: ", typeof window !== "undefined" ? window.location.origin : "", "/api/host/", website.alias, "$gch"))))); case "ai-generator": return /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#E6E6E6] dark:border-[#333333] p-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold text-black dark:text-white mb-6 font-sora" }, "AI Website Generator"), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-black dark:text-white mb-2 font-inter" }, "Website Title"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: websiteTitle, onChange: (e) => setWebsiteTitle(e.target.value), placeholder: "Enter your website title", className: "w-full px-4 py-2 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white font-inter" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-black dark:text-white mb-2 font-inter" }, "Describe your website"), /* @__PURE__ */ React.createElement( "textarea", { value: aiPrompt, onChange: (e) => setAiPrompt(e.target.value), placeholder: "Describe the website you want to create...", rows: 4, className: "w-full px-4 py-2 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white font-inter" } )), /* @__PURE__ */ React.createElement( "button", { onClick: handleAIGenerate, disabled: !aiPrompt.trim() || aiGenerating, className: "flex items-center gap-2 px-4 py-2 bg-gradient-to-b from-[#252525] to-[#0F0F0F] dark:from-[#FFFFFF] dark:to-[#E0E0E0] text-white dark:text-black rounded-lg font-semibold transition-all duration-150 disabled:opacity-50" }, /* @__PURE__ */ React.createElement(import_lucide_react.Bot, { size: 20 }), aiGenerating ? "Generating..." : "Generate Website" ), streamingMessage && /* @__PURE__ */ React.createElement("div", { className: "mt-4 p-4 bg-gray-100 dark:bg-[#262626] rounded-lg" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-700 dark:text-gray-300" }, streamingMessage)), htmlContent !== "\n\n\n My Website\n\n\n

Hello World!

\n\n" && /* @__PURE__ */ React.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("h3", { className: "font-semibold text-black dark:text-white" }, "Generated Code Preview"), /* @__PURE__ */ React.createElement( "button", { onClick: () => deployWebsite("ai"), disabled: createWebsiteMutation.isLoading, className: "flex items-center gap-2 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors disabled:opacity-50" }, /* @__PURE__ */ React.createElement(import_lucide_react.Plus, { size: 16 }), createWebsiteMutation.isLoading ? "Deploying..." : "Deploy Website" )), /* @__PURE__ */ React.createElement( "textarea", { value: htmlContent, onChange: (e) => setHtmlContent(e.target.value), rows: 12, className: "w-full px-4 py-2 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white font-mono text-sm" } )))); case "file-upload": return /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#E6E6E6] dark:border-[#333333] p-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold text-black dark:text-white mb-6 font-sora" }, "File Upload"), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-black dark:text-white mb-2 font-inter" }, "Website Title"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: websiteTitle, onChange: (e) => setWebsiteTitle(e.target.value), placeholder: "Enter your website title", className: "w-full px-4 py-2 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white font-inter" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-black dark:text-white mb-2 font-inter" }, "Upload HTML Files"), /* @__PURE__ */ React.createElement( "input", { type: "file", multiple: true, accept: ".html,.htm,.css,.js", onChange: handleFileUpload, className: "w-full px-4 py-2 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white font-inter" } )), uploadedFiles.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React.createElement("h4", { className: "font-medium text-black dark:text-white" }, "Uploaded Files:"), uploadedFiles.map((file, index) => /* @__PURE__ */ React.createElement("div", { key: index, className: "text-sm text-[#666666] dark:text-[#AAAAAA]" }, file.name, " (", (file.size / 1024).toFixed(1), " KB)"))), htmlContent && /* @__PURE__ */ React.createElement("div", { className: "mt-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mb-4" }, /* @__PURE__ */ React.createElement("h3", { className: "font-semibold text-black dark:text-white" }, "HTML Content Preview"), /* @__PURE__ */ React.createElement( "button", { onClick: () => deployWebsite("upload"), disabled: createWebsiteMutation.isLoading, className: "flex items-center gap-2 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors disabled:opacity-50" }, /* @__PURE__ */ React.createElement(import_lucide_react.Upload, { size: 16 }), createWebsiteMutation.isLoading ? "Deploying..." : "Deploy Website" )), /* @__PURE__ */ React.createElement( "textarea", { value: htmlContent, onChange: (e) => setHtmlContent(e.target.value), rows: 12, className: "w-full px-4 py-2 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white font-mono text-sm" } )))); case "code-editor": return /* @__PURE__ */ React.createElement("div", { className: "bg-white dark:bg-[#1E1E1E] rounded-xl border border-[#E6E6E6] dark:border-[#333333] p-6" }, /* @__PURE__ */ React.createElement("h2", { className: "text-xl font-semibold text-black dark:text-white mb-6 font-sora" }, "Code Editor"), /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-black dark:text-white mb-2 font-inter" }, "Website Title"), /* @__PURE__ */ React.createElement( "input", { type: "text", value: websiteTitle, onChange: (e) => setWebsiteTitle(e.target.value), placeholder: "Enter your website title", className: "w-full px-4 py-2 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white font-inter" } )), /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-4" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-black dark:text-white mb-2 font-inter" }, "HTML"), /* @__PURE__ */ React.createElement( "textarea", { value: htmlContent, onChange: (e) => setHtmlContent(e.target.value), rows: 20, className: "w-full px-4 py-2 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white font-mono text-sm" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-black dark:text-white mb-2 font-inter" }, "CSS"), /* @__PURE__ */ React.createElement( "textarea", { value: cssContent, onChange: (e) => setCssContent(e.target.value), rows: 20, className: "w-full px-4 py-2 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white font-mono text-sm" } )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("label", { className: "block text-sm font-medium text-black dark:text-white mb-2 font-inter" }, "JavaScript"), /* @__PURE__ */ React.createElement( "textarea", { value: jsContent, onChange: (e) => setJsContent(e.target.value), rows: 20, className: "w-full px-4 py-2 border border-[#E6E6E6] dark:border-[#404040] rounded-lg bg-white dark:bg-[#262626] text-black dark:text-white font-mono text-sm" } ))), /* @__PURE__ */ React.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => deployWebsite("editor"), disabled: createWebsiteMutation.isLoading, className: "flex items-center gap-2 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors disabled:opacity-50" }, /* @__PURE__ */ React.createElement(import_lucide_react.Code, { size: 16 }), createWebsiteMutation.isLoading ? "Deploying..." : "Deploy Website" )))); default: return null; } }; return /* @__PURE__ */ React.createElement("div", { className: "flex h-screen bg-[#F3F3F3] dark:bg-[#0A0A0A] overflow-hidden" }, sidebarOpen && /* @__PURE__ */ React.createElement( "div", { className: "fixed inset-0 bg-black bg-opacity-50 dark:bg-black dark:bg-opacity-70 z-40 lg:hidden", onClick: () => setSidebarOpen(false) } ), /* @__PURE__ */ React.createElement( "div", { className: ` fixed lg:static inset-y-0 left-0 z-50 lg:z-auto transform ${sidebarOpen ? "translate-x-0" : "-translate-x-full"} lg:translate-x-0 transition-transform duration-300 ease-in-out w-60 bg-[#F3F3F3] dark:bg-[#1A1A1A] flex-shrink-0 flex flex-col h-full ` }, /* @__PURE__ */ React.createElement("div", { className: "p-4 flex justify-start" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 bg-white dark:bg-[#262626] rounded-full border border-[#E4E4E4] dark:border-[#404040] flex items-center justify-center" }, /* @__PURE__ */ React.createElement(import_lucide_react.Globe, { size: 24, className: "text-black dark:text-white" }))), /* @__PURE__ */ React.createElement("nav", { className: "flex-1 px-4" }, /* @__PURE__ */ React.createElement("div", { className: "space-y-2" }, [ { id: "my-websites", label: "My Websites", icon: import_lucide_react.Globe }, { id: "ai-generator", label: "AI Generator", icon: import_lucide_react.Bot }, { id: "file-upload", label: "File Upload", icon: import_lucide_react.Upload }, { id: "code-editor", label: "Code Editor", icon: import_lucide_react.Code } ].map((item) => { const Icon = item.icon; const isActive = activeTab === item.id; return /* @__PURE__ */ React.createElement( "button", { key: item.id, onClick: () => setActiveTab(item.id), className: `w-full flex items-center gap-3 px-3 py-3 rounded-lg transition-all duration-200 ${isActive ? "bg-white dark:bg-[#262626] border border-[#E4E4E4] dark:border-[#404040] text-black dark:text-white" : "text-black/70 dark:text-white/70 hover:text-black dark:hover:text-white hover:bg-white/50 dark:hover:bg-white/10"}` }, /* @__PURE__ */ React.createElement(Icon, { size: 20 }), /* @__PURE__ */ React.createElement("span", { className: "font-medium text-sm font-plus-jakarta" }, item.label) ); }))), /* @__PURE__ */ React.createElement("div", { className: "p-4 space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "text-xs text-[#666666] dark:text-[#AAAAAA] font-inter" }, /* @__PURE__ */ React.createElement("div", null, "Balance: ", balance.toFixed(4), " GCH"), /* @__PURE__ */ React.createElement("div", null, "Websites: ", currentUser.websites_hosted, "/5 used")), /* @__PURE__ */ React.createElement( "button", { onClick: handleLogout, className: "w-full flex items-center gap-2 px-3 py-2 text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg transition-all duration-150 font-inter text-sm" }, /* @__PURE__ */ React.createElement(import_lucide_react.LogOut, { size: 16 }), "Logout" )) ), /* @__PURE__ */ React.createElement("div", { className: "flex-1 flex flex-col min-w-0" }, /* @__PURE__ */ React.createElement("div", { className: "h-16 bg-[#F3F3F3] dark:bg-[#1A1A1A] flex items-center justify-between px-4 md:px-6 flex-shrink-0" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => setSidebarOpen(true), className: "lg:hidden p-2 rounded-lg transition-all duration-150 hover:bg-[#F5F5F5] dark:hover:bg-[#1E1E1E]" }, /* @__PURE__ */ React.createElement(import_lucide_react.Menu, { size: 20, className: "text-[#4B4B4B] dark:text-[#B0B0B0]" }) ), /* @__PURE__ */ React.createElement("h1", { className: "text-xl md:text-2xl font-bold text-black dark:text-white font-inter" }, "GChain Website Generator")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React.createElement("div", { className: "text-sm text-[#666666] dark:text-[#AAAAAA] font-inter" }, currentUser.wallet_address.slice(0, 6), "...", currentUser.wallet_address.slice(-4)), /* @__PURE__ */ React.createElement(import_lucide_react.Wallet, { size: 20, className: "text-[#4B4B4B] dark:text-[#B0B0B0]" }))), /* @__PURE__ */ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 md:p-8" }, renderContent())), /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-0 left-1/2 transform -translate-x-1/2 z-50" }, /* @__PURE__ */ React.createElement( "a", { href: "https://gchained.bio.link/", target: "_blank", rel: "noopener noreferrer", className: "block transition-all duration-300 hover:scale-105 active:scale-95 cursor-pointer" }, /* @__PURE__ */ React.createElement( "div", { className: "bg-gradient-to-t from-[#1a1a1a] to-[#333333] dark:from-[#ffffff] dark:to-[#e0e0e0] text-white dark:text-black rounded-t-3xl px-8 py-6 shadow-2xl border-2 border-[#444444] dark:border-[#cccccc] hover:shadow-3xl transition-all duration-300", style: { height: "40vh", minHeight: "200px" } }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center h-full" }, /* @__PURE__ */ React.createElement("div", { className: "text-2xl md:text-3xl font-bold font-sora mb-2 text-center leading-tight" }, "GCHAINED COIN"), /* @__PURE__ */ React.createElement("div", { className: "text-lg md:text-xl font-medium opacity-80" }, "($GCH)")) ) ))); } // virtual:/apps/web/src/app/layout.jsx init_injected_globals(); 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(QueryClientProvider, { client: queryClient }, children); } // virtual:/__wrapped_entry__.jsx function WrappedPage(props) { let content = /* @__PURE__ */ import_react2.default.createElement(Dashboard, { ...props }); content = /* @__PURE__ */ import_react2.default.createElement(RootLayout, null, content); return content; } return __toCommonJS(wrapped_entry_exports); })(); /*! Bundled license information: 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. *) 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. *) */