Handling early output better.

package.json

@@ -1,6 +1,6 @@
 {
   "name": "localm",
-  "version": "1.1.18",
+  "version": "1.1.19",
   "description": "Chat application",
   "scripts": {
     "build": "esbuild src/index.js --target=es6 --bundle --sourcemap --outfile=./index.js --format=iife --external:fs --external:path --external:child_process --external:ws --external:katex/dist/katex.min.css",

src/app/boot-app.js

@@ -3,7 +3,7 @@
 import { makeEnterPlugins, setupCrepeEnterKey } from './enter-key';
 import { initHTML } from './init-html';
 import { initMilkdown } from './init-milkdown';
-import { outputMessage } from './output-message';
+import { outputMessage, flushBufferedOutputs } from './output-message';
 import { workerConnection } from './worker-connection';
 
 import { name, description, version } from '../../package.json';
@@ -49,6 +49,9 @@ export async function bootApp() {
   chatLogEditor = chatLogEditorInstance;
   chatInputEditor = chatInputEditorInstance;
   
+  // Flush any outputs that were buffered before the editor was ready
+  flushBufferedOutputs();
+
   // Setup Enter key handling for the Crepe input editor
   setupCrepeEnterKey(crepeInput, worker);
   document.title = name + ' v' + version;

src/app/output-message.js

@@ -4,15 +4,32 @@ import { defaultValueCtx, Editor, editorViewCtx, editorViewOptionsCtx, parserCtx
 
 import { chatLogEditor } from './boot-app';
 
+// Buffer early outputs when the chat log editor is not yet initialized
+const earlyOutputs = [];
+const earlyElements = [];
+
 export function outputMessage(msg) {
   if (!chatLogEditor) {
+    // Store message for later flushing
+    earlyOutputs.push(msg);
+    // Also create a temporary visible element so user sees progress
     const elem = document.createElement('pre');
     elem.textContent = msg;
     elem.style.whiteSpace = 'pre-wrap';
-    document.body.appendChild(elem);
+    elem.dataset.earlyOutput = '1';
+    // Prefer appending into .chat-log container if present
+    const container = document.querySelector('.chat-log') || document.body;
+    container.appendChild(elem);
+    earlyElements.push(elem);
     return;
   }
 
+  // If there are buffered early outputs, flush them first
+  if (earlyOutputs.length > 0) {
+    flushBufferedOutputs();
+  }
+
+  // Insert the new message into the Milkdown editor
   chatLogEditor.action((ctx) => {
     const view = ctx.get(editorViewCtx);
     const parser = ctx.get(parserCtx);
@@ -36,3 +53,44 @@ export function outputMessage(msg) {
     }
   }
 }
+
+/**
+ * Move any early buffered outputs into the initialized chat log editor and remove temporary DOM nodes
+ */
+export function flushBufferedOutputs() {
+  if (!chatLogEditor) return;
+  if (earlyOutputs.length === 0) return;
+
+  // Combine buffered messages into one block separated by newlines
+  const combined = earlyOutputs.join('\n');
+
+  chatLogEditor.action((ctx) => {
+    const view = ctx.get(editorViewCtx);
+    const parser = ctx.get(parserCtx);
+    const serializer = ctx.get(serializerCtx);
+    const state = view.state;
+
+    const currentMarkdown = serializer(state.doc);
+    const newMarkdown = currentMarkdown ? (currentMarkdown + '\n' + combined) : combined;
+    const doc = parser(newMarkdown);
+    const tr = state.tr.replaceWith(0, state.doc.content.size, doc.content);
+    view.dispatch(tr);
+  });
+
+  // Remove temporary DOM elements that showed early outputs
+  for (const el of earlyElements) {
+    if (el && el.parentNode) el.parentNode.removeChild(el);
+  }
+  earlyElements.length = 0;
+  earlyOutputs.length = 0;
+
+  // Scroll chat log to bottom after flushing
+  const chatLogElem = document.querySelector('.chat-log .milkdown .ProseMirror');
+  if (chatLogElem) {
+    if (typeof chatLogElem.scrollTo === 'function') {
+      chatLogElem.scrollTo({ top: chatLogElem.scrollHeight, behavior: 'smooth' });
+    } else {
+      chatLogElem.scrollTop = chatLogElem.scrollHeight;
+    }
+  }
+}