Function FormattedMessage

app/src/components/nodeEntries/FormattedMessage.tsx:24–55

({
  message,
  preferJson = false,
}: {
  message: ChatCompletionMessage;
  preferJson?: boolean;
})

};

const FormattedMessage = ({
  message,
  preferJson = false,
}: {
  message: ChatCompletionMessage;
  preferJson?: boolean;
}) => {
  if (message.tool_calls) {
    return (
      <VStack alignItems="flex-start" whiteSpace="pre-wrap" w="full">
        <Text fontWeight="bold" color="gray.500">
          tool_calls
        </Text>
        {message.tool_calls.map((toolCall, index) => {
          const fn = toolCall.function;

          return <HighlightedJson key={index} fnLabel={fn.name} json={fn.arguments} />;
        })}
      </VStack>
    );
  }

  if (preferJson) {
    return <HighlightedJson json={message.content ?? ""} />;
  }

  return (
    <Text whiteSpace="pre-wrap" maxW="full">
      {message.content}
    </Text>
  );
};

const HighlightedJson = (props: { json: string; fnLabel?: string }) => {
  let formattedJson = props.json;