{#if value !== null && value.length > 0 && groupedMessages !== null}
{#each groupedMessages as messages, i}
{@const role = messages[0].role === "user" ? "user" : "bot"}
{@const avatar_img = avatar_images[role === "user" ? 0 : 1]}
{@const opposite_avatar_img = avatar_images[role === "user" ? 0 : 1]}
{#if is_image_preview_open}
{/if}
handle_like(i, messages[0], selected)}
{likeable}
{show_copy_button}
message={msg_format === "tuples" ? messages[0] : messages}
position={role === "user" ? "right" : "left"}
avatar={avatar_img}
{layout}
/>
{/each}
{#if pending_message}
{/if}