[{"_1":2,"_136":-5,"_137":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_56":57,"_58":59,"_60":59,"_61":62,"_63":59,"_64":59,"_65":59,"_66":59,"_67":59,"_68":59,"_69":17,"_70":25,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_96":-5,"_97":17,"_98":99,"_132":31,"_133":134,"_135":17},"id","2edde1b084a571dd25b9","isMyApp",false,"name","NFL SEER","description","The mysterious solution oracle that bonds problems with their perfect fixes. Drop in any challenge, watch the alchemical interface swirl, and emerge with crystalline clarity about your next move. It's like having a digital sage that speaks in pure, distilled wisdom.","brief","Mysterious oracle that bonds any problem with its perfect solution ✨","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/2edde1b084a571dd25b9/95792_d6e0f57b.webp","cdnUrl","https://cdn.dev.fun/app/2edde1b084a571dd25b9/95792","createdAt",["D",1755081679479],"updatedAt",["D",1756555460453],"lastCommitId",["B","95792"],"tier",1,"credits",-17,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"486330a6-5b78-4195-8f0e-b2f4d990c488","uniqueId","Able31_","username","solanaWallet","FTuigxuXb9hJVnNMgC1jMca3dzt7TrJe6KFsmRbYgzh4","displayName","bio","good times","avatar","/avatar.svg","commitCount",5,"forkCount",0,"likeCount","runsCount",7,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","51Yas7qsZbWUnZVCsUNSxMxoknCa634ikjJfxdP6pump","code","import { useState, useEffect } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport { Trophy, ClipboardCopy, BrainCircuit, Star } from 'lucide-react';\nconst InputField = ({\n label,\n value,\n onChange,\n placeholder,\n isTextarea = false\n}) =>

\n {label}\n \n {isTextarea ?

: <input type=\"text\" value={value} onChange={onChange} placeholder={placeholder} className=\"w-full bg-white/95 border border-blue-300/50 rounded-xl p-4 text-navy-900 placeholder-navy-600/60 focus:outline-none focus:border-blue-500/70 focus:ring-2 focus:ring-blue-500/30 relative z-10 backdrop-blur-sm shadow-lg\" style={{\n    color: '#1e3a8a'\n  }} />}\n  </div>;\nexport default function App() {\n  const [inputs, setInputs] = useState({\n    team: '',\n    considering: '',\n    rules: ''\n  });\n  const [solution, setSolution] = useState('');\n  const [isProcessing, setIsProcessing] = useState(false);\n  const [showSolution, setShowSolution] = useState(false);\n  const [orbs, setOrbs] = useState([]);\n  useEffect(() => {\n    const newOrbs = Array.from({\n      length: 12\n    }, (_, i) => ({\n      id: i,\n      x: Math.random() * 100,\n      y: Math.random() * 100,\n      delay: Math.random() * 5,\n      duration: 4 + Math.random() * 3,\n      scale: 0.3 + Math.random() * 0.8\n    }));\n    setOrbs(newOrbs);\n  }, []);\n  const generateSolution = async () => {\n    if (!inputs.considering.trim()) return;\n    setIsProcessing(true);\n    setShowSolution(false);\n    setSolution('');\n    const userPrompt = `My Team Context: ${inputs.team || 'Not provided'}\\nPlayers I'm Considering: ${inputs.considering}\\nLeague Rules: ${inputs.rules || 'Standard'}\\n\\nBased on this, who is the winning pick?`;\n    try {\n      const response = await fetch('https://chat.dev.fun/inference/2edde1b084a571dd25b9', {\n        method: 'POST',\n        headers: {\n          'Content-Type': 'application/json'\n        },\n        body: JSON.stringify({\n          messages: [{\n            role: 'system',\n            content: `You are the PIGSKIN SEER, an all-knowing oracle for fantasy football. Your wisdom is drawn from the deepest patterns of the game, analyzing player stats, matchups, and hidden variables as if you have access to the nflgame data library. You are not just a stats machine; you are a gridiron sage.\n\nYour advice should be:\n- Confident and decisive.\n- Provide a clear recommendation.\n- Briefly explain the reasoning (2-3 sentences).\n- Use football terminology and a slightly prophetic tone.\n- Start with phrases like \"The gridiron reveals...\", \"The vision is clear...\", or \"The stats align to show...\".\n\nThe user will provide their team context, players they are considering, and league rules. Use this to give the best possible fantasy football pick.`\n          }, {\n            role: 'user',\n            content: userPrompt\n          }]\n        })\n      });\n      const data = await response.json();\n      setTimeout(() => {\n        setSolution(data.text);\n        setIsProcessing(false);\n        setShowSolution(true);\n      }, 3000);\n    } catch (error) {\n      setSolution('The connection to the gridiron oracle is unstable. Check the cosmic alignment and try again.');\n      setIsProcessing(false);\n      setShowSolution(true);\n    }\n  };\n  const resetOracle = () => {\n    setInputs({\n      team: '',\n      considering: '',\n      rules: ''\n    });\n    setSolution('');\n    setShowSolution(false);\n    setIsProcessing(false);\n  };\n  const handleInputChange = (field, value) => {\n    setInputs(prev => ({\n      ...prev,\n      [field]: value\n    }));\n  };\n  return <div className=\"min-h-screen text-white overflow-hidden relative\" style={{\n    background: `\n          radial-gradient(circle at 20% 30%, rgba(30, 58, 138, 0.4) 0%, transparent 50%),\n          radial-gradient(circle at 80% 70%, rgba(185, 28, 28, 0.3) 0%, transparent 50%),\n          radial-gradient(circle at 50% 20%, rgba(15, 23, 42, 0.6) 0%, transparent 50%),\n          linear-gradient(\n            135deg,\n            #0f172a 0%,\n            #1e293b 25%,\n            #334155 50%,\n            #1e293b 75%,\n            #0f172a 100%\n          )\n        `,\n    backgroundSize: '400px 400px, 300px 300px, 350px 350px, 100% 100%',\n    backgroundPosition: '0 0, 200px 200px, 100px 100px, 0 0',\n    boxShadow: `\n          inset 0 0 100px rgba(0, 0, 0, 0.3),\n          inset 0 0 200px rgba(30, 58, 138, 0.1)\n        `,\n    position: 'relative'\n  }}>\n      <div className=\"absolute inset-0 opacity-40\" style={{\n      background: `\n            repeating-linear-gradient(\n              45deg,\n              transparent,\n              transparent 3px,\n              rgba(30, 58, 138, 0.1) 3px,\n              rgba(30, 58, 138, 0.1) 6px\n            ),\n            repeating-linear-gradient(\n              -45deg,\n              transparent,\n              transparent 3px,\n              rgba(185, 28, 28, 0.05) 3px,\n              rgba(185, 28, 28, 0.05) 6px\n            )\n          `\n    }} />\n      {orbs.map(orb => <motion.div key={orb.id} className=\"absolute w-1 h-1 bg-gradient-to-r from-blue-400 to-red-400 rounded-full\" style={{\n      left: `${orb.x}%`,\n      top: `${orb.y}%`,\n      scale: orb.scale\n    }} animate={{\n      y: [0, -30, 0],\n      opacity: [0, 0.5, 0]\n    }} transition={{\n      duration: orb.duration,\n      delay: orb.delay,\n      repeat: Infinity,\n      ease: \"easeInOut\"\n    }} />)}\n\n      <div className=\"flex flex-col items-center justify-center min-h-screen p-6 relative z-10\">\n        \n        <motion.div className=\"text-center mb-10\" initial={{\n        opacity: 0,\n        y: -30\n      }} animate={{\n        opacity: 1,\n        y: 0\n      }} transition={{\n        duration: 1\n      }}>\n          <motion.div className=\"inline-flex items-center gap-4 mb-4\" animate={{\n          y: [-2, 2, -2]\n        }} transition={{\n          duration: 3,\n          repeat: Infinity,\n          ease: \"easeInOut\"\n        }}>\n            <Star className=\"w-10 h-10 text-blue-400\" />\n            <h1 className=\"text-6xl font-bold tracking-wider bg-gradient-to-r from-blue-400 via-white to-red-400 bg-clip-text text-transparent drop-shadow-lg\">\n              PIGSKIN SEER\n            </h1>\n            <Star className=\"w-10 h-10 text-red-400\" />\n          </motion.div>\n          <p className=\"text-blue-100/80 text-lg max-w-lg mx-auto font-medium\">\n            The collegiate oracle for your toughest fantasy football decisions.\n          </p>\n        </motion.div>\n\n        <div className=\"w-full max-w-2xl\">\n          \n          {!showSolution && !isProcessing && <motion.div initial={{\n          opacity: 0,\n          scale: 0.95\n        }} animate={{\n          opacity: 1,\n          scale: 1\n        }} exit={{\n          opacity: 0,\n          scale: 0.95\n        }} className=\"space-y-4\">\n              <InputField label=\"Your Team's Key Players (Optional)\" value={inputs.team} onChange={e => handleInputChange('team', e.target.value)} placeholder=\"e.g., QB: Josh Allen, WR: Ja'Marr Chase\" isTextarea />\n              <InputField label=\"Players You're Considering\" value={inputs.considering} onChange={e => handleInputChange('considering', e.target.value)} placeholder=\"e.g., Start Kyren Williams or Breece Hall?\" isTextarea />\n              <InputField label=\"League Rules (Optional)\" value={inputs.rules} onChange={e => handleInputChange('rules', e.target.value)} placeholder=\"e.g., 12-team, half-PPR\" />\n\n              <motion.button onClick={generateSolution} disabled={!inputs.considering.trim()} className=\"w-full mt-4 py-4 bg-gradient-to-r from-blue-600 to-blue-700 text-white rounded-xl font-bold text-lg disabled:opacity-40 disabled:cursor-not-allowed relative overflow-hidden group shadow-lg shadow-blue-500/30 border border-blue-500/30\" whileHover={{\n            scale: 1.03\n          }} whileTap={{\n            scale: 0.97\n          }}>\n                <motion.div className=\"absolute inset-0 bg-red-500 opacity-0 group-hover:opacity-20\" transition={{\n              duration: 0.3\n            }} />\n                <span className=\"relative z-10 flex items-center justify-center gap-2\">\n                  <BrainCircuit className=\"w-6 h-6\" />\n                  Get Seer's Pick\n                </span>\n              </motion.button>\n            </motion.div>}\n\n          <AnimatePresence>\n            {isProcessing && <motion.div initial={{\n            opacity: 0\n          }} animate={{\n            opacity: 1\n          }} exit={{\n            opacity: 0\n          }} className=\"text-center space-y-8\">\n                <div className=\"relative w-48 h-48 mx-auto flex items-center justify-center\">\n                  <motion.div className=\"absolute inset-0 border-4 border-blue-500/40 rounded-full\" animate={{\n                rotate: 360\n              }} transition={{\n                duration: 4,\n                repeat: Infinity,\n                ease: \"linear\"\n              }} />\n                  <motion.div className=\"absolute inset-6 border-t-4 border-t-red-400 rounded-full\" animate={{\n                rotate: -360\n              }} transition={{\n                duration: 2,\n                repeat: Infinity,\n                ease: \"linear\"\n              }} />\n                  <motion.div className=\"absolute\" animate={{\n                scale: [1, 1.1, 1],\n                rotate: [0, 5, -5, 0]\n              }} transition={{\n                duration: 2.5,\n                repeat: Infinity,\n                ease: \"easeInOut\"\n              }}>\n                    <Star className=\"w-16 h-16 text-blue-400\" />\n                  </motion.div>\n                </div>\n\n                <div className=\"space-y-2\">\n                  <motion.p className=\"text-blue-300 text-xl\" animate={{\n                opacity: [0.5, 1, 0.5]\n              }} transition={{\n                duration: 1.5,\n                repeat: Infinity\n              }}>\n                    Analyzing the matchups...\n                  </motion.p>\n                  <motion.p className=\"text-blue-100/70\" animate={{\n                opacity: [0.4, 0.8, 0.4]\n              }} transition={{\n                duration: 1.8,\n                repeat: Infinity,\n                delay: 0.3\n              }}>\n                    Consulting the collegiate oracle...\n                  </motion.p>\n                </div>\n              </motion.div>}\n          </AnimatePresence>\n\n          <AnimatePresence>\n            {showSolution && solution && <motion.div initial={{\n            opacity: 0,\n            y: 30\n          }} animate={{\n            opacity: 1,\n            y: 0\n          }} exit={{\n            opacity: 0,\n            y: -30\n          }} className=\"space-y-6\">\n                <motion.div className=\"relative\" initial={{\n              scale: 0.95\n            }} animate={{\n              scale: 1\n            }} transition={{\n              delay: 0.2,\n              duration: 0.5\n            }}>\n                  <motion.div className=\"absolute inset-0 bg-gradient-to-r from-blue-500/20 to-red-500/10 rounded-2xl blur-xl\" animate={{\n                opacity: [0.4, 0.7, 0.4]\n              }} transition={{\n                duration: 4,\n                repeat: Infinity\n              }} />\n                  \n                  <div className=\"relative bg-white/95 border border-blue-300/50 rounded-2xl p-8 backdrop-blur-sm shadow-2xl\">\n                    <div className=\"flex items-center gap-3 mb-4\">\n                      <Trophy className=\"w-7 h-7 text-blue-600\" />\n                      <h3 className=\"text-2xl font-bold text-blue-800\">The Seer's Verdict</h3>\n                    </div>\n                    \n                    <motion.p className=\"text-slate-800 text-lg leading-relaxed\" initial={{\n                  opacity: 0\n                }} animate={{\n                  opacity: 1\n                }} transition={{\n                  delay: 0.4,\n                  duration: 1\n                }}>\n                      {solution}\n                    </motion.p>\n                  </div>\n                </motion.div>\n\n                <div className=\"flex gap-4\">\n                  <motion.button onClick={resetOracle} className=\"flex-1 py-3 bg-slate-600/80 text-white rounded-xl font-medium hover:bg-slate-600 transition-all border border-slate-500/50\" whileHover={{\n                scale: 1.02\n              }} whileTap={{\n                scale: 0.98\n              }}>\n                    Ask Again\n                  </motion.button>\n                  \n                  <motion.button onClick={() => navigator.clipboard.writeText(solution)} className=\"flex-1 py-3 bg-gradient-to-r from-blue-600 to-blue-700 text-white rounded-xl font-bold flex items-center justify-center gap-2 border border-blue-500/50\" whileHover={{\n                scale: 1.02\n              }} whileTap={{\n                scale: 0.98\n              }}>\n                    <ClipboardCopy className=\"w-5 h-5\" />\n                    Copy Pick\n                  </motion.button>\n                </div>\n              </motion.div>}\n          </AnimatePresence>\n        </div>\n\n        <motion.div className=\"mt-16 text-center text-blue-300/60 text-sm\" initial={{\n        opacity: 0\n      }} animate={{\n        opacity: 1\n      }} transition={{\n        delay: 1,\n        duration: 1\n      }}>\n          <p>{\"Victory is forged in data and destiny.\"}</p>\n        </motion.div>\n      </div>\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"zod\":\"3.22.4\"}}","appFunctions",[],"token",{"_18":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":41,"_95":41,"_71":72},"Vibe Kitty","symbol","Vibekitty","price",0.00000554,"marketcap",5536.19,"image","https://pump.mypinata.cloud/ipfs/bafkreie5j547jdhrhwhcpivbatlrzdajlgcfzlcko5oi5f2zakomw7kl6i?img-width=256&img-dpr=2","website","https://daddyrandom.github.io/vibe_kitty/","twitter","https://x.com/vibekittycrypto","devCount","appCount","upstreamApp","isLordOfDev","analytics",[100,104,106,108,110,112,114,116,118,120,122,124,126,128,130],{"_101":102,"_103":59},"day","2025-08-16","runCount",{"_101":105,"_103":59},"2025-08-17",{"_101":107,"_103":59},"2025-08-18",{"_101":109,"_103":59},"2025-08-19",{"_101":111,"_103":59},"2025-08-20",{"_101":113,"_103":59},"2025-08-21",{"_101":115,"_103":59},"2025-08-22",{"_101":117,"_103":59},"2025-08-23",{"_101":119,"_103":59},"2025-08-24",{"_101":121,"_103":59},"2025-08-25",{"_101":123,"_103":59},"2025-08-26",{"_101":125,"_103":59},"2025-08-27",{"_101":127,"_103":59},"2025-08-28",{"_101":129,"_103":59},"2025-08-29",{"_101":131,"_103":62},"2025-08-30","snapshot","ogImage","https://cdn.dev.fun/og/image/2edde1b084a571dd25b9/32919831.webp","isDevbase","actionData","errors"]
</article></body></html>

say something