fix

app/dashboard/chats/[id]/page.tsx

@@ -8,10 +8,11 @@ export const metadata: Metadata = {
   description: "View and respond to customer messages",
 };
 
-export default function ChatDetailPage({ params }: { params: { id: string } }) {
+export default async function ChatDetailPage({ params }: { params: { id: string } }) {
+  const chatId = await params.id;
   return (
     <Dashboard>
-      <ChatDetail chatId={params.id} />
+      <ChatDetail chatId={chatId} />
     </Dashboard>
   );
 } 

app/dashboard/chats/new/page.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Metadata } from "next";
+import { Metadata, Viewport } from "next";
 import NewChatForm from "@/components/dashboard/NewChatForm";
 import Dashboard from "@/components/dashboard/dashboard";
 
@@ -8,6 +8,15 @@ export const metadata: Metadata = {
   description: "Begin a new conversation with a customer",
 };
 
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  themeColor: [
+    { media: "(prefers-color-scheme: dark)", color: "#000000" },
+    { media: "(prefers-color-scheme: light)", color: "#D53F8C" },
+  ],
+};
+
 export default function NewChatPage() {
   return (
     <Dashboard>