{activeAnnouncement}
‹
{#each files as entry, i (entry.id)}
onSelect(entry.id)} class={[ 'inline-flex cursor-pointer items-center gap-1 rounded-[2px] px-1.5 py-0.5 text-xs font-bold transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-accent', entry.id === activeId ? 'bg-accent text-primary' : 'bg-black/[0.06] text-ink-2 hover:bg-black/10', entry.status === 'error' ? '!border !border-dashed !border-red-400 !bg-red-50/80 !text-red-700' : '' ].join(' ')} >
{i + 1}
{entry.title}
{#if entry.status === 'error'}
{m.bulk_file_error_chip_label()}
!
{/if}
handleRemove(entry, i)} class="ml-0.5 flex h-[44px] w-[44px] items-center justify-center text-base text-ink-3 hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-accent" > ×
{/each}
›