diff --git a/internal/webui/static/app.js b/internal/webui/static/app.js
index f3eab5a..6a9f36c 100644
--- a/internal/webui/static/app.js
+++ b/internal/webui/static/app.js
@@ -82,205 +82,11 @@ function setStatus(elem, state, text) {
   elem.textContent = text;
 }
 
-// ---- settings panel wiring ----
-
-function initSettings() {
-  const s = settings.load();
-
-  $("#token").value = s.token;
-  $("#llm-provider").value = s.provider;
-  $("#llm-base-url").value =
-    s.baseUrl || PROVIDER_DEFAULTS[s.provider]?.baseUrl || "";
-  $("#llm-model").value =
-    s.model || PROVIDER_DEFAULTS[s.provider]?.model || "";
-  $("#llm-api-key").value = s.apiKey;
-
-  $("#llm-provider").addEventListener("change", (e) => {
-    const provider = e.target.value;
-    const defaults = PROVIDER_DEFAULTS[provider] || { baseUrl: "", model: "" };
-    // Only overwrite the fields if the user hasn't customised them.
-    if (!$("#llm-base-url").value) $("#llm-base-url").value = defaults.baseUrl;
-    if (!$("#llm-model").value) $("#llm-model").value = defaults.model;
-  });
-
-  $("#token-form").addEventListener("submit", (e) => {
-    e.preventDefault();
-    settings.save({ token: $("#token").value.trim() });
-    setStatus($("#token-status"), "ok", "saved");
-    // Connecting the SSE/fleet stream now that we have a token.
-    fleet.connect();
-  });
-
-  $("#token-test").addEventListener("click", async () => {
-    settings.save({ token: $("#token").value.trim() });
-    setStatus($("#token-status"), "working", "testing");
-    try {
-      const ok = await fleet.testToken();
-      setStatus(
-        $("#token-status"),
-        ok ? "ok" : "bad",
-        ok ? "ok" : "unauthorized",
-      );
-      if (ok) fleet.connect();
-    } catch (err) {
-      setStatus($("#token-status"), "bad", err.message || "error");
-    }
-  });
-
-  $("#llm-form").addEventListener("submit", (e) => {
-    e.preventDefault();
-    settings.save({
-      provider: $("#llm-provider").value,
-      baseUrl: $("#llm-base-url").value.trim(),
-      model: $("#llm-model").value.trim(),
-      apiKey: $("#llm-api-key").value,
-    });
-    setStatus($("#token-status"), "ok", "llm saved");
-  });
-}
-
-function currentLLM() {
-  const s = settings.load();
-  const baseUrl = s.baseUrl || PROVIDER_DEFAULTS[s.provider]?.baseUrl || "";
-  const model = s.model || PROVIDER_DEFAULTS[s.provider]?.model || "";
-  return { provider: s.provider, baseUrl, model, apiKey: s.apiKey };
-}
-
-function currentToken() {
-  return ($("#token").value || settings.load().token).trim();
-}
-
-// ---- fleet roster + live SSE ----
-
-const fleet = (() => {
-  const known = new Map(); // node_id → Peer
-  let stream = null;
-  let streamAbort = null;
-  let heartbeatTimer = null;
-
-  function render() {
-    const list = $("#nodes-list");
-    const empty = $("#nodes-empty");
-    list.innerHTML = "";
-    if (known.size === 0) {
-      $("#nodes-count").textContent = "—";
-      return;
-    }
-    empty.classList.add("hidden");
-    $("#nodes-count").textContent = `${known.size} node${known.size === 1 ? "" : "s"}`;
-    const peers = [...known.values()].sort((a, b) =>
-      a.node_id.localeCompare(b.node_id),
-    );
-    for (const p of peers) {
-      list.appendChild(renderCard(p));
-    }
-  }
-
-  function renderCard(p) {
-    const age = ageSeconds(p.last_heartbeat);
-    let state = "ok";
-    if (age > 30) state = "bad";
-    else if (age > 15) state = "warn";
-    return el(
-      "li",
-      { class: "node-card" },
-      el(
-        "div",
-        { class: "row" },
-        el("span", { class: "id" }, p.node_id.slice(0, 12)),
-        el(
-          "span",
-          { class: "heartbeat", dataset: { state } },
-          `${Math.round(age)}s`,
-        ),
-      ),
-      el("div", { class: "url" }, p.advertise_url),
-      el(
-        "div",
-        { class: "meta" },
-        `v${p.version || "?"} · ${(p.tools || []).length} tools`,
-      ),
-    );
-  }
-
-  function ageSeconds(iso) {
-    if (!iso) return 999;
-    const t = Date.parse(iso);
-    if (Number.isNaN(t)) return 999;
-    return (Date.now() - t) / 1000;
-  }
-
-  async function testToken() {
-    const token = currentToken();
-    if (!token) throw new Error("no token");
-    const res = await fetch("/healthz", {
-      headers: { Authorization: `Bearer ${token}` },
-    });
-    return res.ok;
-  }
-
-  async function loadInitial() {
-    const token = currentToken();
-    if (!token) return;
-    try {
-      const res = await fetch("/fleet/peers", {
-        headers: { Authorization: `Bearer ${token}` },
-      });
-      if (res.status === 404) {
-        // Fleet mode disabled — show the empty-state copy.
-        known.clear();
-        $("#nodes-empty").classList.remove("hidden");
-        render();
-        return;
-      }
-      if (!res.ok) {
-        throw new Error(`/fleet/peers → ${res.status}`);
-      }
-      const body = await res.json();
-      known.clear();
-      for (const p of body.peers || []) {
-        known.set(p.node_id, p);
-      }
-      render();
-    } catch (err) {
-      console.warn("loadInitial:", err);
-    }
-  }
-
-  async function connect() {
-    disconnect();
-    const token = currentToken();
-    if (!token) return;
-    await loadInitial();
-
-    // EventSource cannot set Authorization, so we hand-parse SSE over fetch.
-    streamAbort = new AbortController();
-    try {
-      const res = await fetch("/fleet/events", {
-        headers: {
-          Authorization: `Bearer ${token}`,
-          Accept: "text/event-stream",
-        },
-        signal: streamAbort.signal,
-      });
-      if (res.status === 404) {
-        // Fleet mode disabled — surface the same hint.
-        $("#nodes-empty").classList.remove("hidden");
-        return;
-      }
-      if (!res.ok) {
-        console.warn("/fleet/events", res.status);
-        return;
-      }
-      stream = res.body.getReader();
-      parseSSE(stream);
-    } catch (err) {
-      if (err.name !== "AbortError") console.warn("fleet stream:", err);
-    }
-
-    // Refresh heartbeat ages so the pills change colour even when no events
-    // arrive (e.g. a totally idle solo fleet).
-    heartbeatTimer = setInterval(render, 5000);
+    // Periodically re-fetch peer data so status stays accurate even if the
+    // SSE stream drops silently or heartbeats lag.
+    heartbeatTimer = setInterval(() => {
+      loadInitial();
+    }, 5000);
   }
 
   function disconnect() {
@@ -445,7 +251,12 @@ const chat = (() => {
   let busy = false;
 
   function appendBubble(role, text) {
-    const node = el("div", { class: `bubble ${role}` }, text);
+    const node = el("div", { class: `bubble ${role}` });
+    if (role === "assistant") {
+      node.innerHTML = renderMarkdown(text);
+    } else {
+      node.textContent = text;
+    }
     $("#chat-transcript").appendChild(node);
     scrollToEnd();
     return node;
@@ -721,7 +532,7 @@ function initChat() {
   });
 
   input.addEventListener("keydown", (e) => {
-    if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
+    if (e.key === "Enter" && !e.shiftKey) {
       e.preventDefault();
       form.requestSubmit();
     }
diff --git a/internal/webui/static/index.html b/internal/webui/static/index.html
index 4f2d023..df2ba45 100644
--- a/internal/webui/static/index.html
+++ b/internal/webui/static/index.html
@@ -73,7 +73,7 @@ <h2>Debug chat</h2>
       <div id="chat-transcript" class="transcript" aria-live="polite"></div>
 
       <form id="chat-form" class="composer">
-        <textarea id="chat-input" rows="3" placeholder="Ask about CPU, memory, processes, sensors, journal…  (⌘/Ctrl+Enter to send)"></textarea>
+        <textarea id="chat-input" rows="3" placeholder="Ask about CPU, memory, processes, sensors, journal…  (Enter to send, Shift+Enter for newline)"></textarea>
         <button id="chat-send" type="submit">Send</button>
       </form>
     </section>
diff --git a/internal/webui/static/style.css b/internal/webui/static/style.css
index 8a4d772..ab32587 100644
--- a/internal/webui/static/style.css
+++ b/internal/webui/static/style.css
@@ -277,8 +277,75 @@ input:focus, select:focus, textarea:focus {
 .bubble.assistant {
   align-self: flex-start;
   background: var(--assistant);
+  white-space: normal;
 }
 
+/* ---- rendered markdown inside assistant bubbles ---- */
+
+.bubble.assistant h2,
+.bubble.assistant h3,
+.bubble.assistant h4,
+.bubble.assistant h5 {
+  margin: 8px 0 4px;
+  line-height: 1.3;
+}
+.bubble.assistant h2 { font-size: 16px; }
+.bubble.assistant h3 { font-size: 15px; }
+.bubble.assistant h4 { font-size: 14px; font-weight: 600; }
+.bubble.assistant h5 { font-size: 13px; font-weight: 600; }
+
+.bubble.assistant h2:first-child,
+.bubble.assistant h3:first-child,
+.bubble.assistant h4:first-child,
+.bubble.assistant h5:first-child { margin-top: 0; }
+
+.bubble.assistant code {
+  background: var(--bg);
+  padding: 1px 5px;
+  border-radius: 4px;
+  font-size: 12px;
+}
+
+.bubble.assistant pre {
+  background: var(--bg);
+  padding: 10px 12px;
+  border-radius: 6px;
+  overflow-x: auto;
+  margin: 6px 0;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+.bubble.assistant pre code {
+  background: none;
+  padding: 0;
+  border-radius: 0;
+}
+
+.bubble.assistant ul,
+.bubble.assistant ol {
+  margin: 4px 0;
+  padding-left: 20px;
+}
+
+.bubble.assistant li {
+  margin: 2px 0;
+}
+
+.bubble.assistant hr {
+  border: none;
+  border-top: 1px solid var(--border);
+  margin: 8px 0;
+}
+
+.bubble.assistant a {
+  color: var(--accent);
+  text-decoration: underline;
+}
+
+.bubble.assistant strong { font-weight: 600; }
+.bubble.assistant em { font-style: italic; }
+
 .bubble.error {
   align-self: stretch;
   background: var(--bad);