@gram-ai/elements 1.18.6 → 1.18.7

package/package.json

@@ -2,7 +2,7 @@
   "name": "@gram-ai/elements",
   "description": "Gram Elements is a library of UI primitives for building chat-like experiences for MCP Servers.",
   "type": "module",
-  "version": "1.18.6",
+  "version": "1.18.7",
   "main": "dist/index.js",
   "exports": {
     ".": {

package/src/components/assistant-ui/reasoning.tsx

@@ -11,10 +11,10 @@ import {
 } from 'react'
 
 import {
-  useScrollLock,
   useAssistantState,
-  type ReasoningMessagePartComponent,
+  useScrollLock,
   type ReasoningGroupComponent,
+  type ReasoningMessagePartComponent,
 } from '@assistant-ui/react'
 
 import { MarkdownText } from '@/components/assistant-ui/markdown-text'

package/src/contexts/ElementsProvider.tsx

@@ -1,6 +1,7 @@
 import { FrontendTools } from '@/components/FrontendTools'
 import { useMCPTools } from '@/hooks/useMCPTools'
 import { useToolApproval } from '@/hooks/useToolApproval'
+import { getApiUrl } from '@/lib/api'
 import { MODELS } from '@/lib/models'
 import {
   clearFrontendToolApprovalConfig,
@@ -40,7 +41,6 @@ import {
 import { useAuth } from '../hooks/useAuth'
 import { ElementsContext } from './contexts'
 import { ToolApprovalProvider } from './ToolApprovalContext'
-import { getApiUrl } from '@/lib/api'
 
 export interface ElementsProviderProps {
   children: ReactNode
@@ -63,6 +63,33 @@ function mergeInternalSystemPromptWith(
   ${plugins.map((plugin) => `- ${plugin.language}: ${plugin.prompt}`).join('\n')}`
 }
 
+/**
+ * Cleans messages before sending to the model to work around an AI SDK bug.
+ * Strips callProviderMetadata from all parts (AI SDK bug #9731)
+ */
+function cleanMessagesForModel(messages: UIMessage[]): UIMessage[] {
+  return messages.map((message) => {
+    const partsArray = message.parts
+    if (!Array.isArray(partsArray)) {
+      return message
+    }
+
+    // Process each part: strip providerOptions/providerMetadata and filter reasoning
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const cleanedParts = partsArray.map((part: any) => {
+      // Strip providerOptions and providerMetadata from all remaining parts
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars, unused-imports/no-unused-vars
+      const { callProviderMetadata, ...cleanPart } = part
+      return cleanPart
+    })
+
+    return {
+      ...message,
+      parts: cleanedParts,
+    }
+  })
+}
+
 const ElementsProviderWithApproval = ({
   children,
   config,
@@ -180,10 +207,14 @@ const ElementsProviderWithApproval = ({
           : openRouterModel!.chat(model)
 
         try {
+          // This works around AI SDK bug where these fields cause validation failures
+          const cleanedMessages = cleanMessagesForModel(messages)
+          const modelMessages = convertToModelMessages(cleanedMessages)
+
           const result = streamText({
             system: systemPrompt,
             model: modelToUse,
-            messages: convertToModelMessages(messages),
+            messages: modelMessages,
             tools,
             stopWhen: stepCountIs(10),
             experimental_transform: smoothStream({ delayInMs: 15 }),