From 26a5d0e0eff4272425a052114745f2f661ea02d7 Mon Sep 17 00:00:00 2001
From: jlightner <jlightner@users.noreply.github.com>
Date: Sun, 5 Apr 2026 06:05:17 +0000
Subject: [PATCH] fix: crypto.randomUUID fallback for HTTP contexts

Chat page and ChatWidget used crypto.randomUUID() for conversation IDs,
which is only available in secure contexts (HTTPS). On HTTP, this throws
'crypto.randomUUID is not a function'. Added generateUUID() utility with
Math.random-based fallback.
---
 frontend/src/components/ChatWidget.tsx |  3 ++-
 frontend/src/pages/ChatPage.tsx        |  3 ++-
 frontend/src/utils/uuid.ts             | 14 ++++++++++++++
 3 files changed, 18 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/utils/uuid.ts

diff --git a/frontend/src/components/ChatWidget.tsx b/frontend/src/components/ChatWidget.tsx
index 088d75d..2476ad5 100644
--- a/frontend/src/components/ChatWidget.tsx
+++ b/frontend/src/components/ChatWidget.tsx
@@ -11,6 +11,7 @@ import { Link } from "react-router-dom";
 import { streamChat, type ChatSource } from "../api/chat";
 import { parseChatCitations } from "../utils/chatCitations";
 import { formatTime } from "../utils/formatTime";
+import { generateUUID } from "../utils/uuid";
 import styles from "./ChatWidget.module.css";
 
 interface Technique {
@@ -133,7 +134,7 @@ export default function ChatWidget({ creatorName, techniques }: ChatWidgetProps)
       abortRef.current?.abort();
 
       // Generate conversation_id on first message
-      const cid = conversationId ?? crypto.randomUUID();
+      const cid = conversationId ?? generateUUID();
       if (!conversationId) setConversationId(cid);
 
       const userMsg: Message = { role: "user", text: q, sources: [], done: true };
diff --git a/frontend/src/pages/ChatPage.tsx b/frontend/src/pages/ChatPage.tsx
index 4310cdc..6612c0f 100644
--- a/frontend/src/pages/ChatPage.tsx
+++ b/frontend/src/pages/ChatPage.tsx
@@ -12,6 +12,7 @@ import { Link } from "react-router-dom";
 import { streamChat, type ChatSource } from "../api/chat";
 import { parseChatCitations } from "../utils/chatCitations";
 import { formatTime } from "../utils/formatTime";
+import { generateUUID } from "../utils/uuid";
 import { useDocumentTitle } from "../hooks/useDocumentTitle";
 import styles from "./ChatPage.module.css";
 
@@ -57,7 +58,7 @@ export default function ChatPage() {
       abortRef.current?.abort();
 
       // Generate conversation_id on first message
-      const cid = conversationId ?? crypto.randomUUID();
+      const cid = conversationId ?? generateUUID();
       if (!conversationId) setConversationId(cid);
 
       const userMsg: Message = {
diff --git a/frontend/src/utils/uuid.ts b/frontend/src/utils/uuid.ts
new file mode 100644
index 0000000..878b24e
--- /dev/null
+++ b/frontend/src/utils/uuid.ts
@@ -0,0 +1,14 @@
+/** Generate a UUID v4, with fallback for non-secure contexts (HTTP).
+ *
+ * `crypto.randomUUID()` is only available in secure contexts (HTTPS).
+ * On HTTP, falls back to Math.random-based generation.
+ */
+export function generateUUID(): string {
+  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
+    return crypto.randomUUID();
+  }
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+    const r = (Math.random() * 16) | 0;
+    return (c === "x" ? r : (r & 0x3) | 0x8).toString(16);
+  });
+}