🌿 feat: Multi-response Streaming (#3191)

* chore: comment back handlePlusCommand

* chore: ignore .git dir

* refactor: pass newConversation to `useSelectMention`

refactor: pass newConversation to Mention component

refactor: useChatFunctions for modular use of `ask` and `regenerate`

refactor: set latest message only for the first index in useChatFunctions

refactor: pass setLatestMessage to useChatFunctions

refactor: Pass setSubmission to useChatFunctions for submission handling

refactor: consolidate event handlers to separate hook from useSSE

WIP: additional response handlers

feat: responsive added convo, clears on new chat/navigating to chat, assistants excluded

feat: Add conversationByKeySelector to select any conversation by index

WIP: handle second submission with messages paired to root

* style: surface-primary-contrast

* refactor: remove unnecessary console.log statement in useChatFunctions

* refactor: Consolidate imports in ChatForm and Input hooks

* refactor: compositional usage of useSSE for multiple streams

* WIP: set latest 'multi' message

* WIP: first pass, added response streaming

* pass: performant multi-message stream

* fix: styling and message render

* second pass: modular, performant multi-stream

* fix: align parentMessageId of multiMessage

* refactor: move resetting latestMultiMessage

* chore: update footer text in Chat component

* fix: stop button styling

* fix: handle abortMessage request for multi-response

* clear messages but bug with latest message reset present

* fix: add delay for additional message generation

* fix: access LAST_CONVO_SETUP by index

* style: add div to prevent layout shift before hover buttons render

* chore: Update Message component styling for card messages

* chore: move hook use order

* fix: abort middleware using unsent field from req.body

* feat: support multi-response stream from initial message

* refactor: buildTree function to improve readability and remove unused code

* feat: add logger for frontend dev

* refactor: use depth to track if message is really last in its branch

* fix(buildTree): default export

* fix: share parent message Id and avoid duplication error for multi-response streams

* fix: prevent addedConvo reset to response convo

* feat: allow setting multi message as latest message to control which to respond to

* chore: wrap setSiblingIdxRev with useCallback

* chore: styling and allow editing messages

* style: styling fixes

* feat: Add "AddMultiConvo" component to Chat Header

* feat: prevent clearing added convos on endpoint, preset, mention, or modelSpec switch

* fix: message styling fixes, mainly related to code blocks

* fix: stop button visibility logic

* fix: Handle edge case in abortMiddleware for non-existant `abortControllers`

* refactor: optimize/memoize icons

* chore(GoogleClient): change info to debug logs

* style: active message styling

* style: prevent layout shift due to placeholder row

* chore: remove unused code

* fix: Update BaseClient to handle optional request body properties

* fix(ci): `onStart` now accepts 2 args, the 2nd being responseMessageId

* chore: bump data-provider

client/src/hooks/Messages/useMessageActions.tsx

@@ -0,0 +1,95 @@
+import { useRecoilValue } from 'recoil';
+import { useCallback, useMemo } from 'react';
+import { isAssistantsEndpoint } from 'librechat-data-provider';
+import type { TMessageProps } from '~/common';
+import { useChatContext, useAddedChatContext, useAssistantsMapContext } from '~/Providers';
+import useCopyToClipboard from './useCopyToClipboard';
+import { useAuthContext } from '~/hooks/AuthContext';
+import useLocalize from '~/hooks/useLocalize';
+import store from '~/store';
+
+export type TMessageActions = Pick<
+  TMessageProps,
+  'message' | 'currentEditId' | 'setCurrentEditId'
+> & {
+  isMultiMessage?: boolean;
+};
+export default function useMessageActions(props: TMessageActions) {
+  const localize = useLocalize();
+  const { user } = useAuthContext();
+  const UsernameDisplay = useRecoilValue<boolean>(store.UsernameDisplay);
+  const { message, currentEditId, setCurrentEditId, isMultiMessage } = props;
+
+  const {
+    ask,
+    index,
+    regenerate,
+    latestMessage,
+    handleContinue,
+    setLatestMessage,
+    conversation: rootConvo,
+    isSubmitting: isSubmittingRoot,
+  } = useChatContext();
+  const { conversation: addedConvo, isSubmitting: isSubmittingAdditional } = useAddedChatContext();
+  const conversation = useMemo(
+    () => (isMultiMessage ? addedConvo : rootConvo),
+    [isMultiMessage, addedConvo, rootConvo],
+  );
+  const assistantMap = useAssistantsMapContext();
+
+  const { text, content, messageId = null, isCreatedByUser } = message ?? {};
+  const edit = useMemo(() => messageId === currentEditId, [messageId, currentEditId]);
+
+  const enterEdit = useCallback(
+    (cancel?: boolean) => setCurrentEditId && setCurrentEditId(cancel ? -1 : messageId),
+    [messageId, setCurrentEditId],
+  );
+
+  const assistant = useMemo(
+    () =>
+      isAssistantsEndpoint(conversation?.endpoint) &&
+      assistantMap?.[conversation?.endpoint ?? '']?.[message?.model ?? ''],
+    [assistantMap, conversation?.endpoint, message?.model],
+  );
+
+  const isSubmitting = useMemo(
+    () => (isMultiMessage ? isSubmittingAdditional : isSubmittingRoot),
+    [isMultiMessage, isSubmittingAdditional, isSubmittingRoot],
+  );
+
+  const regenerateMessage = useCallback(() => {
+    if ((isSubmitting && isCreatedByUser) || !message) {
+      return;
+    }
+
+    regenerate(message);
+  }, [isSubmitting, isCreatedByUser, message, regenerate]);
+
+  const copyToClipboard = useCopyToClipboard({ text, content });
+
+  const messageLabel = useMemo(() => {
+    if (message?.isCreatedByUser) {
+      return UsernameDisplay ? user?.name || user?.username : localize('com_user_message');
+    } else if (assistant) {
+      return assistant.name ?? 'Assistant';
+    } else {
+      return message?.sender;
+    }
+  }, [message, assistant, UsernameDisplay, user, localize]);
+
+  return {
+    ask,
+    edit,
+    index,
+    assistant,
+    enterEdit,
+    conversation,
+    messageLabel,
+    isSubmitting,
+    latestMessage,
+    handleContinue,
+    copyToClipboard,
+    setLatestMessage,
+    regenerateMessage,
+  };
+}