feat(webui): refine output timeline and model controls (#4108)

* feat(webui): refine output timeline and composer queue

* feat(webui): add provider model picker

* fix(webui): polish model settings and heartbeat checks

* chore: keep heartbeat changes out of webui pr

* refactor(webui): isolate settings routes

* fix(providers): align minimax anthropic test

* fix(providers): keep minimax anthropic base sdk-compatible

* fix(providers): normalize anthropic base urls

webui/src/tests/markdown-text.test.tsx

@@ -42,7 +42,7 @@ describe("MarkdownText", () => {
       expect(screen.getByTestId("markdown-renderer")).toHaveTextContent("hello");
       expect(screen.getByTestId("markdown-renderer")).toHaveAttribute(
         "data-highlight-code",
-        "false",
+        "true",
       );
       expect(rendererSpy).toHaveBeenCalledTimes(1);
 
@@ -79,4 +79,30 @@ describe("MarkdownText", () => {
       vi.useRealTimers();
     }
   });
+
+  it("keeps very large streaming snippets plain until the final render", async () => {
+    rendererSpy.mockClear();
+    const largeCode = `\`\`\`ts\n${"const value = 1;\n".repeat(1_100)}\`\`\``;
+
+    const { rerender } = render(
+      <MarkdownText streaming>{largeCode}</MarkdownText>,
+    );
+
+    await act(async () => {
+      await Promise.resolve();
+      await Promise.resolve();
+    });
+
+    expect(screen.getByTestId("markdown-renderer")).toHaveAttribute(
+      "data-highlight-code",
+      "false",
+    );
+
+    rerender(<MarkdownText>{largeCode}</MarkdownText>);
+
+    expect(screen.getByTestId("markdown-renderer")).toHaveAttribute(
+      "data-highlight-code",
+      "true",
+    );
+  });
 });