ragflow/web/src/pages/agent/canvas/node
FatMii f341dc03b8
Feature/agent UI style optimization (#10385)
### What problem does this PR solve?

Hi team,  @ZhenhangTung @KevinHuSh  @cike8899 
About #10384 , I've completed the UI optimization adjustments for the
Agent page according to our previous discussions and the design draft
sketches provided by @Naomi. The main modifications include:

1. Adjusted the style and content of placeholder-node.
2. Adjusted the location of the dropdown (to the right of the
placeholder-node) .
3. Adjusted the tooltip position spacing when the mouse hovers in the
dropdown menu.
4. Hides the thick scroll bar on the dropdown component.
5. Highlight the connection line when dragging to generate a
placeholder-node

<img width="1323" height="509" alt="Image"
src="https://github.com/user-attachments/assets/0d366f7f-477d-4c00-bb58-d5d58b3a745f"
/>

Please review the related code modifications when you have time. Let me
know if further adjustments are needed!
Thanks!

### Type of change

- [x] Other (please describe): UI Enhancement

---------

Co-authored-by: leonlai <leonlai@futurefab.ai>
2025-10-09 11:12:12 +08:00
..
dropdown Feature/agent UI style optimization (#10385) 2025-10-09 11:12:12 +08:00
note-node Feat: Adjust the style of the note node #3221 (#9167) 2025-08-01 20:21:19 +08:00
agent-node.tsx Fix(i18n): Added new translations #3221 (#9727) 2025-08-26 17:57:53 +08:00
begin-node.tsx Feat: Delete the operator node and hide the corresponding sheet #3221 (#9142) 2025-08-01 09:38:48 +08:00
card.tsx Feat: Render agent details #3221 (#5307) 2025-02-24 17:19:06 +08:00
categorize-node.tsx Feat: Configure colors according to the design draft#3221 (#9301) 2025-08-07 13:59:33 +08:00
dropdown.tsx Feat: Render agent details #3221 (#5307) 2025-02-24 17:19:06 +08:00
email-node.tsx Feat: Use memo to wrap canvas nodes to improve fluency #3221 (#7929) 2025-05-29 11:10:45 +08:00
generate-node.tsx Feat: Use memo to wrap canvas nodes to improve fluency #3221 (#7929) 2025-05-29 11:10:45 +08:00
handle-icon.tsx Feat: Render agent details #3221 (#5307) 2025-02-24 17:19:06 +08:00
handle.tsx Feat:Can directly generate an agent node by dragging and dropping the connecting line (#9226) (#9357) 2025-08-14 17:48:02 +08:00
index.less Feature/agent UI style optimization (#10385) 2025-10-09 11:12:12 +08:00
index.tsx Feat: Downstream operators can get the variables defined by the user input operator #3221 (#9036) 2025-07-24 19:51:08 +08:00
invoke-node.tsx Feat: Use memo to wrap canvas nodes to improve fluency #3221 (#7929) 2025-05-29 11:10:45 +08:00
iteration-node.tsx Feat: Adjust the style of the agent canvas connection line #3221 (#8922) 2025-07-18 19:26:24 +08:00
keyword-node.tsx Feat: Use memo to wrap canvas nodes to improve fluency #3221 (#7929) 2025-05-29 11:10:45 +08:00
logic-node.tsx Feat: Adjust the style of the agent canvas connection line #3221 (#8922) 2025-07-18 19:26:24 +08:00
message-node.tsx Feat: Adjust the style of the agent canvas connection line #3221 (#8922) 2025-07-18 19:26:24 +08:00
node-header.tsx Feat: Modify the style of the canvas operator node #3221 (#8261) 2025-06-16 09:29:08 +08:00
node-wrapper.tsx Feat: Replace color variables according to design draft #3221 (#9305) 2025-08-07 15:19:45 +08:00
placeholder-node.tsx Feature/agent UI style optimization (#10385) 2025-10-09 11:12:12 +08:00
popover.tsx Feat: Enables the message operator form to reference the data defined by the begin operator #3221 (#8108) 2025-06-06 17:54:59 +08:00
relevant-node.tsx Feat: Use memo to wrap canvas nodes to improve fluency #3221 (#7929) 2025-05-29 11:10:45 +08:00
resize-icon.tsx Feat: Adjust the style of the note node #3221 (#9167) 2025-08-01 20:21:19 +08:00
retrieval-node.tsx Feat: Run eslint when the project is running to standardize everyone's code #9377 (#9379) 2025-08-11 15:31:38 +08:00
rewrite-node.tsx Feat: Use memo to wrap canvas nodes to improve fluency #3221 (#7929) 2025-05-29 11:10:45 +08:00
switch-node.tsx Feat: Replace color variables according to design draft #3221 (#9305) 2025-08-07 15:19:45 +08:00
template-node.tsx Feat: Use memo to wrap canvas nodes to improve fluency #3221 (#7929) 2025-05-29 11:10:45 +08:00
tool-node.tsx Feat: Display operator icons on the agent form #3221 (#9138) 2025-07-31 18:53:03 +08:00
toolbar.tsx Fix: Fixed the issue that the content of the Dropdown section cannot be seen when selecting the next operator #3221 (#8918) 2025-07-18 17:54:32 +08:00
use-build-categorize-handle-positions.ts Fix: Fixed the issue that the condition of deleting the classification operator cannot be connected anymore #3221 (#9068) 2025-07-28 14:16:20 +08:00
use-build-switch-handle-positions.ts Feat: Allows users to delete a condition of a conditional operator #3221 (#9022) 2025-07-24 15:30:28 +08:00