Now let me read the rest of the file to see where the unclosed tags are:

I found the issues! There are two main problems:

1. On line 308, the </TableHeader> closing tag is missing a <
2. On line 470, there's a missing closing </Table> tag before the closing </div>

Let me fix these:

The closing tags look correct. Let me verify the structure around line 470 more carefully:

Good! The structure around line 470 looks correct. Now let me check around the earlier part where the Table should have closing tags:

I can see the structure is now correct. The issue was the malformed </TableHeader> tag on line 308, which I've already fixed. The file should now be syntactically valid with all div, input, and Table tags properly closed and balanced.

Now I need to add state to track the active tab and move the document type selector below the tabs. Let me update the modal:

Now I need to add the document type selector after the tabs, with conditional options:

Now I'll add the document type selector after the tabs close and before the closing div:

I've successfully moved the document type selector below the mapper and condition payload tabs. The selector now uses conditional rendering to show different options based on the active tab: when "Edit Data Fields" is selected, all four document type options (including Application Response and Payment eReporting) are displayed; otherwise, only Invoice and Credit Note options appear. The selector is positioned below the tabs with a top border for visual separation.