feat: replace crypto.randomUUID() with uuidv4

frontend/package.json

@@ -24,6 +24,7 @@
     "react-markdown": "^10.1.0",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^2.5.4",
+    "uuid": "^14.0.0",
     "vega": "^6.2.0",
     "vega-embed": "^7.1.0",
     "vega-lite": "^6.4.2",

frontend/src/components/Chat/ChatView.tsx

@@ -12,6 +12,7 @@ import { WelcomeView } from "./WelcomeView";
 import { ContextStatusBar } from "./ContextStatusBar";
 import type { UIMessage } from "@/types";
 import { buildUiMessages } from "@/lib/buildUiMessages";
+import { v4 as uuidv4 } from "uuid";
 
 export function ChatView() {
   const {
@@ -149,7 +150,7 @@ export function ChatView() {
           return;
         }
         appendMessage({
-          id: crypto.randomUUID(),
+          id: uuidv4(),
           event_type: "ERROR",
           role: "assistant",
           payload: { error: String(err) },
@@ -208,7 +209,7 @@ export function ChatView() {
 
     // Append user message immediately
     appendMessage({
-      id: crypto.randomUUID(),
+      id: uuidv4(),
       event_type: "TEXT",
       role: "user",
       payload: { text },
@@ -275,7 +276,7 @@ export function ChatView() {
         return;
       }
       appendMessage({
-        id: crypto.randomUUID(),
+        id: uuidv4(),
         event_type: "ERROR",
         role: "assistant",
         payload: { error: String(err) },

frontend/src/lib/__tests__/buildUiMessages.test.ts

@@ -1,13 +1,14 @@
 import { describe, it, expect } from "vitest";
 import { buildUiMessages } from "../buildUiMessages";
+import {v4 as uuidv4} from "uuid";
 import type { MessageRecord } from "@/types";
 
 // Minimal factory so tests only specify what they care about
 function rec(
   overrides: Partial<MessageRecord> & Pick<MessageRecord, "event_type" | "role">
 ): MessageRecord {
   return {
-    id: overrides.id ?? crypto.randomUUID(),
+    id: overrides.id ?? uuidv4(),
     sequence: overrides.sequence ?? 0,
     created_at: overrides.created_at ?? "2024-01-01T00:00:00Z",
     payload: overrides.payload ?? {},

frontend/src/lib/__tests__/groupMessages.test.ts

@@ -1,10 +1,11 @@
 import { describe, it, expect } from "vitest";
 import { groupIntoTurns, shouldShowSeparator, getSepUsage } from "../groupMessages";
+import {v4 as uuidv4} from "uuid";
 import type { UIMessage } from "@/types";
 
 function msg(overrides: Partial<UIMessage> & Pick<UIMessage, "event_type" | "role">): UIMessage {
   return {
-    id: overrides.id ?? crypto.randomUUID(),
+    id: overrides.id ?? uuidv4(),
     payload: overrides.payload ?? {},
     ...overrides,
   };

frontend/src/store/conversations.ts

@@ -1,4 +1,5 @@
 import { create } from "zustand";
+import { v4 as uuidv4 } from "uuid";
 import type { ConversationSummary, Engine, UIMessage, UsagePayload, TurnUsage } from "@/types";
 
 export interface UsageTotals {
@@ -86,7 +87,7 @@ export const useConversationsStore = create<ConversationsState>((set) => ({
         return { messages: msgs };
       }
       // Create a new TEXT message for this turn (isStreaming=true until marked as thinking or turn ends)
-      const newId = crypto.randomUUID();
+      const newId = uuidv4();
       return {
         streamingTextId: newId,
         messages: [