From dbd222dc9acde5472ae7d1f3965aa79093c52442 Mon Sep 17 00:00:00 2001
From: techjarves <usaramwasi99@Gmail.com>
Date: Mon, 15 Jun 2026 09:14:43 +0530
Subject: [PATCH] feat: implement Node.js backend server and frontend text chat
 interface

---
 app/frontend/src/components/TextChat.jsx |  8 +++---
 app/frontend/src/services/api.js         | 35 ++++++++++++++----------
 scripts/serve.cjs                        |  3 ++
 3 files changed, 27 insertions(+), 19 deletions(-)

diff --git a/app/frontend/src/components/TextChat.jsx b/app/frontend/src/components/TextChat.jsx
index 59e53f8..abf5a43 100644
--- a/app/frontend/src/components/TextChat.jsx
+++ b/app/frontend/src/components/TextChat.jsx
@@ -909,17 +909,17 @@ export function MarkdownRenderer({ content }) {
                 return <h2 key={blockIdx} style={{ fontSize: "1.35rem", fontWeight: 700, margin: "18px 0 8px 0", color: "var(--md-sys-color-primary)" }}>{parseInlineMarkdown(block.content)}</h2>;
               case "ul":
                 return (
-                  <ul key={blockIdx} style={{ margin: "4px 0 4px 20px", padding: 0, listStyleType: "disc", display: "flex", flexDirection: "column", gap: "4px" }}>
+                  <ul key={blockIdx} style={{ margin: "6px 0 6px 24px", padding: 0, listStyleType: "disc", display: "block" }}>
                     {block.items.map((item, itemIdx) => (
-                      <li key={itemIdx} style={{ fontSize: "0.9rem", lineHeight: 1.5 }}>{parseInlineMarkdown(item)}</li>
+                      <li key={itemIdx} style={{ fontSize: "0.9rem", lineHeight: 1.5, marginBottom: "4px", display: "list-item" }}>{parseInlineMarkdown(item)}</li>
                     ))}
                   </ul>
                 );
               case "ol":
                 return (
-                  <ol key={blockIdx} style={{ margin: "4px 0 4px 20px", padding: 0, listStyleType: "decimal", display: "flex", flexDirection: "column", gap: "4px" }}>
+                  <ol key={blockIdx} style={{ margin: "6px 0 6px 24px", padding: 0, listStyleType: "decimal", display: "block" }}>
                     {block.items.map((item, itemIdx) => (
-                      <li key={itemIdx} style={{ fontSize: "0.9rem", lineHeight: 1.5 }}>{parseInlineMarkdown(item)}</li>
+                      <li key={itemIdx} style={{ fontSize: "0.9rem", lineHeight: 1.5, marginBottom: "4px", display: "list-item" }}>{parseInlineMarkdown(item)}</li>
                     ))}
                   </ol>
                 );
diff --git a/app/frontend/src/services/api.js b/app/frontend/src/services/api.js
index b1f7858..71ab822 100644
--- a/app/frontend/src/services/api.js
+++ b/app/frontend/src/services/api.js
@@ -405,23 +405,28 @@ export async function streamChatWithLlm(messages, options = {}, onToken = () =>
   let timings = null;
 
   const consumeEvent = (eventText) => {
-    const data = eventText
-      .split(/\r?\n/)
-      .filter((line) => line.startsWith("data:"))
-      .map((line) => line.slice(5).trimStart())
-      .join("\n")
-      .trim();
-    if (!data || data === "[DONE]") return data === "[DONE]";
+    try {
+      const data = eventText
+        .split(/\r?\n/)
+        .filter((line) => line.startsWith("data:"))
+        .map((line) => line.slice(5).trimStart())
+        .join("\n")
+        .trim();
+      if (!data || data === "[DONE]") return data === "[DONE]";
 
-    const parsed = JSON.parse(data);
-    const token = parsed.choices?.[0]?.delta?.content || "";
-    if (token) {
-      content += token;
-      onToken(token, content);
+      const parsed = JSON.parse(data);
+      const token = parsed.choices?.[0]?.delta?.content || "";
+      if (token) {
+        content += token;
+        onToken(token, content);
+      }
+      if (parsed.usage) usage = parsed.usage;
+      if (parsed.timings) timings = parsed.timings;
+      return false;
+    } catch (err) {
+      console.warn("Failed to parse EventStream JSON:", eventText, err);
+      return false;
     }
-    if (parsed.usage) usage = parsed.usage;
-    if (parsed.timings) timings = parsed.timings;
-    return false;
   };
 
   let finished = false;
diff --git a/scripts/serve.cjs b/scripts/serve.cjs
index c5f492d..017522a 100644
--- a/scripts/serve.cjs
+++ b/scripts/serve.cjs
@@ -3440,7 +3440,10 @@ async function doLlmChat(req, res, body, retryCount = 0) {
           "Cache-Control": "no-cache, no-transform",
           "Connection": "keep-alive",
           "X-Accel-Buffering": "no",
+          "X-Content-Type-Options": "nosniff",
         });
+        const socket = res.socket || res.connection;
+        socket?.setNoDelay?.(true);
         res.flushHeaders?.();
         clientRes.on("data", (chunk) => res.write(chunk));
         clientRes.on("end", () => res.end());