fix: load sources on shared conversations

application/api/answer/routes.py

@@ -429,7 +429,7 @@ def api_search():
         data_key = get_data_from_api_key(data["api_key"])
         chunks = int(data_key["chunks"])
         source = {"active_docs":data_key["source"]}
-        user_api_key = data_key["api_key"]
+        user_api_key = data["api_key"]
     elif "active_docs" in data:
         source = {"active_docs":data["active_docs"]}
         user_api_key = None

application/api/user/routes.py

@@ -593,8 +593,6 @@ def get_publicly_shared_conversations(identifier: str):
                     404,
                 )
             conversation_queries = conversation["queries"][: (shared["first_n_queries"])]
-            for query in conversation_queries:
-                query.pop("sources")  ## avoid exposing sources
         else:
             return (
                 jsonify(

frontend/src/conversation/SharedConversation.tsx

@@ -144,6 +144,7 @@ export const SharedConversation = () => {
           key={`${index}ANSWER`}
           message={query.response}
           type={'ANSWER'}
+          sources={query.sources ?? []}
         ></ConversationBubble>
       );
     } else if (query.error) {

frontend/src/conversation/conversationHandlers.ts

@@ -190,6 +190,27 @@ export function handleSearch(
     .catch((err) => console.log(err));
 }
 
+export function handleSearchViaApiKey(
+  question: string,
+  api_key: string,
+  history: Array<any> = [],
+) {
+  history = history.map((item) => {
+    return { prompt: item.prompt, response: item.response };
+  });
+  return conversationService
+    .search({
+      question: question,
+      history: JSON.stringify(history),
+      api_key: api_key,
+    })
+    .then((response) => response.json())
+    .then((data) => {
+      return data;
+    })
+    .catch((err) => console.log(err));
+}
+
 export function handleSendFeedback(
   prompt: string,
   response: string,

frontend/src/conversation/sharedConversationSlice.ts

@@ -6,6 +6,7 @@ import { createAsyncThunk } from '@reduxjs/toolkit';
 import {
   handleFetchSharedAnswer,
   handleFetchSharedAnswerStreaming,
+  handleSearchViaApiKey,
 } from './conversationHandlers';
 
 const API_STREAMING = import.meta.env.VITE_API_STREAMING === 'true';
@@ -44,6 +45,22 @@ export const fetchSharedAnswer = createAsyncThunk<Answer, { question: string }>(
               // set status to 'idle'
               dispatch(sharedConversationSlice.actions.setStatus('idle'));
               dispatch(saveToLocalStorage());
+
+              state.sharedConversation.apiKey &&
+                handleSearchViaApiKey(
+                  question,
+                  state.sharedConversation.apiKey,
+                  state.sharedConversation.queries,
+                ).then((sources) => {
+                  //dispatch streaming sources
+                  sources &&
+                    dispatch(
+                      updateStreamingSource({
+                        index: state.sharedConversation.queries.length - 1,
+                        query: { sources: sources ?? [] },
+                      }),
+                    );
+                });
             } else if (data.type === 'error') {
               // set status to 'failed'
               dispatch(sharedConversationSlice.actions.setStatus('failed'));
@@ -164,6 +181,17 @@ export const sharedConversationSlice = createSlice({
         ...query,
       };
     },
+    updateStreamingSource(
+      state,
+      action: PayloadAction<{ index: number; query: Partial<Query> }>,
+    ) {
+      const { index, query } = action.payload;
+      if (!state.queries[index].sources) {
+        state.queries[index].sources = query?.sources;
+      } else {
+        state.queries[index].sources!.push(query.sources![0]);
+      }
+    },
     raiseError(
       state,
       action: PayloadAction<{ index: number; message: string }>,
@@ -213,6 +241,7 @@ export const {
   updateStreamingQuery,
   addQuery,
   saveToLocalStorage,
+  updateStreamingSource,
 } = sharedConversationSlice.actions;
 
 export const selectStatus = (state: RootState) => state.conversation.status;