{#if popover.isOpen}
{#if streamdown.inlineCitationsMode === 'carousel'} {@render carouselView()} {:else} {@render listView()} {/if}
{/if} {#snippet listView()}
{#each citationWithSources as { favicon, key, source, title, url }}
{#if title}
{title}
{/if} {#if url}
{#if favicon}
{/if} {url.host}{url.pathname === '/' ? '' : url.pathname}
{/if}
{/each}
{/snippet} {#snippet carouselView()} {#if citationWithSources.length > 1}
{stepper.activeStep + 1} / {citationWithSources.length}
stepper.previous()} > {@render resolveIcon(streamdown.icons, 'chevronLeft', chevronLeft)()}
stepper.next()} > {@render resolveIcon(streamdown.icons, 'chevronRight', chevronRight)()}
{/if}
{#each citationWithSources as { favicon, key, source, title, url, content }, index}
{#if url || title}
{#if title}
{title}
{/if} {#if url}
{#if favicon}
{/if} {url.host}{url.pathname === '/' ? '' : url.pathname}
{/if}
{/if} {#if content}
{/if}
{/each}
{/snippet} {#if citationWithSources.length > 0}
(popover.isOpen = !popover.isOpen)} aria-expanded={popover.isOpen} aria-haspopup="dialog" aria-controls={'citation-popover-' + id} {@attach clickOutside.attachment} >
{citationWithSources[0]?.url?.host ?? citationWithSources[0]?.title ?? citationWithSources[0]?.key} {citationWithSources.length > 1 ? ` +${citationWithSources.length - 1}` : ''}
{/if}