[{"_1":2,"_138":-5,"_139":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_136":-5,"_132":-5,"_137":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":-5,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":57,"_58":40,"_59":60,"_61":57,"_62":63,"_64":40,"_65":66,"_67":57,"_68":57,"_69":17,"_70":25,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_95":-5,"_96":17,"_97":98,"_132":31,"_133":134,"_135":17},"id","160d5f3e39050b62bae2","isMyApp",false,"name","PilotX","description","Navigate the crypto seas with PilotX, your AI-powered DeFi co-pilot for the Solana ecosystem. Get real-time strategies, ecosystem insights, and trading guidance with a sleek interface that makes complex crypto decisions feel as smooth as a perfect blockchain transaction.","brief","Your AI crypto co-pilot that turns Solana's complexity into actionable DeFi strategies at warp speed.","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/160d5f3e39050b62bae2/82417_ab58cffd.webp","cdnUrl","createdAt",["D",1749810364302],"updatedAt",["D",1749980821446],"lastCommitId",["B","82417"],"tier",1,"credits",-3,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"e2b32bfa-27cf-4edb-99a1-b74df1dcf9d0","uniqueId","BfUMVQZU8sxpnhYyBCQYC6rwW3e9bevdZL2BWyT3TkrS","username","solanaWallet","displayName","BfU...krS","bio","avatar","/avatar.svg","commitCount",54,"forkCount",0,"likeCount","runsCount",196,"downvoteCount","upvoteCount",11,"upvoteRate","commentCount",7,"reportCount","visitorCount","isArchived","isRenamed","contractAddress","3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump","code","import { z } from \"zod\";\nimport { Buffer } from 'buffer';\nimport { generateText, tool } from 'ai';\nimport { useState, useRef, useEffect, createContext, useContext, Fragment, useMemo } from 'react';\nimport { Send, Sparkles, MessageSquare, Plus, Trash2, Menu, X, LogOut, Check, Wallet, User } from 'lucide-react';\nimport { getAssociatedTokenAddress, createTransferInstruction } from \"@solana/spl-token\";\nimport { Dialog, Transition } from '@headlessui/react';\nimport { createOpenAI } from '@ai-sdk/openai';\nimport { SolanaAgentKit, createVercelAITools } from 'solana-agent-kit';\nimport { Connection, Transaction, SystemProgram, PublicKey, LAMPORTS_PER_SOL } from \"@solana/web3.js\";\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { createJupiterApiClient } from \"@jup-ag/api\";\nif (typeof window !== 'undefined') {\n window.Buffer = window.Buffer || Buffer;\n}\nconsole.log(\"Zod version check:\", z.version || \"version not available\");\nconst getWalletBalancesTool = tool({\n description: \"Get all token balances for a Solana wallet address\",\n parameters: z.object({\n walletAddress: z.string().describe(\"The Solana wallet address to check balances for\")\n }),\n execute: async ({\n walletAddress\n }) => {\n try {\n const response = await fetch(`https://lite-api.jup.ag/ultra/v1/balances/${walletAddress}`);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n const formattedBalances = Object.entries(data).map(([mint, balance]) => ({\n mint,\n amount: balance.amount,\n uiAmount: balance.uiAmount,\n isFrozen: balance.isFrozen,\n slot: balance.slot\n }));\n formattedBalances.sort((a, b) => b.uiAmount - a.uiAmount);\n const summary = formattedBalances.map(balance => `${balance.mint === \"SOL\" ? \"SOL\" : balance.mint}: ${balance.uiAmount.toFixed(6)}`).join(\"\\n\");\n return {\n success: true,\n walletAddress,\n balances: formattedBalances,\n message: `Wallet ${walletAddress} balances:\\n${summary}`\n };\n } catch (error) {\n console.error(\"Error fetching wallet balances:\", error);\n return {\n success: false,\n error: error instanceof Error ? error.message : \"Unknown error\",\n walletAddress\n };\n }\n }\n});\nconst rugCheckTool = tool({\n description: \"Check if a token is safe using rugcheck.xyz API\",\n parameters: z.object({\n mintAddress: z.string().describe(\"The SPL token mint address to check\")\n }),\n execute: async ({\n mintAddress\n }) => {\n try {\n const response = await fetch(`https://api.rugcheck.xyz/v1/tokens/${mintAddress}/report/summary`);\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n let riskLevel = \"Unknown\";\n if (data.score_normalised >= 0.8) {\n riskLevel = \"Low Risk\";\n } else if (data.score_normalised >= 0.5) {\n riskLevel = \"Medium Risk\";\n } else {\n riskLevel = \"High Risk\";\n }\n return {\n success: true,\n tokenInfo: {\n mintAddress,\n tokenProgram: data.tokenProgram,\n tokenType: data.tokenType || \"Unknown\",\n score: data.score,\n normalizedScore: data.score_normalised,\n riskLevel,\n lpLockedPercentage: data.lpLockedPct,\n risks: data.risks || []\n },\n message: `Token ${mintAddress} has a ${riskLevel} rating with ${data.lpLockedPct.toFixed(2)}% of LP tokens locked.`\n };\n } catch (error) {\n console.error(\"Error checking token safety:\", error);\n return {\n success: false,\n error: error instanceof Error ? error.message : \"Unknown error\",\n mintAddress\n };\n }\n }\n});\nconst getTokenDetailsTool = tool({\n description: \"Get detailed information about an SPL token by its mint address\",\n parameters: z.object({\n mintAddress: z.string().describe(\"The SPL token mint address\")\n }),\n execute: async ({\n mintAddress\n }) => {\n try {\n const response = await fetch(`https://lite-api.jup.ag/tokens/v1/token/${mintAddress}`, {\n method: \"GET\",\n headers: {\n Accept: \"application/json\"\n }\n });\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n const data = await response.json();\n return {\n success: true,\n tokenDetails: {\n address: data.address,\n name: data.name,\n symbol: data.symbol,\n decimals: data.decimals,\n logoURI: data.logoURI,\n tags: data.tags,\n dailyVolume: data.daily_volume,\n createdAt: data.created_at,\n freezeAuthority: data.freeze_authority,\n mintAuthority: data.mint_authority,\n permanentDelegate: data.permanent_delegate,\n mintedAt: data.minted_at,\n extensions: data.extensions\n },\n message: `Successfully retrieved details for token ${data.symbol}`,\n mintAddress\n };\n } catch (error) {\n console.error(\"Error fetching token details:\", error);\n return {\n success: false,\n error: error instanceof Error ? error.message : \"Unknown error\",\n mintAddress\n };\n }\n }\n});\nconst OPENAI_API_KEY = \"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\";\nconst SOLANA_RPC_URL = \"https://mainnet.helius-rpc.com/?api-key=e982651c-38fa-4830-80c9-e85268839b5e\";\nconst HELIUS_API_KEY = \"e982651c-38fa-4830-80c9-e85268839b5e\";\nconst jupiterApi = createJupiterApiClient();\nconst PhantomWalletContext = createContext({\n phantom: null,\n publicKey: null,\n connected: false,\n connecting: false,\n connect: async () => {},\n disconnect: async () => {}\n});\nconst openai = createOpenAI({\n apiKey: OPENAI_API_KEY\n});\nfunction PhantomWalletProvider({\n children\n}) {\n const [phantom, setPhantom] = useState(null);\n const [publicKey, setPublicKey] = useState(null);\n const [connected, setConnected] = useState(false);\n const [connecting, setConnecting] = useState(false);\n useEffect(() => {\n const initWallet = async () => {\n try {\n if (typeof window !== \"undefined\" && window.solana && window.solana.isPhantom) {\n const phantomWallet = window.solana;\n setPhantom(phantomWallet);\n if (phantomWallet.isConnected && phantomWallet.publicKey) {\n console.log(\"Wallet already connected, restoring connection...\");\n setPublicKey(phantomWallet.publicKey);\n setConnected(true);\n } else {\n try {\n const response = await phantomWallet.connect({\n onlyIfTrusted: true\n });\n if (response && phantomWallet.publicKey) {\n console.log(\"Auto-connected to previously trusted wallet\");\n setPublicKey(phantomWallet.publicKey);\n setConnected(true);\n }\n } catch {\n console.log(\"No previous connection found or user denied auto-connect\");\n }\n }\n const handleConnect = () => {\n console.log(\"Wallet connected event\");\n if (phantomWallet.publicKey) {\n setPublicKey(phantomWallet.publicKey);\n setConnected(true);\n }\n };\n const handleDisconnect = () => {\n console.log(\"Wallet disconnected event\");\n setPublicKey(null);\n setConnected(false);\n };\n const handleAccountChanged = publicKey => {\n console.log(\"Account changed event\", publicKey);\n if (publicKey) {\n setPublicKey(publicKey);\n setConnected(true);\n } else {\n setPublicKey(null);\n setConnected(false);\n }\n };\n phantomWallet.on(\"connect\", handleConnect);\n phantomWallet.on(\"disconnect\", handleDisconnect);\n phantomWallet.on(\"accountChanged\", handleAccountChanged);\n return () => {\n phantomWallet.off(\"connect\", handleConnect);\n phantomWallet.off(\"disconnect\", handleDisconnect);\n phantomWallet.off(\"accountChanged\", handleAccountChanged);\n };\n } else {\n console.log(\"Phantom wallet not found. Please install the Phantom browser extension.\");\n }\n } catch (error) {\n console.error(\"Error initializing Phantom wallet:\", error);\n }\n };\n const cleanup = initWallet();\n return () => {\n if (cleanup && typeof cleanup.then === \"function\") {\n cleanup.then(cleanupFn => {\n if (typeof cleanupFn === \"function\") {\n cleanupFn();\n }\n });\n }\n };\n }, []);\n const connect = async () => {\n if (!phantom) {\n alert(\"Phantom wallet not found. Please install the Phantom browser extension.\");\n return;\n }\n try {\n setConnecting(true);\n const response = await phantom.connect();\n if (response && phantom.publicKey) {\n setPublicKey(phantom.publicKey);\n setConnected(true);\n console.log(\"Successfully connected to wallet:\", phantom.publicKey.toString());\n }\n } catch (error) {\n console.error(\"Error connecting to Phantom wallet:\", error);\n if (error instanceof Error) {\n alert(`Failed to connect: ${error.message}`);\n }\n } finally {\n setConnecting(false);\n }\n };\n const disconnect = async () => {\n if (!phantom) return;\n try {\n await phantom.disconnect();\n setPublicKey(null);\n setConnected(false);\n console.log(\"Wallet disconnected successfully\");\n } catch (error) {\n console.error(\"Error disconnecting from Phantom wallet:\", error);\n }\n };\n return \n {children}\n ;\n}\nfunction usePhantomWallet() {\n const context = useContext(PhantomWalletContext);\n if (context === undefined) {\n throw new Error(\"usePhantomWallet must be used within a PhantomWalletProvider\");\n }\n return context;\n}\nfunction UpgradeDialog({\n isOpen,\n onClose\n}) {\n const {\n phantom,\n publicKey\n } = usePhantomWallet();\n const [isProcessing, setIsProcessing] = useState(false);\n const [transactionStatus, setTransactionStatus] = useState(null);\n const handleUpgrade = async () => {\n if (!phantom || !publicKey) {\n alert(\"Wallet not connected. Please connect your wallet first.\");\n return;\n }\n setIsProcessing(true);\n setTransactionStatus(\"preparing\");\n try {\n const connection = new Connection(SOLANA_RPC_URL);\n const transaction = new Transaction().add(SystemProgram.transfer({\n fromPubkey: publicKey,\n toPubkey: new PublicKey(\"BfUMVQZU8sxpnhYyBCQYC6rwW3e9bevdZL2BWyT3TkrS\"),\n lamports: 0.1 * LAMPORTS_PER_SOL\n }));\n const {\n blockhash\n } = await connection.getLatestBlockhash();\n transaction.recentBlockhash = blockhash;\n transaction.feePayer = publicKey;\n setTransactionStatus(\"signing\");\n const signature = await phantom.signAndSendTransaction(transaction);\n setTransactionStatus(\"confirming\");\n await connection.confirmTransaction(signature.signature);\n localStorage.setItem(\"pilotx_pro_status\", \"true\");\n setTransactionStatus(\"success\");\n setTimeout(() => {\n onClose();\n window.location.reload();\n }, 3000);\n } catch (error) {\n console.error(\"Upgrade transaction failed:\", error);\n setTransactionStatus(\"failed\");\n } finally {\n setIsProcessing(false);\n }\n };\n const packages = [{\n name: \"Free\",\n price: \"$0\",\n features: [\"Basic AI assistance\", \"Token price checking\", \"Basic trading tools\", \"Community support\"],\n buttonText: \"Current Plan\",\n buttonClass: \"bg-gray-100 text-gray-600\"\n }, {\n name: \"Pro\",\n price: \"0.1 SOL\",\n period: \"per month\",\n features: [\"Advanced AI assistance\", \"Real-time price alerts\", \"Advanced trading tools\", \"Priority support\", \"Custom trading strategies\", \"Portfolio analytics\"],\n buttonText: isProcessing ? \"Processing...\" : \"Upgrade to Pro\",\n buttonClass: \"bg-gradient-to-r from-[#9945FF] to-[#14F195] text-white\",\n highlighted: true\n }];\n return \n \n ;\n}\nfunction ChatInterface({\n messages,\n onSendMessage,\n isLoading\n}) {\n const messagesEndRef = useRef(null);\n const [input, setInput] = useState(\"\");\n const messageVariants = {\n hidden: {\n opacity: 0,\n y: 20\n },\n visible: {\n opacity: 1,\n y: 0\n }\n };\n const loadingVariants = {\n hidden: {\n opacity: 0,\n y: 10\n },\n visible: {\n opacity: 1,\n y: 0\n }\n };\n useEffect(() => {\n messagesEndRef.current?.scrollIntoView({\n behavior: 'smooth'\n });\n }, [messages]);\n const handleSubmit = e => {\n e.preventDefault();\n if (input.trim()) {\n onSendMessage(input);\n setInput(\"\");\n }\n };\n const handleInputChange = e => {\n setInput(e.target.value);\n };\n const parseMarkdownLinks = text => {\n if (!text || typeof text !== 'string') return text;\n return text.replace(/\\[([^\\]]+)\\]\$([^)]+)\$/g, '$1');\n };\n const formatTimestamp = date => {\n if (!date) return '';\n return typeof date === 'string' ? new Date(date).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n }) : date.toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n return

\n {messages && messages.map((message, index) => \n {}\n \n {message.role === \"user\" ? : $\"PilotX\"$ }\n \n {}\n

\n \n

\n \n \n {message.timestamp && formatTimestamp(message.timestamp)}\n \n

\n )}\n {}\n \n {isLoading && \n

\n $\"PilotX\"$ \n

\n \n Executing\n \n \n .\n \n \n .\n \n \n .\n \n

\n }\n \n

\n \n

{\n            if (e.key === 'Enter' && !e.shiftKey) {\n              e.preventDefault();\n              handleSubmit(e);\n            }\n          }} placeholder=\"Ask anything about DeFi, Solana, or crypto trading...\" disabled={isLoading} className=\"w-full min-h-[60px] max-h-32 pl-10 pr-4 py-3 bg-transparent border-transparent rounded-xl border-none outline-none focus:outline-none focus:ring-0 resize-none text-gray-800 text-lg disabled:opacity-50 overflow-hidden\" rows={1} />\n          </div>\n          <button type=\"submit\" disabled={!input.trim() || isLoading} className=\"flex-shrink-0 w-12 h-12 bg-gradient-to-r from-[#9945FF] to-[#14F195] hover:from-[#8A3FFF] hover:to-[#12D184] disabled:opacity-50 disabled:cursor-not-allowed text-white rounded-xl flex items-center justify-center transition-all duration-200 hover:scale-105 active:scale-95 shadow-lg hover:shadow-xl\">\n            <Send className=\"w-5 h-5\" />\n          </button>\n        </form>\n      </div>\n    </div>;\n}\nfunction WelcomePage({\n  onNewChat,\n  onSendMessage\n}) {\n  return <div className=\"flex-1 flex flex-col h-screen relative\">\n      {}\n      <div className=\"relative flex-1 flex items-center justify-center p-8\">\n        <div className=\"max-w-4xl mx-auto text-center\">\n          {}\n          <div className=\"flex flex-col gap-5 items-center\">\n            <img src=\"https://i.ibb.co/S4GtP72L/Design-f-r-titlu-2-1-removebg-preview-1.png\" alt=\"PilotX\" width={180} height={80} />\n            <p className=\"text-xl text-gray-600\">\n              Your AI-powered DeFi agent for Solana\n            </p>\n          </div>\n          {}\n          <div className=\"my-8\">\n            <ChatBar onSendMessage={onSendMessage} />\n          </div>\n          {}\n          <div className=\"text-sm text-gray-500\">\n            <p>\n              PilotX can help with DeFi strategies, Solana ecosystem insights,\n              and trading guidance.\n              <br />\n              Always verify important information and do your own research.\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>;\n}\nfunction ChatBar({\n  onSendMessage,\n  variant = \"default\",\n  disabled = false,\n  formHandler = null,\n  input = \"\",\n  handleInputChange = null\n}) {\n  const [localInput, setLocalInput] = useState(input || \"\");\n  const textareaRef = useRef(null);\n  const placeholder = \"Ask anything about DeFi, Solana, or crypto trading...\";\n  useEffect(() => {\n    if (input !== undefined && input !== localInput) {\n      setLocalInput(input);\n    }\n  }, [input]);\n  const handleLocalInputChange = e => {\n    setLocalInput(e.target.value);\n    if (handleInputChange) {\n      handleInputChange(e);\n    }\n    if (textareaRef.current) {\n      textareaRef.current.style.height = \"auto\";\n      textareaRef.current.style.height = `${textareaRef.current.scrollHeight}px`;\n    }\n  };\n  const handleLocalSubmit = e => {\n    e.preventDefault();\n    if (localInput.trim() && !disabled) {\n      try {\n        if (formHandler) {\n          formHandler(e);\n        } else {\n          onSendMessage(localInput.trim());\n        }\n        if (!handleInputChange) {\n          setLocalInput(\"\");\n        }\n        if (textareaRef.current) {\n          textareaRef.current.style.height = \"auto\";\n        }\n      } catch (error) {\n        console.error(\"Error submitting message:\", error);\n      }\n    }\n  };\n  const handleKeyDown = e => {\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      handleLocalSubmit(e);\n    }\n  };\n  const isCompact = variant === \"compact\";\n  const containerClasses = isCompact ? \"w-full mx-auto px-4 py-2\" : \"w-full lg:w-[750px] mx-auto px-6 py-4\";\n  const contentPadding = isCompact ? \"p-3\" : \"p-6\";\n  const inputHeight = isCompact ? \"min-h-[44px]\" : \"min-h-[60px]\";\n  const buttonSize = isCompact ? \"w-10 h-10\" : \"w-12 h-12\";\n  const iconSize = isCompact ? \"w-4 h-4\" : \"w-5 h-5\";\n  const textSize = isCompact ? \"text-base\" : \"text-lg\";\n  return <div className={containerClasses}>\n      {}\n      <div className=\"relative\">\n        {}\n        {!isCompact && <>\n            {}\n            <div className=\"absolute -inset-1 bg-gradient-to-r from-[#9945FF] via-[#14F195] to-[#9945FF] rounded-2xl opacity-30 blur-sm animate-pulse\"></div>\n            <div className=\"absolute -inset-0.5 bg-gradient-to-r from-[#9945FF] via-[#14F195] to-[#9945FF] rounded-2xl opacity-20 animate-spin-slow\"></div>\n          </>}\n        {}\n        <div className={`absolute inset-0 bg-white/20 backdrop-blur-xl ${isCompact ? \"rounded-lg\" : \"rounded-2xl\"} border border-white/30 shadow-2xl`}></div>\n        {}\n        <div className={`absolute inset-0 ${isCompact ? \"rounded-lg\" : \"rounded-2xl\"} bg-gradient-to-r from-[#9945FF]/30 via-[#14F195]/30 to-[#9945FF]/30 p-[1px] ${!isCompact ? \"animate-gradient-x\" : \"\"}`}>\n          <div className={`w-full h-full bg-white/80 backdrop-blur-xl ${isCompact ? \"rounded-lg\" : \"rounded-2xl\"}`}></div>\n        </div>\n        {}\n        <div className={`relative ${contentPadding}`}>\n          <form onSubmit={handleLocalSubmit} className=\"flex items-end gap-3\">\n            {}\n            <div className=\"flex-1 relative\">\n              {}\n              <div className=\"absolute left-3 top-1/2 transform -translate-y-1/2 z-10\">\n                <Sparkles className={`${iconSize} text-[#9945FF] ${!isCompact ? \"animate-pulse\" : \"\"}`} />\n              </div>\n              {}\n              <textarea name=\"prompt\" ref={textareaRef} value={handleInputChange ? input : localInput} onChange={handleLocalInputChange} onKeyDown={handleKeyDown} placeholder={placeholder} disabled={disabled} className={`w-full ${inputHeight} max-h-32 pl-10 pr-4 py-3 bg-transparent border-transparent border-none outline-none focus:outline-none focus:ring-0 resize-none text-gray-800 ${textSize} disabled:opacity-50 overflow-hidden`} rows={1} />\n            </div>\n            {}\n            <button type=\"submit\" disabled={!(handleInputChange ? input : localInput).trim() || disabled} className={`flex-shrink-0 ${buttonSize} bg-gradient-to-r from-[#9945FF] to-[#14F195] hover:from-[#8A3FFF] hover:to-[#12D184] disabled:bg-gray-300 disabled:cursor-not-allowed text-white ${isCompact ? \"rounded-lg\" : \"rounded-xl\"} flex items-center justify-center transition-all duration-200 hover:scale-105 active:scale-95 shadow-lg hover:shadow-xl`}>\n              <Send className={iconSize} />\n            </button>\n          </form>\n          {}\n          {!isCompact && <div className=\"mt-4 text-center\">\n              <p className=\"text-sm text-gray-500\">\n                Press{\" \"}\n                <kbd className=\"px-2 py-1 bg-gray-100 rounded text-xs font-mono\">\n                  Enter\n                </kbd>{\" \"}\n                to send,\n                <kbd className=\"px-2 py-1 bg-gray-100 rounded text-xs font-mono ml-1\">\n                  Shift + Enter\n                </kbd>{\" \"}\n                for new line\n              </p>\n            </div>}\n        </div>\n      </div>\n    </div>;\n}\nconst getTokenPriceTool = tool({\n  description: \"Get the current price of an SPL token by its mint address\",\n  parameters: z.object({\n    mintAddress: z.string().describe(\"The SPL token mint address\")\n  }),\n  execute: async ({\n    mintAddress\n  }) => {\n    try {\n      const response = await fetch(`https://lite-api.jup.ag/price/v2?ids=${mintAddress}`);\n      if (!response.ok) {\n        throw new Error(`HTTP error! status: ${response.status}`);\n      }\n      const data = await response.json();\n      if (!data.data || !data.data[mintAddress]) {\n        try {\n          const cgResponse = await fetch(`https://api.coingecko.com/api/v3/simple/token_price/solana?contract_addresses=${mintAddress}&vs_currencies=usd`);\n          if (cgResponse.ok) {\n            const cgData = await cgResponse.json();\n            if (cgData[mintAddress]?.usd) {\n              return {\n                success: true,\n                price: parseFloat(cgData[mintAddress].usd),\n                currency: \"USD\",\n                source: \"CoinGecko\",\n                mintAddress,\n                type: \"coinGeckoPrice\"\n              };\n            }\n          }\n        } catch (cgError) {\n          console.warn(\"CoinGecko fallback failed:\", cgError);\n        }\n        return {\n          success: false,\n          error: \"Token price not found\",\n          mintAddress\n        };\n      }\n      const tokenData = data.data[mintAddress];\n      return {\n        success: true,\n        price: parseFloat(tokenData.price),\n        currency: \"USD\",\n        source: \"Jupiter\",\n        mintAddress,\n        id: tokenData.id,\n        type: tokenData.type,\n        timeTaken: data.timeTaken\n      };\n    } catch (error) {\n      console.error(\"Error fetching token price:\", error);\n      return {\n        success: false,\n        error: error instanceof Error ? error.message : \"Unknown error\",\n        mintAddress\n      };\n    }\n  }\n});\nconst getBuyLinkTool = tool({\n  description: \"Get a Jupiter buy link for an SPL token by its mint address\",\n  parameters: z.object({\n    mintAddress: z.string().describe(\"The SPL token mint address\")\n  }),\n  execute: async ({\n    mintAddress\n  }) => {\n    try {\n      const buyLink = `https://jup.ag/tokens/${mintAddress}`;\n      return {\n        success: true,\n        buyLink,\n        mintAddress,\n        platform: \"Jupiter\",\n        message: \"You can buy this token on Jupiter using the provided link\"\n      };\n    } catch (error) {\n      console.error(\"Error generating buy link:\", error);\n      return {\n        success: false,\n        error: error instanceof Error ? error.message : \"Unknown error\",\n        mintAddress\n      };\n    }\n  }\n});\nconst createTransferTokenTool = walletContext => tool({\n  description: \"Transfer SOL or SPL tokens to a specified Solana address\",\n  parameters: z.object({\n    mintAddress: z.string().optional().describe(\"The SPL token mint address to transfer (omit for SOL transfer)\"),\n    destinationAddress: z.string().describe(\"The destination Solana address to send tokens to\"),\n    amount: z.number().describe(\"The amount of tokens to transfer\")\n  }),\n  execute: async ({\n    mintAddress,\n    destinationAddress,\n    amount\n  }) => {\n    try {\n      const {\n        phantom,\n        publicKey\n      } = walletContext;\n      if (!phantom || !publicKey) {\n        throw new Error(\"Phantom wallet not connected\");\n      }\n      const connection = new Connection(SOLANA_RPC_URL);\n      const destinationPubkey = new PublicKey(destinationAddress);\n      const sourcePubkey = new PublicKey(publicKey.toString());\n      let transaction;\n      let signature;\n      if (!mintAddress) {\n        transaction = new Transaction().add(SystemProgram.transfer({\n          fromPubkey: sourcePubkey,\n          toPubkey: destinationPubkey,\n          lamports: amount * LAMPORTS_PER_SOL\n        }));\n      } else {\n        const mintPubkey = new PublicKey(mintAddress);\n        const sourceTokenAccount = await getAssociatedTokenAddress(mintPubkey, sourcePubkey);\n        const destinationTokenAccount = await getAssociatedTokenAddress(mintPubkey, destinationPubkey);\n        const transferInstruction = createTransferInstruction(sourceTokenAccount, destinationTokenAccount, sourcePubkey, amount * Math.pow(10, 9));\n        transaction = new Transaction().add(transferInstruction);\n      }\n      const {\n        blockhash\n      } = await connection.getLatestBlockhash();\n      transaction.recentBlockhash = blockhash;\n      transaction.feePayer = sourcePubkey;\n      const signedTransaction = await phantom.signTransaction(transaction);\n      signature = await connection.sendRawTransaction(signedTransaction.serialize());\n      const confirmation = await connection.confirmTransaction(signature);\n      if (confirmation.value.err) {\n        throw new Error(`Transaction failed: ${confirmation.value.err}`);\n      }\n      return {\n        success: true,\n        signature,\n        message: `Successfully transferred ${amount} ${mintAddress ? \"tokens\" : \"SOL\"} to ${destinationAddress}`,\n        destinationAddress,\n        amount,\n        mintAddress: mintAddress || \"SOL\"\n      };\n    } catch (error) {\n      console.error(\"Error transferring tokens:\", error);\n      return {\n        success: false,\n        error: error instanceof Error ? error.message : \"Unknown error\",\n        destinationAddress,\n        amount,\n        mintAddress: mintAddress || \"SOL\"\n      };\n    }\n  }\n});\nconst createSwapTokensTool = walletContext => tool({\n  description: \"Swap tokens using Jupiter aggregator\",\n  parameters: z.object({\n    inputMint: z.string().describe(\"The input token mint address (use So11111111111111111111111111111111111111112 for SOL)\"),\n    outputMint: z.string().describe(\"The output token mint address\"),\n    amount: z.number().describe(\"The amount of input tokens to swap\"),\n    slippageBps: z.number().optional().describe(\"Slippage in basis points (default: 50)\")\n  }),\n  execute: async ({\n    inputMint,\n    outputMint,\n    amount,\n    slippageBps = 50\n  }) => {\n    try {\n      const {\n        phantom,\n        publicKey\n      } = walletContext;\n      if (!phantom || !publicKey) {\n        throw new Error(\"Phantom wallet not connected\");\n      }\n      if (!inputMint || !outputMint || !amount) {\n        throw new Error(\"Missing required parameters: inputMint, outputMint, and amount are required\");\n      }\n      if (amount <= 0) {\n        throw new Error(\"Amount must be greater than 0\");\n      }\n      const tokenDetailsResponse = await fetch(`https://lite-api.jup.ag/tokens/v1/token/${inputMint}`);\n      if (!tokenDetailsResponse.ok) {\n        throw new Error(`Failed to get token details: ${tokenDetailsResponse.statusText}`);\n      }\n      const tokenDetails = await tokenDetailsResponse.json();\n      const decimals = tokenDetails.decimals;\n      const rawAmount = Math.floor(amount * Math.pow(10, decimals));\n      console.log(\"Getting quote with parameters:\", {\n        inputMint,\n        outputMint,\n        amount: rawAmount,\n        slippageBps\n      });\n      const quote = await jupiterApi.quoteGet({\n        inputMint,\n        outputMint,\n        amount: rawAmount,\n        slippageBps,\n        autoSlippage: false\n      });\n      if (!quote || !quote.inAmount || !quote.outAmount) {\n        console.error(\"Invalid quote response:\", quote);\n        throw new Error(\"Invalid quote response from Jupiter API\");\n      }\n      console.log(\"Quote received:\", {\n        inAmount: quote.inAmount,\n        outAmount: quote.outAmount,\n        priceImpact: quote.priceImpactPct\n      });\n      const swapResult = await jupiterApi.swapPost({\n        swapRequest: {\n          userPublicKey: publicKey.toString(),\n          quoteResponse: quote,\n          wrapUnwrapSOL: true,\n          allowOptimizedWrappedSolTokenAccount: true,\n          dynamicComputeUnitLimit: true,\n          asLegacyTransaction: true\n        }\n      });\n      const {\n        swapTransaction\n      } = swapResult;\n      if (!swapTransaction) {\n        console.error(\"Invalid swap response:\", swapResult);\n        throw new Error(\"Invalid swap response from Jupiter API\");\n      }\n      const connection = new Connection(SOLANA_RPC_URL);\n      const transaction = Transaction.from(Buffer.from(swapTransaction, \"base64\"));\n      const signedTransaction = await phantom.signTransaction(transaction);\n      const signature = await connection.sendRawTransaction(signedTransaction.serialize());\n      const confirmation = await connection.confirmTransaction(signature);\n      if (confirmation.value.err) {\n        throw new Error(`Transaction failed: ${confirmation.value.err}`);\n      }\n      const inputAmount = Number(quote.inAmount) / Math.pow(10, decimals);\n      const outputAmount = Number(quote.outAmount) / Math.pow(10, decimals);\n      return {\n        success: true,\n        swapData: {\n          inputAmount,\n          outputAmount,\n          priceImpact: quote.priceImpactPct,\n          route: quote.routePlan,\n          signature,\n          message: `Successfully swapped ${inputAmount} ${inputMint} for ${outputAmount} ${outputMint} with ${quote.priceImpactPct}% price impact. Transaction signature: ${signature}`\n        }\n      };\n    } catch (error) {\n      console.error(\"Error performing swap:\", error);\n      return {\n        success: false,\n        error: error instanceof Error ? error.message : \"Unknown error\",\n        inputMint,\n        outputMint,\n        amount,\n        details: error instanceof Error ? {\n          name: error.name,\n          stack: error.stack,\n          message: error.message\n        } : undefined\n      };\n    }\n  }\n});\nconst MODEL_CONFIG = {\n  gpt35_turbo: {\n    model: openai(\"gpt-3.5-turbo\"),\n    name: \"GPT-3.5 Turbo 💰\",\n    cost: \"$0.0015/1K\"\n  },\n  gpt4o_mini: {\n    model: openai(\"gpt-4o-mini\"),\n    name: \"GPT-4o Mini 🚀\",\n    cost: \"$0.00015/1K\"\n  },\n  gpt4_turbo: {\n    model: openai(\"gpt-4-turbo-preview\"),\n    name: \"GPT-4 Turbo ⚡\",\n    cost: \"$0.01/1K\"\n  }\n};\nexport const useAgent = () => {\n  const [input, setInput] = useState(\"\");\n  const [messages, setMessages] = useState([]);\n  const [isLoading, setIsLoading] = useState(false);\n  const [selectedModel, setSelectedModel] = useState(\"gpt4o_mini\");\n  const {\n    phantom,\n    publicKey\n  } = usePhantomWallet();\n  const currentModelConfig = MODEL_CONFIG[selectedModel];\n  const solanaTools = useMemo(() => {\n    if (phantom && publicKey) {\n      try {\n        console.log(\"Initializing SolanaAgentKit with wallet:\", publicKey.toString());\n        const agent = new SolanaAgentKit({\n          publicKey: publicKey,\n          signTransaction: async tx => {\n            console.log(\"sign transaction\");\n            if (!phantom) throw new Error(\"Phantom not initialized.\");\n            const signedTransaction = await phantom.signTransaction(tx);\n            return signedTransaction;\n          },\n          signMessage: async msg => {\n            console.log(\"sign message\");\n            if (!phantom) throw new Error(\"Phantom not initialized.\");\n            const signedMessage = await phantom.signMessage(msg);\n            return signedMessage.signature;\n          },\n          sendTransaction: async tx => {\n            console.log(\"send transaction\");\n            if (!phantom) throw new Error(\"Phantom not initialized.\");\n            const result = await phantom.signAndSendTransaction(tx);\n            return result.signature;\n          },\n          signAllTransactions: async txs => {\n            console.log(\"sign all transaction\");\n            if (!phantom) throw new Error(\"Phantom not initialized.\");\n            const signedTransactions = await phantom.signAllTransactions(txs);\n            return signedTransactions;\n          },\n          signAndSendTransaction: async tx => {\n            console.log(\"sign and send transaction\");\n            if (!phantom) throw new Error(\"Phantom not initialized.\");\n            const result = await phantom.signAndSendTransaction(tx);\n            return {\n              signature: result.signature\n            };\n          }\n        }, SOLANA_RPC_URL, {\n          HELIUS_API_KEY: HELIUS_API_KEY\n        });\n        console.log(\"Agent initialized successfully\");\n        const agentTools = createVercelAITools(agent, agent.actions);\n        console.log(\"Agent tools created:\", Object.keys(agentTools));\n        const tools = {\n          ...agentTools,\n          getTokenPrice: getTokenPriceTool,\n          getBuyLink: getBuyLinkTool,\n          getTokenDetails: getTokenDetailsTool,\n          rugCheck: rugCheckTool,\n          getWalletBalances: getWalletBalancesTool,\n          swapTokens: createSwapTokensTool({\n            phantom,\n            publicKey\n          }),\n          transferToken: createTransferTokenTool({\n            phantom,\n            publicKey\n          })\n        };\n        console.log(\"Final tools registered:\", Object.keys(tools));\n        return {\n          agent,\n          tools\n        };\n      } catch (error) {\n        console.error(\"Error initializing Solana tools:\", error);\n        return null;\n      }\n    }\n    return null;\n  }, [phantom, publicKey]);\n  const handleSend = async messageText => {\n    const messageToSend = messageText || input;\n    if (!messageToSend.trim()) return;\n    console.log(\"Sending message:\", messageToSend);\n    console.log(\"Using model:\", currentModelConfig.name);\n    const userMessage = {\n      role: \"user\",\n      content: messageToSend,\n      timestamp: new Date()\n    };\n    const updatedMessages = [...messages, userMessage];\n    setMessages(updatedMessages);\n    setInput(\"\");\n    setIsLoading(true);\n    try {\n      if (solanaTools?.tools) {\n        console.log(\"Available tools for this request:\", Object.keys(solanaTools.tools));\n        console.log(\"Is wallet connected:\", !!phantom && !!publicKey);\n        try {\n          console.log(\"Generating text with AI and tools...\");\n          const result = await generateText({\n            model: currentModelConfig.model,\n            messages: updatedMessages,\n            system: `You are a Solana DeFi assistant with onchain tools. Be concise and helpful. If you can't do something with available tools, simply say so. \n            \n            $SEND mint: SENDdRQtYMWaQrBroBrJ2Q53fgVuq95CV9UPGEvpCxa\n            \n            You can swap tokens directly using the swapTokens tool. For SOL, use the address So11111111111111111111111111111111111111112.\n            Example for swapping SOL to USDC:\n            - Input: So11111111111111111111111111111111111111112\n            - Output: EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v\n            - Amount: 0.1 (the amount of input tokens)\n            - SlippageBps: 50 (0.5% slippage)\n            \n            You can also transfer SOL or SPL tokens using the transferToken tool:\n            - For SOL transfers, omit the mintAddress parameter\n            - For SPL tokens, provide the token's mint address\n            - Example: transferToken({ destinationAddress: \"ABC123...\", amount: 0.1 }) for SOL\n            - Example: transferToken({ mintAddress: \"TOKEN123...\", destinationAddress: \"ABC123...\", amount: 10 }) for tokens\n            \n            You can check token safety using rugCheck tool:\n            - Provide the token's mint address\n            - This will return safety information including risk level and LP locked percentage\n            - Example: rugCheck({ mintAddress: \"TOKEN123...\" })\n            \n            You can check wallet balances using getWalletBalances tool:\n            - Provide the wallet address to check\n            - This will return all token balances including SOL and SPL tokens\n            - Example: getWalletBalances({ walletAddress: \"ABC123...\" })\n            \n            IMPORTANT: Use swapTokens and transferToken tools when users request trading or sending tokens. Always use rugCheck before recommending any token.`,\n            maxSteps: 5,\n            tools: solanaTools.tools,\n            maxTokens: 300\n          });\n          if (result.steps) {\n            console.log(\"Steps taken:\", result.steps.length);\n            result.steps.forEach((step, i) => {\n              if (step.type === 'tool_calls') {\n                console.log(`Step ${i + 1}: Tool call:`, step.tool_calls);\n                step.tool_calls.forEach((call, j) => {\n                  console.log(`  Tool ${j + 1}: ${call.name || 'unnamed'}`);\n                });\n              }\n            });\n          }\n          console.log(\"AI response received:\", result);\n          if (result.steps) {\n            console.log(\"Steps taken:\", result.steps.length);\n            result.steps.forEach((step, i) => {\n              if (step.type === 'tool_calls') {\n                console.log(`Step ${i + 1}: Tool call:`, step.tool_calls);\n              }\n            });\n          }\n          setMessages(prev => [...prev, {\n            role: \"assistant\",\n            content: result.text || \"Sorry, I didn't quite get that.\"\n          }]);\n        } catch (aiError) {\n          console.error(\"AI tools error:\", aiError);\n          setMessages(prev => [...prev, {\n            role: \"assistant\",\n            content: `I'm ready to help with your Solana and DeFi questions! What would you like to know about DeFi strategies, token prices, or the Solana ecosystem?`\n          }]);\n        }\n      } else {\n        console.warn(\"No tools available for this request!\");\n        setMessages(prev => [...prev, {\n          role: \"assistant\",\n          content: `I'm ready to help with your Solana and DeFi questions! What would you like to know about DeFi strategies, token prices, or the Solana ecosystem?`\n        }]);\n      }\n    } catch (error) {\n      console.error(\"Send message error:\", error);\n      let errorMessage = \"Oops! Something went wrong.\";\n      if (error instanceof Error) {\n        if (error.message.includes(\"Rate limit\") || error.message.includes(\"429\")) {\n          errorMessage = \"⏳ OpenAI rate limit reached. Please wait a moment and try again.\";\n        } else if (error.message.includes(\"API key\") || error.message.includes(\"401\")) {\n          errorMessage = \"❌ API configuration issue. Please check your OpenAI API key.\";\n        } else if (error.message.includes(\"network\") || error.message.includes(\"fetch\")) {\n          errorMessage = \"🌐 Network error. Please check your connection and try again.\";\n        } else if (!solanaTools?.tools) {\n          errorMessage = \"⚠️ Wallet tools not initialized. Please try reconnecting your wallet.\";\n        }\n      }\n      setMessages(prev => [...prev, {\n        role: \"assistant\",\n        content: errorMessage\n      }]);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n  const switchModel = modelKey => {\n    setSelectedModel(modelKey);\n    console.log(\"Switched to model:\", MODEL_CONFIG[modelKey].name);\n  };\n  return {\n    solanaTools,\n    handleSend,\n    isLoading,\n    messages,\n    input,\n    setInput,\n    selectedModel,\n    switchModel,\n    modelConfig: MODEL_CONFIG,\n    currentModelConfig\n  };\n};\nexport default function App() {\n  return <PhantomWalletProvider>\n      <Home />\n    </PhantomWalletProvider>;\n}\nfunction Home() {\n  const [chats, setChats] = useState([]);\n  const [activeChat, setActiveChat] = useState(null);\n  const [pendingMessage, setPendingMessage] = useState(null);\n  const [sidebarOpen, setSidebarOpen] = useState(false);\n  const [isMobile, setIsMobile] = useState(false);\n  const [isUpgradeDialogOpen, setIsUpgradeDialogOpen] = useState(false);\n  const [isProUser, setIsProUser] = useState(false);\n  const {\n    messages: agentMessages,\n    isLoading,\n    handleSend\n  } = useAgent();\n  const {\n    connected,\n    publicKey,\n    disconnect\n  } = usePhantomWallet();\n  useEffect(() => {\n    const checkIfMobile = () => {\n      setIsMobile(window.innerWidth < 768);\n      if (window.innerWidth >= 768) {\n        setSidebarOpen(true);\n      } else {\n        setSidebarOpen(false);\n      }\n    };\n    checkIfMobile();\n    window.addEventListener('resize', checkIfMobile);\n    return () => window.removeEventListener('resize', checkIfMobile);\n  }, []);\n  useEffect(() => {\n    const proStatus = localStorage.getItem(\"pilotx_pro_status\");\n    setIsProUser(proStatus === \"true\");\n  }, []);\n  useEffect(() => {\n    if (activeChat && agentMessages.length > 0) {\n      setChats(prev => {\n        const currentChat = prev.find(chat => chat.id === activeChat);\n        if (!currentChat) {\n          return prev;\n        }\n        if (currentChat.id.startsWith(\"agent-\") || currentChat.messages.length === 0) {\n          const convertedMessages = agentMessages.map((msg, index) => ({\n            id: `agent-${activeChat}-${index}`,\n            content: typeof msg.content === 'string' ? msg.content : JSON.stringify(msg.content),\n            role: msg.role,\n            timestamp: new Date()\n          }));\n          if (convertedMessages.length > 0) {\n            return prev.map(chat => {\n              if (chat.id === activeChat) {\n                const lastMessage = convertedMessages[convertedMessages.length - 1];\n                return {\n                  ...chat,\n                  title: chat.title === \"New Chat\" && convertedMessages.length > 0 ? generateChatTitle(convertedMessages[0].content) : chat.title,\n                  lastMessage: lastMessage ? typeof lastMessage.content === 'string' ? lastMessage.content.substring(0, 100) + \"...\" : \"...\" : \"\",\n                  timestamp: new Date(),\n                  messages: convertedMessages\n                };\n              }\n              return chat;\n            });\n          }\n        }\n        return prev;\n      });\n    }\n  }, [agentMessages, activeChat]);\n  useEffect(() => {\n    if (activeChat && pendingMessage) {\n      handleSend(pendingMessage);\n      setPendingMessage(null);\n    }\n  }, [activeChat, pendingMessage, handleSend]);\n  const getCurrentChat = () => {\n    return chats.find(chat => chat.id === activeChat);\n  };\n  const generateChatTitle = message => {\n    const title = message.length > 50 ? message.substring(0, 47) + \"...\" : message;\n    return title;\n  };\n  const handleNewChat = () => {\n    const newChatId = `agent-${Date.now()}`;\n    const newChat = {\n      id: newChatId,\n      title: \"New Chat\",\n      lastMessage: \"\",\n      timestamp: new Date(),\n      messages: []\n    };\n    setChats(prev => [newChat, ...prev]);\n    setActiveChat(newChatId);\n    if (isMobile) {\n      setSidebarOpen(false);\n    }\n  };\n  const handleChatSelect = chatId => {\n    setActiveChat(chatId);\n    if (isMobile) {\n      setSidebarOpen(false);\n    }\n  };\n  const handleDeleteChat = chatId => {\n    setChats(prev => prev.filter(chat => chat.id !== chatId));\n    if (activeChat === chatId) {\n      setActiveChat(null);\n    }\n  };\n  const handleSendMessage = async message => {\n    if (!activeChat) {\n      setPendingMessage(message);\n      handleNewChat();\n      return;\n    }\n    const currentChat = getCurrentChat();\n    if (currentChat && (currentChat.id.startsWith(\"agent-\") || currentChat.messages.length === 0)) {\n      await handleSend(message);\n    } else {\n      const userMessage = {\n        id: Date.now().toString(),\n        content: message,\n        role: \"user\",\n        timestamp: new Date()\n      };\n      setChats(prev => prev.map(chat => {\n        if (chat.id === activeChat) {\n          return {\n            ...chat,\n            title: chat.title === \"New Chat\" ? generateChatTitle(message) : chat.title,\n            lastMessage: message,\n            timestamp: new Date(),\n            messages: [...chat.messages, userMessage]\n          };\n        }\n        return chat;\n      }));\n    }\n  };\n  const currentChat = getCurrentChat();\n  const pageVariants = {\n    initial: {\n      opacity: 0,\n      x: 50,\n      scale: 0.95\n    },\n    in: {\n      opacity: 1,\n      x: 0,\n      scale: 1\n    },\n    out: {\n      opacity: 0,\n      x: -50,\n      scale: 0.95\n    }\n  };\n  const pageTransition = {\n    type: \"tween\",\n    ease: \"anticipate\",\n    duration: 0.6\n  };\n  const chatVariants = {\n    initial: {\n      opacity: 0,\n      x: 100,\n      scale: 0.9\n    },\n    in: {\n      opacity: 1,\n      x: 0,\n      scale: 1\n    },\n    out: {\n      opacity: 0,\n      x: -100,\n      scale: 0.9\n    }\n  };\n  if (!connected) {\n    return <WalletConnectionScreen />;\n  }\n  return <div className=\"flex h-screen bg-white overflow-hidden\">\n      {}\n      {isMobile && <button onClick={() => setSidebarOpen(!sidebarOpen)} className=\"fixed top-4 left-4 z-30 p-2 bg-white rounded-full shadow-lg\">\n          {sidebarOpen ? <X className=\"w-5 h-5\" /> : <Menu className=\"w-5 h-5\" />}\n        </button>}\n      {}\n      <div className={`fixed inset-y-0 left-0 transform ${sidebarOpen ? 'translate-x-0' : '-translate-x-full'} md:relative md:translate-x-0 z-20 transition-transform duration-300 ease-in-out w-64 bg-gray-50 border-r border-gray-200 flex flex-col h-full`}>\n        {}\n        <div className=\"p-4 border-b border-gray-200\">\n          <div className=\"flex items-center justify-between\">\n            <img src=\"https://i.ibb.co/S4GtP72L/Design-f-r-titlu-2-1-removebg-preview-1.png\" alt=\"PilotX\" className=\"w-20 h-10 object-contain\" />\n          </div>\n        </div>\n        {}\n        <div className=\"flex-1 overflow-y-auto p-4\">\n          <div className=\"flex justify-between items-center mb-4\">\n            <h2 className=\"text-sm font-semibold text-gray-600\">Chats</h2>\n            <button onClick={handleNewChat} className=\"p-1 hover:bg-gray-200 rounded-full transition-colors\">\n              <Plus className=\"w-4 h-4 text-gray-600\" />\n            </button>\n          </div>\n          <div className=\"space-y-2\">\n            {chats.map(chat => <div key={chat.id} className={`flex items-center justify-between p-2 rounded-lg transition-colors cursor-pointer ${activeChat === chat.id ? \"bg-purple-100\" : \"hover:bg-gray-100\"}`} onClick={() => handleChatSelect(chat.id)}>\n                <div className=\"flex items-center space-x-2\">\n                  <MessageSquare className=\"w-4 h-4 text-gray-600\" />\n                  <span className=\"text-sm text-gray-700\">{chat.title}</span>\n                </div>\n                <button onClick={e => {\n              e.stopPropagation();\n              handleDeleteChat(chat.id);\n            }} className=\"p-1 hover:bg-gray-200 rounded-full transition-colors\">\n                  <Trash2 className=\"w-4 h-4 text-gray-600\" />\n                </button>\n              </div>)}\n          </div>\n        </div>\n        {}\n        <div className=\"p-4 border-t border-gray-200\">\n          <div className=\"flex flex-col space-y-4\">\n            {!isProUser ? <div className=\"flex\">\n                <button onClick={() => setIsUpgradeDialogOpen(true)} className=\"flex items-center w-full space-x-2 px-3 py-1.5 rounded-lg bg-gradient-to-r from-[#9945FF] to-[#14F195] text-white text-sm hover:opacity-90 transition-opacity\">\n                  <Sparkles className=\"w-4 h-4\" />\n                  <span>Upgrade to Pro</span>\n                </button>\n              </div> : <div className=\"flex items-center justify-center w-full px-3 py-1.5 rounded-lg bg-gradient-to-r from-[#9945FF] to-[#14F195] text-white text-sm\">\n                <Check className=\"w-4 h-4 mr-2\" />\n                <span>Pro Plan Active</span>\n              </div>}\n            {publicKey && <button onClick={disconnect} className=\"w-full py-2 px-4 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300 transition-colors flex items-center justify-center gap-2\">\n                <span className=\"text-sm truncate\">\n                  {publicKey.toString().slice(0, 4) + '...' + publicKey.toString().slice(-4)}\n                </span>\n                <LogOut className=\"w-4 h-4\" />\n              </button>}\n          </div>\n        </div>\n      </div>\n      {}\n      <UpgradeDialog isOpen={isUpgradeDialogOpen} onClose={() => setIsUpgradeDialogOpen(false)} />\n      {}\n      <div className=\"flex-1 relative\">\n        <div className=\"absolute inset-0 bg-gradient-to-br from-blue-50/50 via-white to-purple-50/50\"></div>\n        <AnimatePresence mode=\"wait\">\n          {activeChat ? <motion.div key=\"chat-interface\" initial=\"initial\" animate=\"in\" exit=\"out\" variants={chatVariants} transition={pageTransition} className=\"absolute inset-0\">\n              <ChatInterface messages={currentChat?.messages || []} onSendMessage={handleSendMessage} isLoading={isLoading} />\n            </motion.div> : <motion.div key=\"welcome-page\" initial=\"initial\" animate=\"in\" exit=\"out\" variants={pageVariants} transition={pageTransition} className=\"absolute inset-0\">\n              <WelcomePage onNewChat={handleNewChat} onSendMessage={handleSendMessage} />\n            </motion.div>}\n        </AnimatePresence>\n      </div>\n    </div>;\n}\nfunction WalletConnectionScreen() {\n  const {\n    connect,\n    connecting\n  } = usePhantomWallet();\n  return <div className=\"min-h-screen bg-white flex items-center justify-center p-6\">\n      <div className=\"max-w-md w-full text-center space-y-8\">\n        {}\n        <div className=\"space-y-4\">\n          <img src=\"https://i.ibb.co/S4GtP72L/Design-f-r-titlu-2-1-removebg-preview-1.png\" alt=\"PilotX\" className=\"w-50 h-30 mx-auto object-contain\" />\n          <p className=\"text-xl text-gray-600\">\n            Advanced AI-Powered Solana DeFi Assistant\n          </p>\n        </div>\n        {}\n        <div className=\"space-y-4\">\n          <div className=\"p-6 bg-gray-50 rounded-2xl border border-gray-200\">\n            <Wallet className=\"w-12 h-12 text-[#9945FF] mx-auto mb-4\" />\n            <h2 className=\"text-xl font-semibold text-gray-900 mb-2\">\n              Wallet Connection Required\n            </h2>\n            <p className=\"text-gray-600\">\n              Connect your Phantom wallet to start chatting with your AI DeFi\n              assistant and access onchain tools.\n            </p>\n          </div>\n          {}\n          <button onClick={connect} disabled={connecting} className=\"w-full py-4 px-6 bg-gradient-to-r from-[#9945FF] to-[#14F195] hover:from-[#8A3FFF] hover:to-[#12D184] disabled:opacity-50 disabled:cursor-not-allowed text-white text-lg font-semibold rounded-xl transition-all duration-200 hover:scale-105 active:scale-95 shadow-lg hover:shadow-xl flex items-center justify-center gap-3\">\n            {connecting ? <>\n                <div className=\"w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin\"></div>\n                Connecting...\n              </> : <>\n                <Wallet className=\"w-5 h-5\" />\n                Connect Phantom Wallet\n              </>}\n          </button>\n        </div>\n      </div>\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\",\"zod\":\"3.25.63\",\"recharts\":\"2.8.0\",\"@solana/web3.js\":\"1.87.6\",\"react-router-dom\":\"6.18.0\",\"@solana/wallet-adapter-base\":\"^0.9.27\",\"@solana/wallet-adapter-react\":\"^0.15.39\",\"@solana/wallet-adapter-react-ui\":\"^0.9.39\",\"ai\":\"4.0.0\",\"buffer\":\"6.0.3\",\"@headlessui/react\":\"1.7.15\",\"@ai-sdk/openai\":\"1.0.0\",\"@jup-ag/api\":\"6.0.6\",\"@solana/spl-token\":\"0.3.8\",\"solana-agent-kit\":\"2.0.3\"}}","appFunctions",[],"token",{"_18":81,"_82":81,"_83":84,"_85":86,"_87":88,"_89":-5,"_90":-5,"_91":92,"_93":94,"_71":72},"buidl","symbol","price",0.002912,"marketcap",1550577,"image","https://pump.mypinata.cloud/ipfs/QmPR3CamxoBQW892uHDT2EGRxFvksiJyrEg1ajZYVqJhnf?img-width=256&img-dpr=2","website","twitter","devCount",321,"appCount",2184,"upstreamApp","isLordOfDev","analytics",[99,103,105,107,109,111,113,115,117,119,121,123,125,127,129,130,131],{"_100":101,"_102":57},"day","2025-07-12","runCount",{"_100":104,"_102":57},"2025-07-13",{"_100":106,"_102":57},"2025-07-14",{"_100":108,"_102":57},"2025-07-15",{"_100":110,"_102":57},"2025-07-16",{"_100":112,"_102":57},"2025-07-17",{"_100":114,"_102":57},"2025-07-18",{"_100":116,"_102":57},"2025-07-19",{"_100":118,"_102":57},"2025-07-20",{"_100":120,"_102":57},"2025-07-21",{"_100":122,"_102":57},"2025-07-22",{"_100":124,"_102":57},"2025-07-23",{"_100":126,"_102":57},"2025-07-24",{"_100":128,"_102":57},"2025-07-25",{"_100":114,"_102":40},{"_100":116,"_102":40},{"_100":124,"_102":40},"snapshot","ogImage","https://cdn.dev.fun/og/image/160d5f3e39050b62bae2/53142bf2.webp","isDevbase","commitDetail","livestream","actionData","errors"]
</article></body></html>