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>
This commit is contained in:
michael 2026-02-25 13:30:04 -06:00
parent acd591fb8e
commit da32e0f888

View file

@ -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>
)}
</>