fix: resolve Next.js build errors and optimize embeddings loading

app/actions.tsx

@@ -553,7 +553,7 @@ async function clearChat() {
   const aiState = getMutableAIState<typeof AI>()
 
   aiState.done({
-    chatId: nanoid(),
+    chatId: crypto.randomUUID(),
     messages: []
   })
 }
@@ -572,7 +572,7 @@ export type UIState = {
 }[]
 
 const initialAIState: AIState = {
-  chatId: nanoid(),
+  chatId: 'new-chat',
   messages: []
 }
 

app/api/chat/route.ts

@@ -1,11 +1,8 @@
+export const dynamic = "force-dynamic";
 import { NextResponse, NextRequest } from 'next/server';
-import { saveChat, createMessage, NewChat, NewMessage } from '@/lib/actions/chat-db';
+import { saveChat, type NewChat, type NewMessage } from '@/lib/actions/chat-db';
 import { getCurrentUserIdOnServer } from '@/lib/auth/get-current-user';
-// import { generateUUID } from '@/lib/utils'; // Assuming generateUUID is in lib/utils as per PR context - not needed for PKs
 
-// This is a simplified POST handler. PR #533's version might be more complex,
-// potentially handling streaming AI responses and then saving.
-// For now, this focuses on the database interaction part.
 export async function POST(request: NextRequest) {
   try {
     const userId = await getCurrentUserIdOnServer();
@@ -14,47 +11,31 @@ export async function POST(request: NextRequest) {
     }
 
     const body = await request.json();
-
-    // Example: Distinguish between creating a new chat vs. adding a message to existing chat
-    // The actual structure of `body` would depend on client-side implementation.
-    // Let's assume a simple case: creating a new chat with an initial message.
-    const { title, initialMessageContent, role = 'user' } = body;
+    const { title, initialMessageContent, role = 'user', chatId } = body;
 
     if (!initialMessageContent) {
         return NextResponse.json({ error: 'Initial message content is required' }, { status: 400 });
     }
 
     const newChatData: NewChat = {
-      // id: generateUUID(), // Drizzle schema now has defaultRandom for UUIDs
+      id: chatId,
       userId: userId,
-      title: title || 'New Chat', // Default title if not provided
-      // createdAt: new Date(), // Handled by defaultNow() in schema
-      visibility: 'private', // Default visibility
+      title: title || 'New Chat',
+      visibility: 'private',
     };
 
-    // Use a transaction if creating chat and first message together
-    // For simplicity here, let's assume saveChat handles chat creation and returns ID, then we create a message.
-    // A more robust `saveChat` might create the chat and first message in one go.
-    // The `saveChat` in chat-db.ts is designed to handle this.
-
     const firstMessage: Omit<NewMessage, 'chatId'> = {
-        // id: generateUUID(), // Drizzle schema now has defaultRandom for UUIDs
-        // chatId is omitted as it will be set by saveChat
         userId: userId,
-        role: role as NewMessage['role'], // Ensure role type matches schema expectation
+        role: role as NewMessage['role'],
         content: initialMessageContent,
-        // createdAt: new Date(), // Handled by defaultNow() in schema, not strictly needed here
     };
 
-    // The saveChat in chat-db.ts is designed to take initial messages.
     const savedChatId = await saveChat(newChatData, [firstMessage]);
 
     if (!savedChatId) {
          return NextResponse.json({ error: 'Failed to save chat' }, { status: 500 });
     }
 
-    // Fetch the newly created chat and message to return (optional, but good for client)
-    // For now, just return success and the new chat ID.
     return NextResponse.json({ message: 'Chat created successfully', chatId: savedChatId }, { status: 201 });
 
   } catch (error) {

app/api/chats/route.ts

@@ -1,3 +1,4 @@
+export const dynamic = "force-dynamic";
 import { NextResponse, NextRequest } from 'next/server';
 import { getChatsPage } from '@/lib/actions/chat-db';
 import { getCurrentUserIdOnServer } from '@/lib/auth/get-current-user';

app/api/embeddings/route.ts

@@ -1,3 +1,4 @@
+export const dynamic = "force-dynamic";
 // app/api/embeddings/route.ts
 import { NextRequest, NextResponse } from 'next/server';
 import { Storage } from '@google-cloud/storage';
@@ -9,38 +10,44 @@ import proj4 from 'proj4';
 
 // Configuration from environment variables
 const GCP_PROJECT_ID = process.env.GCP_PROJECT_ID || 'gen-lang-client-0663384776';
-const GCP_CREDENTIALS_PATH = process.env.GCP_CREDENTIALS_PATH || '/home/ubuntu/gcp_credentials.json';
-const AEF_INDEX_PATH = process.env.AEF_INDEX_PATH || path.join(process.cwd(), 'aef_index.csv');
+const GCP_CREDENTIALS_PATH = process.env.GCP_CREDENTIALS_PATH || path.join(/*turbopackIgnore: true*/ process.cwd(), 'gcp_credentials.json');
+const AEF_INDEX_PATH = process.env.AEF_INDEX_PATH || path.join(/*turbopackIgnore: true*/ process.cwd(), 'aef_index.csv');
 
 // Initialize GCS client
 const storage = new Storage({
   keyFilename: GCP_CREDENTIALS_PATH,
   projectId: GCP_PROJECT_ID,
 });
 
-// Load and parse the index file
-let indexData: any[] | null = null;
+// Load and parse the index file using a promise-based singleton to prevent redundant I/O
+let indexPromise: Promise<any[]> | null = null;
 
-function loadIndex() {
-  if (indexData) return indexData;
-
-  if (!fs.existsSync(AEF_INDEX_PATH)) {
-    throw new Error(
-      `AlphaEarth index file not found at ${AEF_INDEX_PATH}. ` +
-      'Please run the download_index.js script to download it.'
-    );
-  }
-
-  const fileContent = fs.readFileSync(AEF_INDEX_PATH, 'utf-8');
-
-  indexData = parse(fileContent, {
-    columns: true,
-    skip_empty_lines: true,
-  });
-
-  console.log(`Loaded AlphaEarth index with ${indexData.length} entries`);
-
-  return indexData;
+async function loadIndex() {
+  if (indexPromise) return indexPromise;
+
+  indexPromise = (async () => {
+    try {
+      // Use fs.promises for non-blocking I/O
+      const fileContent = await fs.promises.readFile(AEF_INDEX_PATH, 'utf-8');
+      const parsed = parse(fileContent, {
+        columns: true,
+        skip_empty_lines: true,
+      });
+      console.log(`Loaded AlphaEarth index with ${parsed.length} entries`);
+      return parsed;
+    } catch (error) {
+      indexPromise = null; // Reset on failure so we can retry
+      if ((error as any).code === 'ENOENT') {
+        throw new Error(
+          `AlphaEarth index file not found at ${AEF_INDEX_PATH}. ` +
+          'Please run the download_index.js script to download it.'
+        );
+      }
+      throw error;
+    }
+  })();
+
+  return indexPromise;
 }
 
 // Function to check if a point is within bounds
@@ -56,8 +63,8 @@ function isPointInBounds(
 }
 
 // Function to find the file containing the given location
-function findFileForLocation(lat: number, lon: number, year: number) {
-  const index = loadIndex();
+async function findFileForLocation(lat: number, lon: number, year: number) {
+  const index = await loadIndex();
 
   for (const entry of index) {
     if (parseInt(entry.year) !== year) continue;
@@ -164,7 +171,7 @@ export async function GET(req: NextRequest) {
     }
 
     // Find the file containing this location
-    const fileInfo = findFileForLocation(lat, lon, year);
+    const fileInfo = await findFileForLocation(lat, lon, year);
 
     if (!fileInfo) {
       return NextResponse.json(

app/page.tsx

@@ -1,17 +1,15 @@
 import { Chat } from '@/components/chat'
-import { nanoid } from '@/lib/utils'
 import { AI } from './actions'
 
 export const maxDuration = 60
 
 import { MapDataProvider } from '@/components/map/map-data-context'
 
 export default function Page() {
-  const id = nanoid()
   return (
-    <AI initialAIState={{ chatId: id, messages: [] }}>
+    <AI initialAIState={{ chatId: 'new-chat', messages: [] }}>
       <MapDataProvider>
-        <Chat id={id} />
+        <Chat />
       </MapDataProvider>
     </AI>
   )

app_page.tsx

@@ -0,0 +1,16 @@
+import { Chat } from '@/components/chat'
+import { AI } from './actions'
+
+export const maxDuration = 60
+
+import { MapDataProvider } from '@/components/map/map-data-context'
+
+export default function Page() {
+  return (
+    <AI initialAIState={{ chatId: 'new-chat', messages: [] }}>
+      <MapDataProvider>
+        <Chat />
+      </MapDataProvider>
+    </AI>
+  )
+}

components/chat.tsx

@@ -26,7 +26,15 @@ type ChatProps = {
   id?: string // This is the chatId
 }
 
-export function Chat({ id }: ChatProps) {
+export function Chat({ id: initialId }: ChatProps) {
+  const [id, setId] = useState(initialId || '')
+
+  useEffect(() => {
+    if (!id || id === 'new-chat') {
+      setId(crypto.randomUUID())
+    }
+  }, [id])
+
   const router = useRouter()
   const path = usePathname()
   const [messages] = useUIState()
@@ -70,7 +78,7 @@ export function Chat({ id }: ChatProps) {
   }, [])
 
   useEffect(() => {
-    if (!path.includes('search') && messages.length === 1) {
+    if (id && id !== 'new-chat' && !path.includes('search') && messages.length === 1) {
       window.history.replaceState({}, '', `/search/${id}`)
     }
   }, [id, path, messages.length]) // OPTIMIZATION: Use messages.length instead of full array

lib/actions/chat-db.ts

@@ -86,6 +86,11 @@ export async function saveChat(chatData: NewChat, messagesData: Omit<NewMessage,
     return null;
   }
 
+  // Handle placeholder 'new-chat' ID from client side
+  if (chatData.id === 'new-chat') {
+    delete (chatData as any).id;
+  }
+
   // Transaction to ensure atomicity
   return db.transaction(async (tx) => {
     let chatId = chatData.id;

lib/auth/get-current-user.ts

@@ -67,16 +67,14 @@ export async function getSupabaseUserAndSessionOnServer(): Promise<{
       },
       async set(name: string, value: string, options: CookieOptions): Promise<void> {
         try {
-          const store = await cookieStore;
-          store.set({ name, value, ...options }); // Set cookie with options
+          (await cookieStore).set({ name, value, ...options }); // Set cookie with options
         } catch (error) {
           // console.warn(`[Auth] Failed to set cookie ${name}:`, error);
         }
       },
       async remove(name: string, options: CookieOptions): Promise<void> {
         try {
-          const store = await cookieStore;
-          store.set({ name, value: '', ...options, maxAge: 0 }); // Delete cookie by setting maxAge to 0
+          (await cookieStore).set({ name, value: '', ...options, maxAge: 0 }); // Delete cookie by setting maxAge to 0
         } catch (error) {
           // console.warn(`[Auth] Failed to delete cookie ${name}:`, error);
         }