fix: ai messages

Author: rob-at-cortex

package.json

@@ -94,8 +94,8 @@
     "vitest": "^2.1.8"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^2.0.29",
-    "@ai-sdk/react": "^2.0.42",
+    "@ai-sdk/openai": "^2.0.38",
+    "@ai-sdk/react": "^2.0.56",
     "@atlaskit/pragmatic-drag-and-drop": "^1.4.0",
     "@atlaskit/pragmatic-drag-and-drop-react-beautiful-dnd-migration": "^1.3.1",
     "@headlessui/react": "^2.2.0",
@@ -124,7 +124,7 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@tailwindcss/typography": "^0.5.15",
-    "ai": "^5.0.42",
+    "ai": "^5.0.56",
     "bson-objectid": "^2.0.4",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

pnpm-lock.yaml

@@ -37,7 +37,7 @@ export const CodeBlock = ({
   <CodeBlockContext.Provider value={{ code }}>
     <div
       className={cn(
-        'relative w-full overflow-hidden rounded-md border bg-background text-foreground',
+        'relative max-w-2xl overflow-hidden rounded-md border bg-background text-foreground',
         className,
       )}
       {...props}

src/components/Chat/PartTypes/CodeBlock.tsx

@@ -326,7 +326,10 @@ return(
 
     if (part.type === 'dynamic-tool') {
       return (
-        <Tool defaultOpen={true} key={`${message.id}-${key}`}>
+        <Tool 
+          defaultOpen={part.state !== 'output-available'} 
+          key={`${message.id}-${key}`}
+        >
           <ToolHeader type={`tool-${part.toolName}`} state={part.state} />
           <ToolContent>
             <ToolInput input={part.input} />

src/components/Chat/PartTypes/MessageHandler.tsx

@@ -23,7 +23,7 @@ export type ToolProps = ComponentProps<typeof Collapsible>;
 
 export const Tool = ({ className, ...props }: ToolProps) => (
   <Collapsible
-    className={cn('not-prose mb-4 w-full rounded-md border', className)}
+    className={cn('not-prose mb-4 w-full', className)}
     {...props}
   />
 );
@@ -65,7 +65,7 @@ export const ToolHeader = ({
 }: ToolHeaderProps) => (
   <CollapsibleTrigger
     className={cn(
-      'flex w-full items-center justify-between gap-4 p-3',
+      'flex w-full items-center justify-between gap-4 p-3 pl-0 w-2xl',
       className,
     )}
     {...props}