Fix License Management: auth middleware bug, Sidebar integration, and upgrade flow

[Copilot]

License management was broken in multiple ways: the auth middleware had a falsy-check bug that caused incorrect behavior for free users with free_usage === 0 and made unnecessary Clerk API calls on every premium request; the Sidebar component (with plan display) was never mounted; and free users had no in-app path to upgrade.

Server

• middlewares/auth.js: Replace user.privateMetadata.free_usage (falsy on 0) with ?? 0. Remove the updateUserMetadata call from the else branch — premium users no longer trigger a metadata write on every request.

// Before: 0 is falsy → else fires, resets counter + wasteful API call
if (!hasPremiumPlan && user.privateMetadata.free_usage) { ... }

// After: nullish coalescing correctly handles 0, undefined, null
if (!hasPremiumPlan) {
    req.free_usage = user.privateMetadata.free_usage ?? 0;
} else {
    req.free_usage = 0; // no updateUserMetadata call
}

Client

• Layout.jsx: Mount Sidebar alongside the outlet; manage sidebar open/close state here; add a mobile backdrop overlay.
• Sidebar.jsx: Add PRO badges on premium-only nav items (shown to free users only via Clerk <Protect>); add a Manage Plan nav link.
• Navbar.jsx: Accept optional setSidebar prop — hamburger toggles the Sidebar when in the AI section instead of the inline dropdown.
• pages/ManagePlan.jsx (new): Dedicated /ai/manage-plan route rendering Clerk's <PricingTable> alongside the user's current plan, giving free users a direct upgrade path from within the app.
• App.jsx: Register the manage-plan route.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
visible-server	Ready	Preview, Comment	Apr 1, 2026 6:55pm
visiblekai	Ready	Preview, Comment	Apr 1, 2026 6:55pm