fix: messages shown in the chat UI

app.py

@@ -109,7 +109,8 @@ def api_chat(
     history: list[dict],
     globe_state: dict | None,
     hf_token: gr.OAuthToken | None,
-):
+) -> dict[str, Any]:
+    """Stream chat updates. Return type enables Gradio SSE output registration."""
     yield from server_api.stream_chat(message, history, globe_state, hf_token)
 
 

assets/app.js

@@ -559,15 +559,22 @@ async function loadChoices() {
 }
 
 async function runChat(message) {
+  const priorHistory = state.history;
+  state.history = [...priorHistory, { role: "user", content: message }];
+  await renderMessages();
+
   await gradioStream(
     "/chat",
     {
       message,
-      history: state.history,
+      history: priorHistory,
       globe_state: state.globeState,
     },
     async (chunk) => {
-      if (chunk.history) {
+      if (!chunk || typeof chunk !== "object" || Array.isArray(chunk)) {
+        return;
+      }
+      if (Array.isArray(chunk.history)) {
         state.history = chunk.history;
       }
       if (chunk.globe_state) {

assets/gradio_api.js

@@ -56,7 +56,10 @@ export async function gradioStream(apiName, payload = {}, onChunk) {
           typeof parsed === "string" ? parsed : JSON.stringify(parsed);
         return;
       }
-      onChunk(unwrapStreamData(parsed));
+      const chunk = unwrapStreamData(parsed);
+      if (chunk !== null && chunk !== undefined) {
+        onChunk(chunk);
+      }
     } catch {
       // Ignore malformed SSE chunks and keep the last valid payload.
     }