ECHO-497 Smart Auto Select

echo/frontend/src/components/chat/Sources.tsx

@@ -18,7 +18,7 @@ export const Sources = ({
       <Group gap="sm" align="center">
         <Box w={15} h={15} bg="green.5" style={{ borderRadius: "50%" }} />
         <Text size="sm" fw={500} my={2}>
-          <Trans>Citing the following sources</Trans>
+          <Trans>The following conversations were automatically added to the context</Trans>
         </Text>
       </Group>
       <Group gap="xs" mt={10}>

echo/frontend/src/components/conversation/AutoSelectConversations.tsx

@@ -58,15 +58,6 @@ export const AutoSelectConversations = () => {
     (conversation) => conversation.is_audio_processing_finished,
   );
 
-  console.log(hasProcessedConversations, conversations);
-
-  // Show warning if feature is available but no conversations are processed
-  const showProcessingWarning =
-    !isDisabled &&
-    conversations &&
-    conversations.length > 0 &&
-    !hasProcessedConversations;
-
   const handleCheckboxChange = (checked: boolean) => {
     if (isDisabled) {
       return;
@@ -177,22 +168,6 @@ export const AutoSelectConversations = () => {
         />
       </Group>
 
-      {showProcessingWarning && (
-        <Alert
-          color="yellow"
-          icon={<IconInfoCircle size={16} />}
-          title={<Trans>Audio Processing In Progress</Trans>}
-          className="border-t border-yellow-200 bg-yellow-50 p-3"
-        >
-          <Text size="xs">
-            <Trans>
-              Some conversations are still being processed. Auto-select will
-              work optimally once audio processing is complete.
-            </Trans>
-          </Text>
-        </Alert>
-      )}
-
       {isDisabled && (
         <Box className="border-t border-gray-200 bg-gray-50 p-4">
           <Stack gap="sm">

echo/frontend/src/components/conversation/ConversationAccordion.tsx

@@ -400,28 +400,6 @@ export const ConversationStatusIndicators = ({
         </Badge>
       )}
 
-      {!!project?.is_enhanced_audio_processing_enabled &&
-        // if processing still
-        // don't show this if both is_finished and is_audio_processing_finished are true
-        // but if project.is_enhanced_audio_processing_enabled is true, just see the is_finished
-        !(
-          conversation.is_finished && conversation.is_audio_processing_finished
-        ) && (
-          <Tooltip
-            label={
-              t`This conversation is still being processed. It will be available for analysis and chat shortly. ` +
-              t`(for enhanced audio processing)`
-            }
-          >
-            <Badge size="xs" color="violet" variant="light">
-              <Group gap="xs">
-                <Trans>Processing</Trans>
-                <IconInfoCircle size={12} />
-              </Group>
-            </Badge>
-          </Tooltip>
-        )}
-
       {hasOnlyTextContent && (
         <Badge size="xs" color="blue" variant="light">
           <Trans>Text</Trans>
@@ -498,7 +476,6 @@ const ConversationAccordionItem = ({
         "!bg-primary-50": isLocked,
       })}
       rightSection={
-        (!ENABLE_CHAT_AUTO_SELECT || !isAutoSelectEnabled) &&
         inChatMode && (
           <ConversationAccordionLabelChatSelection
             conversation={conversation}

echo/frontend/src/routes/project/chat/ProjectChatRoute.tsx

@@ -121,6 +121,9 @@ const useDembraneChat = ({ chatId }: { chatId: string }) => {
     onResponse: async (_response) => {
       setShowProgress(false);
       setProgressValue(0);
+      if (ENABLE_CHAT_AUTO_SELECT && contextToBeAdded?.auto_select_bool) {
+        chatContextQuery.refetch();
+      }
     },
     onFinish: async (message) => {
       // this uses the response stream from the backend and makes a chat message IN THE FRONTEND