mirror of
https://github.com/infiniflow/ragflow.git
synced 2025-12-08 20:42:30 +08:00
### What problem does this PR solve? This PR is related to [#9961](https://github.com/infiniflow/ragflow/issues/9961). In the Chat Settings screen, the textarea did not support scrolling when the content grew longer than its visible area, which made it less convenient to use. Also, there was no Japanese placeholder text to guide users on what to enter in the field. This PR improves the user experience by: - Adding `overflow-y-auto` to the textarea so that long content can be scrolled smoothly. - Introducing a placeholder (`メッセージを入力してください...`) to provide clearer guidance for users. https://github.com/user-attachments/assets/95553331-087b-42c5-a41d-5dfe08047bae ### What has been considered As an alternative solution, I explored replacing the textarea with the existing `PromptEditor` component. However, this approach triggered a `canvas not found.` alert. The current implementation of `PromptEditor` internally attempts to fetch **agent (canvas) information**, but in the Chat Settings screen no such ID exists. As a result, the API call fails and the backend returns `canvas not found.`. One possible workaround would be to extend `PromptEditor` with a **“disable variable picker” flag**, ensuring that plugins are not loaded in contexts like Chat Settings. While feasible, this would have a broader impact across the codebase. Given these considerations, I decided to address the issue in a simpler way by applying a Tailwind utility (`overflow-y-auto`). Since the UI design is expected to change in the future, this solution is considered sufficient for now. <img width="1501" height="794" alt="Screenshot 2025-09-20 at 15 00 12" src="https://github.com/user-attachments/assets/85578ee8-489f-4ede-b3af-bafd7afe95bd" /> ### Type of change - [x] Bug Fix (non-breaking change which fixes an issue) - [ ] New Feature (non-breaking change which adds functionality) - [ ] Documentation Update - [ ] Refactoring - [ ] Performance Improvement - [ ] Other (please describe):