Add conversation ID header to API call

.env.sample

@@ -118,3 +118,4 @@ PROMPTFLOW_RESPONSE_TIMEOUT=120
 PROMPTFLOW_REQUEST_FIELD_NAME=query
 PROMPTFLOW_RESPONSE_FIELD_NAME=reply
 PROMPTFLOW_CITATIONS_FIELD_NAME=documents
+CONVERSATION_ID_HEADER="12345"

app.py

@@ -103,6 +103,7 @@ async def assets(path):
         "show_chat_history_button": app_settings.ui.show_chat_history_button,
     },
     "sanitize_answer": app_settings.base_settings.sanitize_answer,
+    "conversation_id_header": app_settings.base_settings.conversation_id_header,
 }
 
 

backend/settings.py

@@ -670,6 +670,7 @@ class _BaseSettings(BaseSettings):
     auth_enabled: bool = False
     sanitize_answer: bool = False
     use_promptflow: bool = False
+    conversation_id_header: Optional[str] = None
 
 
 class _AppSettings(BaseModel):

frontend/src/api/api.ts

@@ -3,7 +3,11 @@ import { FileType, UploadedFile } from '../custom/fileUploadUtils'
 
 import { ChatMessage, Conversation, ConversationRequest, CosmosDBHealth, CosmosDBStatus, UserInfo } from './models'
 
-export async function conversationApi(options: ConversationRequest, abortSignal: AbortSignal): Promise<Response> {
+export async function conversationApi(
+  options: ConversationRequest,
+  abortSignal: AbortSignal,
+  conversationIdHeader: string | null | undefined
+): Promise<Response> {
   const formatContent = (message: any) => {
     const apiMessage = structuredClone(message)
 
@@ -30,7 +34,8 @@ export async function conversationApi(options: ConversationRequest, abortSignal:
   const response = await fetch('/conversation', {
     method: 'POST',
     headers: {
-      'Content-Type': 'application/json'
+      'Content-Type': 'application/json',
+      'conversation-id': conversationIdHeader ?? ''
     },
     body: JSON.stringify({
       messages: options.messages.map(formatContent)

frontend/src/api/models.ts

@@ -147,6 +147,7 @@ export type FrontendSettings = {
   feedback_enabled?: string | null
   ui?: UI
   sanitize_answer?: boolean
+  conversation_id_header?: string
 }
 
 export enum Feedback {

frontend/src/pages/chat/Chat.tsx

@@ -216,7 +216,11 @@ const Chat = () => {
 
     let result = {} as ChatResponse
     try {
-      const response = await conversationApi(request, abortController.signal)
+      const response = await conversationApi(
+        request,
+        abortController.signal,
+        appStateContext?.state.frontendSettings?.conversation_id_header
+      )
       if (response?.body) {
         const reader = response.body.getReader()