Skip to content

Elegant/Markdown/AI mode selector - #3156

Merged
pwizla merged 33 commits into
nextfrom
feat/view-modes
May 13, 2026
Merged

Elegant/Markdown/AI mode selector#3156
pwizla merged 33 commits into
nextfrom
feat/view-modes

Conversation

@pwizla

@pwizla pwizla commented May 11, 2026

Copy link
Copy Markdown
Collaborator

This PR introduces 3 modes to the docs:

  • elegant mode is the current one
  • markdown mode is a simplified, stripped down view
  • AI mode collapses the sidebar and splits the view into 2 panels: "elegant" content on the left, AI sidebar on the right

The frontend for AI mode is fully custom built with the Kapa React SDK.
The AI chat in AI mode should be slightly more context aware than the global AI chat: It starts with a summary of the page, and you can ask to find code examples in the page.

pwizla and others added 30 commits May 8, 2026 13:20
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add flex-wrap to switcher container so buttons wrap on narrow screens
- Reduce button font-size and padding on mobile (small-down) to prevent overflow
- Bump AI panel z-index to 300 on mobile to sit above Docusaurus navbar

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add dark override for .chatInput border-top to match other panel
  border upgrades (neutral-150 → neutral-200 in dark)
- Override .userMessage bubble to use primary-500 (#7B79FF) in dark
  mode for better readability vs the lighter primary-600 auto-adapt

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
pwizla and others added 2 commits May 11, 2026 10:23
- Fix switcher active state not visible in production (CSS modules hash issue)
- Fix AI panel summary text unreadable in dark mode
- Fix details blocks not flattened in markdown mode (display: contents)
- Fix sidebar not expandable in AI mode
- Fix SSR crash from document usage in AiPanel (BrowserOnly wrapper)
- Add copy-code button on AI chat code blocks
- Style AI chat links as monospace pills
- Remove border-bottom on user messages in AI chat
- Widen switcher background to cover h1 on scroll

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel

vercel Bot commented May 11, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
documentation Ready Ready Preview, Comment May 13, 2026 1:44pm

Request Review

@github-actions github-actions Bot added the internal PRs created by the Strapi core team label May 11, 2026
@pwizla pwizla self-assigned this May 11, 2026
@pwizla
pwizla marked this pull request as draft May 11, 2026 12:55
@pwizla pwizla added this to the v7.0.0-beta.1 milestone May 11, 2026
@pwizla
pwizla marked this pull request as ready for review May 13, 2026 13:41
@pwizla pwizla changed the title [experimental] Elegant/Markdown/AI mode selector May 13, 2026
@pwizla pwizla added source: repo PRs/issues not targeting a specific documentation but rather affecting the whole repo pr: new content PRs for new product features or new documentation sections labels May 13, 2026
@pwizla
pwizla merged commit 4661ff2 into next May 13, 2026
7 of 8 checks passed
@pwizla
pwizla deleted the feat/view-modes branch May 13, 2026 13:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

internal PRs created by the Strapi core team pr: new content PRs for new product features or new documentation sections source: repo PRs/issues not targeting a specific documentation but rather affecting the whole repo

1 participant