Distribution Settings Music Block for Svelte

Edit SERVICES (id, name, two-letter mark), REGIONS (id, name and how many territories each holds), TERRITORIES (the countries the Exclude field accepts, each with its region) and PRICINGS. SAVED is what the release has stored when the page opens. The reach sentence adds the territories of the regions that are on and takes off the excluded countries whose region is on, so nothing is typed twice.

Nothing leaves the page. The block keeps the saved settings and the edited ones, counts how many differ and shows "3 changes not saved yet." Save refuses with a reason and moves focus when there is no service on, no territory chosen or the date has passed, and otherwise keeps the edit as saved and says so in the demo; Discard puts the saved copy back. Both stay in place and focusable while nothing changed. To make it real, send the edited copy in the save handler and show a failure in the same status line.

The rule compares the chosen day with the page's fixed date (AS_OF) using whole UTC days, never the clock. Seven days or more ahead reads as early enough, fewer says how many days remain and that 7 are needed, and a day that has passed asks for a later one. The line has two lines of room so the form never shifts.

Worldwide is ticked while all six regions are on, and ticking it turns all of them on or off. Exclude takes country names from a short list, matches them without regard to case, refuses duplicates and unknown names with a hint, and shows each as a removable tag. An excluded country only leaves the count while its region is on.

No. They are real names in text with a neutral tile, never a logo, and each row says it isn't connected in this demo. The switches only change this page's state. In your app each switch would start your distributor's connection flow.

The services become one column, the pricing cards and region boxes stack, and the save bar sticks to the bottom of the screen while you scroll.