Spaces:

AERIS-Framework
/

aeris-public-demo

Running

App Files Files Community

AERIS-Framework commited on May 22

Commit

d5f6bc8

verified ·

1 Parent(s): 61ef105

Upload 7 files

Browse files

Files changed (8) hide show

.gitattributes +1 -0
README.md +11 -12
compare.html +28 -0
index.html +23 -19
logo.png +3 -0
script-compare.js +48 -0
script.js +46 -0
style.css +119 -28

.gitattributes CHANGED Viewed

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text

 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+logo.png filter=lfs diff=lfs merge=lfs -text

README.md CHANGED Viewed

@@ -1,12 +1,11 @@
----
-title: Aeris Public Demo
-emoji: 🔥
-colorFrom: gray
-colorTo: green
-sdk: static
-pinned: false
-license: other
-short_description: AERIS | Inference-layer reasoning testbed
----
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

+# AERIS Chatbox
+This is a minimalist frontend interface to interact with **AERIS**, a cognitive reasoning layer designed to enhance LLM inference via dialectical structures.
+- ✅ Frontend only (HTML/CSS/JS)
+- ✅ Calls a public OpenAI-compatible API hosted on Render
+- ✅ No tracking, no storage, no backend logic here
+> “Experience dialectical reasoning with AERIS”
+To test it live, visit: https://AERIS-project.github.io/aeris-chatbox/

compare.html ADDED Viewed

	@@ -0,0 +1,28 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Compare AERIS vs Baseline</title>
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+  <div class="container">
+    <h1>Compare AERIS vs Baseline</h1>
+    <input type="text" id="compare-input" placeholder="Enter a message to compare..." />
+    <button onclick="runComparison()">Compare</button>
+    <div class="comparison-columns">
+      <div>
+        <h2>Gemma-27B (No AERIS)</h2>
+        <div class="chat-window" id="baseline-window"></div>
+      </div>
+      <div>
+        <h2>AERIS (Gemma-27B)</h2>
+        <div class="chat-window" id="aeris-window"></div>
+      </div>
+    </div>
+    <a href="index.html" class="compare-button">← Back to AERIS</a>
+  </div>
+  <script src="script-compare.js"></script>
+</body>
+</html>

index.html CHANGED Viewed

@@ -1,19 +1,23 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>AERIS Chatbox</title>
+  <link rel="stylesheet" href="style.css" />
+</head>
+<body>
+  <div class="container">
+    <h1><span class="tagline">Experience <strong>dialectical reasoning</strong> with A<span class="aeris-logo">E</span>RIS</span></h1>
+    <img src="logo.png" alt="AERIS Logo" class="logo" />
+    <div class="chat-window" id="chat-window"></div>
+    <div class="input-area">
+      <input type="text" id="user-input" placeholder="Enter a message..." />
+      <button onclick="sendMessage()">Send</button>
+      <button onclick="clearChat()">Clear</button>
+    </div>
+<a href="compare.html" class="compare-button">Compare with baseline →</a>
+  </div>
+  <script src="script.js"></script>
+</body>
+</html>

logo.png ADDED Viewed

Git LFS Details

SHA256: f320b2bddfb11d3800a68c35ae5bfb632f45711a5b535d75ca7627eabf6e0d23
Pointer size: 131 Bytes
Size of remote file: 163 kB

script-compare.js ADDED Viewed

	@@ -0,0 +1,48 @@

+const aerisEndpoint = "https://aeris-framework.onrender.com/v1/chat/completions";
+const baselineEndpoint = "https://aeris-framework.onrender.com/v1/chat/baseline";
+const headers = {
+  "Content-Type": "application/json"
+};
+async function runComparison() {
+  const input = document.getElementById("compare-input").value.trim();
+  if (!input) return;
+  // Clean outputs
+  document.getElementById("baseline-window").innerHTML = "<em>Loading…</em>";
+  document.getElementById("aeris-window").innerHTML = "<em>Thinking…</em>";
+  // Baseline request (sans AERIS)
+  const baseline = await fetch(baselineEndpoint, {
+    method: "POST",
+    headers,
+    body: JSON.stringify({
+      model: "google/gemma-3-27b-it",
+      temperature: 1.0,
+      max_tokens: 800,
+      messages: [{ role: "user", content: input }]
+    })
+  }).then(r => r.json());
+  const raw = baseline.choices?.[0]?.message?.content || "No response.";
+  document.getElementById("baseline-window").innerHTML = raw;
+  // AERIS request
+  const enriched = await fetch(aerisEndpoint, {
+    method: "POST",
+    headers,
+    body: JSON.stringify({
+      model: "gpt-4", // ou "google/gemma-3-27b-it" si AERIS tourne dessus
+      temperature: 1.0,
+      max_tokens: 800,
+      messages: [
+        { role: "system", content: "You are AERIS, a dialectical reasoning assistant." },
+        { role: "user", content: input }
+      ]
+    })
+  }).then(r => r.json());
+  const response = enriched.choices?.[0]?.message?.content || "No response.";
+  document.getElementById("aeris-window").innerHTML = response;
+}

