\n {}\n {activeTab === 'discover' &&

\n setSearchQuery(e.target.value)} />\n \n

\n \n \n

\n \n \n {filtersOpen && \n

\n \n Category\n \n \n

\n \n

\n \n Sort by\n \n \n

\n }\n \n

\n \n {filteredPapers.length === 0 ?

\n \n

No papers found

\n Try adjusting your search or filters to find what you're looking for.\n

\n {filteredPapers.map(paper => \n

\n {paper.title}\n

{paper.title}

\n \n {paper.category}\n \n

\n \n

\n {paper.author} • {new Date(paper.date).toLocaleDateString()}\n

\n \n

\n {paper.abstract}\n

\n \n

\n \n {paper.comments}\n

\n \n {paper.citations}\n

\n \n \n

\n )}\n

}\n

}\n \n {}\n {activeTab === 'upload' &&

Upload Research to Arweave

\n \n {!connected ?

\n \n

Connect wallet to upload

\n You need to connect your Solana wallet to upload research papers.\n

\n \n

: uploadSuccess ?

\n \n

Upload successful!

\n Your research has been permanently stored on Arweave.\n

: <>\n

\n {[1, 2, 3].map(step =>

step ? 'bg-green-100 text-green-500' : 'bg-gray-100 text-gray-500'}`}>\n {uploadStep > step ? : step}\n

\n \n {step === 1 ? 'Details' : step === 2 ? 'Upload' : 'Confirm'}\n \n

)}\n

\n \n {uploadStep === 1 && <>\n

\n \n Paper Title\n \n setUploadData({\n ...uploadData,\n title: e.target.value\n })} />\n

\n \n

\n \n Abstract\n \n

setUploadData({\n                  ...uploadData,\n                  abstract: e.target.value\n                })} />\n                      </div>\n                      \n                      <div className=\"mb-6\">\n                        <label className=\"block text-sm font-medium text-gray-700 mb-1\">\n                          Category\n                        </label>\n                        <select className=\"w-full px-3 py-2 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent\" value={uploadData.category} onChange={e => setUploadData({\n                  ...uploadData,\n                  category: e.target.value\n                })}>\n                          <option value=\"\" disabled>Select a category</option>\n                          <option value=\"Quantum Computing\">Quantum Computing</option>\n                          <option value=\"Climate Science\">Climate Science</option>\n                          <option value=\"Decentralized Science\">Decentralized Science</option>\n                          <option value=\"Materials Science\">Materials Science</option>\n                          <option value=\"Artificial Intelligence\">Artificial Intelligence</option>\n                          <option value=\"Biotechnology\">Biotechnology</option>\n                          <option value=\"Medicine\">Medicine</option>\n                          <option value=\"Economics\">Economics</option>\n                        </select>\n                      </div>\n                      \n                      <div className=\"flex justify-end\">\n                        <button className=\"px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors\" onClick={() => {\n                  if (!uploadData.title || !uploadData.abstract || !uploadData.category) {\n                    alert(\"Please fill in all required fields.\");\n                    return;\n                  }\n                  setUploadStep(2);\n                }}>\n                          Continue\n                        </button>\n                      </div>\n                    </>}\n                  \n                  {uploadStep === 2 && <>\n                      <div className=\"mb-6\">\n                        <label className=\"block text-sm font-medium text-gray-700 mb-2\">\n                          Upload Research Paper (PDF)\n                        </label>\n                        <div className={`border-2 border-dashed rounded-lg p-8 text-center ${uploadData.file ? 'border-green-300 bg-green-50' : 'border-gray-300 hover:border-indigo-300 bg-gray-50'}`}>\n                          {uploadData.file ? <div>\n                              <svg className=\"w-12 h-12 text-green-500 mx-auto mb-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"></path>\n                              </svg>\n                              <p className=\"text-sm text-gray-700 font-medium\">{uploadData.file.name}</p>\n                              <button className=\"mt-2 text-xs text-red-500 hover:text-red-700\" onClick={() => setUploadData({\n                      ...uploadData,\n                      file: null\n                    })}>\n                                Remove\n                              </button>\n                            </div> : <div>\n                              <Download className=\"h-12 w-12 text-gray-400 mx-auto mb-2\" />\n                              <p className=\"text-sm text-gray-500 mb-1\">\n                                Drag and drop your file here, or click to browse\n                              </p>\n                              <p className=\"text-xs text-gray-400\">\n                                Supports PDF files up to 50MB\n                              </p>\n                              <input type=\"file\" accept=\".pdf\" className=\"absolute inset-0 w-full h-full opacity-0 cursor-pointer\" onChange={e => {\n                      if (e.target.files && e.target.files[0]) {\n                        setUploadData({\n                          ...uploadData,\n                          file: e.target.files[0]\n                        });\n                      }\n                    }} />\n                            </div>}\n                        </div>\n                      </div>\n                      \n                      <div className=\"flex justify-between\">\n                        <button className=\"px-4 py-2 text-indigo-600 rounded-lg hover:bg-indigo-50 transition-colors\" onClick={() => setUploadStep(1)}>\n                          Back\n                        </button>\n                        <button className=\"px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors\" onClick={() => {\n                  if (!uploadData.file) {\n                    alert(\"Please upload a PDF file.\");\n                    return;\n                  }\n                  setUploadStep(3);\n                }}>\n                          Continue\n                        </button>\n                      </div>\n                    </>}\n                  \n                  {uploadStep === 3 && <>\n                      <div className=\"bg-indigo-50 rounded-lg p-4 mb-6\">\n                        <h3 className=\"text-lg font-medium text-indigo-900 mb-2\">\n                          Review your submission\n                        </h3>\n                        <div className=\"mb-4\">\n                          <p className=\"text-sm text-gray-500 mb-1\">Title</p>\n                          <p className=\"font-medium\">{uploadData.title}</p>\n                        </div>\n                        <div className=\"mb-4\">\n                          <p className=\"text-sm text-gray-500 mb-1\">Category</p>\n                          <p className=\"font-medium\">{uploadData.category}</p>\n                        </div>\n                        <div className=\"mb-4\">\n                          <p className=\"text-sm text-gray-500 mb-1\">Abstract</p>\n                          <p className=\"text-sm\">{uploadData.abstract}</p>\n                        </div>\n                        <div>\n                          <p className=\"text-sm text-gray-500 mb-1\">File</p>\n                          <p className=\"font-medium\">{uploadData.file?.name}</p>\n                        </div>\n                      </div>\n                      \n                      <div className=\"mb-6\">\n                        <div className=\"bg-yellow-50 border border-yellow-200 rounded-lg p-4\">\n                          <div className=\"flex\">\n                            <div className=\"flex-shrink-0\">\n                              <svg className=\"h-5 w-5 text-yellow-400\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                                <path fillRule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clipRule=\"evenodd\" />\n                              </svg>\n                            </div>\n                            <div className=\"ml-3\">\n                              <h3 className=\"text-sm font-medium text-yellow-800\">Important note</h3>\n                              <p className=\"text-xs text-yellow-700 mt-1\">\n                                By uploading to Arweave, your research will be permanently stored on the blockchain and cannot be removed. Ensure your submission complies with copyright laws and does not contain sensitive information.\n                              </p>\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n                      \n                      <div className=\"flex justify-between\">\n                        <button className=\"px-4 py-2 text-indigo-600 rounded-lg hover:bg-indigo-50 transition-colors\" onClick={() => setUploadStep(2)}>\n                          Back\n                        </button>\n                        <button className={`px-4 py-2 bg-indigo-600 text-white rounded-lg flex items-center space-x-2 ${isUploading ? 'opacity-75 cursor-not-allowed' : 'hover:bg-indigo-700'} transition-colors`} onClick={handleUpload} disabled={isUploading}>\n                          {isUploading ? <>\n                              <svg className=\"animate-spin -ml-1 mr-2 h-4 w-4 text-white\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                                <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\"></circle>\n                                <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n                              </svg>\n                              <span>Uploading to Arweave...</span>\n                            </> : <span>Upload to Arweave</span>}\n                        </button>\n                      </div>\n                    </>}\n                </>}\n            </div>\n          </div>}\n        \n        {}\n        {activeTab === 'governance' && <div>\n            <div className=\"max-w-4xl mx-auto\">\n              <div className=\"bg-white rounded-xl shadow-sm p-6 mb-6\">\n                <div className=\"flex flex-col md:flex-row items-start md:items-center justify-between mb-6\">\n                  <div>\n                    <h2 className=\"text-2xl font-bold text-gray-900\">Governance Portal</h2>\n                    <p className=\"text-gray-600\">Shape the future of decentralized science</p>\n                  </div>\n                  \n                  <div className=\"mt-4 md:mt-0 flex items-center space-x-2 bg-indigo-50 px-4 py-2 rounded-lg\">\n                    <Brain className=\"h-5 w-5 text-indigo-600\" />\n                    <span className=\"text-indigo-800 font-medium\">{userTokens} $RESEARCH_HUB_TOKEN</span>\n                  </div>\n                </div>\n                \n                {!connected && <div className=\"text-center py-8 bg-gray-50 rounded-lg\">\n                    <Award className=\"mx-auto h-12 w-12 text-gray-400 mb-4\" />\n                    <h3 className=\"text-lg font-medium text-gray-900 mb-2\">Connect wallet to participate</h3>\n                    <p className=\"text-sm text-gray-500 mb-4 max-w-md mx-auto\">\n                      You need to connect your Solana wallet and hold $RESEARCH_HUB_TOKEN to participate in governance.\n                    </p>\n                    <WalletMultiButton className=\"!bg-indigo-600 hover:!bg-indigo-700 mx-auto\" />\n                  </div>}\n                \n                {connected && <>\n                    <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4 mb-8\">\n                      <div className=\"bg-green-50 rounded-lg p-4 text-center\">\n                        <p className=\"text-sm text-green-600 mb-1\">Active Proposals</p>\n                        <p className=\"text-2xl font-bold text-green-800\">3</p>\n                      </div>\n                      \n                      <div className=\"bg-blue-50 rounded-lg p-4 text-center\">\n                        <p className=\"text-sm text-blue-600 mb-1\">Your Voting Power</p>\n                        <p className=\"text-2xl font-bold text-blue-800\">\n                          {userTokens > 0 ? Math.floor(userTokens / 10) : 0}\n                        </p>\n                      </div>\n                      \n                      <div className=\"bg-purple-50 rounded-lg p-4 text-center\">\n                        <p className=\"text-sm text-purple-600 mb-1\">Proposals Voted</p>\n                        <p className=\"text-2xl font-bold text-purple-800\">1</p>\n                      </div>\n                    </div>\n                    \n                    <h3 className=\"text-lg font-semibold mb-4\">Active Proposals</h3>\n                    \n                    <div className=\"space-y-4\">\n                      <div className=\"bg-white border border-gray-200 rounded-lg overflow-hidden\">\n                        <div className=\"p-4 md:p-6\">\n                          <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-4\">\n                            <div>\n                              <div className=\"flex items-center space-x-2 mb-2\">\n                                <span className=\"px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full\">\n                                  Active\n                                </span>\n                                <span className=\"text-sm text-gray-500\">\n                                  <Clock className=\"inline h-3 w-3 mr-1\" />\n                                  2 days left\n                                </span>\n                              </div>\n                              <h4 className=\"text-lg font-semibold\">Featured Research Selection for June 2025</h4>\n                              <p className=\"text-sm text-gray-600 mt-1\">\n                                Vote for which research papers should be featured on the platform homepage during June 2025.\n                              </p>\n                            </div>\n                            \n                            <div className=\"flex flex-col items-end\">\n                              <div className=\"flex items-center mb-1\">\n                                <Users className=\"h-4 w-4 text-indigo-500 mr-1\" />\n                                <span className=\"text-sm text-gray-600\">1,245 votes</span>\n                              </div>\n                              <div className=\"w-full bg-gray-200 rounded-full h-2.5 mb-1 max-w-[150px]\">\n                                <div className=\"bg-indigo-600 h-2.5 rounded-full\" style={{\n                            width: '67%'\n                          }}></div>\n                              </div>\n                              <div className=\"text-xs text-gray-500\">67% participation</div>\n                            </div>\n                          </div>\n                          \n                          <div className=\"border-t border-gray-100 pt-4 mt-4\">\n                            <h5 className=\"text-sm font-medium mb-3\">Select one option:</h5>\n                            <div className=\"space-y-2\">\n                              <label className=\"flex items-center space-x-3 p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"proposal1\" className=\"h-4 w-4 text-indigo-600\" />\n                                <div>\n                                  <p className=\"font-medium\">Quantum Computing Research</p>\n                                  <p className=\"text-sm text-gray-500\">Feature papers in quantum computing field</p>\n                                </div>\n                                <span className=\"ml-auto text-sm text-gray-500\">43%</span>\n                              </label>\n                              \n                              <label className=\"flex items-center space-x-3 p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"proposal1\" className=\"h-4 w-4 text-indigo-600\" />\n                                <div>\n                                  <p className=\"font-medium\">Climate Science Research</p>\n                                  <p className=\"text-sm text-gray-500\">Feature papers in climate science field</p>\n                                </div>\n                                <span className=\"ml-auto text-sm text-gray-500\">38%</span>\n                              </label>\n                              \n                              <label className=\"flex items-center space-x-3 p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"proposal1\" className=\"h-4 w-4 text-indigo-600\" />\n                                <div>\n                                  <p className=\"font-medium\">Decentralized Science</p>\n                                  <p className=\"text-sm text-gray-500\">Feature papers in DeSci field</p>\n                                </div>\n                                <span className=\"ml-auto text-sm text-gray-500\">19%</span>\n                              </label>\n                            </div>\n                          </div>\n                          \n                          <div className=\"mt-6 flex justify-end\">\n                            <button className=\"px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors flex items-center space-x-2\">\n                              <span>Cast Vote</span>\n                              <ArrowRight className=\"h-4 w-4\" />\n                            </button>\n                          </div>\n                        </div>\n                      </div>\n                      \n                      <div className=\"bg-white border border-gray-200 rounded-lg overflow-hidden\">\n                        <div className=\"p-4 md:p-6\">\n                          <div className=\"flex flex-col md:flex-row md:items-center justify-between gap-4 mb-4\">\n                            <div>\n                              <div className=\"flex items-center space-x-2 mb-2\">\n                                <span className=\"px-2 py-1 bg-green-100 text-green-800 text-xs rounded-full\">\n                                  Active\n                                </span>\n                                <span className=\"text-sm text-gray-500\">\n                                  <Clock className=\"inline h-3 w-3 mr-1\" />\n                                  5 days left\n                                </span>\n                              </div>\n                              <h4 className=\"text-lg font-semibold\">AI Summary Tool Enhancement</h4>\n                              <p className=\"text-sm text-gray-600 mt-1\">\n                                Vote on which new AI features should be prioritized for development in Q3 2025.\n                              </p>\n                            </div>\n                            \n                            <div className=\"flex flex-col items-end\">\n                              <div className=\"flex items-center mb-1\">\n                                <Users className=\"h-4 w-4 text-indigo-500 mr-1\" />\n                                <span className=\"text-sm text-gray-600\">987 votes</span>\n                              </div>\n                              <div className=\"w-full bg-gray-200 rounded-full h-2.5 mb-1 max-w-[150px]\">\n                                <div className=\"bg-indigo-600 h-2.5 rounded-full\" style={{\n                            width: '52%'\n                          }}></div>\n                              </div>\n                              <div className=\"text-xs text-gray-500\">52% participation</div>\n                            </div>\n                          </div>\n                          \n                          <div className=\"border-t border-gray-100 pt-4 mt-4\">\n                            <h5 className=\"text-sm font-medium mb-3\">Select one option:</h5>\n                            <div className=\"space-y-2\">\n                              <label className=\"flex items-center space-x-3 p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"proposal2\" className=\"h-4 w-4 text-indigo-600\" />\n                                <div>\n                                  <p className=\"font-medium\">Multi-language Support</p>\n                                  <p className=\"text-sm text-gray-500\">Add translation capabilities to AI summaries</p>\n                                </div>\n                                <span className=\"ml-auto text-sm text-gray-500\">28%</span>\n                              </label>\n                              \n                              <label className=\"flex items-center space-x-3 p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"proposal2\" className=\"h-4 w-4 text-indigo-600\" />\n                                <div>\n                                  <p className=\"font-medium\">Research Connections</p>\n                                  <p className=\"text-sm text-gray-500\">AI that finds connections between papers</p>\n                                </div>\n                                <span className=\"ml-auto text-sm text-gray-500\">46%</span>\n                              </label>\n                              \n                              <label className=\"flex items-center space-x-3 p-3 border border-gray-200 rounded-lg hover:bg-gray-50 cursor-pointer\">\n                                <input type=\"radio\" name=\"proposal2\" className=\"h-4 w-4 text-indigo-600\" />\n                                <div>\n                                  <p className=\"font-medium\">Simplified Explanations</p>\n                                  <p className=\"text-sm text-gray-500\">Create non-technical summaries for wider audience</p>\n                                </div>\n                                <span className=\"ml-auto text-sm text-gray-500\">26%</span>\n                              </label>\n                            </div>\n                          </div>\n                          \n                          <div className=\"mt-6 flex justify-end\">\n                            <button className=\"px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors flex items-center space-x-2\">\n                              <span>Cast Vote</span>\n                              <ArrowRight className=\"h-4 w-4\" />\n                            </button>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </>}\n              </div>\n            </div>\n          </div>}\n        \n        {}\n        {activeTab === 'token' && <div className=\"max-w-4xl mx-auto\">\n            <div className=\"bg-white rounded-xl shadow-sm p-6 mb-6\">\n              <div className=\"flex flex-col md:flex-row items-start md:items-center justify-between mb-8\">\n                <div>\n                  <h2 className=\"text-2xl font-bold text-gray-900\">$RESEARCH_HUB_TOKEN</h2>\n                  <p className=\"text-gray-600\">The governance token of Arweave Scholar Hub</p>\n                </div>\n                \n                <div className=\"mt-4 md:mt-0 flex flex-col\">\n                  <div className=\"flex items-center space-x-2\">\n                    <span className=\"text-2xl font-bold\">${tokenData.price.toFixed(5)}</span>\n                    <span className=\"text-green-500 text-sm\">+4.2%</span>\n                  </div>\n                  <span className=\"text-sm text-gray-500\">Updated 5 minutes ago</span>\n                </div>\n              </div>\n              \n              <div className=\"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8\">\n                <div className=\"bg-indigo-50 rounded-lg p-4\">\n                  <p className=\"text-sm text-indigo-600 mb-1\">Market Cap</p>\n                  <p className=\"text-xl font-bold text-indigo-800\">${tokenData.marketCap.toLocaleString()}</p>\n                </div>\n                \n                <div className=\"bg-indigo-50 rounded-lg p-4\">\n                  <p className=\"text-sm text-indigo-600 mb-1\">Circulating Supply</p>\n                  <p className=\"text-xl font-bold text-indigo-800\">{tokenData.circulating.toLocaleString()}</p>\n                </div>\n                \n                <div className=\"bg-indigo-50 rounded-lg p-4\">\n                  <p className=\"text-sm text-indigo-600 mb-1\">Token Holders</p>\n                  <p className=\"text-xl font-bold text-indigo-800\">{tokenData.holders.toLocaleString()}</p>\n                </div>\n              </div>\n              \n              <div className=\"mb-8\">\n                <h3 className=\"text-lg font-semibold mb-4\">Token Utility</h3>\n                <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                  <div className=\"border border-gray-200 rounded-lg p-4\">\n                    <div className=\"flex items-center mb-3\">\n                      <div className=\"p-2 bg-indigo-100 rounded-full mr-3\">\n                        <Zap className=\"h-5 w-5 text-indigo-600\" />\n                      </div>\n                      <h4 className=\"font-medium\">Premium AI Features</h4>\n                    </div>\n                    <p className=\"text-sm text-gray-600\">\n                      Unlock advanced AI research summaries, including deep analysis, citation graphs, and simplified explanations for non-experts.\n                    </p>\n                  </div>\n                  \n                  <div className=\"border border-gray-200 rounded-lg p-4\">\n                    <div className=\"flex items-center mb-3\">\n                      <div className=\"p-2 bg-indigo-100 rounded-full mr-3\">\n                        <Award className=\"h-5 w-5 text-indigo-600\" />\n                      </div>\n                      <h4 className=\"font-medium\">Governance Rights</h4>\n                    </div>\n                    <p className=\"text-sm text-gray-600\">\n                      Vote on platform decisions, including featured research selection, feature prioritization, and community guidelines.\n                    </p>\n                  </div>\n                  \n                  <div className=\"border border-gray-200 rounded-lg p-4\">\n                    <div className=\"flex items-center mb-3\">\n                      <div className=\"p-2 bg-indigo-100 rounded-full mr-3\">\n                        <TrendingUp className=\"h-5 w-5 text-indigo-600\" />\n                      </div>\n                      <h4 className=\"font-medium\">Deflationary Mechanism</h4>\n                    </div>\n                    <p className=\"text-sm text-gray-600\">\n                      A percentage of all researcher donations is used to buy back and burn tokens, creating deflationary pressure.\n                    </p>\n                  </div>\n                  \n                  <div className=\"border border-gray-200 rounded-lg p-4\">\n                    <div className=\"flex items-center mb-3\">\n                      <div className=\"p-2 bg-indigo-100 rounded-full mr-3\">\n                        <BookOpen className=\"h-5 w-5 text-indigo-600\" />\n                      </div>\n                      <h4 className=\"font-medium\">Exclusive Access</h4>\n                    </div>\n                    <p className=\"text-sm text-gray-600\">\n                      Gain access to exclusive research content, early paper releases, and virtual research conferences.\n                    </p>\n                  </div>\n                </div>\n              </div>\n              \n              <div>\n                <h3 className=\"text-lg font-semibold mb-4\">Token Metrics</h3>\n                <div className=\"bg-gray-50 rounded-lg p-4 mb-6\">\n                  <div className=\"flex flex-col md:flex-row justify-between gap-4\">\n                    <div>\n                      <p className=\"text-sm text-gray-500 mb-1\">Total Supply</p>\n                      <p className=\"font-medium\">{(tokenData.circulating + tokenData.burned).toLocaleString()}</p>\n                    </div>\n                    <div>\n                      <p className=\"text-sm text-gray-500 mb-1\">Burned Tokens</p>\n                      <p className=\"font-medium\">{tokenData.burned.toLocaleString()} ({(tokenData.burned / (tokenData.circulating + tokenData.burned) * 100).toFixed(2)}%)</p>\n                    </div>\n                    <div>\n                      <p className=\"text-sm text-gray-500 mb-1\">Token Contract</p>\n                      <p className=\"font-medium text-indigo-600\">AxGAbdFtdbj2oNXa4dKqFvwHzgFtW9mFHWmd7vQfhub</p>\n                    </div>\n                  </div>\n                </div>\n                \n                <div className=\"text-center\">\n                  <a href=\"#\" className=\"inline-flex items-center space-x-2 text-indigo-600 hover:text-indigo-700 transition-colors\">\n                    <span>View on pump.fun</span>\n                    <ArrowUpRight className=\"h-4 w-4\" />\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>}\n      </main>\n      \n      {}\n      <AnimatePresence>\n        {selectedPaper && <div className=\"fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4\">\n            <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=\"bg-white rounded-xl shadow-xl overflow-hidden max-w-4xl w-full max-h-[90vh] flex flex-col\">\n              <div className=\"p-6 flex-1 overflow-y-auto\">\n                <div className=\"flex justify-between items-start mb-6\">\n                  <div>\n                    <div className=\"flex items-center space-x-2 mb-2\">\n                      <span className=\"px-2 py-1 bg-indigo-100 text-indigo-800 text-xs rounded-full\">\n                        {selectedPaper.category}\n                      </span>\n                      <span className=\"text-sm text-gray-500\">\n                        {new Date(selectedPaper.date).toLocaleDateString()}\n                      </span>\n                    </div>\n                    <h2 className=\"text-2xl font-bold text-gray-900 mb-2\">{selectedPaper.title}</h2>\n                    <p className=\"text-gray-600\">\n                      <span className=\"font-medium\">{selectedPaper.author}</span>\n                      <span className=\"mx-2\">•</span>\n                      <span className=\"text-indigo-600 text-sm\">{selectedPaper.walletAddress.substring(0, 6)}...{selectedPaper.walletAddress.substring(selectedPaper.walletAddress.length - 4)}</span>\n                    </p>\n                  </div>\n                  \n                  <button onClick={closePaperDetails} className=\"text-gray-500 hover:text-gray-700\">\n                    <X className=\"h-6 w-6\" />\n                  </button>\n                </div>\n                \n                <div className=\"bg-indigo-50 rounded-lg p-4 mb-6\">\n                  <h3 className=\"text-lg font-medium text-indigo-900 mb-2\">Abstract</h3>\n                  <p className=\"text-gray-700\">{selectedPaper.abstract}</p>\n                </div>\n                \n                <div className=\"mb-6\">\n                  <div className=\"flex justify-between items-center mb-4\">\n                    <h3 className=\"text-lg font-medium\">AI Summary</h3>\n                    \n                    {connected && userTokens >= 50 && <button className={`flex items-center space-x-1 px-3 py-1 rounded-full text-sm font-medium ${showPremiumFeatures ? 'bg-indigo-100 text-indigo-800' : 'bg-gray-100 text-gray-800 hover:bg-indigo-50 hover:text-indigo-600'}`} onClick={togglePremiumFeatures}>\n                        <Zap className=\"h-3 w-3\" />\n                        <span>Premium Features</span>\n                      </button>}\n                  </div>\n                  \n                  {showPremiumFeatures && <div className=\"bg-white rounded-lg shadow-sm p-4 mb-4\">\n                      <div className=\"flex space-x-2 mb-4\">\n                        <button className={`px-3 py-1 rounded-full text-xs font-medium ${aiMode === 'standard' ? 'bg-indigo-100 text-indigo-800' : 'bg-gray-100 text-gray-800 hover:bg-gray-200'}`} onClick={() => setAiMode('standard')}>\n                          Standard\n                        </button>\n                        <button className={`px-3 py-1 rounded-full text-xs font-medium ${aiMode === 'detailed' ? 'bg-indigo-100 text-indigo-800' : 'bg-gray-100 text-gray-800 hover:bg-gray-200'}`} onClick={() => setAiMode('detailed')}>\n                          Detailed\n                        </button>\n                        <button className={`px-3 py-1 rounded-full text-xs font-medium ${aiMode === 'simplified' ? 'bg-indigo-100 text-indigo-800' : 'bg-gray-100 text-gray-800 hover:bg-gray-200'}`} onClick={() => setAiMode('simplified')}>\n                          Simplified\n                        </button>\n                        <button className={`px-3 py-1 rounded-full text-xs font-medium ${aiMode === 'implications' ? 'bg-indigo-100 text-indigo-800' : 'bg-gray-100 text-gray-800 hover:bg-gray-200'}`} onClick={() => setAiMode('implications')}>\n                          Implications\n                        </button>\n                      </div>\n                    </div>}\n                  \n                  <div className=\"bg-white rounded-lg border border-gray-200 p-4\">\n                    {messages.length > 1 ? <div className=\"prose max-w-none\">\n                        {messages[1].content}\n                      </div> : <div className=\"flex items-center justify-center py-8\">\n                        <svg className=\"animate-spin h-6 w-6 text-indigo-600\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                          <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\"></circle>\n                          <path className=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n                        </svg>\n                      </div>}\n                  </div>\n                </div>\n                \n                <div className=\"flex flex-col md:flex-row gap-6\">\n                  <div className=\"flex-1\">\n                    <h3 className=\"text-lg font-medium mb-4\">Paper Statistics</h3>\n                    <div className=\"bg-white rounded-lg border border-gray-200 p-4\">\n                      <div className=\"grid grid-cols-2 gap-4\">\n                        <div>\n                          <p className=\"text-sm text-gray-500 mb-1\">Likes</p>\n                          <div className=\"flex items-center space-x-1\">\n                            <Heart className=\"h-4 w-4 text-red-500\" />\n                            <span className=\"font-medium\">{selectedPaper.likes}</span>\n                          </div>\n                        </div>\n                        <div>\n                          <p className=\"text-sm text-gray-500 mb-1\">Comments</p>\n                          <div className=\"flex items-center space-x-1\">\n                            <MessageSquare className=\"h-4 w-4 text-indigo-500\" />\n                            <span className=\"font-medium\">{selectedPaper.comments}</span>\n                          </div>\n                        </div>\n                        <div>\n                          <p className=\"text-sm text-gray-500 mb-1\">Citations</p>\n                          <div className=\"flex items-center space-x-1\">\n                            <ArrowUpRight className=\"h-4 w-4 text-green-500\" />\n                            <span className=\"font-medium\">{selectedPaper.citations}</span>\n                          </div>\n                        </div>\n                        <div>\n                          <p className=\"text-sm text-gray-500 mb-1\">Arweave ID</p>\n                          <div className=\"flex items-center space-x-1\">\n                            <span className=\"font-medium text-sm text-indigo-600\">{selectedPaper.arweaveId}</span>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                  \n                  <div className=\"flex-1\">\n                    <h3 className=\"text-lg font-medium mb-4\">Support This Researcher</h3>\n                    <div className=\"bg-white rounded-lg border border-gray-200 p-4\">\n                      {!connected ? <div className=\"text-center py-4\">\n                          <p className=\"text-sm text-gray-600 mb-3\">\n                            Connect your wallet to support this researcher\n                          </p>\n                          <WalletMultiButton className=\"!bg-indigo-600 hover:!bg-indigo-700 mx-auto !py-1.5 !text-sm\" />\n                        </div> : showDonationSuccess ? <div className=\"text-center py-4\">\n                          <div className=\"w-12 h-12 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-3\">\n                            <svg className=\"w-6 h-6 text-green-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n                              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 13l4 4L19 7\"></path>\n                            </svg>\n                          </div>\n                          <p className=\"text-green-800 font-medium mb-1\">Donation successful!</p>\n                          <p className=\"text-sm text-gray-600\">\n                            Thank you for supporting this researcher.\n                          </p>\n                        </div> : <>\n                          <div className=\"mb-4\">\n                            <p className=\"text-sm text-gray-600 mb-3\">\n                              Directly support this researcher with SOL tokens.\n                            </p>\n                            <div className=\"flex items-center justify-between\">\n                              <p className=\"text-gray-500 text-sm\">Total Received</p>\n                              <div className=\"flex items-center space-x-1\">\n                                <CircleDollarSign className=\"h-4 w-4 text-green-500\" />\n                                <span className=\"font-medium\">{selectedPaper.funding.toFixed(2)} SOL</span>\n                              </div>\n                            </div>\n                          </div>\n                          \n                          <div className=\"mb-4\">\n                            <label className=\"block text-sm font-medium text-gray-700 mb-1\">\n                              Donation Amount (SOL)\n                            </label>\n                            <div className=\"flex\">\n                              <input type=\"number\" className=\"flex-1 px-3 py-2 rounded-l-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-transparent\" value={donationAmount} onChange={e => setDonationAmount(e.target.value)} min=\"0.01\" step=\"0.01\" />\n                              <span className=\"px-3 py-2 bg-gray-100 border border-l-0 border-gray-300 rounded-r-lg text-gray-600\">\n                                SOL\n                              </span>\n                            </div>\n                          </div>\n                          \n                          <div className=\"flex space-x-2\">\n                            <button className=\"flex-1 px-3 py-2 bg-gray-100 rounded-lg text-gray-600 hover:bg-gray-200 transition-colors\" onClick={() => setDonationAmount(0.1)}>\n                              0.1\n                            </button>\n                            <button className=\"flex-1 px-3 py-2 bg-gray-100 rounded-lg text-gray-600 hover:bg-gray-200 transition-colors\" onClick={() => setDonationAmount(0.5)}>\n                              0.5\n                            </button>\n                            <button className=\"flex-1 px-3 py-2 bg-gray-100 rounded-lg text-gray-600 hover:bg-gray-200 transition-colors\" onClick={() => setDonationAmount(1)}>\n                              1.0\n                            </button>\n                            <button className=\"flex-1 px-3 py-2 bg-gray-100 rounded-lg text-gray-600 hover:bg-gray-200 transition-colors\" onClick={() => setDonationAmount(5)}>\n                              5.0\n                            </button>\n                          </div>\n                          \n                          <button className=\"w-full mt-4 px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors\" onClick={handleDonate}>\n                            Support Researcher\n                          </button>\n                          \n                          <p className=\"text-xs text-gray-500 mt-2 text-center\">\n                            5% of your donation will be used to buy back and burn $RESEARCH_HUB_TOKEN.\n                          </p>\n                        </>}\n                    </div>\n                  </div>\n                </div>\n              </div>\n              \n              <div className=\"bg-gray-50 p-4 border-t border-gray-200 flex justify-between items-center\">\n                <div className=\"flex space-x-3\">\n                  <button className=\"flex items-center space-x-1 px-3 py-2 rounded-lg hover:bg-gray-100 transition-colors\" onClick={() => handleLike(selectedPaper.id)}>\n                    <Heart className=\"h-5 w-5 text-red-500\" />\n                    <span>Like</span>\n                  </button>\n                  <button className=\"flex items-center space-x-1 px-3 py-2 rounded-lg hover:bg-gray-100 transition-colors\">\n                    <Share2 className=\"h-5 w-5 text-indigo-500\" />\n                    <span>Share</span>\n                  </button>\n                </div>\n                \n                <a href=\"#\" className=\"px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 transition-colors flex items-center space-x-2\" onClick={e => e.preventDefault()}>\n                  <Download className=\"h-5 w-5\" />\n                  <span>Download PDF</span>\n                </a>\n              </div>\n            </motion.div>\n          </div>}\n      </AnimatePresence>\n      \n      {}\n      <footer className=\"bg-white border-t border-gray-200 py-6\">\n        <div className=\"container mx-auto px-4\">\n          <div className=\"flex flex-col md:flex-row justify-between items-center\">\n            <div className=\"flex items-center space-x-2 mb-4 md:mb-0\">\n              <BookMarked className=\"h-6 w-6 text-indigo-600\" />\n              <h1 className=\"text-lg font-bold bg-gradient-to-r from-indigo-600 to-purple-600 bg-clip-text text-transparent\">\n                Arweave Scholar Hub\n              </h1>\n            </div>\n            \n            <div className=\"text-center md:text-right\">\n              <p className=\"text-sm text-gray-600\">\n                Decentralizing academic research on Solana & Arweave\n              </p>\n              <p className=\"text-xs text-gray-500 mt-1\">\n                © 2025 ScholArweave Labs • All rights reserved\n              </p>\n            </div>\n          </div>\n        </div>\n      </footer>\n    </div>;\n}\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-dom\":\"18.2.0\",\"ai\":\"4.0.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"@devfunlabs/state-client\":\"0.8.1\",\"zod\":\"3.22.4\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[79,83,85,87,89,91,93,95,97,99,101,103,105,107],{"_80":81,"_82":40},"day","2025-07-12","runCount",{"_80":84,"_82":40},"2025-07-13",{"_80":86,"_82":40},"2025-07-14",{"_80":88,"_82":40},"2025-07-15",{"_80":90,"_82":40},"2025-07-16",{"_80":92,"_82":40},"2025-07-17",{"_80":94,"_82":40},"2025-07-18",{"_80":96,"_82":40},"2025-07-19",{"_80":98,"_82":40},"2025-07-20",{"_80":100,"_82":40},"2025-07-21",{"_80":102,"_82":40},"2025-07-22",{"_80":104,"_82":40},"2025-07-23",{"_80":106,"_82":40},"2025-07-24",{"_80":108,"_82":40},"2025-07-25","snapshot","ogImage","https://cdn.dev.fun/og/image/26d1c6f783c666ec906a/bdb8fe46.webp","isDevbase","actionData","errors"]
</article></body></html>

say something