Auth Works

packages/chat/src/ui/chat/Input.client.tsx

@@ -15,6 +15,7 @@ export const SendMessageUI = ({ chatId }: ChatId) => {
 			<input
 				name="message"
 				id="message"
+				required
 				className="flex-grow p-2 border border-gray-300 rounded-l"
 				placeholder="Type your message..."
 			/>

packages/chat/src/ui/chat/insertMessage.action.ts

@@ -3,6 +3,8 @@ import type {Chat, User} from '../../payload-types'
 import {headers} from 'next/headers'
 import config from '@payload-config'
 import {get, isString} from 'radash'
+import {revalidatePath} from 'next/cache'
+import {redirect} from 'next/navigation'
 
 interface Props {
 	message: string
@@ -37,6 +39,14 @@ export async function insertMessageAction(data: FormData) {
 			messages: [{ role: 'user', text: message }],
 			user: get<number>(user, 'id'),
 		} satisfies Partial<Chat>
-		await instance.create({ collection: 'chats', data: chat, user })
+		const newChat = await instance.create({
+			collection: 'chats',
+			data: chat,
+			user,
+		})
+		const id = get<number>(newChat, 'id')
+		redirect(`/admin/chat/${id}`)
 	}
+
+	revalidatePath(`/admin/chat/${chatId}`)
 }