From c43cb372e9e8e5f1a9118f04150b35a8695ecb0a Mon Sep 17 00:00:00 2001 From: Woody Date: Tue, 28 Apr 2026 16:43:30 +0800 Subject: [PATCH] feat: integrate bullet points in ResponsePanel with CSS list-style Ultraworked with [Sisyphus](https://github.com/code-yeongyu/oh-my-openagent) Co-authored-by: Sisyphus --- frontend/src/components/ResponsePanel.tsx | 5 +++-- frontend/src/styles.css | 9 +++++++++ 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/frontend/src/components/ResponsePanel.tsx b/frontend/src/components/ResponsePanel.tsx index 62d1a0a..c55edca 100644 --- a/frontend/src/components/ResponsePanel.tsx +++ b/frontend/src/components/ResponsePanel.tsx @@ -4,6 +4,7 @@ import ReactMarkdown from 'react-markdown' import type { SourceMetadata, SubQuestionSources } from '../types' import { getPdfViewerUrl } from '../lib/api' import { processCitations, processCitationsForSubq } from '../utils/citationParser' +import { bulletizeMarkdown } from '../utils/citationParser' interface ResponsePanelProps { answer: string | null @@ -27,8 +28,8 @@ const CitationLink = ({ href, children }: { href?: string; children?: React.Reac function parseAnswerSections(answer: string): string[] { const sections = answer.split(/## Sub-question \d+:[^\n]*\n/) - if (sections.length <= 1) return [answer] - return sections.filter((s) => s.trim().length > 0).map((s) => s.trim()) + if (sections.length <= 1) return [bulletizeMarkdown(answer)] + return sections.filter((s) => s.trim().length > 0).map((s) => bulletizeMarkdown(s.trim())) } function SubQuestionSourceCard({ source, index }: { source: SourceMetadata; index: number }) { diff --git a/frontend/src/styles.css b/frontend/src/styles.css index b5c61c9..3a03ad5 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -1,3 +1,12 @@ @tailwind base; @tailwind components; @tailwind utilities; + +.prose ul { + list-style: disc !important; + padding-left: 1.5rem !important; +} +.prose ol { + list-style: decimal !important; + padding-left: 1.5rem !important; +}