buster/web/src/controllers/ReasoningController/ReasoningMessages/ReasoningMessage_Files/ReasoningMessage_Files.tsx

import React from 'react';
import type { ReasoningMessageProps } from '../ReasoningMessageSelector';
import type { BusterChatMessageReasoning_files } from '@/api/asset_interfaces/chat';
import { BarContainer } from '../BarContainer';
import { ReasoningMessage_File } from './ReasoningMessageFile';
import { useMessageIndividual } from '@/context/Chats';

export const ReasoningMessage_Files: React.FC<ReasoningMessageProps> = React.memo(
  ({ isCompletedStream, chatId, reasoningMessageId, messageId }) => {
    const status = useMessageIndividual(
      messageId,
      (x) => (x?.reasoning_messages[reasoningMessageId] as BusterChatMessageReasoning_files)?.status
    );

    const file_ids = useMessageIndividual(
      messageId,
      (x) =>
        (x?.reasoning_messages[reasoningMessageId] as BusterChatMessageReasoning_files)?.file_ids
    );

    const title = useMessageIndividual(
      messageId,
      (x) => (x?.reasoning_messages[reasoningMessageId] as BusterChatMessageReasoning_files)?.title
    );

    const secondary_title = useMessageIndividual(
      messageId,
      (x) =>
        (x?.reasoning_messages[reasoningMessageId] as BusterChatMessageReasoning_files)
          ?.secondary_title
    );

    if (!title) return null;

    return (
      <BarContainer
        showBar={true}
        status={status}
        isCompletedStream={isCompletedStream}
        title={title}
        secondaryTitle={secondary_title}
        contentClassName="mb-2">
        <div className="flex flex-col gap-3">
          {file_ids.map((fileId) => (
            <ReasoningMessage_File
              key={fileId}
              fileId={fileId}
              chatId={chatId}
              messageId={messageId}
              reasoningMessageId={reasoningMessageId}
              isCompletedStream={isCompletedStream}
            />
          ))}
        </div>
      </BarContainer>
    );
  }
);

ReasoningMessage_Files.displayName = 'ReasoningMessage_Files';