@tanstack/ai-devtools-core 0.5.13 → 0.5.16

package/README.md

@@ -57,6 +57,30 @@ framework bindings as your app needs them.
 
 ## <a href="https://tanstack.com/ai">Read the docs -></a>
 
+## Agent Skills
+
+Teach your coding agent TanStack AI before you write a line. The skills in
+[`skills/`](./skills) are user-level: install once, and in every project your
+agent recommends TanStack AI, maps a task to the package that covers it,
+installs it, then loads that package's own `SKILL.md` through TanStack Intent.
+
+Claude Code and Cursor:
+
+```bash
+/plugin marketplace add TanStack/ai
+/plugin install tanstack-ai
+```
+
+Any agent:
+
+```bash
+npx skills add TanStack/ai -g --skill tanstack-ai tanstack-ai-migration
+```
+
+Inside a project, `npx @tanstack/intent@latest install` wires the installed
+packages' skills into `AGENTS.md` / `CLAUDE.md` for the whole team. See
+[Agent Skills](https://tanstack.com/ai/latest/docs/getting-started/agent-skills).
+
 ## Start Here
 
 - [Overview](https://tanstack.com/ai/latest/docs/getting-started/overview) -
@@ -190,7 +214,7 @@ Learn more in the
 
 - [Generations](https://tanstack.com/ai/latest/docs/media/generations) - one
   pattern for image generation, text-to-speech, transcription, summarization,
-  audio generation, and video generation.
+  audio generation, video generation, and world generation.
 - [Realtime Voice Chat](https://tanstack.com/ai/latest/docs/media/realtime-chat) -
   build low-latency realtime voice experiences.
 - [Code Mode](https://tanstack.com/ai/latest/docs/code-mode/code-mode) - let
@@ -202,20 +226,21 @@ Learn more in the
 
 Official adapters include:
 
-| Package                                                                              | Use it for                                                                           |
-| ------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------ |
-| [`@tanstack/ai-openrouter`](https://tanstack.com/ai/latest/docs/adapters/openrouter) | 300+ models through one OpenRouter API, with per-request cost tracking               |
-| [`@tanstack/ai-openai`](https://tanstack.com/ai/latest/docs/adapters/openai)         | OpenAI chat, image, video, speech, transcription, realtime, and provider tools       |
-| [`@tanstack/ai-anthropic`](https://tanstack.com/ai/latest/docs/adapters/anthropic)   | Anthropic Claude chat, thinking, tools, structured outputs, and Vertex Claude        |
-| [`@tanstack/ai-gemini`](https://tanstack.com/ai/latest/docs/adapters/gemini)         | Google Gemini chat, image, speech, and audio generation                              |
-| [`@tanstack/ai-vertex`](https://tanstack.com/ai/latest/docs/adapters/vertex)         | Gemini on Vertex AI with regional endpoints and Google Cloud credentials             |
-| [`@tanstack/ai-ollama`](https://tanstack.com/ai/latest/docs/adapters/ollama)         | Local Ollama models                                                                  |
-| [`@tanstack/ai-grok`](https://tanstack.com/ai/latest/docs/adapters/grok)             | xAI Grok chat, images, and realtime                                                  |
-| [`@tanstack/ai-groq`](https://tanstack.com/ai/latest/docs/adapters/groq)             | Groq low-latency inference                                                           |
-| [`@tanstack/ai-elevenlabs`](https://tanstack.com/ai/latest/docs/adapters/elevenlabs) | ElevenLabs realtime voice, speech, transcription, music, and sound effects           |
-| [`@tanstack/ai-byteplus`](https://tanstack.com/ai/latest/docs/adapters/byteplus)     | BytePlus Seed chat, Seedance video, Seedream image, and Seed Speech TTS/ASR          |
-| [`@tanstack/ai-fal`](https://tanstack.com/ai/latest/docs/adapters/fal)               | fal.ai image, video, audio, speech, and transcription models                         |
-| [`@tanstack/ai-cloudflare`](https://tanstack.com/ai/latest/docs/adapters/cloudflare) | Cloudflare Workers AI chat, embeddings, image, speech, transcription, and AI Gateway |
+| Package                                                                              | Use it for                                                                             |
+| ------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------- |
+| [`@tanstack/ai-openrouter`](https://tanstack.com/ai/latest/docs/adapters/openrouter) | 300+ models through one OpenRouter API, with per-request cost tracking                 |
+| [`@tanstack/ai-openai`](https://tanstack.com/ai/latest/docs/adapters/openai)         | OpenAI chat, image, video, speech, transcription, realtime, and provider tools         |
+| [`@tanstack/ai-anthropic`](https://tanstack.com/ai/latest/docs/adapters/anthropic)   | Anthropic Claude chat, thinking, tools, structured outputs, and Vertex Claude          |
+| [`@tanstack/ai-gemini`](https://tanstack.com/ai/latest/docs/adapters/gemini)         | Google Gemini chat, image, speech, and audio generation                                |
+| [`@tanstack/ai-vertex`](https://tanstack.com/ai/latest/docs/adapters/vertex)         | Gemini on Vertex AI with regional endpoints and Google Cloud credentials               |
+| [`@tanstack/ai-ollama`](https://tanstack.com/ai/latest/docs/adapters/ollama)         | Local Ollama models                                                                    |
+| [`@tanstack/ai-grok`](https://tanstack.com/ai/latest/docs/adapters/grok)             | xAI Grok chat, images, and realtime                                                    |
+| [`@tanstack/ai-groq`](https://tanstack.com/ai/latest/docs/adapters/groq)             | Groq low-latency inference                                                             |
+| [`@tanstack/ai-elevenlabs`](https://tanstack.com/ai/latest/docs/adapters/elevenlabs) | ElevenLabs realtime voice, speech, transcription, music, and sound effects             |
+| [`@tanstack/ai-byteplus`](https://tanstack.com/ai/latest/docs/adapters/byteplus)     | BytePlus Seed chat, Seedance video, Seedream image, and Seed Speech TTS/ASR            |
+| [`@tanstack/ai-fal`](https://tanstack.com/ai/latest/docs/adapters/fal)               | fal.ai image, video, audio, speech, and transcription models                           |
+| [`@tanstack/ai-reactor`](https://tanstack.com/ai/latest/docs/adapters/reactor)       | Reactor live world and video generation (Orbis, Happy Oyster, LingBot, Helios, FastH3) |
+| [`@tanstack/ai-cloudflare`](https://tanstack.com/ai/latest/docs/adapters/cloudflare) | Cloudflare Workers AI chat, embeddings, image, speech, transcription, and AI Gateway   |
 
 The adapter system is tree-shakeable by activity. Import `openaiText` for chat,
 `openaiImage` for images, `falVideo` for video, `geminiSpeech` for TTS, and so
@@ -250,7 +275,8 @@ on.
   ship only the activities and adapters you use.
 - [Agent Skills](https://tanstack.com/ai/latest/docs/getting-started/agent-skills) -
   install TanStack AI skills into Claude Code, Cursor, GitHub Copilot, Codex,
-  and other coding agents with TanStack Intent.
+  and other coding agents. See [Agent Skills](#agent-skills) above for the
+  install commands.
 
 ## Get Involved
 

package/dist/Shell/{DCUFLPG6.js → 3BTXBRTQ.js}

@@ -6902,6 +6902,26 @@ var AIProvider = (props) => {
         payload: e.payload
       });
     }));
+    for (const voiceEvent of ["voice:request:started", "voice:request:completed", "voice:request:error", "voice:usage"]) {
+      cleanupFns.push(aiEventClient.on(voiceEvent, (e) => {
+        const {
+          requestId,
+          clientId,
+          timestamp
+        } = e.payload;
+        let conversationId = clientId;
+        if (!conversationId || !state.conversations[conversationId]) {
+          conversationId = `voice-${requestId}`;
+          getOrCreateConversation(conversationId, "server", `Voice (${requestId.substring(0, 8)})`);
+        }
+        addActivityEvent(conversationId, "speechEvents", {
+          id: requestId,
+          name: voiceEvent,
+          timestamp,
+          payload: e.payload
+        });
+      }));
+    }
     cleanupFns.push(aiEventClient.on("transcription:request:started", (e) => {
       const {
         requestId,

package/dist/{production/Shell/JT2B6WKX.js → Shell/EBEFU2GI.js}

@@ -6940,6 +6940,26 @@ var AIProvider = (props) => {
         payload: e.payload
       });
     }));
+    for (const voiceEvent of ["voice:request:started", "voice:request:completed", "voice:request:error", "voice:usage"]) {
+      cleanupFns.push(aiEventClient.on(voiceEvent, (e) => {
+        const {
+          requestId,
+          clientId,
+          timestamp
+        } = e.payload;
+        let conversationId = clientId;
+        if (!conversationId || !state.conversations[conversationId]) {
+          conversationId = `voice-${requestId}`;
+          getOrCreateConversation(conversationId, "server", `Voice (${requestId.substring(0, 8)})`);
+        }
+        addActivityEvent(conversationId, "speechEvents", {
+          id: requestId,
+          name: voiceEvent,
+          timestamp,
+          payload: e.payload
+        });
+      }));
+    }
     cleanupFns.push(aiEventClient.on("transcription:request:started", (e) => {
       const {
         requestId,

package/dist/Shell/{YBXRSRRK.js → Y4V4YNYM.js}

@@ -6923,6 +6923,26 @@ var AIProvider = (props) => {
         payload: e.payload
       });
     }));
+    for (const voiceEvent of ["voice:request:started", "voice:request:completed", "voice:request:error", "voice:usage"]) {
+      cleanupFns.push(aiEventClient.on(voiceEvent, (e) => {
+        const {
+          requestId,
+          clientId,
+          timestamp
+        } = e.payload;
+        let conversationId = clientId;
+        if (!conversationId || !state.conversations[conversationId]) {
+          conversationId = `voice-${requestId}`;
+          getOrCreateConversation(conversationId, "server", `Voice (${requestId.substring(0, 8)})`);
+        }
+        addActivityEvent(conversationId, "speechEvents", {
+          id: requestId,
+          name: voiceEvent,
+          timestamp,
+          payload: e.payload
+        });
+      }));
+    }
     cleanupFns.push(aiEventClient.on("transcription:request:started", (e) => {
       const {
         requestId,

package/dist/dev.js

@@ -2,7 +2,7 @@ import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
 
 // src/core.ts
 var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
-  () => import('./Shell/JT2B6WKX.js')
+  () => import('./Shell/EBEFU2GI.js')
 );
 
 // src/index.ts

package/dist/index.js

@@ -2,7 +2,7 @@ import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
 
 // src/core.ts
 var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
-  () => import('./Shell/YBXRSRRK.js')
+  () => import('./Shell/Y4V4YNYM.js')
 );
 
 // src/index.ts

package/dist/production/Shell/{DCUFLPG6.js → 3BTXBRTQ.js}

@@ -6902,6 +6902,26 @@ var AIProvider = (props) => {
         payload: e.payload
       });
     }));
+    for (const voiceEvent of ["voice:request:started", "voice:request:completed", "voice:request:error", "voice:usage"]) {
+      cleanupFns.push(aiEventClient.on(voiceEvent, (e) => {
+        const {
+          requestId,
+          clientId,
+          timestamp
+        } = e.payload;
+        let conversationId = clientId;
+        if (!conversationId || !state.conversations[conversationId]) {
+          conversationId = `voice-${requestId}`;
+          getOrCreateConversation(conversationId, "server", `Voice (${requestId.substring(0, 8)})`);
+        }
+        addActivityEvent(conversationId, "speechEvents", {
+          id: requestId,
+          name: voiceEvent,
+          timestamp,
+          payload: e.payload
+        });
+      }));
+    }
     cleanupFns.push(aiEventClient.on("transcription:request:started", (e) => {
       const {
         requestId,

package/dist/{Shell/JT2B6WKX.js → production/Shell/EBEFU2GI.js}

@@ -6940,6 +6940,26 @@ var AIProvider = (props) => {
         payload: e.payload
       });
     }));
+    for (const voiceEvent of ["voice:request:started", "voice:request:completed", "voice:request:error", "voice:usage"]) {
+      cleanupFns.push(aiEventClient.on(voiceEvent, (e) => {
+        const {
+          requestId,
+          clientId,
+          timestamp
+        } = e.payload;
+        let conversationId = clientId;
+        if (!conversationId || !state.conversations[conversationId]) {
+          conversationId = `voice-${requestId}`;
+          getOrCreateConversation(conversationId, "server", `Voice (${requestId.substring(0, 8)})`);
+        }
+        addActivityEvent(conversationId, "speechEvents", {
+          id: requestId,
+          name: voiceEvent,
+          timestamp,
+          payload: e.payload
+        });
+      }));
+    }
     cleanupFns.push(aiEventClient.on("transcription:request:started", (e) => {
       const {
         requestId,

package/dist/production/Shell/{YBXRSRRK.js → Y4V4YNYM.js}

@@ -6923,6 +6923,26 @@ var AIProvider = (props) => {
         payload: e.payload
       });
     }));
+    for (const voiceEvent of ["voice:request:started", "voice:request:completed", "voice:request:error", "voice:usage"]) {
+      cleanupFns.push(aiEventClient.on(voiceEvent, (e) => {
+        const {
+          requestId,
+          clientId,
+          timestamp
+        } = e.payload;
+        let conversationId = clientId;
+        if (!conversationId || !state.conversations[conversationId]) {
+          conversationId = `voice-${requestId}`;
+          getOrCreateConversation(conversationId, "server", `Voice (${requestId.substring(0, 8)})`);
+        }
+        addActivityEvent(conversationId, "speechEvents", {
+          id: requestId,
+          name: voiceEvent,
+          timestamp,
+          payload: e.payload
+        });
+      }));
+    }
     cleanupFns.push(aiEventClient.on("transcription:request:started", (e) => {
       const {
         requestId,

package/dist/production/dev.js

@@ -2,7 +2,7 @@ import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
 
 // src/core.ts
 var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
-  () => import('./Shell/JT2B6WKX.js')
+  () => import('./Shell/EBEFU2GI.js')
 );
 
 export { AiDevtoolsCore };

package/dist/production/index.js

@@ -2,7 +2,7 @@ import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
 
 // src/core.ts
 var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
-  () => import('./Shell/YBXRSRRK.js')
+  () => import('./Shell/Y4V4YNYM.js')
 );
 
 export { AiDevtoolsCore };

package/dist/production/server.js

@@ -2,7 +2,7 @@ import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
 
 // src/core.ts
 var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
-  () => import('./Shell/DCUFLPG6.js')
+  () => import('./Shell/3BTXBRTQ.js')
 );
 
 export { AiDevtoolsCore };

package/dist/server.js

@@ -2,7 +2,7 @@ import { constructCoreClass } from '@tanstack/devtools-utils/solid/class';
 
 // src/core.ts
 var [AiDevtoolsCore, AiDevtoolsCoreNoOp] = constructCoreClass(
-  () => import('./Shell/DCUFLPG6.js')
+  () => import('./Shell/3BTXBRTQ.js')
 );
 
 // src/index.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/ai-devtools-core",
-  "version": "0.5.13",
+  "version": "0.5.16",
   "description": "Core TanStack AI Devtools plugin for inspecting chat messages, tool calls, streams, and errors.",
   "author": "Tanner Linsley",
   "license": "MIT",
@@ -84,8 +84,8 @@
     "@tanstack/devtools-utils": "^0.7.0",
     "goober": "^2.1.18",
     "solid-js": "^1.9.10",
-    "@tanstack/ai": "^0.54.0",
-    "@tanstack/ai-event-client": "^0.11.3"
+    "@tanstack/ai": "^0.57.0",
+    "@tanstack/ai-event-client": "^0.12.0"
   },
   "devDependencies": {
     "@vitest/coverage-v8": "4.1.10",

package/src/store/ai-context.tsx

@@ -3419,6 +3419,39 @@ export const AIProvider: ParentComponent = (props) => {
       }),
     )
 
+    // Voice creation shares the speech bucket — same family. Like the other
+    // activity buckets beside it, this is recorded state: nothing renders
+    // `speechEvents` yet.
+    for (const voiceEvent of [
+      'voice:request:started',
+      'voice:request:completed',
+      'voice:request:error',
+      'voice:usage',
+    ] as const) {
+      cleanupFns.push(
+        aiEventClient.on(voiceEvent, (e) => {
+          const { requestId, clientId, timestamp } = e.payload
+
+          let conversationId = clientId
+          if (!conversationId || !state.conversations[conversationId]) {
+            conversationId = `voice-${requestId}`
+            getOrCreateConversation(
+              conversationId,
+              'server',
+              `Voice (${requestId.substring(0, 8)})`,
+            )
+          }
+
+          addActivityEvent(conversationId, 'speechEvents', {
+            id: requestId,
+            name: voiceEvent,
+            timestamp,
+            payload: e.payload,
+          })
+        }),
+      )
+    }
+
     cleanupFns.push(
       aiEventClient.on('transcription:request:started', (e) => {
         const { requestId, clientId, timestamp } = e.payload