Skip to content

Sidebar/library UI polish: docs links, auth in project switcher, list-view default, scrollable sheet body#281

Merged
alexisbohns merged 2 commits into
mainfrom
claude/sidebar-library-ui-enhancements-h47ir1
Jul 19, 2026
Merged

Sidebar/library UI polish: docs links, auth in project switcher, list-view default, scrollable sheet body#281
alexisbohns merged 2 commits into
mainfrom
claude/sidebar-library-ui-enhancements-h47ir1

Conversation

@alexisbohns

Copy link
Copy Markdown
Owner

Summary

  • Add a "Documentation" link to the sidebar footer (components/layout/ProjectSidebar.tsx), opening /docs in a new tab.
  • Add sign-in/sign-out to the project switcher dropdown (components/layout/ProjectSwitcher.tsx), reusing the existing (optional) NextAuth GitHub auth stack — gated the same way AuthButton is (hidden while loading or unconfigured).
  • Add a "Read the doc" link below the home page's main CTA (app/page.tsx).
  • Default library subpages to the list (table) view instead of grid (app/project/[id]/library/page.tsx).
  • Add a SheetBody primitive (overflow-y-auto) to components/ui/sheet.tsx and use it in NodeDetailPanel so long node-detail content scrolls instead of being clipped, while the header stays fixed.

Closes #279

Test plan

  • npm run lint — clean (only pre-existing, unrelated warnings)
  • npx tsc --noEmit — clean
  • npm run build — succeeds
  • Manually verified in a running dev instance with the seeded "Pebbles" example project:
    • Sidebar footer shows a "Documentation" link opening /docs in a new tab
    • Home page shows "Read the doc" under "Start building"
    • Library subpages open in table/list view by default (grid still toggle-able)
    • A flow node with lots of content (playlist, platform statuses, connections, history) now scrolls inside the detail sheet, with the header staying fixed and the tail (History) reachable — previously it was clipped
    • Project switcher dropdown renders the sign-in/sign-out gating correctly (renders nothing in this sandbox since GitHub OAuth env vars aren't configured, matching AuthButton's existing graceful-absence behavior)

Lab Note

en:
  title: Faster paths to help, sign-in, and the info you need
  summary: Jump to the docs straight from the sidebar or the home page, sign in without leaving your project, and the library now opens in the tidy list view by default. Long node details scroll properly too — nothing gets cut off anymore.
fr:
  title: Des raccourcis vers l'aide, la connexion et l'essentiel
  summary: Accède à la doc directement depuis la sidebar ou la page d'accueil, connecte-toi sans quitter ton projet, et la bibliothèque s'ouvre maintenant en vue liste par défaut. Les détails d'un nœud défilent aussi correctement, plus rien n'est coupé.
suggested:
  molecule: arkaik
  type: improvement
  tags: [changelog]

Generated by Claude Code

…le sheet body

- Add a "Documentation" link to the sidebar footer, opening /docs in a new tab.
- Add sign-in/sign-out to the project switcher dropdown, reusing the existing
  (optional) NextAuth GitHub auth stack with the same graceful-absence gating
  as AuthButton.
- Add a "Read the doc" link below the home page's main CTA.
- Default library subpages to the list (table) view instead of grid.
- Add a SheetBody primitive with overflow-y-auto and use it in
  NodeDetailPanel so long node detail content scrolls instead of being
  clipped, while the header stays fixed.

Closes #279

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ADbrk5hPzaku7vSZbrxr6E
@vercel

vercel Bot commented Jul 19, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
arkaik Ready Ready Preview, Comment Jul 19, 2026 5:54pm

The Button asChild wraps an inline-flex <a>, so the sibling Link needed
block instead of inline-block to actually start a new line under it.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ADbrk5hPzaku7vSZbrxr6E
@alexisbohns alexisbohns self-assigned this Jul 19, 2026
@alexisbohns
alexisbohns merged commit 2f4ce39 into main Jul 19, 2026
5 checks passed
@alexisbohns
alexisbohns deleted the claude/sidebar-library-ui-enhancements-h47ir1 branch July 19, 2026 17:56
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.

Sidebar/library UI polish: docs links, auth in project switcher, list-view default, scrollable sheet body

2 participants