[Docs] Feedback for usage/foundation/basic - Lobe is printing responses in a tiny font in a tiny window in the chat?

[nova-mindcorp]

📝 Reference

https://github.com/lobehub/lobe-chat/tree/main/docs/usage/foundation/basic.mdx

🐛 Feedback

I am seeing Lobe write responses in a tiny font in a tiny scrolling window instead of the normal way. How can I make this stop? I need it to reply in the normal font in the normal chat.

First it seems to generate a tiny response in a tiny scrolling area that is too small to read and scroll through.

Then it generates a second response after that which is different and larger. I am not using any agents.

How do I get it NOT to do this?

[lobehubbot]

👀 @nova-mindcorp

Thank you for raising an issue. We will investigate into the matter and get back to you as soon as possible.
Please make sure you have given us as much context as possible.
非常感谢您提交 issue。我们会尽快调查此事，并尽快回复您。 请确保您已经提供了尽可能多的背景信息。

[dosubot]

Hey @nova-mindcorp! I'm here to help you out with any bugs, questions, or contributions you have. Let's get this issue sorted out together.

To address the issue of Lobe Chat displaying responses in a tiny font and window, you can check the following configurations:

1. Font Size and Window Size Configuration: The font size and window size for chat responses are defined in the src/const/layoutTokens.ts file. You can adjust the constants like CHAT_PORTAL_WIDTH, CHAT_PORTAL_MAX_WIDTH, and CHAT_PORTAL_TOOL_UI_WIDTH to modify the window size. The font size is dynamically set using the useUserStore hook and userGeneralSettingsSelectors.fontSize in the src/features/PluginsUI/Render/MarkdownType/index.tsx file ^[1][2].

2. User Settings for Appearance: Lobe Chat allows customization of chat response appearance through user settings. You can switch between light and dark modes, customize theme colors, and choose between conversation bubble and document modes for chat scenes. These settings might help in adjusting the appearance to your preference ^[3].

3. Rendering Process: The initial tiny response followed by a larger one might be due to the streaming nature of the response rendering. The fetchSSE method processes data chunks incrementally, which can cause the initial small display before the full response is rendered ^[4][5].

By adjusting these settings, you should be able to achieve a more readable and appropriately sized chat response display.

To continue talking to Dosu, mention @dosu.

[SpeedupMaster]

Try to disable this function