docs/_includes/search-result-item.html

Rama main · réplica de lectura del repositorio original.

<template id="search-result-item-template">
    <a class="search-result-item" tabindex="0">
        <div class="search-result-content">
            <div class="search-result-title"></div>
            <div class="search-result-description"></div>
        </div>
        <img src="/assets/images/arrow-right.svg" class="base-icon" />
    </a>
</template>

<template id="search-loading-template">
    <div class="skeleton-search-results">
        {% for i in (1..10) %}
        <div class="skeleton-item"><div class="skeleton-title"></div><div class="skeleton-description"></div></div>
        {% endfor %}
    </div>
</template>

<template id="search-no-results-template">
    <div class="search-no-results">No results found</div>
</template>

<template id="search-error-template">
    <div class="search-error">Something went wrong. Please try again.</div>
</template>

<template id="ai-thinking-template">
    <div class="ai-panel ai-panel-loading">
        <div class="ai-header">
            <img src="/assets/images/concierge-avatar.svg" class="ai-avatar" />
            <span class="ai-title">Concierge AI is thinking...</span>
        </div>
        <div class="ai-illustration">
            <img src="/assets/images/simple-illustration__concierge-bot.svg" />
        </div>
    </div>
</template>

<template id="ai-error-template">
    <div class="ai-panel">
        <div class="ai-header">
            <img src="/assets/images/concierge-avatar.svg" class="ai-avatar" />
            <span class="ai-title">Concierge AI</span>
        </div>
        <div class="ai-content">Something went wrong. Please try again.</div>
    </div>
</template>

<template id="ai-response-template">
    <div class="ai-panel">
        <button class="ai-copy-button" title="Copy to clipboard">
            <img src="/assets/images/copy.svg" class="ai-copy-icon ai-copy-icon-light" />
            <img src="/assets/images/copy-dark.svg" class="ai-copy-icon ai-copy-icon-dark" />
            <img src="/assets/images/checkmark.svg" class="ai-checkmark-icon ai-checkmark-icon-light" />
            <img src="/assets/images/checkmark-dark.svg" class="ai-checkmark-icon ai-checkmark-icon-dark" />
        </button>
        <div class="ai-header">
            <img src="/assets/images/concierge-avatar.svg" class="ai-avatar" />
            <span class="ai-title">Concierge AI summary:</span>
        </div>
        <div class="ai-content"></div>
        <button class="ai-show-more hidden">
            Show more <img src="/assets/images/down.svg" class="base-icon" />
        </button>
    </div>
</template>