[Feature Request] Visually Separate Tool Input and Output content to improve readability

[Pakchoioioi]

Motivation

Currently, tool inputs (arguments/commands) and outputs (execution results) are rendered together within the same visual block without clear separation. We need update the frontend design to strictly differentiate tool input from output.

• Please design before implement.
• please use Eigent design system
• please implement adaptation for dark, light, and transparent modes , important!!
• please upload screenshot/ video recording for Pr review

Solution

No response

Alternatives

No response

Additional context

No response

[spider-yamet]

@Pakchoioioi @Wendong-Fan Let me resolve this issue.

[dataCenter430]

@Pakchoioioi one question for the implementation?
there are two design models for Eigent - Dark and Light. Do you want me to add transparent model more?
Once you answer me it, I will implement this asap.

[Pakchoioioi]

@Pakchoioioi one question for the implementation? there are two design models for Eigent - Dark and Light. Do you want me to add transparent model more? Once you answer me it, I will implement this asap.

I suppose we have 3 mode. The Transparent mode is intended to emulate Apple’s Liquid Glass (Vibrancy) effect, but the current implementation is underperforming.

[dataCenter430]

yup, thank you for calling this out.
it makes sense. may I know the verion or branch for it, since there are many versions and branches?
so I can checkout the branch and implement this asap, best regards @Pakchoioioi

[Pakchoioioi]

yup, thank you for calling this out. it makes sense. may I know the verion or branch for it, since there are many versions and branches? so I can checkout the branch and implement this asap, best regards @Pakchoioioi

This is in the latest main branch in MAC system.

[dataCenter430]

okay, I got it. could you pls assign it to me, @Pakchoioioi ?

[dataCenter430]

@Pakchoioioi sorry but I have one question.
are there the versions for three modes on Linux? thank you for your patient.
I checked the main branch up, then it still appears two design modes.

[dataCenter430]

@Pakchoioioi sorry but I've just checked the latest main version in MAC system.
then it was same on above. I can't still see trasparent mode. what's happened?

[Pakchoioioi]

oh i see, there is no transparent for linux. @dataCenter430 No worries, it just needs to be optimized for macOS.