feat: add organization member and invitation management UI

[Claude]

Implemented complete organization management UI leveraging better-auth's organization plugin. The backend already provided full CRUD APIs via better-auth—this PR adds the Studio frontend for member and invitation management.

Changes

New React Hooks (apps/studio/src/hooks/useOrganizationMembers.ts)

• useOrganizationMembers(orgId) - Manages member operations

  • inviteMember(email, role) - Send invitations
  • removeMember(userId) - Remove members
  • updateMemberRole(userId, newRole) - Update roles
  • Auto-reloads after mutations

• useOrganizationInvitations(orgId) - Manages invitation lifecycle

  • Lists pending invitations with status/expiry
  • cancelInvitation(id) - Cancel pending invites
  • resendInvitation(id) - Resend invite emails

Enhanced Org Detail Page (apps/studio/src/routes/orgs.$orgId.tsx)

• Members tab - Lists members with role badges, action menus (remove member, protected owner role)
• Invitations tab - Shows pending invites with expiry dates, cancel action
• Invite dialog - Email input + role selector (owner/admin/member)
• Empty states - Helpful CTAs when no members/invitations
• Overview card displays member count and pending invitation count

Example Usage

// Component automatically loads and manages state
const { members, inviteMember, removeMember } = useOrganizationMembers(orgId);

// Invite with role selection
await inviteMember('user@example.com', 'admin');

// Remove member with confirmation
await removeMember(userId);

Architecture

All backend logic handled by better-auth's organization plugin—no custom API code needed. Frontend consumes better-auth endpoints via existing ObjectStack client SDK methods (client.organizations.*).

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
objectstack-demo	Ready	Preview, Comment	Apr 21, 2026 2:28pm
spec	Ready	Preview, Comment	Apr 21, 2026 2:28pm