The screenshot shows Step 1 (Rule Definition) with a "Recipient Scope" section containing an "External recipients only" checkbox, placed below the Sender Scope / Select Tenant(s) section.
Now let me check if Checkbox is already imported:
Good, Checkbox is already imported. Now I'll add the Recipient Scope section with the "External recipients only" checkbox, plus the state variable:
Now add the Recipient Scope section below the Sender Scope closing divs and before the Next button:
Added a "Recipient Scope" section with an "External recipients only" checkbox below the Sender Scope / Select Tenant(s) section in Step 1 (Rule Definition), matching the screenshot layout. The checkbox state is managed via a new externalRecipientsOnly boolean state variable.
on rule list view, add a column "Target", and the target should be the tenants selected in the "Target" section of a rule. If all current & future tenants are selected, we show "All current and future tenants" in that column; if only 1 tenant is selected, we show the name of that tenant. If more than 1 is selected, we show X tenants in that column. The columns should be next to launch mode
I need to: (1) add a target field to the Rule interface and mock data, (2) add a helper function in rules-list to format the target display, and (3) add the Target column next to Launch Mode in the table. The existing scope field is similar but I'll add a dedicated target field with tenant data.
Now update the rules-list.tsx interface and table:
Now add the Target column header next to Launch Mode:
Now add the Target cell in the table body, next to the Launch Mode badge:
Added a "Target" column next to "Launch Mode" in the rules list table. The column displays "All current and future tenants" when all tenants are selected, the tenant name when exactly one is selected, or "X tenants" when multiple specific tenants are chosen. The Rule interface and mock data were updated with a typed target field to support this.