fix: fixing tanchat example

Author: jherr

frameworks/react-cra/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),

frameworks/react-cra/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,
 })

frameworks/react-cra/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'

packages/cta-engine/src/create-app.ts

@@ -251,7 +251,7 @@ Use the following commands to start your app:
       getPackageManagerScriptCommand(options.packageManager, ['dev']),
     )}
 
-Please read the README.md for information on testing, styling, adding routes, etc.${errorStatement}`,
+Please check the README.md for information on testing, styling, adding routes, etc.${errorStatement}`,
   )
 }