rm-hull / github-pr-dashboard / 20400587254 / 1

56%

main: 56%

push

github

feat: support mermaid diagrams in InfoPopover (#174)

* feat: support mermaid diagrams in InfoPopover

Add support for rendering **Mermaid** diagrams within markdown content.
This allows for visual representations in descriptions and popovers.

- Integrate `mermaid` library with `react-markdown`.
- Custom `code` component renders `mermaid` language blocks as charts.
- Added CSS for centering and responsive SVG scaling.
- Minor UI tweak to `RepoListbox` spinner color for consistency.

```mermaid
graph TD
  MD[Markdown Input] --> RM[react-markdown]
  RM --> CB{Code Block?}
  CB -->|language-mermaid| M[Mermaid Component]
  CB -->|other| C[Standard Code Tag]
  M --> SVG[Rendered Diagram]
```

* Update src/components/InfoPopover.tsx

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

* Update src/components/InfoPopover.tsx

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

---------

Co-authored-by: gemini-code-assist[bot] <176961590+gemini-code-assist[bot]@users.noreply.github.com>

9 of 11 branches covered (81.82%)

Branch coverage included in aggregate %.

31 of 61 relevant lines covered (50.82%)

2.33 hits per line