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:
parent
acd591fb8e
commit
da32e0f888
1 changed files with 10 additions and 22 deletions
|
|
@ -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>
|
||||
)}
|
||||
</>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue