API key working, CORS working, SocketIO working (but no JWT), Chat client v1, Session implemented (server side)

static/css/eveai-chat-style.css

@@ -0,0 +1,77 @@
+/* eveai_chat.css */
+:root {
+  --user-message-bg: #d1e7dd; /* Default user message background color */
+  --bot-message-bg: #ffffff; /* Default bot message background color */
+  --chat-bg: #f8f9fa; /* Default chat background color */
+  --algorithm-color-default: #ccc; /* Default algorithm indicator color */
+  --algorithm-color-alg1: #f00; /* Algorithm 1 color */
+  --algorithm-color-alg2: #0f0; /* Algorithm 2 color */
+  --algorithm-color-alg3: #00f; /* Algorithm 3 color */
+}
+
+.chat-container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  max-width: 600px;
+  margin: auto;
+  border: 1px solid #ccc;
+  border-radius: 8px;
+  overflow: hidden;
+  background-color: var(--chat-bg);
+}
+
+.messages-area {
+  flex: 1;
+  overflow-y: auto;
+  padding: 10px;
+  background-color: var(--bot-message-bg);
+}
+
+.message {
+  max-width: 90%;
+  margin-bottom: 10px;
+  padding: 10px;
+  border-radius: 15px;
+}
+
+.message.user {
+  margin-left: auto;
+  background-color: var(--user-message-bg);
+}
+
+.message.bot {
+  background-color: var(--bot-message-bg);
+}
+
+.message-icons {
+  display: flex;
+  align-items: center;
+}
+
+.message-icons i {
+  margin-left: 5px;
+  cursor: pointer;
+}
+
+.question-area {
+  padding: 10px;
+  display: flex;
+  align-items: center;
+  background-color: var(--user-message-bg);
+}
+
+.question-area input {
+  flex: 1;
+  border: none;
+  padding: 10px;
+  border-radius: 15px;
+  margin-right: 10px;
+}
+
+.question-area button {
+  background: none;
+  border: none;
+  cursor: pointer;
+  color: #007bff;
+}