feat(ui): add-membership dialog for company members

src/components/companies/company-members-tab.tsx

@@ -8,14 +8,6 @@ import { toast } from 'sonner';
 
 import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/dialog';
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -33,6 +25,7 @@ import {
 import { EmptyState } from '@/components/shared/empty-state';
 import { PermissionGate } from '@/components/shared/permission-gate';
 import { apiFetch } from '@/lib/api/client';
+import { AddMembershipDialog } from './add-membership-dialog';
 
 interface MembershipRow {
   id: string;
@@ -267,22 +260,7 @@ export function CompanyMembersTab({ companyId, portSlug }: CompanyMembersTabProp
         </div>
       )}
 
-      {/* TODO: Task 6.4 — replace this stub with the real AddMembershipDialog. */}
-      <Dialog open={addOpen} onOpenChange={setAddOpen}>
-        <DialogContent>
-          <DialogHeader>
-            <DialogTitle>Add Member</DialogTitle>
-            <DialogDescription>
-              The add-membership dialog is coming in the next step. For now this is a placeholder.
-            </DialogDescription>
-          </DialogHeader>
-          <DialogFooter>
-            <Button variant="outline" onClick={() => setAddOpen(false)}>
-              Close
-            </Button>
-          </DialogFooter>
-        </DialogContent>
-      </Dialog>
+      <AddMembershipDialog open={addOpen} onOpenChange={setAddOpen} companyId={companyId} />
     </div>
   );
 }