improvement(sidebar): allow dragging the sidebar slightly narrower than the default

[waleedlatif1]

Summary

• Lower SIDEBAR_WIDTH.MIN from 256px to 224px so the sidebar can be dragged slightly narrower; default stays 256px
• Mirror the new minimum in the pre-paint width script in app/layout.tsx
• Settings/page navigation resets and the presence-avatar count now anchor to DEFAULT instead of MIN, so their behavior is unchanged

Type of Change

• Improvement

Testing

Store + resize hook tests pass (added a test for narrowing below the default), type-check, lint, and check:audits pass

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

🤖 Generated with Claude Code

https://claude.ai/code/session_0118ubb3JgNic3XTBWkoLbVf

[vercel]

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

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Skipped		Sep 14, 2026 9:23pm UTC

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge, with the prior sidebar fallback finding fixed and its thread manually resolved.

Summary

This PR lowers the expanded sidebar’s draggable minimum from 256px to 224px while preserving its 256px default behavior.

• Aligns pre-paint and hydrated-store width clamping, including invalid persisted-width fallbacks.
• Keeps settings navigation, page navigation, and avatar scaling anchored to the default width.
• Adds coverage for narrowing below the default and clamping fallback widths on constrained viewports.

_{Reviews (2) · Last reviewed commit: "fix(sidebar): clamp the default width fa..."}

[waleedlatif1]

@greptile

[waleedlatif1]

@cubic-dev-ai review this PR

[cubic-dev-ai]

@cubic-dev-ai review this PR

@waleedlatif1 I have started the AI code review. It will take a few minutes to complete.