Fix render tree line in MCP/Skills sidebar sections

[carlosabadia]

No description provided.

[greptile-apps]

Greptile Summary

This PR fixes the missing vertical connecting line in the MCP/Skills sidebar sections by introducing a decorative absolutely-positioned li element and adding relative positioning to the parent ul container when connected_line=True.

• An empty li acting as a 1 px vertical rule (absolute left-[3rem] top-0 bottom-0 w-px bg-secondary-4) is prepended to the item list; relative on the ul gives it the correct containing block so the line spans all items.
• The change is compile-time only (Python bool check), so there is no runtime or rendering overhead.

Confidence Score: 4/5

Safe to merge; the change is a small, isolated CSS layout fix with no logic changes.

The fix is straightforward and well-scoped. The only note is that the decorative li element is missing aria-hidden=true, which could cause screen readers to announce an empty list item, but this does not affect functionality.

docs/app/reflex_docs/templates/docpage/sidebar/sidebar.py — the new decorative li element could benefit from aria-hidden.

Important Files Changed

Filename	Overview
docs/app/reflex_docs/templates/docpage/sidebar/sidebar.py	Adds a decorative vertical-line li element and relative positioning to ul when connected_line=True, fixing the render-tree line in MCP/Skills sidebar sections.

_{Reviews (1): Last reviewed commit: "Fix render tree line in MCP/Skills sideb..." | Re-trigger Greptile}

[codspeed-hq]

Merging this PR will not alter performance

✅ 26 untouched benchmarks
⏩ 8 skipped benchmarks¹

---

_{Comparing carlos/fix-mcp-not-showing-lines (3d851ab) with main (019bf0c)}

Footnotes

1. 8 benchmarks were skipped, so the baseline results were used instead. If they were deleted from the codebase, click here and archive them to remove them from the performance reports. ↩