Commit graph

59 commits

Author SHA1 Message Date
Luca Martial
cb9ab25456 docs: add title attributes to config code blocks
Triggers VS Code tab styling on the docs' YAML/config blocks
where surrounding prose names the file. Mechanical, ~1 edit
across the guides section (building-context.mdx); primary-sources.mdx
and context-sources.mdx already had title= on their Connection config
blocks, so only the prose-named semantic source output example needed
updating.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-11 00:45:43 -07:00
Luca Martial
c54b5ca4cd feat(docs): style Mode B (filename tab) and Mode C (minimal)
Mode B kicks in when a code block has a title= attribute.
Mode C is the default for unlabeled non-shell blocks: hover
reveals the language label and copy button.

Reduced-motion media query extended to cover the new transitions
and the sidebar chevron rotation.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-11 00:42:31 -07:00
Luca Martial
86fc6aa463 feat(docs): style Mode A (terminal) code blocks
Dark frame in both themes, traffic-light dots, zsh/title label,
copy button in the header. Wizard-glyph content (◆ ◇) also routes
through this mode.
2026-05-11 00:39:14 -07:00
Luca Martial
cc033f1ce7 feat(docs): wire CodeBlock into MDX components map
All <pre> elements in docs MDX now render through CodeBlock,
which selects one of three modes based on language and title.
CSS styling for each mode follows.
2026-05-11 00:37:12 -07:00
Luca Martial
3a3dfeeeba feat(docs): add CodeBlock with three context-aware modes
- Mode A (Terminal): bash/sh languages or wizard-glyph content
- Mode B (VS Code tab): blocks with a title attribute
- Mode C (Minimal): everything else

Component renders only structural markup; CSS for each mode is
added in the following commits.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-11 00:35:14 -07:00
Luca Martial
7607e9fd40 feat(docs): add CopyButton component
Reusable copy-to-clipboard button with animated check on success.
Used by CodeBlock for all three modes.
2026-05-11 00:33:10 -07:00
Luca Martial
ea2d002a69 fix(docs): tighten sidebar selectors + add focus-visible
- Scope section trigger rules to div[data-state]:not([class]) so they
  don't bleed onto other Radix collapsibles inside #nd-sidebar.
  Fumadocs 15 section wrapper divs are bare (no class, no id); content
  panels and popovers always carry a class attribute.
- Add focus-visible rings for section buttons and page links
  (a11y gap from code review).
- Add !important to margin-top for consistency with the
  surrounding padding overrides.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-11 00:31:58 -07:00
Luca Martial
0049a47cc6 feat(docs): typographic sidebar with active rail
Uppercase tracked section labels (Outfit, 11px), 1px dividers
between sections, filled-background + 2px primary rail for the
active page. Chevron rotates smoothly on collapse toggle.
Pure CSS — Fumadocs' built-in folder collapsing handles state.
2026-05-11 00:27:11 -07:00
Luca Martial
399bad0e0b feat(docs): collapse sidebar sections by default
Activates fumadocs' built-in collapse on every section. Only the
section containing the current page expands; others stay collapsed
until the user clicks them. Foundation for the typographic sidebar
pass in the next commit.
2026-05-11 00:23:18 -07:00