{#if fileUpload.isDragging}
Drop the image here to upload
{/if}
{message.role}
{#if canUploadImgs}
{#snippet trigger(tooltip)}
{/snippet} Add image
{/if}
{#snippet trigger(tooltip)}
{#snippet children({ trigger, addToast })}
{ copyToClipboard(message.content ?? ""); addToast({ data: { content: "✓", variant: "info" } }); }} type="button" class="mt-1.5 grid size-7 place-items-center rounded-lg border border-gray-200 bg-white text-xs font-medium text-gray-900 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 focus:outline-hidden md:-mr-2 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700" {...tooltip.trigger} {...trigger} >
{/snippet}
{/snippet} Copy
{#snippet trigger(tooltip)}
{/snippet} {regenLabel}
{#snippet trigger(tooltip)}
✕
{/snippet} Delete
{#if message.images?.length}
{#each message.images as img (img)}
(previewImg = img)} >
{ e.stopPropagation(); message.images = message.images?.filter(i => i !== img); }} class="invisible absolute -top-1 -right-1 z-20 grid size-5 place-items-center rounded-full bg-gray-800 text-xs text-white group-hover/img:visible hover:bg-gray-700" > ✕
{/each}
{/if}