[FEATURE]: Debate statements displayed as long paragraphs instead of bullet points in UI

[Naman-kr404]

Feature and its Use Cases

Description

Currently, the debate arguments generated by the bot are displayed as long paragraphs in the UI, even though the response content logically represents separate argument points.
Displaying these arguments in paragraph format makes the debate harder to read and follow, especially when multiple arguments are presented in a single response.

Problem

Bot responses often contain multiple arguments in a single message.
These arguments appear in the UI as continuous paragraphs.
This reduces readability and clarity during debates.
Example (current behavior):

AI could automate many tasks and improve efficiency. It could reduce human error and optimize systems. It may also create new opportunities.

Expected Behavior

Debate responses should be rendered as bullet points so that each argument is clearly separated.
Example (expected behavior):

• AI could automate many tasks and improve efficiency
• It could reduce human error and optimize systems
• It may also create new opportunities

Additional Context

Actual Behaviour

Expected Behaviour

Code of Conduct

• I have joined the Discord server and will post updates there
• I have searched existing issues to avoid duplicates

[hiranya25]

Hello maintainers,

I would like to work on this feature to improve the readability of debate responses by rendering arguments as bullet points instead of long paragraphs.

Planned approach:

1. Analyze current response flow
   Review how AI responses are received, parsed, and rendered in the UI to identify where paragraph text is injected into the component tree.

2. Detect argument boundaries
   Implement logic to split responses into individual argument units using:

   • sentence segmentation
   • or structured delimiters if provided by the model (e.g., newline or numbered lists)

3. UI rendering update
   Modify the message rendering component to display arguments using a bullet list (<ul><li> in web or equivalent list widgets in Flutter/React), ensuring consistent spacing and typography.

4. Backward compatibility
   Preserve paragraph rendering for responses that are not structured as arguments (e.g., explanations or summaries) by applying bullet formatting only when multiple distinct points are detected.

5. Styling and responsiveness
   Ensure the bullet list aligns with the current design system and remains readable across mobile and desktop layouts.

6. Testing
   Validate the feature using different AI responses, including:

   • single argument responses
   • multi-sentence structured arguments
   • edge cases with punctuation or line breaks

After implementation, I will open a pull request with screenshots showing before-and-after UI behavior and reference this issue.

Please assign this issue to me.