Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Agentic RAG | Intelligent Memory</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&family=Outfit:wght@400;700&display=swap" | |
| rel="stylesheet"> | |
| </head> | |
| <body> | |
| <div class="background-blobs"> | |
| <div class="blob blob-1"></div> | |
| <div class="blob blob-2"></div> | |
| <div class="blob blob-3"></div> | |
| </div> | |
| <div class="app-container"> | |
| <header> | |
| <div class="logo"> | |
| <span class="logo-icon">🧠</span> | |
| <h1>Agentic <span>RAG</span></h1> | |
| </div> | |
| <div class="settings-toggle" id="settings-toggle"> | |
| <span class="settings-icon">⚙️</span> | |
| </div> | |
| <div class="status"> | |
| <span class="status-dot"></span> | |
| <span id="connection-status">Cloud Connected</span> | |
| </div> | |
| </header> | |
| <div class="settings-panel" id="settings-panel"> | |
| <h3>BYOK Settings</h3> | |
| <div class="settings-group"> | |
| <label>OpenRouter API Key</label> | |
| <input type="password" id="api-key-input" placeholder="sk-or-v1-..."> | |
| </div> | |
| <div class="settings-group"> | |
| <label>LLM Model</label> | |
| <input type="text" id="llm-model-input" placeholder="openai/gpt-4o-mini" value="openai/gpt-4o-mini"> | |
| </div> | |
| <div class="settings-group"> | |
| <label>Embedding Model</label> | |
| <input type="text" id="embed-model-input" placeholder="qwen/qwen3-embedding-8b" | |
| value="qwen/qwen3-embedding-8b"> | |
| </div> | |
| <p class="settings-note">Settings are stored locally in your browser session.</p> | |
| </div> | |
| <main id="chat-container"> | |
| <div class="welcome-message"> | |
| <h2>Welcome to your Infinite Memory</h2> | |
| <p>I can recall facts, names, and details from your ingested documents with 100% precision. Ask me | |
| anything!</p> | |
| <div class="suggestions"> | |
| <button onclick="useSuggestion('Who is the main contact for the project?')">Project | |
| Contact?</button> | |
| <button onclick="useSuggestion('What are the key technical specs mentioned?')">Technical | |
| Specs?</button> | |
| <button onclick="useSuggestion('Summarize our last discussion.')">Last Discussion?</button> | |
| </div> | |
| </div> | |
| <!-- Messages will be injected here --> | |
| </main> | |
| <footer> | |
| <div class="input-wrapper"> | |
| <textarea id="user-input" placeholder="Type a message..." rows="1"></textarea> | |
| <button id="send-btn"> | |
| <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" | |
| stroke-linejoin="round"> | |
| <line x1="22" y1="2" x2="11" y2="13"></line> | |
| <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon> | |
| </svg> | |
| </button> | |
| </div> | |
| <div class="pipeline-stats" id="pipeline-stats"> | |
| Pipeline: -- | Retrieval: -- | |
| </div> | |
| </footer> | |
| </div> | |
| <script src="app.js"></script> | |
| </body> | |
| </html> |