Hugging Face's logo

Spaces:
DHEIVER
/
MetrologyRAGPipeline
Running

App Files Community
DHEIVER commited on
Commit
1774bb4
·
verified ·
1 Parent(s): b0dcdf3

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +42 -34
index.html CHANGED
@@ -3,77 +3,85 @@
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>Quantum RAG Interface</title>
7
  <link rel="stylesheet" href="styles.css">
8
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
9
  </head>
10
  <body>
11
  <div class="container">
12
  <!-- Header -->
13
  <header class="header">
14
- <h1>Quantum RAG</h1>
15
- <p>Next-Gen Retrieval-Augmented Intelligence</p>
16
- <div class="theme-toggle">
17
- <button id="theme-switch" aria-label="Toggle theme">🌙</button>
18
  </div>
 
 
 
 
 
 
 
19
  </header>
20
 
21
  <!-- Main Content -->
22
- <main class="main-grid">
23
- <!-- Query Section -->
24
- <section class="card query-card">
25
- <h2>Input Query</h2>
26
- <textarea id="query-input" placeholder="Ask something profound..." rows="4" aria-label="Query input"></textarea>
27
- <button id="submit-query" class="btn btn-primary">Generate</button>
 
 
28
  </section>
29
 
30
- <!-- Response Section -->
31
- <section class="card response-card">
32
- <h2>AI Response</h2>
33
- <div id="response-output" class="output-box" role="region" aria-live="polite">
34
- <p>Responses will materialize here.</p>
35
  </div>
36
  </section>
37
 
38
- <!-- Context Section -->
39
- <section class="card context-card">
40
- <h2>Retrieved Context</h2>
41
- <div id="context-output" class="output-box" role="region" aria-live="polite">
42
- <p>Contextual insights will appear here.</p>
43
  </div>
44
  </section>
45
 
46
- <!-- Settings Panel -->
47
- <aside class="card settings-card">
48
- <h2>RAG Controls</h2>
49
- <div class="settings-grid">
50
- <div class="setting-item">
51
  <label for="model-select">Model</label>
52
  <select id="model-select" aria-label="Select AI model">
53
  <option value="gemini-2.0-flash">Gemini 2.0 Flash</option>
54
- <option value="quantum-rag">Quantum RAG</option>
55
  </select>
56
  </div>
57
- <div class="setting-item">
58
- <label for="top-k">Top-K Retrieval</label>
59
  <input type="number" id="top-k" value="5" min="1" max="20" aria-label="Top-K retrieval">
60
  </div>
61
- <div class="setting-item">
62
  <label for="temperature">Temperature</label>
63
  <input type="number" id="temperature" value="0.7" step="0.1" min="0" max="1" aria-label="Temperature">
64
  </div>
65
- <div class="setting-item">
66
  <label for="context-length">Context Length</label>
67
  <input type="number" id="context-length" value="512" min="128" max="2048" aria-label="Context length">
68
  </div>
 
69
  </div>
70
- <button id="apply-settings" class="btn btn-secondary">Apply</button>
71
  </aside>
72
  </main>
73
 
74
  <!-- Footer -->
75
  <footer class="footer">
76
- <p>© 2025 Quantum RAG. Powered by xAI.</p>
77
  </footer>
78
  </div>
79
  <script src="script.js"></script>
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>NeuraRAG</title>
7
  <link rel="stylesheet" href="styles.css">
8
+ <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;800&display=swap" rel="stylesheet">
9
  </head>
10
  <body>
11
  <div class="container">
12
  <!-- Header -->
13
  <header class="header">
14
+ <div class="logo">
15
+ <h1>NeuraRAG</h1>
16
+ <span class="tagline">Intelligent Retrieval & Generation</span>
 
17
  </div>
18
+ <nav class="nav">
19
+ <button id="theme-toggle" aria-label="Toggle theme">
20
+ <svg class="icon" viewBox="0 0 24 24" fill="none" stroke="currentColor">
21
+ <path d="M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3v6m4-3H8" stroke-width="2"/>
22
+ </svg>
23
+ </button>
24
+ </nav>
25
  </header>
26
 
27
  <!-- Main Content -->
28
+ <main class="main">
29
+ <!-- Query Input -->
30
+ <section class="panel query-panel">
31
+ <h2>Query</h2>
32
+ <div class="input-group">
33
+ <textarea id="query-input" placeholder="What would you like to explore?" rows="3" aria-label="Query input"></textarea>
34
+ <button id="submit-query" class="btn btn-action">Ask NeuraRAG</button>
35
+ </div>
36
  </section>
37
 
38
+ <!-- Response Output -->
39
+ <section class="panel response-panel">
40
+ <h2>Response</h2>
41
+ <div id="response-output" class="output" role="region" aria-live="polite">
42
+ <p>Your AI-crafted response will appear here.</p>
43
  </div>
44
  </section>
45
 
46
+ <!-- Context Output -->
47
+ <section class="panel context-panel">
48
+ <h2>Context</h2>
49
+ <div id="context-output" class="output" role="region" aria-live="polite">
50
+ <p>Retrieved insights will be displayed here.</p>
51
  </div>
52
  </section>
53
 
54
+ <!-- Settings Sidebar -->
55
+ <aside class="panel settings-panel">
56
+ <h2>Controls</h2>
57
+ <div class="settings">
58
+ <div class="control">
59
  <label for="model-select">Model</label>
60
  <select id="model-select" aria-label="Select AI model">
61
  <option value="gemini-2.0-flash">Gemini 2.0 Flash</option>
62
+ <option value="neurarag-core">NeuraRAG Core</option>
63
  </select>
64
  </div>
65
+ <div class="control">
66
+ <label for="top-k">Top-K</label>
67
  <input type="number" id="top-k" value="5" min="1" max="20" aria-label="Top-K retrieval">
68
  </div>
69
+ <div class="control">
70
  <label for="temperature">Temperature</label>
71
  <input type="number" id="temperature" value="0.7" step="0.1" min="0" max="1" aria-label="Temperature">
72
  </div>
73
+ <div class="control">
74
  <label for="context-length">Context Length</label>
75
  <input type="number" id="context-length" value="512" min="128" max="2048" aria-label="Context length">
76
  </div>
77
+ <button id="apply-settings" class="btn btn-action">Update</button>
78
  </div>
 
79
  </aside>
80
  </main>
81
 
82
  <!-- Footer -->
83
  <footer class="footer">
84
+ <p>© 2025 NeuraRAG. Built with xAI.</p>
85
  </footer>
86
  </div>
87
  <script src="script.js"></script>