From da32e0f888ffd97a05a0c747a04fd03a432ff8aa Mon Sep 17 00:00:00 2001
From: michael <michael@modernfreedom.com>
Date: Wed, 25 Feb 2026 13:30:04 -0600
Subject: [PATCH] Render Recommendation as same-level bullet grouped with its
 Issue

Each line in a bullet group (Issue, Recommendation, etc.) now renders as
its own top-level <li> at the same bullet level. Groups are visually
separated with top margin on the first item of each group.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/components/FeedbackReport.tsx | 32 ++++++++------------------
 1 file changed, 10 insertions(+), 22 deletions(-)

diff --git a/frontend/components/FeedbackReport.tsx b/frontend/components/FeedbackReport.tsx
index 3fb2e3c..b1c7a16 100755
--- a/frontend/components/FeedbackReport.tsx
+++ b/frontend/components/FeedbackReport.tsx
@@ -87,28 +87,16 @@ const formatFeedbackText = (text: string): React.ReactNode => {
                 <p className="mb-3">{renderBoldMarkdown(introLines.join(' '))}</p>
             )}
             {bulletGroups.length > 0 && (
-                <ul className="list-disc list-inside space-y-3">
-                    {bulletGroups.map((group, index) => {
-                        const mainLines = group.filter(line => !/^\*{0,2}Recommendation:/.test(line));
-                        const recLines = group.filter(line => /^\*{0,2}Recommendation:/.test(line));
-                        return (
-                            <li key={index}>
-                                {mainLines.map((line, lineIdx) => (
-                                    <React.Fragment key={lineIdx}>
-                                        {lineIdx > 0 && <br />}
-                                        {renderBoldMarkdown(line)}
-                                    </React.Fragment>
-                                ))}
-                                {recLines.length > 0 && (
-                                    <ul className="list-disc list-inside ml-6 mt-1">
-                                        {recLines.map((line, lineIdx) => (
-                                            <li key={lineIdx}>{renderBoldMarkdown(line)}</li>
-                                        ))}
-                                    </ul>
-                                )}
-                            </li>
-                        );
-                    })}
+                <ul className="list-disc list-inside">
+                    {bulletGroups.map((group, index) => (
+                        <React.Fragment key={index}>
+                            {group.map((line, lineIdx) => (
+                                <li key={lineIdx} className={lineIdx === 0 && index > 0 ? 'mt-3' : ''}>
+                                    {renderBoldMarkdown(line)}
+                                </li>
+                            ))}
+                        </React.Fragment>
+                    ))}
                 </ul>
             )}
         </>