Improve UI to display rich text responses

[swaptr]

Improve the rendering of text responses as Rich Text to ensure proper formatting and layout.

[sonustar]

I will work on this issue

[prajak002]

Hey! I’d like to take this up. Planning to use a rich text component (like React Markdown or a custom renderer) to properly format responses. Let me know if that’s okay!

[sumana-2705]

Hello @prajak002

Welcome to AIFAQ. Thanks for your interest. Sure, you can work on this issue.

[prajak002]

Hello @prajak002

Welcome to AIFAQ. Thanks for your interest. Sure, you can work on this issue.

RichText Chat Interface Enhancement

Fixed issues with markdown rendering and UI styling across the chat components:

• Replaced basic text rendering with ReactMarkdown for proper formatting
• Added syntax highlighting for code blocks with proper language detection
• Implemented cohesive styling for both user and assistant messages
• Added dark mode toggle with system preference detection
• Improved message bubbles with better spacing and typography
• Enhanced code blocks with copy functionality and styling
• Added typewriter effect toggle for assistant responses
• Fixed scrolling behavior to properly handle new messages
• Improved input area with better keyboard shortcuts and visual feedback

The implementation now properly supports markdown elements including:

• Headings, bold, italic, and other text formatting
• Code blocks with syntax highlighting
• Lists (ordered and unordered)
• Blockquotes and links
• Inline code snippets

Tested in both light and dark modes to ensure consistent appearance.

[prajak002]

hi @sumana-2705
i've explored the RAG architecture and would love to contribute!
for UI-related stuff — should i push directly to dev or create a new branch and raise a PR from there?
just wanna keep things clean !lmk what works best

[sumana-2705]

Hey @prajak002! It's looking really nice and clean. You can go either way, but creating a new branch and comparing it with dev branch will be cleaner option, it won't be a mess even you open any other pull requests in future.

[gcapuzzi]

Dear Contributors,
Thank you for your interest in contributing to our open-source project! We truly appreciate your enthusiasm and willingness to help in AIFAQ.  
We want to inform you that the current state of this GitHub repository (https://github.com/hyperledger-labs/aifaq/) is temporarily not up-to-date. We are currently working on some important updates and restructuring.
Therefore, we kindly request that you hold off on making any significant decisions or basing any work on the current repository contents for the time being. This includes forking, cloning for substantial contributions, or making pull requests based on the existing codebase.
We anticipate having the repository updated and ready for contributions soon. We will post another announcement here once the updates are complete and the repository reflects the current state of the project.
In the meantime, you are welcome to browse the repository to get a general understanding of the project. However, please be aware that the information you see may not be entirely current.
Thank you for your understanding and patience. We are excited to welcome your contributions once the repository is updated!

[prajak002]

@gcapuzzi okay sir! Thanks

[sparrowjack234]

@gcapuzzi sure sir

[gcapuzzi]

Dear Contributors,

Thank you again for your continued interest in contributing to our open-source project, AIFAQ! We deeply appreciate your enthusiasm and willingness to help.

Following our previous announcement, we're happy to share some updates regarding our GitHub repository (https://github.com/hyperledger-labs/aifaq/).

We've been working hard on restructuring and are pleased to inform you that the following branches are now available for different purposes:

mvt-streamlit branch: This branch has been updated and is now ready for those who wish to study, learn, and train with the project. Feel free to explore this branch to familiarize yourselves with the codebase and its functionalities.
agents branch: We've created this new branch specifically for mentorship contribution activities. If you're interested in contributing under the guidance of a mentor, please focus your efforts and pull requests on this branch.
snowflake branch: Similar to the agents branch, this new branch is also dedicated to mentorship contribution activities. Contributors working with mentors on specific tasks related to 'snowflake' integration or functionalities should utilize this branch.
Therefore, please direct your contributions to the appropriate branch based on your activity:

For general study, learning, and training, please use the mvt-streamlit branch.
For mentorship-guided contributions, please use either the agents or snowflake branch as directed by your mentor.
While the main branch might still be undergoing some updates, these specific branches are now ready for your active engagement.

Thank you for your understanding and patience as we continue to improve the project. We're excited to see your contributions to AIFAQ!

[RAWx18]

Dear Contributors, Thank you for your interest in contributing to our open-source project! We truly appreciate your enthusiasm and willingness to help in AIFAQ.   We want to inform you that the current state of this GitHub repository (https://github.com/hyperledger-labs/aifaq/) is temporarily not up-to-date. We are currently working on some important updates and restructuring. Therefore, we kindly request that you hold off on making any significant decisions or basing any work on the current repository contents for the time being. This includes forking, cloning for substantial contributions, or making pull requests based on the existing codebase. We anticipate having the repository updated and ready for contributions soon. We will post another announcement here once the updates are complete and the repository reflects the current state of the project. In the meantime, you are welcome to browse the repository to get a general understanding of the project. However, please be aware that the information you see may not be entirely current. Thank you for your understanding and patience. We are excited to welcome your contributions once the repository is updated!

Improving the UI is definitely important and valuable, but the priority for this project should first be on enhancing the agentic AI capabilities. These models require more robust, specialized agents for different tasks, which can then be integrated into a cohesive platform. To address this, I’ve proposed PR #87, which includes a detailed upgrade to our agentic AI framework. Once PR #87 is accepted, my next contribution will focus on UI improvements. Also, I’ve included over 120 test cases in this PR to ensure stability and reliability. Please have a look and let me know your thoughts!