save to deploy

app/api/chat/route.ts

@@ -33,7 +33,6 @@ export async function POST(req: Request) {
 	const formattedMessage: ChatCompletionMessageParam[] = messages.map(
 		message => {
 			const { dataset, ...rest } = message;
-			console.log('[Ming] ~ POST ~ dataset:', dataset?.length);
 
 			const contentWithImage: ChatCompletionContentPart[] = [
 				{

components/chat/ChatList.tsx

@@ -12,7 +12,7 @@ export function ChatList({ messages }: ChatList) {
 	return (
 		<div className="relative mx-auto max-w-3xl px-8 pr-12">
 			{messages
-				.filter(message => message.role !== 'system')
+				// .filter(message => message.role !== 'system')
 				.map((message, index) => (
 					<div key={index}>
 						<ChatMessage message={message} />

lib/hooks/useChatWithDataset.ts

@@ -80,6 +80,19 @@ const useChatWithDataset = () => {
 		// 		selectedDataset.map(entity => entity.name).join(', '),
 		// 	role: 'system',
 		// };
+		// const newSystemMessage: Message = {
+		// 	id: 'fake-id',
+		// 	content: `For the next prompt, please use tags provided by the user to assign to corresponding images.
+		// 		For example:
+
+		// 		Input:
+		// 		red, blue, round
+
+		// 		Answer (each in a new line):
+		// 		Image 1: red\n
+		// 		Image 2: blue,round\n`,
+		// 	role: 'system',
+		// };
 		// setMessages([...messages, newSystemMessage]);
 		return append({
 			...message,