script.js ADDED Viewed

	@@ -0,0 +1,46 @@

+const endpoint = "https://aeris-framework.onrender.com/v1/chat/completions";
+const chatWindow = document.getElementById("chat-window");
+const userInput = document.getElementById("user-input");
+function appendMessage(role, text) {
+  const message = document.createElement("div");
+  message.className = "message " + (role === "You" ? "user" : "aeris");
+  message.innerHTML = `<strong>${role}:</strong> ${text}`;
+  chatWindow.appendChild(message);
+  chatWindow.scrollTop = chatWindow.scrollHeight;
+}
+async function sendMessage() {
+  const input = userInput.value.trim();
+  if (!input) return;
+  appendMessage("You", input);
+  userInput.value = "";
+  appendMessage("AERIS", "<em>thinking…</em>");
+  const response = await fetch(endpoint, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify({
+      model: "gpt-4",
+      messages: [
+        { role: "system", content: "You are AERIS, a dialectical reasoning assistant." },
+        { role: "user", content: input }
+      ]
+    })
+  });
+  const data = await response.json();
+  const message = data.choices?.[0]?.message?.content || "Error: no response.";
+  chatWindow.lastChild.remove(); // remove thinking…
+  appendMessage("AERIS", message);
+}
+function clearChat() {
+  chatWindow.innerHTML = "";
+}

style.css CHANGED Viewed

@@ -1,28 +1,119 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-.card p:last-child {
-	margin-bottom: 0;
-}

+body {
+  background-color: #080808;
+  color: #ffffff;
+  font-family: 'Segoe UI', sans-serif;
+  margin: 0;
+  padding: 0;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.container {
+  text-align: center;
+  max-width: 800px;
+  width: 100%;
+  padding: 20px;
+}
+.logo {
+  width: 200px;
+  max-height: 200px;
+  margin: 30px auto;
+  display: block;
+}
+h1 {
+  font-size: 1.5rem;
+  font-weight: normal;
+  margin-bottom: 10px;
+  color: #d0d8f0;
+}
+h1 strong {
+  color: #ffffff;
+}
+.chat-window {
+  background-color: #121212;
+  border: 1px solid #222;
+  border-radius: 10px;
+  padding: 15px;
+  height: 350px;
+  overflow-y: auto;
+  margin: 20px 0;
+  box-shadow: 0 0 10px rgba(0,0,0,0.5);
+  text-align: left;
+}
+.message {
+  margin-bottom: 12px;
+  padding: 10px 14px;
+  border-radius: 8px;
+  max-width: 80%;
+  word-wrap: break-word;
+}
+.user {
+  background-color: #1e1e1e;
+  align-self: flex-end;
+  margin-left: auto;
+  border: 1px solid #444;
+}
+.aeris {
+  background-color: #182033;
+  color: #d8e6ff;
+  border-left: 3px solid #8fb5dd;
+  border-radius: 8px;
+}
+.input-area {
+  display: flex;
+  gap: 10px;
+}
+input[type="text"] {
+  flex: 1;
+  padding: 10px;
+  border: 1px solid #444;
+  border-radius: 4px;
+  background-color: #1a1a1a;
+  color: #fff;
+}
+button {
+  padding: 10px 16px;
+  background-color: #2d2d2d;
+  border: none;
+  border-radius: 4px;
+  color: white;
+  cursor: pointer;
+}
+button:hover {
+  background-color: #4a4a4a;
+}
+.comparison-columns {
+  display: flex;
+  justify-content: space-between;
+  gap: 20px;
+}
+.comparison-columns > div {
+  flex: 1;
+}
+.compare-button {
+  display: inline-block;
+  margin-top: 20px;
+  color: #8fb5dd;
+  text-decoration: none;
+  font-size: 0.9rem;
+}
+.compare-button:hover {
+  text-decoration: underline;
+}