VinitT/ResearchRadar.AI
3
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>Research Radar - AI-Powered Paper Analysis</title>7 <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">8 <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">9 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">10 <meta name="description" content="AI-powered research paper analysis tool for searching, uploading, and chatting with academic documents">11</head>12<body>13 <!-- Landing Page -->14 <div id="landingPage" class="page active">15 <!-- Navigation for Landing -->16 <nav class="navbar landing-nav">17 <div class="nav-container">18 <div class="nav-brand">19 <div class="brand-icon">20 <i class="fas fa-brain"></i>21 </div>22 <div class="brand-text">23 <span class="brand-name">Research Radar</span>24 <span class="brand-tagline">AI Research Assistant</span>25 </div>26 </div>27 <button class="mobile-nav-toggle" aria-label="Toggle navigation">28 <i class="fas fa-bars"></i>29 </button>30 <div class="landing-nav-links">31 <a href="#features" class="nav-link">32 <i class="fas fa-star"></i>33 <span>Features</span>34 </a>35 <a href="#about" class="nav-link">36 <i class="fas fa-info-circle"></i>37 <span>About</span>38 </a>39 <button class="nav-cta-btn" onclick="navigateToApp()">40 <i class="fas fa-rocket"></i>41 <span>Get Started</span>42 </button>43 </div>44 </div>45 </nav>46 47 <!-- Hero Section -->48 <section class="hero">49 <div class="hero-background">50 <div class="floating-shapes">51 <div class="shape shape-1"></div>52 <div class="shape shape-2"></div>53 <div class="shape shape-3"></div>54 </div>55 </div>56 <div class="hero-content">57 <div class="hero-badge">58 <i class="fas fa-sparkles"></i>59 <span>Powered by AI</span>60 </div>61 <h1 class="hero-title">62 <span class="gradient-text">Research Radar</span>63 </h1>64 <p class="hero-subtitle">65 Discover, analyze, and understand research papers with our AI-powered assistant. 66 Search arXiv, upload documents, and get intelligent insights instantly.67 </p>68 <div class="hero-cta">69 <button class="cta-button primary" onclick="navigateToApp('search')">70 <i class="fas fa-rocket"></i>71 Start Exploring72 </button>73 <button class="cta-button secondary" onclick="navigateToApp('upload')">74 <i class="fas fa-upload"></i>75 Upload Paper76 </button>77 </div>78 <div class="hero-features">79 <div class="feature-item" data-aos="fade-up" data-aos-delay="100">80 <div class="feature-icon">81 <i class="fas fa-search"></i>82 </div>83 <div class="feature-content">84 <h3>Smart Search</h3>85 <p>Search millions of papers from arXiv</p>86 </div>87 </div>88 <div class="feature-item" data-aos="fade-up" data-aos-delay="200">89 <div class="feature-icon">90 <i class="fas fa-file-upload"></i>91 </div>92 <div class="feature-content">93 <h3>Document Upload</h3>94 <p>Upload PDFs, DOCX, and TXT files</p>95 </div>96 </div>97 <div class="feature-item" data-aos="fade-up" data-aos-delay="300">98 <div class="feature-icon">99 <i class="fas fa-brain"></i>100 </div>101 <div class="feature-content">102 <h3>AI Summaries</h3>103 <p>Get intelligent paper summaries</p>104 </div>105 </div>106 <div class="feature-item" data-aos="fade-up" data-aos-delay="400">107 <div class="feature-icon">108 <i class="fas fa-robot"></i>109 </div>110 <div class="feature-content">111 <h3>Smart Chat</h3>112 <p>Ask questions about your documents</p>113 </div>114 </div>115 </div>116 </div>117 </section>118 119 <!-- Features Section -->120 <section id="features" class="features-section">121 <div class="features-container">122 <div class="features-header">123 <h2>Why Choose Research Radar?</h2>124 <p>Powerful AI tools designed for researchers, students, and academics</p>125 </div>126 <div class="features-grid">127 <div class="feature-card">128 <div class="card-icon">129 <i class="fas fa-lightning-bolt"></i>130 </div>131 <h3>Lightning Fast</h3>132 <p>Get instant AI-powered summaries and insights from research papers in seconds</p>133 </div>134 <div class="feature-card">135 <div class="card-icon">136 <i class="fas fa-shield-alt"></i>137 </div>138 <h3>Secure & Private</h3>139 <p>Your documents are processed securely with enterprise-grade privacy protection</p>140 </div>141 <div class="feature-card">142 <div class="card-icon">143 <i class="fas fa-globe"></i>144 </div>145 <h3>Comprehensive</h3>146 <p>Access millions of papers from arXiv and upload your own documents for analysis</p>147 </div>148 <div class="feature-card">149 <div class="card-icon">150 <i class="fas fa-comments"></i>151 </div>152 <h3>Interactive Chat</h3>153 <p>Ask questions and get detailed explanations about any aspect of your papers</p>154 </div>155 </div>156 </div>157 </section>158 159 <!-- About Section -->160 <section id="about" class="about-section">161 <div class="about-container">162 <div class="about-content">163 <h2>About Research Radar</h2>164 <p>Research Radar is an AI-powered research assistant that helps you discover, analyze, and understand academic papers more efficiently. Whether you're a student working on assignments, a researcher exploring new topics, or an academic keeping up with the latest developments in your field, Research Radar makes it easy to extract insights from complex research papers.</p>165 <div class="about-stats">166 <div class="stat-item">167 <div class="stat-number">2M+</div>168 <div class="stat-label">Papers Analyzed</div>169 </div>170 <div class="stat-item">171 <div class="stat-number">50K+</div>172 <div class="stat-label">Active Users</div>173 </div>174 <div class="stat-item">175 <div class="stat-number">99.9%</div>176 <div class="stat-label">Uptime</div>177 </div>178 </div>179 </div>180 </div>181 </section>182 183 <!-- Footer -->184 <footer class="landing-footer">185 <div class="footer-container">186 <div class="footer-content">187 <div class="footer-brand">188 <div class="brand-icon">189 <i class="fas fa-brain"></i>190 </div>191 <span class="brand-name">Research Radar</span>192 </div>193 <p>© 2024 Research Radar. Empowering research with AI.</p>194 </div>195 </div>196 </footer>197 </div>198 199 <!-- Application Page -->200 <div id="appPage" class="page">201 <!-- Navigation for App -->202 <nav class="navbar app-nav">203 <div class="nav-container">204 <div class="nav-brand" onclick="navigateToLanding()">205 <div class="brand-icon">206 <i class="fas fa-brain"></i>207 </div>208 <div class="brand-text">209 <span class="brand-name">Research Radar</span>210 <span class="brand-tagline">AI Research Assistant</span>211 </div>212 </div>213 <button class="mobile-nav-toggle" aria-label="Toggle navigation">214 <i class="fas fa-bars"></i>215 </button>216 <div class="nav-links">217 <a href="#search" class="nav-link active" data-section="search">218 <i class="fas fa-search"></i> 219 <span>Search</span>220 </a>221 <a href="#upload" class="nav-link" data-section="upload">222 <i class="fas fa-upload"></i> 223 <span>Upload</span>224 </a>225 <a href="#mypapers" class="nav-link" data-section="mypapers">226 <i class="fas fa-folder-open"></i> 227 <span>My Papers</span>228 </a>229 </div>230 <!-- Status Indicator -->231 <div class="status-indicator" id="statusIndicator">232 <div class="status-dot"></div>233 <span class="status-text">Ready</span>234 </div>235 <!-- Back to Landing -->236 <button class="back-to-landing" onclick="navigateToLanding()" title="Back to Home">237 <i class="fas fa-home"></i>238 </button>239 </div>240 </nav>241 242 <!-- Main Container -->243 <div class="main-container">244 <!-- Search Section -->245 <section id="search" class="section active">246 <div class="search-hero">247 <div class="search-hero-content">248 <div class="search-title-area">249 <div class="search-icon-large">250 <i class="fas fa-search"></i>251 </div>252 <h1>Discover Research Papers</h1>253 <p>Search through millions of academic papers from arXiv and get AI-powered insights</p>254 </div>255 256 <!-- Enhanced Search Box -->257 <div class="search-box-enhanced">258 <div class="search-input-container">259 <div class="search-input-wrapper">260 <i class="fas fa-search search-icon"></i>261 <input type="text" id="searchInput" placeholder="What are you researching today?" autocomplete="off">262 <button id="searchBtn" class="search-submit-btn">263 <i class="fas fa-arrow-right"></i>264 <span>Search</span>265 </button>266 </div>267 <div class="search-actions">268 <button class="voice-search-btn" title="Voice Search">269 <i class="fas fa-microphone"></i>270 </button>271 <button class="advanced-search-btn" title="Advanced Search" onclick="toggleAdvancedSearch()">272 <i class="fas fa-sliders-h"></i>273 </button>274 </div>275 </div>276 277 <!-- Advanced Filters -->278 <div class="advanced-filters" id="advancedFilters">279 <div class="filters-row">280 <div class="filter-group">281 <label class="filter-label">282 <i class="fas fa-calendar"></i>283 Time Range284 </label>285 <select id="timeFilter" class="filter-select">286 <option value="all">All Time</option>287 <option value="2024">2024</option>288 <option value="2023">2023</option>289 <option value="2022">2022</option>290 <option value="recent">Last 6 months</option>291 <option value="month">Last month</option>292 </select>293 </div>294 <div class="filter-group">295 <label class="filter-label">296 <i class="fas fa-tag"></i>297 Category298 </label>299 <select id="categoryFilter" class="filter-select">300 <option value="all">All Categories</option>301 <option value="cs">Computer Science</option>302 <option value="math">Mathematics</option>303 <option value="physics">Physics</option>304 <option value="stat">Statistics</option>305 <option value="bio">Biology</option>306 <option value="econ">Economics</option>307 </select>308 </div>309 <div class="filter-group">310 <label class="filter-label">311 <i class="fas fa-sort"></i>312 Sort By313 </label>314 <select id="sortFilter" class="filter-select">315 <option value="relevance">Relevance</option>316 <option value="date">Latest First</option>317 <option value="citations">Most Cited</option>318 <option value="title">Title A-Z</option>319 </select>320 </div>321 </div>322 </div>323 </div>324 325 <!-- Quick Search Categories -->326 <div class="quick-search-section">327 <h3>Popular Research Areas</h3>328 <div class="quick-search-grid">329 <button class="quick-search-card" data-query="machine learning">330 <div class="card-icon">331 <i class="fas fa-robot"></i>332 </div>333 <div class="card-content">334 <h4>Machine Learning</h4>335 <span>12,847 papers</span>336 </div>337 </button>338 <button class="quick-search-card" data-query="artificial intelligence">339 <div class="card-icon">340 <i class="fas fa-brain"></i>341 </div>342 <div class="card-content">343 <h4>Artificial Intelligence</h4>344 <span>8,932 papers</span>345 </div>346 </button>347 <button class="quick-search-card" data-query="quantum computing">348 <div class="card-icon">349 <i class="fas fa-atom"></i>350 </div>351 <div class="card-content">352 <h4>Quantum Computing</h4>353 <span>3,456 papers</span>354 </div>355 </button>356 <button class="quick-search-card" data-query="deep learning">357 <div class="card-icon">358 <i class="fas fa-network-wired"></i>359 </div>360 <div class="card-content">361 <h4>Deep Learning</h4>362 <span>15,234 papers</span>363 </div>364 </button>365 <button class="quick-search-card" data-query="computer vision">366 <div class="card-icon">367 <i class="fas fa-eye"></i>368 </div>369 <div class="card-content">370 <h4>Computer Vision</h4>371 <span>9,876 papers</span>372 </div>373 </button>374 <button class="quick-search-card" data-query="natural language processing">375 <div class="card-icon">376 <i class="fas fa-comments"></i>377 </div>378 <div class="card-content">379 <h4>NLP</h4>380 <span>7,543 papers</span>381 </div>382 </button>383 </div>384 </div>385 </div>386 </div>387 388 <!-- Search Tips -->389 <div class="search-tips" id="searchTips">390 <div class="tips-header">391 <h3><i class="fas fa-lightbulb"></i> Search Tips</h3>392 <button class="tips-toggle" onclick="toggleSearchTips()">393 <i class="fas fa-chevron-down"></i>394 </button>395 </div>396 <div class="tips-content">397 <div class="tips-grid">398 <div class="tip-item">399 <div class="tip-icon">400 <i class="fas fa-quotes-left"></i>401 </div>402 <div class="tip-content">403 <h4>Use Quotes</h4>404 <p>Search for exact phrases like <code>"neural networks"</code></p>405 </div>406 </div>407 <div class="tip-item">408 <div class="tip-icon">409 <i class="fas fa-plus"></i>410 </div>411 <div class="tip-content">412 <h4>Combine Terms</h4>413 <p>Use AND, OR like <code>machine learning AND ethics</code></p>414 </div>415 </div>416 <div class="tip-item">417 <div class="tip-icon">418 <i class="fas fa-user"></i>419 </div>420 <div class="tip-content">421 <h4>Search Authors</h4>422 <p>Find papers by author <code>author:smith</code></p>423 </div>424 </div>425 <div class="tip-item">426 <div class="tip-icon">427 <i class="fas fa-asterisk"></i>428 </div>429 <div class="tip-content">430 <h4>Use Wildcards</h4>431 <p>Use * for variations like <code>neural*</code></p>432 </div>433 </div>434 </div>435 </div>436 </div>437 438 <!-- Recent Searches -->439 <div class="recent-searches" id="recentSearches" style="display: none;">440 <div class="recent-header">441 <h3><i class="fas fa-history"></i> Recent Searches</h3>442 <button class="clear-history" onclick="clearSearchHistory()">443 <i class="fas fa-trash"></i> Clear444 </button>445 </div>446 <div class="recent-items" id="recentSearchItems">447 <!-- Dynamic content -->448 </div>449 </div>450 451 <!-- Search Results -->452 <div id="searchResults" class="results-container">453 <div class="search-placeholder-enhanced">454 <div class="placeholder-animation">455 <div class="floating-papers">456 <div class="paper-icon">📄</div>457 <div class="paper-icon">📊</div>458 <div class="paper-icon">🔬</div>459 </div>460 </div>461 <h3>Ready to explore the world of research?</h3>462 <p>Start by typing a topic above or click on one of the popular research areas</p>463 <div class="placeholder-stats">464 <div class="stat">465 <strong>2.3M+</strong>466 <span>Papers Available</span>467 </div>468 <div class="stat">469 <strong>50+</strong>470 <span>Research Fields</span>471 </div>472 <div class="stat">473 <strong>24/7</strong>474 <span>Updated</span>475 </div>476 </div>477 </div>478 </div>479 480 <!-- Search Suggestions Dropdown -->481 <div class="search-suggestions-dropdown" id="searchSuggestions">482 <div class="suggestions-section">483 <h4>Suggestions</h4>484 <div class="suggestion-item" data-query="machine learning">485 <i class="fas fa-search"></i>486 <span>machine learning</span>487 <small>12.8k papers</small>488 </div>489 <div class="suggestion-item" data-query="neural networks">490 <i class="fas fa-search"></i>491 <span>neural networks</span>492 <small>8.3k papers</small>493 </div>494 <div class="suggestion-item" data-query="quantum computing">495 <i class="fas fa-search"></i>496 <span>quantum computing</span>497 <small>3.4k papers</small>498 </div>499 </div>500 <div class="suggestions-section">501 <h4>Trending Today</h4>502 <div class="suggestion-item trending" data-query="large language models">503 <i class="fas fa-fire"></i>504 <span>large language models</span>505 <small class="trending-badge">Hot</small>506 </div>507 <div class="suggestion-item trending" data-query="transformer architecture">508 <i class="fas fa-fire"></i>509 <span>transformer architecture</span>510 <small class="trending-badge">Hot</small>511 </div>512 </div>513 </div>514 </section>515 516 <!-- Upload Section -->517 <section id="upload" class="section">518 <div class="upload-hero">519 <div class="upload-hero-content">520 <div class="upload-title-area">521 <div class="upload-icon-large">522 <i class="fas fa-cloud-upload-alt"></i>523 </div>524 <h1>Upload & Analyze Documents</h1>525 <p>Upload research papers, documents, or analyze from URLs to get AI-powered insights and summaries</p>526 </div>527 528 <!-- Enhanced Upload Methods -->529 <div class="upload-methods-enhanced">530 <!-- File Upload Zone -->531 <div class="upload-method-card primary-upload" id="uploadZone">532 <div class="upload-card-header">533 <div class="upload-card-icon">534 <i class="fas fa-file-upload"></i>535 </div>536 <div class="upload-card-title">537 <h3>Upload Document</h3>538 <p>Drag & drop or browse files</p>539 </div>540 </div>541 542 <div class="upload-drop-zone">543 <div class="drop-zone-content">544 <div class="upload-animation">545 <div class="upload-cloud">546 <i class="fas fa-cloud-upload-alt"></i>547 </div>548 <div class="upload-arrow">↑</div>549 </div>550 <h4>Drop files here</h4>551 <p>or click to browse</p>552 553 <div class="supported-formats">554 <div class="format-badge pdf">555 <i class="fas fa-file-pdf"></i>556 <span>PDF</span>557 </div>558 <div class="format-badge docx">559 <i class="fas fa-file-word"></i>560 <span>DOCX</span>561 </div>562 <div class="format-badge txt">563 <i class="fas fa-file-alt"></i>564 <span>TXT</span>565 </div>566 </div>567 568 <div class="upload-specs">569 <span><i class="fas fa-info-circle"></i> Max size: 16MB</span>570 <span><i class="fas fa-shield-alt"></i> Secure upload</span>571 </div>572 </div>573 <input type="file" id="fileInput" accept=".pdf,.txt,.docx" hidden>574 </div>575 576 <div class="upload-actions">577 <button class="browse-btn" onclick="document.getElementById('fileInput').click()">578 <i class="fas fa-folder-open"></i>579 <span>Browse Files</span>580 </button>581 </div>582 </div>583 584 <!-- URL Analysis -->585 <div class="upload-method-card secondary-upload">586 <div class="upload-card-header">587 <div class="upload-card-icon">588 <i class="fas fa-link"></i>589 </div>590 <div class="upload-card-title">591 <h3>Analyze from URL</h3>592 <p>Paste arXiv or research paper URLs</p>593 </div>594 </div>595 596 <div class="url-input-enhanced">597 <div class="url-input-wrapper">598 <i class="fas fa-link url-icon"></i>599 <input type="text" id="paperUrl" placeholder="https://arxiv.org/abs/2301.00001" autocomplete="off">600 <button id="analyzeUrlBtn" class="analyze-btn">601 <i class="fas fa-search"></i>602 <span>Analyze</span>603 </button>604 </div>605 </div>606 607 <div class="url-suggestions">608 <h4>Popular Sources</h4>609 <div class="source-buttons">610 <button class="source-btn" data-source="arxiv">611 <i class="fas fa-graduation-cap"></i>612 <span>arXiv</span>613 </button>614 <button class="source-btn" data-source="pubmed">615 <i class="fas fa-microscope"></i>616 <span>PubMed</span>617 </button>618 <button class="source-btn" data-source="ieee">619 <i class="fas fa-microchip"></i>620 <span>IEEE</span>621 </button>622 <button class="source-btn" data-source="acm">623 <i class="fas fa-code"></i>624 <span>ACM</span>625 </button>626 </div>627 </div>628 629 <div class="example-urls">630 <details class="url-examples-details">631 <summary>632 <i class="fas fa-lightbulb"></i>633 Example URLs634 </summary>635 <div class="example-list">636 <button class="example-url" data-url="https://arxiv.org/abs/2301.00001">637 <i class="fas fa-external-link-alt"></i>638 <span>https://arxiv.org/abs/2301.00001</span>639 <small>Machine Learning Paper</small>640 </button>641 <button class="example-url" data-url="https://arxiv.org/abs/2205.11487">642 <i class="fas fa-external-link-alt"></i>643 <span>https://arxiv.org/abs/2205.11487</span>644 <small>PaLM Language Model</small>645 </button>646 <button class="example-url" data-url="https://arxiv.org/abs/2203.02155">647 <i class="fas fa-external-link-alt"></i>648 <span>https://arxiv.org/abs/2203.02155</span>649 <small>Training Language Models</small>650 </button>651 </div>652 </details>653 </div>654 </div>655 </div>656 657 <!-- Upload Tips -->658 <div class="upload-tips">659 <div class="tips-header">660 <h3><i class="fas fa-lightbulb"></i> Upload Tips</h3>661 <button class="tips-toggle" onclick="toggleUploadTips()">662 <i class="fas fa-chevron-down"></i>663 </button>664 </div>665 <div class="tips-content" id="uploadTipsContent">666 <div class="tips-grid">667 <div class="tip-item">668 <div class="tip-icon">669 <i class="fas fa-file-pdf"></i>670 </div>671 <div class="tip-content">672 <h4>Best Format</h4>673 <p>PDF files work best for accurate text extraction</p>674 </div>675 </div>676 <div class="tip-item">677 <div class="tip-icon">678 <i class="fas fa-compress-alt"></i>679 </div>680 <div class="tip-content">681 <h4>File Size</h4>682 <p>Keep files under 16MB for faster processing</p>683 </div>684 </div>685 <div class="tip-item">686 <div class="tip-icon">687 <i class="fas fa-language"></i>688 </div>689 <div class="tip-content">690 <h4>Language</h4>691 <p>English documents get the best analysis results</p>692 </div>693 </div>694 <div class="tip-item">695 <div class="tip-icon">696 <i class="fas fa-shield-alt"></i>697 </div>698 <div class="tip-content">699 <h4>Privacy</h4>700 <p>Your documents are processed securely and privately</p>701 </div>702 </div>703 </div>704 </div>705 </div>706 </div>707 </div>708 709 <!-- Enhanced Upload Progress -->710 <div class="upload-progress-enhanced" id="uploadProgress" style="display: none;">711 <div class="progress-container">712 <div class="progress-header">713 <div class="progress-title">714 <h3>Processing Document</h3>715 <p id="progressSubtitle">Preparing your document for analysis...</p>716 </div>717 <div class="progress-stats">718 <span class="progress-percentage" id="progressPercentage">0%</span>719 <span class="progress-time" id="progressTime">Estimating...</span>720 </div>721 </div>722 723 <div class="progress-bar-container">724 <div class="progress-bar">725 <div class="progress-fill" id="progressFill"></div>726 <div class="progress-glow"></div>727 </div>728 </div>729 730 <div class="progress-steps-enhanced">731 <div class="progress-step active" data-step="1">732 <div class="step-icon">733 <i class="fas fa-upload"></i>734 </div>735 <div class="step-content">736 <h4>Uploading</h4>737 <p>Transferring your document</p>738 </div>739 </div>740 <div class="progress-step" data-step="2">741 <div class="step-icon">742 <i class="fas fa-file-text"></i>743 </div>744 <div class="step-content">745 <h4>Extracting</h4>746 <p>Reading document content</p>747 </div>748 </div>749 <div class="progress-step" data-step="3">750 <div class="step-icon">751 <i class="fas fa-brain"></i>752 </div>753 <div class="step-content">754 <h4>Analyzing</h4>755 <p>AI processing in progress</p>756 </div>757 </div>758 <div class="progress-step" data-step="4">759 <div class="step-icon">760 <i class="fas fa-check-circle"></i>761 </div>762 <div class="step-content">763 <h4>Complete</h4>764 <p>Ready for questions</p>765 </div>766 </div>767 </div>768 </div>769 </div>770 771 <!-- Enhanced Results -->772 <div id="uploadResults" class="results-container">773 <div class="upload-placeholder-enhanced">774 <div class="placeholder-animation">775 <div class="floating-documents">776 <div class="doc-icon">📄</div>777 <div class="doc-icon">📊</div>778 <div class="doc-icon">📋</div>779 </div>780 </div>781 <h3>Ready to analyze your documents?</h3>782 <p>Upload a file or paste a URL to get started with AI-powered analysis</p>783 <div class="placeholder-features">784 <div class="feature">785 <i class="fas fa-magic"></i>786 <span>AI Summaries</span>787 </div>788 <div class="feature">789 <i class="fas fa-question-circle"></i>790 <span>Q&A Chat</span>791 </div>792 <div class="feature">793 <i class="fas fa-key"></i>794 <span>Key Insights</span>795 </div>796 </div>797 </div>798 </div>799 </section>800 801 <!-- My Papers Section -->802 <section id="mypapers" class="section">803 <div class="mypapers-hero">804 <div class="mypapers-hero-content">805 <div class="mypapers-title-area">806 <div class="mypapers-icon-large">807 <i class="fas fa-folder-open"></i>808 </div>809 <h1>My Papers</h1>810 <p>Access and manage all your uploaded and analyzed research papers</p>811 </div>812 813 <div class="mypapers-actions">814 <button class="refresh-papers-btn" onclick="researchRadar.loadMyPapers()">815 <i class="fas fa-sync-alt"></i>816 <span>Refresh</span>817 </button>818 <button class="clear-all-btn" onclick="researchRadar.clearAllPapers()">819 <i class="fas fa-trash"></i>820 <span>Clear All</span>821 </button>822 </div>823 </div>824 </div>825 826 <div class="mypapers-content">827 <div class="mypapers-loading" id="mypapersLoading" style="display: none;">828 <div class="loading-spinner"></div>829 <p>Loading your papers...</p>830 </div>831 832 <div class="mypapers-empty" id="mypapersEmpty" style="display: none;">833 <div class="empty-state">834 <div class="empty-icon">835 <i class="fas fa-folder-open"></i>836 </div>837 <h3>No Papers Yet</h3>838 <p>Upload documents or search for papers to get started</p>839 <div class="empty-actions">840 <button class="btn-primary" onclick="researchRadar.switchSection('upload')">841 <i class="fas fa-upload"></i>842 <span>Upload Document</span>843 </button>844 <button class="btn-secondary" onclick="researchRadar.switchSection('search')">845 <i class="fas fa-search"></i>846 <span>Search Papers</span>847 </button>848 </div>849 </div>850 </div>851 852 <div class="papers-grid" id="papersGrid">853 <!-- Papers will be loaded here dynamically -->854 </div>855 </div>856 </section>857 858 <!-- Summary + Chat Section -->859 <section id="summary-chat" class="section" style="display: none;">860 <div class="summary-chat-header">861 <div class="header-content">862 <button class="back-btn" onclick="goBackToSearch()">863 <i class="fas fa-arrow-left"></i>864 <span>Back to Search</span>865 </button>866 <div class="paper-info" id="paperInfo">867 <h2 id="paperTitle">Paper Title</h2>868 <div class="paper-meta">869 <span class="author" id="paperAuthor">Author Name</span>870 <span class="date" id="paperDate">2024</span>871 <span class="category" id="paperCategory">cs.LG</span>872 </div>873 </div>874 </div>875 </div>876 877 <!-- Tab Navigation -->878 <div class="tab-navigation">879 <div class="tab-nav-container">880 <button class="tab-btn active" data-tab="summary" onclick="switchTab('summary')">881 <i class="fas fa-file-text"></i>882 <span>AI Summary</span>883 <div class="tab-indicator"></div>884 </button>885 <button class="tab-btn" data-tab="chat" onclick="switchTab('chat')">886 <i class="fas fa-comments"></i>887 <span>Ask Questions</span>888 <div class="tab-indicator"></div>889 </button>890 </div>891 </div>892 893 <!-- Tab Content -->894 <div class="tab-content-container">895 <!-- Summary Tab -->896 <div id="summary-tab" class="tab-content active">897 <div class="summary-container">898 <div class="summary-header">899 <div class="summary-title">900 <div class="summary-icon">901 <i class="fas fa-brain"></i>902 </div>903 <div class="summary-title-text">904 <h3>AI-Generated Summary</h3>905 <p>Comprehensive analysis of the research paper</p>906 </div>907 </div>908 </div>909 910 <div class="summary-main-content">911 <div class="summary-content" id="summaryContent">912 <div class="summary-loading" id="summaryLoading">913 <div class="loading-spinner"></div>914 <div class="loading-text">915 <h4>Analyzing paper...</h4>916 <p>Our AI is reading the document to generate a comprehensive summary.</p>917 </div>918 </div>919 <div class="summary-text" id="summaryText" style="display: none;">920 <!-- Summary will be loaded here -->921 </div>922 </div>923 </div>924 </div>925 </div>926 927 <!-- Chat Tab -->928 <div id="chat-tab" class="tab-content">929 <div class="chat-container">930 <div class="chat-header">931 <div class="chat-title">932 <div class="chat-icon">933 <i class="fas fa-robot"></i>934 </div>935 <div class="chat-title-text">936 <h3>Interactive Q&A</h3>937 <p>Ask me anything about this paper</p>938 </div>939 </div>940 <div class="chat-status">941 <div class="status-indicator online">942 <div class="status-dot"></div>943 <span>AI Ready</span>944 </div>945 </div>946 </div>947 948 <div class="chat-messages-container" id="chatMessagesPanel">949 <div class="chat-welcome">950 <div class="welcome-avatar">951 <div class="avatar-icon">952 <i class="fas fa-robot"></i>953 </div>954 <div class="avatar-status"></div>955 </div>956 <div class="welcome-content">957 <h4>👋 Welcome! I'm ready to help</h4>958 <p>I've thoroughly analyzed this research paper. Ask me about its contributions, methodology, or any other details.</p>959 </div>960 </div>961 <!-- Chat messages will be dynamically added here -->962 </div>963 964 <div class="chat-input-area">965 <!-- Quick Questions -->966 <div class="quick-questions-chips" id="quickQuestionsChips">967 <button class="quick-question-chip" onclick="askQuickQuestion('Main contribution?')">Main contribution?</button>968 <button class="quick-question-chip" onclick="askQuickQuestion('Methodology?')">Methodology?</button>969 <button class="quick-question-chip" onclick="askQuickQuestion('Key findings?')">Key findings?</button>970 <button class="quick-question-chip" onclick="askQuickQuestion('Limitations?')">Limitations?</button>971 </div>972 973 <!-- Chat Input -->974 <div class="chat-input-container">975 <div class="input-wrapper">976 <textarea id="chatInputPanel" placeholder="Ask a follow-up question..." rows="1"></textarea>977 <button id="chatSendBtnPanel" class="send-btn-panel" title="Send Message">978 <i class="fas fa-paper-plane"></i>979 </button>980 </div>981 </div>982 </div>983 </div>984 </div>985 </div>986 </section>987 </div>988 </div>989 990 <!-- Loading Overlay -->991 <div id="loadingOverlay" class="loading-overlay">992 <div class="loading-content">993 <div class="loading-animation">994 <div class="loading-spinner"></div>995 <div class="loading-dots">996 <div class="dot"></div>997 <div class="dot"></div>998 <div class="dot"></div>999 </div>1000 </div>1001 <h3 id="loadingTitle">Processing your request...</h3>1002 <p id="loadingSubtitle">This may take a few moments</p>1003 </div>1004 </div>1005 1006 <!-- Toast Notifications -->1007 <div id="toastContainer" class="toast-container"></div>1008 1009 1010 1011 <script src="{{ url_for('static', filename='js/script.js') }}"></script>1012</body>1013</html>