@tanstack/cta-framework-react-cra 0.37.0 → 0.37.2

package/dist/checksum.js

@@ -1,3 +1,3 @@
 // This file is auto-generated. Do not edit manually.
 // Generated from add-ons, examples, hosts, project, and toolchains directories
-export const contentChecksum = '2b3e74e22202e202e179f9a6a55cec0b4a0cbdcf70c6debf7a900f3405cbfad7';
+export const contentChecksum = 'a42905c8800e56f1a97cdfc380ba4543e2d296e1fde95246036a4eacdaa694d7';

package/dist/types/checksum.d.ts

@@ -1 +1 @@
-export declare const contentChecksum = "2b3e74e22202e202e179f9a6a55cec0b4a0cbdcf70c6debf7a900f3405cbfad7";
+export declare const contentChecksum = "a42905c8800e56f1a97cdfc380ba4543e2d296e1fde95246036a4eacdaa694d7";

package/examples/tanchat/assets/src/routes/demo/api.tanchat.ts.ejs

@@ -32,7 +32,7 @@ export const Route = createFileRoute('/api/demo-chat')({
           const tools = await getTools()
 
           const result = await streamText({
-            model: anthropic('<% if (addOnEnabled['netlify']) { %>claude-sonnet-4-5-20250929<% } else { %>claude-3-5-sonnet-latest<% } %>'),
+            model: anthropic('<% if (addOnEnabled['netlify']) { %>claude-sonnet-4-5-20250929<% } else { %>claude-haiku-4-5<% } %>'),
             messages: convertToModelMessages(messages),
             temperature: 0.7,
             stopWhen: stepCountIs(5),

package/examples/tanchat/assets/src/routes/demo/tanchat.tsx

@@ -34,7 +34,7 @@ function InitalLayout({ children }: { children: React.ReactNode }) {
 
 function ChattingLayout({ children }: { children: React.ReactNode }) {
   return (
-    <div className="absolute bottom-0 right-0 left-64 bg-gray-900/80 backdrop-blur-sm border-t border-orange-500/10">
+    <div className="sticky bottom-0 left-0 right-0 bg-gray-900/80 backdrop-blur-sm border-t border-orange-500/10 z-10">
       <div className="max-w-3xl mx-auto w-full px-4 py-3">{children}</div>
     </div>
   )
@@ -55,7 +55,10 @@ function Messages({ messages }: { messages: Array<UIMessage> }) {
   }
 
   return (
-    <div ref={messagesContainerRef} className="flex-1 overflow-y-auto pb-24">
+    <div
+      ref={messagesContainerRef}
+      className="flex-1 overflow-y-auto pb-4 min-h-0"
+    >
       <div className="max-w-3xl mx-auto w-full px-4">
         {messages.map(({ id, role, parts }) => (
           <div
@@ -131,8 +134,8 @@ function ChatPage() {
   const Layout = messages.length ? ChattingLayout : InitalLayout
 
   return (
-    <div className="relative flex h-[calc(100vh-32px)] bg-gray-900">
-      <div className="flex-1 flex flex-col">
+    <div className="relative flex h-[calc(100vh-80px)] bg-gray-900">
+      <div className="flex-1 flex flex-col min-h-0">
         <Messages messages={messages} />
 
         <Layout>
@@ -180,6 +183,6 @@ function ChatPage() {
   )
 }
 
-export const Route = createFileRoute('/example/chat')({
+export const Route = createFileRoute('/demo/tanchat')({
   component: ChatPage,
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tanstack/cta-framework-react-cra",
-  "version": "0.37.0",
+  "version": "0.37.2",
   "description": "CTA Framework for React (Create React App)",
   "type": "module",
   "main": "./dist/index.js",
@@ -23,7 +23,7 @@
   "author": "Jack Herrington <jherr@pobox.com>",
   "license": "MIT",
   "dependencies": {
-    "@tanstack/cta-engine": "0.36.2"
+    "@tanstack/cta-engine": "0.37.2"
   },
   "devDependencies": {
     "@types/node": "^24.6.0",

package/src/checksum.ts

@@ -1,3 +1,3 @@
 // This file is auto-generated. Do not edit manually.
 // Generated from add-ons, examples, hosts, project, and toolchains directories
-export const contentChecksum = '2b3e74e22202e202e179f9a6a55cec0b4a0cbdcf70c6debf7a900f3405cbfad7'
+export const contentChecksum = 'a42905c8800e56f1a97cdfc380ba4543e2d296e1fde95246036a4eacdaa694d7'