feat(packages): shared ModelSwitcher + credits modal, fetchLLM

docs/content/docs/agent/reference/adapters-and-formats.mdx

@@ -90,6 +90,7 @@ function fetchLLM(options: {
   messageFormat?: MessageFormat;
   headers?: Record<string, string>;
   fetch?: typeof fetch;
+  body?: Record<string, unknown>;
 }): ChatLLM;
 ```
 
@@ -100,6 +101,7 @@ function fetchLLM(options: {
 | `messageFormat` | `MessageFormat`            | No       | Converts outgoing `messages` to your provider's shape. Defaults to `identityMessageFormat`. |
 | `headers`       | `Record<string, string>`   | No       | Extra headers merged into every request (e.g. a session token). **Browser-visible.**     |
 | `fetch`         | `typeof fetch`             | No       | Override `fetch` (auth wrappers, instrumentation, tests).                                 |
+| `body`          | `Record<string, unknown>`  | No       | Extra fields merged into the request body (e.g. `model`) |
 
 **Request body.** `fetchLLM` POSTs JSON `{ threadId, messages }`, where `messages` is run through `messageFormat.toApi`, and threads the `AbortSignal` from the UI:
 
@@ -108,12 +110,19 @@ function fetchLLM(options: {
 fetch(url, {
   method: "POST",
   headers: { "Content-Type": "application/json", ...headers },
-  body: JSON.stringify({ threadId, messages: messageFormat.toApi(messages) }),
+  body: JSON.stringify({
+    ...body,
+    tools: [],
+    context: [],
+    threadId,
+    runId,
+    messages: messageFormat.toApi(messages),
+  }),
   signal, // wired to the UI's cancel/stop control
 });
 ```
 
-Your route therefore always receives `{ threadId, messages }` and must return a streaming `Response`. `fetchLLM` runs that response through `streamAdapter`.
+Your route receives this shape (destructure just the fields you need, e.g. `{ messages }`) and must return a streaming `Response`. `fetchLLM` runs that response through `streamAdapter`.
 
 ```tsx
 import { fetchLLM, openAIReadableStreamAdapter, openAIMessageFormat } from "@openuidev/react-ui";

packages/devtools/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openuidev/devtools",
-  "version": "0.0.1",
-  "description": "Development-only UI widget for OpenUI apps: surfaces errors captured by @openuidev/observability in a floating dialog",
+  "version": "0.0.2",
+  "description": "Development-only UI widget for OpenUI apps: surfaces errors captured by @openuidev/observability",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -71,5 +71,8 @@
     "react-dom": "catalog:",
     "jsdom": "catalog:",
     "vitest": "^4.1.0"
+  },
+  "dependencies": {
+    "lucide-react": "^0.575.0"
   }
 }

packages/devtools/src/OpenUIDevtools.test.ts

@@ -41,8 +41,7 @@ function click(el: Element): void {
 
 function buttonByText(text: string): HTMLButtonElement | undefined {
   return [...container.querySelectorAll("button")].find((b) => b.textContent === text) as
-    | HTMLButtonElement
-    | undefined;
+    HTMLButtonElement | undefined;
 }
 
 describe("OpenUIDevtools", () => {