Customers {filteredCustomers.length}

{#if showNewCustomer}

Company name Client code

{/if} {#if filteredCustomers.length} {#each filteredCustomers as c (c.id)} openCustomer(c)} onkeydown={(e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openCustomer(c); } }} > {/each}

Customer	Users	Status
{c.name} {c.client_code}{c.discount_percent ? ` · ${c.discount_percent}% off` : ''}	{c.user_count}	{c.status}

{:else if customers.length}

No customers match “{listQuery}”.

{:else}

No customers yet. Create one to start managing access.

{/if}

{#if selectedCustomer} {:else}

Select a customer

Pick a company to open its workspace: details, people, catalogue access, orders, mixes, and history in one place.

{/if}