Skip to content

Add per-page sidebar positions and flatten tool folders - #49

Merged
RaviTejaKNTS merged 2 commits into
mainfrom
feat/page-sidebar-modes
Oct 13, 2026
Merged

RaviTejaKNTS merged 2 commits into
mainfrom
feat/page-sidebar-modes

Conversation

@RaviTejaKNTS

Copy link
Copy Markdown
Collaborator

What changed

Sidebar positions. AppShell takes sidebarPosition: left (default), right, or none. Each has its own width, mobile, print, and consent-banner rules. Pages that don't set it render exactly as before. Dev-only previews: /components-ui/sidebar-modes/left, /right, /none.

Pages switched to no sidebar

  • Homepage
  • Keyboard shortcuts directory and all app pages
  • Domain status codes (/epp-status-codes)
  • TLD directory

Tools and catalogs stay on the left sidebar. Docs and the page-build skill now prefer left. right is kept for related pages and in-page section links.

Keyboard shortcuts directory. Apps show as compact cards, not per-category tables. Each card has the name, shortcut count, and Win/Mac/Linux labels. Unsupported platforms are faded and hidden from screen readers.

Flat tool folders. 51 DNS, domain, storage, and SaaS tools move out of route groups into app/(site)/(tools)/<slug>/, like every other tool. URLs are unchanged. Shared DNS and domain code moves to app/ui/tools/dns and app/ui/tools/domain. Family CSS loads only on the pages that use it. Unused group layouts and sidebars are deleted.

Cheat sheet generator fixes

  • Controls no longer stretch to the preview height.
  • The sheet fits its column.
  • A cancelled initial load no longer throws an AbortError in development.

Checks

  • npm run quality: 79/79. TypeScript passes after next typegen.
  • Keyboard shortcut engine tests 5/5. Moved storage tool tests 183/183.
  • Registry layout generator: no changes.
  • Pages checked in the browser at 1440px and 390px.
  • Sol review in two rounds: no blocking issues. Its one doc nit is fixed.

🤖 Generated with Claude Code

RaviTejaKNTS and others added 2 commits October 13, 2026 18:49
- AppShell takes sidebarPosition: left (default), right, or none, with
  width, mobile, print, and consent banner rules for each. Dev-only
  previews at /components-ui/sidebar-modes/[position].
- Homepage, keyboard shortcuts pages, domain status codes, and the TLD
  directory now have no sidebar. Tools and catalogs stay on the left.
- Keyboard shortcuts directory lists apps as compact cards with the
  shortcut count and supported platforms.
- DNS, domain, storage, and SaaS tools move out of their route groups
  into flat app/(site)/(tools)/<slug>/ folders. Shared DNS and domain
  code moves to app/ui/tools/. Family CSS loads only on pages that use it.
- Cheat sheet generator: controls no longer stretch, the sheet fits its
  column, and a cancelled initial load no longer throws an AbortError.
- Docs and the page-build skill describe the sidebar positions and
  prefer left.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@RaviTejaKNTS
RaviTejaKNTS merged commit e254648 into main Oct 13, 2026
4 checks passed

This branch was successfully deployed

1 active deployment
production — a52ea62b Deployed Oct 13, 2026 by RaviTejaKNTS via verify-production-build #48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant