display the current model in use

client/main.tsx

@@ -108,6 +108,8 @@ function conversationUI(id: string) {
         inFlightMessages.get(message.r)?.element?.remove();
         inFlightMessages.delete(message.r);
       }
+    } else if ("m" in message) {
+      chatlog.append(<article className="system info">model: {message.m}</article>);
     }
 
     if (scrolledToBottom) chatlog.scrollTop = chatlog.scrollHeight - chatlog.clientHeight;

client/web/css/styles.css

@@ -75,7 +75,7 @@ main,
 
   article {
     white-space: preserve;
-    padding: 1em;
+    padding: 1rem;
     border-bottom: 1px solid rgb(var(--color-fg) / 0.5);
   }
 
@@ -90,6 +90,11 @@ main,
     font-size: 0.5em;
     font-family: var(--font-mono);
     color: rgb(var(--color-fg) / 0.5);
+
+    &.info {
+      font-size: 1rem;
+      color: rgb(123 191 250 / 1);
+    }
   }
 
   article.system.error {

server/inference.py

@@ -40,6 +40,8 @@ async def connect_to_conversation(ws: WebSocket):
   system_prompt = llm.cli.load_template("girlypop").system
 
   if not continuing:
+    await ws.send_text(json({"m": conversation.model.model_id}))
+
     for response in conversation.responses:
       response: llm.AsyncResponse = response
       if not response._done: continue