create-supyagent-app 0.1.1 → 0.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-supyagent-app",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Create a supyagent-powered chatbot app",
   "type": "module",
   "bin": {

package/templates/api-route/route.ts.tmpl

@@ -25,5 +25,5 @@ export async function POST(req: Request) {
     },
   });
 
-  return result.toUIMessageStreamResponse();
+  return result.toDataStreamResponse();
 }

package/templates/base/src/app/chat/[id]/page.tsx

@@ -1,18 +1,12 @@
 "use client";
 
 import { use, useEffect, useState } from "react";
+import type { UIMessage } from "ai";
 import { Chat } from "@/components/chat";
 
-interface ChatMessage {
-  id: string;
-  role: string;
-  parts: Array<{ type: string; [key: string]: unknown }>;
-  metadata?: Record<string, unknown>;
-}
-
 export default function ChatPage({ params }: { params: Promise<{ id: string }> }) {
   const { id } = use(params);
-  const [initialMessages, setInitialMessages] = useState<ChatMessage[] | null>(null);
+  const [initialMessages, setInitialMessages] = useState<UIMessage[] | null>(null);
 
   useEffect(() => {
     fetch(`/api/chats/${id}`)

package/templates/base/src/components/chat-message.tsx

@@ -31,8 +31,8 @@ export function ChatMessage({ message }: ChatMessageProps) {
           if (part.type === "tool-invocation") {
             return (
               <div key={i} className="space-y-2">
-                <SupyagentToolCall part={part as Record<string, unknown>} />
-                <SupyagentToolResult part={part as Record<string, unknown>} />
+                <SupyagentToolCall part={part as any} />
+                <SupyagentToolResult part={part as any} />
               </div>
             );
           }

package/templates/base/src/components/chat.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useChat } from "@ai-sdk/react";
+import type { UIMessage } from "ai";
 import { ChatMessage } from "./chat-message";
 import { ChatInput } from "./chat-input";
 import { ChatSidebar } from "./chat-sidebar";
@@ -8,7 +9,7 @@ import { useRef, useEffect } from "react";
 
 interface ChatProps {
   chatId: string;
-  initialMessages: Parameters<typeof useChat>[0] extends { initialMessages?: infer M } ? M : never;
+  initialMessages: UIMessage[];
 }
 
 export function Chat({ chatId, initialMessages }: ChatProps) {
@@ -16,7 +17,7 @@ export function Chat({ chatId, initialMessages }: ChatProps) {
     useChat({
       api: "/api/chat",
       body: { chatId },
-      initialMessages: initialMessages as Parameters<typeof useChat>[0]["initialMessages"],
+      initialMessages,
     });
 
   const scrollRef = useRef<HTMLDivElement>(null);