Hugging Face's logo

Spaces:
mhndayesh
/
icm-memory-layer
Running

App Files Community
2
mhndayesh commited on
Commit
6c74059
·
verified ·
1 Parent(s): 7abca39

Upload 3 files

Browse files
Files changed (2) hide show
  1. app.js +3 -1
  2. index.html +25 -17
app.js CHANGED
@@ -66,7 +66,8 @@ form.addEventListener('submit', async (e) => {
66
  const apiKey = apiKeyInput.value.trim();
67
  const llmModel = document.getElementById('llm-model').value.trim();
68
  const embedModel = document.getElementById('embed-model').value.trim();
69
- const endpoint = document.getElementById('api-endpoint').value.trim();
 
70
 
71
  if (!apiKey) {
72
  alert("Please enter your OpenRouter API Key.");
@@ -88,6 +89,7 @@ form.addEventListener('submit', async (e) => {
88
  const payload = {
89
  model: llmModel,
90
  embed_model: embedModel,
 
91
  messages: conversation
92
  };
93
 
 
66
  const apiKey = apiKeyInput.value.trim();
67
  const llmModel = document.getElementById('llm-model').value.trim();
68
  const embedModel = document.getElementById('embed-model').value.trim();
69
+ const endpoint = "https://prod-infinit-memory.up.railway.app/v1/chat/completions";
70
+ const username = document.getElementById('username').value.trim() || 'demo_user';
71
 
72
  if (!apiKey) {
73
  alert("Please enter your OpenRouter API Key.");
 
89
  const payload = {
90
  model: llmModel,
91
  embed_model: embedModel,
92
+ user: username,
93
  messages: conversation
94
  };
95
 
index.html CHANGED
@@ -1,5 +1,6 @@
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">
@@ -10,46 +11,50 @@
10
  <!-- FontAwesome for Icons -->
11
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
12
  </head>
 
13
  <body>
14
-
15
  <!-- Background Elements -->
16
  <div class="glow-orb orb-1"></div>
17
  <div class="glow-orb orb-2"></div>
18
  <div class="glow-orb orb-3"></div>
19
 
20
  <div class="container">
21
-
22
  <!-- Left Panel: Claims & Info -->
23
  <aside class="info-panel">
24
  <div class="logo-area">
25
  <i class="fa-solid fa-brain-circuit"></i>
26
  <h2>InfiniteMemory<span class="beta-badge">DEMO</span></h2>
27
  </div>
28
-
29
  <div class="hero-claims">
30
  <h1>Scale Context <i>Infinitely.</i></h1>
31
  <p class="sub-hero">A revolutionary Cloud-Hybrid memory architecture that offloads context storage.</p>
32
-
33
  <ul class="claims-list">
34
  <li>
35
  <div class="claim-icon"><i class="fa-solid fa-bolt"></i></div>
36
  <div class="claim-text">
37
  <strong>Save 90% on Token Costs</strong>
38
- <span>Dramatically cuts expensive prompt sizes. Only the absolute best context is sent to the LLM.</span>
 
39
  </div>
40
  </li>
41
  <li>
42
  <div class="claim-icon"><i class="fa-solid fa-infinity"></i></div>
43
  <div class="claim-text">
44
  <strong>10M+ Context Window</strong>
45
- <span>Store a lifetime of data without constantly passing it back and forth every API call.</span>
 
46
  </div>
47
  </li>
48
  <li>
49
  <div class="claim-icon"><i class="fa-solid fa-microchip"></i></div>
50
  <div class="claim-text">
51
  <strong>Permanent Agent Memory</strong>
52
- <span>Your agent remembers everything forever for a fraction of standard vector database costs.</span>
 
53
  </div>
54
  </li>
55
  </ul>
@@ -61,7 +66,9 @@
61
  <div class="alert-box warning">
62
  <i class="fa-solid fa-triangle-exclamation"></i>
63
  <div>
64
- <strong>DEMO ONLY:</strong> We do not store keys. Communication is HTTPS encrypted. However, you are strictly responsible for your API Key. Please use <b>revokable</b> keys and we highly advise testing with <i>Free</i> OpenRouter models!
 
 
65
  </div>
66
  </div>
67
 
@@ -69,7 +76,12 @@
69
  <label>OpenRouter API Key <span class="req">*</span></label>
70
  <input type="password" id="api-key" placeholder="sk-or-v1-..." autocomplete="off">
71
  </div>
72
-
 
 
 
 
 
73
  <div class="model-selectors">
74
  <div class="input-group">
75
  <label>LLM Reasoning Model</label>
@@ -80,12 +92,6 @@
80
  <input type="text" id="embed-model" value="nvidia/llama-nemotron-embed-vl-1b-v2:free">
81
  </div>
82
  </div>
83
-
84
- <div class="input-group" style="margin-top: 10px;">
85
- <label>Backend Endpoint (Railway URL)</label>
86
- <!-- Provide the internal name user gave, but note it might need to change to public URL depending on deployment -->
87
- <input type="text" id="api-endpoint" value="https://prod-infinit-memory.up.railway.app/v1/chat/completions">
88
- </div>
89
  </div>
90
  </aside>
91
 
@@ -105,7 +111,8 @@
105
  <div class="bubble assistant">
106
  <div class="avatar"><i class="fa-solid fa-robot"></i></div>
107
  <div class="message">
108
- Hello! I am your Infinite Memory agent. Provide your API key on the left, and try asking me something complex. I instantly query millions of tokens without maxing out your cloud budget.
 
109
  </div>
110
  </div>
111
  </div>
@@ -124,4 +131,5 @@
124
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
125
  <script src="app.js"></script>
126
  </body>
127
- </html>
 
 
1
  <!DOCTYPE html>
2
  <html lang="en">
3
+
4
  <head>
5
  <meta charset="UTF-8">
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
11
  <!-- FontAwesome for Icons -->
12
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
13
  </head>
14
+
15
  <body>
16
+
17
  <!-- Background Elements -->
18
  <div class="glow-orb orb-1"></div>
19
  <div class="glow-orb orb-2"></div>
20
  <div class="glow-orb orb-3"></div>
21
 
22
  <div class="container">
23
+
24
  <!-- Left Panel: Claims & Info -->
25
  <aside class="info-panel">
26
  <div class="logo-area">
27
  <i class="fa-solid fa-brain-circuit"></i>
28
  <h2>InfiniteMemory<span class="beta-badge">DEMO</span></h2>
29
  </div>
30
+
31
  <div class="hero-claims">
32
  <h1>Scale Context <i>Infinitely.</i></h1>
33
  <p class="sub-hero">A revolutionary Cloud-Hybrid memory architecture that offloads context storage.</p>
34
+
35
  <ul class="claims-list">
36
  <li>
37
  <div class="claim-icon"><i class="fa-solid fa-bolt"></i></div>
38
  <div class="claim-text">
39
  <strong>Save 90% on Token Costs</strong>
40
+ <span>Dramatically cuts expensive prompt sizes. Only the absolute best context is sent to
41
+ the LLM.</span>
42
  </div>
43
  </li>
44
  <li>
45
  <div class="claim-icon"><i class="fa-solid fa-infinity"></i></div>
46
  <div class="claim-text">
47
  <strong>10M+ Context Window</strong>
48
+ <span>Store a lifetime of data without constantly passing it back and forth every API
49
+ call.</span>
50
  </div>
51
  </li>
52
  <li>
53
  <div class="claim-icon"><i class="fa-solid fa-microchip"></i></div>
54
  <div class="claim-text">
55
  <strong>Permanent Agent Memory</strong>
56
+ <span>Your agent remembers everything forever for a fraction of standard vector database
57
+ costs.</span>
58
  </div>
59
  </li>
60
  </ul>
 
66
  <div class="alert-box warning">
67
  <i class="fa-solid fa-triangle-exclamation"></i>
68
  <div>
69
+ <strong>DEMO ONLY:</strong> We do not store keys. Communication is HTTPS encrypted. However, you
70
+ are strictly responsible for your API Key. Please use <b>revokable</b> keys and we highly advise
71
+ testing with <i>Free</i> OpenRouter models!
72
  </div>
73
  </div>
74
 
 
76
  <label>OpenRouter API Key <span class="req">*</span></label>
77
  <input type="password" id="api-key" placeholder="sk-or-v1-..." autocomplete="off">
78
  </div>
79
+
80
+ <div class="input-group">
81
+ <label>Username (For Isolated Memory) <span class="req">*</span></label>
82
+ <input type="text" id="username" placeholder="e.g. johndoe" autocomplete="off" value="demo_user">
83
+ </div>
84
+
85
  <div class="model-selectors">
86
  <div class="input-group">
87
  <label>LLM Reasoning Model</label>
 
92
  <input type="text" id="embed-model" value="nvidia/llama-nemotron-embed-vl-1b-v2:free">
93
  </div>
94
  </div>
 
 
 
 
 
 
95
  </div>
96
  </aside>
97
 
 
111
  <div class="bubble assistant">
112
  <div class="avatar"><i class="fa-solid fa-robot"></i></div>
113
  <div class="message">
114
+ Hello! I am your Infinite Memory agent. Provide your API key on the left, and try asking me
115
+ something complex. I instantly query millions of tokens without maxing out your cloud budget.
116
  </div>
117
  </div>
118
  </div>
 
131
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
132
  <script src="app.js"></script>
133
  </body>
134
+
135
+ </html>