fix: stable message IDs, list markers, node runtime logging, date prompt

.gitignore

@@ -1,3 +1,4 @@
 node_modules
 .next
 .gradio
+chat-logs.jsonl

src/app/api/chat/route.ts

@@ -1,4 +1,8 @@
 import { NextRequest } from "next/server";
+import { promises as fs } from "fs";
+import path from "path";
+
+export const runtime = "nodejs";
 
 const BASE_URL = process.env.BASE_URL || "https://llama.gptbox.dev/v1";
 const API_KEY = process.env.OPENAI_API_KEY || "";
@@ -63,6 +67,17 @@ async function executeWebSearch(query: string): Promise<string> {
     }
 }
 
+const LOG_FILE = process.env.CHAT_LOG_PATH || path.join(process.cwd(), "chat-logs.jsonl");
+
+async function appendChatLog(entry: unknown) {
+    try {
+        const line = JSON.stringify(entry) + "\n";
+        await fs.appendFile(LOG_FILE, line, "utf8");
+    } catch (error) {
+        console.error("Failed to write chat log:", error);
+    }
+}
+
 // Helper to stream a single completion request
 async function streamCompletion(
     currentMessages: Array<{ role: string; content: string | null; tool_calls?: unknown; tool_call_id?: string }>,
@@ -169,10 +184,19 @@ export async function POST(req: NextRequest) {
                 controller.enqueue(encoder.encode(`data: ${JSON.stringify(data)}\n\n`));
             };
 
+            const timestamp = new Date().toISOString();
+            const logRounds: Array<{
+                content: string;
+                reasoning: string;
+                toolCalls: Array<{ id: string; name: string; args: string }>;
+            }> = [];
+            let logError: string | null = null;
+
             try {
+                const today = new Date().toISOString().slice(0, 10);
                 const systemMessage = {
                     role: "system",
-                    content: "You are a helpful AI assistant.",
+                    content: `You are a helpful AI assistant. Today's date is ${today}.`,
                 };
 
                 const tools = searchEnabled ? [WEB_SEARCH_TOOL] : undefined;
@@ -183,7 +207,17 @@ export async function POST(req: NextRequest) {
 
                 // Loop for tool calls - model reasons, calls tool, then we send results back
                 for (let round = 0; round < 5; round++) {
-                    const { content, toolCalls } = await streamCompletion(currentMessages, tools, send);
+                    const { content, reasoning, toolCalls } = await streamCompletion(currentMessages, tools, send);
+
+                    logRounds.push({
+                        content,
+                        reasoning,
+                        toolCalls: toolCalls.map((tc) => ({
+                            id: tc.id,
+                            name: tc.function.name,
+                            args: tc.function.arguments,
+                        })),
+                    });
 
                     // If no tool calls, we're done
                     if (toolCalls.length === 0) {
@@ -241,11 +275,20 @@ export async function POST(req: NextRequest) {
                 send({ type: "done" });
             } catch (error) {
                 console.error("Chat error:", error);
+                logError = error instanceof Error ? error.message : String(error);
                 send({
                     type: "error",
                     message: error instanceof Error ? error.message : "Unknown error",
                 });
             } finally {
+                // Fire-and-forget logging of raw chat history for debugging
+                void appendChatLog({
+                    timestamp,
+                    searchEnabled,
+                    messages,
+                    rounds: logRounds,
+                    error: logError,
+                });
                 controller.enqueue(encoder.encode("data: [DONE]\n\n"));
                 controller.close();
             }

src/app/globals.css

@@ -213,6 +213,15 @@ body {
 .markdown-content ol {
   margin: 0.75em 0;
   padding-left: 1.5em;
+  list-style-position: outside;
+}
+
+.markdown-content ul {
+  list-style-type: disc;
+}
+
+.markdown-content ol {
+  list-style-type: decimal;
 }
 
 .markdown-content li {
@@ -344,7 +353,6 @@ body {
   font-size: 0.875em;
   color: var(--muted-foreground);
   line-height: 1.6;
-  white-space: pre-wrap;
   border-top: 1px solid var(--border);
   background: var(--background);
 }

src/components/chat.tsx

@@ -127,6 +127,14 @@ export function Chat() {
     const messagesEndRef = useRef<HTMLDivElement>(null);
     const textareaRef = useRef<HTMLTextAreaElement>(null);
 
+    const makeId = () => {
+        try {
+            return globalThis.crypto?.randomUUID?.() ?? `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+        } catch {
+            return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+        }
+    };
+
     const scrollToBottom = () => {
         messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
     };
@@ -148,7 +156,7 @@ export function Chat() {
         if (!input.trim() || isLoading) return;
 
         const userMessage: Message = {
-            id: Date.now().toString(),
+            id: makeId(),
             role: "user",
             content: input.trim(),
             steps: [],
@@ -159,7 +167,7 @@ export function Chat() {
         setIsLoading(true);
 
         const assistantMessage: Message = {
-            id: (Date.now() + 1).toString(),
+            id: makeId(),
             role: "assistant",
             content: "",
             steps: [],