User Story
As a project member, I want AI-generated artifact summaries to render as properly styled Markdown (headings, bullets, code blocks, quotes), so that the structured sections "Key points / Decisions / What changed" are visually distinguishable instead of reading like a wall of plain text.
Context & Motivation
Status quo: The AI service already prompts for Markdown with the sections ## Key points, ## Decisions, ## What changed, and the frontend renders the summary with ReactMarkdown. The Raw-View of an artifact uses markdown-body and looks correct.
Gap noticed: The Summary-View uses prose prose-sm dark:prose-invert classes but @tailwindcss/typography is not installed (Tailwind v4 setup, no plugin in package.json, no import in src/styles/index.css). So the prose classes have no effect, the Markdown is parsed but renders with default browser styling, looking like plain text.
Acceptance Criteria
Technical Notes
- Quickest fix: replace
prose prose-sm dark:prose-invert with markdown-body in ArtifactViewerDrawer.tsx:414 (reuses the already installed github-markdown-css).
- Alternative: install
@tailwindcss/typography and activate it in src/styles/index.css for project-wide prose support.
- AI side: prompt at
artifact_summary.py:138-148 already requests Markdown; only verify, do not change unless the model misbehaves.
User Story
As a project member, I want AI-generated artifact summaries to render as properly styled Markdown (headings, bullets, code blocks, quotes), so that the structured sections "Key points / Decisions / What changed" are visually distinguishable instead of reading like a wall of plain text.
Context & Motivation
team:frontend(lead),team:ai(prompt sanity check)Status quo: The AI service already prompts for Markdown with the sections
## Key points,## Decisions,## What changed, and the frontend renders the summary withReactMarkdown. The Raw-View of an artifact usesmarkdown-bodyand looks correct.Gap noticed: The Summary-View uses
prose prose-sm dark:prose-invertclasses but@tailwindcss/typographyis not installed (Tailwind v4 setup, no plugin inpackage.json, no import insrc/styles/index.css). So theproseclasses have no effect, the Markdown is parsed but renders with default browser styling, looking like plain text.Acceptance Criteria
ArtifactViewerDrawerrenders Markdown with visible styling for headings, bullets, code blocks, and quotes, matching the look of the Raw-View.## Key pointsetc.) on a real artifact; if the modelfrequently drops them, file a follow-up on the AI side.
Technical Notes
prose prose-sm dark:prose-invertwithmarkdown-bodyinArtifactViewerDrawer.tsx:414(reuses the already installedgithub-markdown-css).@tailwindcss/typographyand activate it insrc/styles/index.cssfor project-wideprosesupport.artifact_summary.py:138-148already requests Markdown; only verify, do not change unless the model misbehaves.