feat(component): enhance chat input component

[raphaelchristi]

Description

This PR enhances the Chat Input component by simplifying the input structure and improving text handling.

---

Changes

• Improved Text Handling:

  • Replaced MultilineInput with StrInput for more efficient text management.

• Playground Integration:

  • Removed input handle to streamline functionality and enhance integration with the playground.

• Image and File Support:

  • Maintained support for images and text files through FileInput using TEXT_FILE_TYPES + IMG_FILE_TYPES.

• Styling and Session Management:

  • Retained essential styling and session management options to ensure consistent user experience.

---

Code Comparison

Before

inputs = [
    MultilineInput(
        name="input_value",
        display_name="Text",
        value="",
        info="Message to be passed as input.",
    ),
    # ...
]

After

inputs = [
    StrInput(
        name="input_value",
        display_name="Text",
        value="",
        info="Message to be passed as input.",
    ),
    # ...
]

---

Benefits

• Simplified code for better readability and maintenance.
• Enhanced compatibility with the playground environment.
• Continued support for multimedia input types.
• Improved overall user experience and functionality.

[erichare]

What are the advantages of using a StrInput over a MultilineInput for this case?

[raphaelchristi]

What are the advantages of using a StrInput over a MultilineInput for this case?

The main reason for using StrInput instead of MultilineInput is that both provide the same functionality, but StrInput does not include a handle. This makes the Chat Input component cleaner and more streamlined.

Additionally, as the Chat Input is a primary component, having a handle is unnecessary.
Removing the handle ensures a simpler and more intuitive design, focusing on the component's core functionality.

misclick

[erichare]

@raphaelchristi Could we do this instead:

1. Keep it as a MultilineInput as before
2. But, pass input_types=[] so that the handle should disappear

Multiline has some nice properties when composing the text, so i think if we do this, we get the advantage of your PR (the handle being hidden for UI cleanliness) but also the multiline advantage.

[raphaelchristi]

Thank you @erichare for this suggestion! I agree this is a much better approach.