#if($chat.function == "searchdocuments")
    #set($data = $testbench.getJson($chat.function_response))

    <div class="mt-3 p-3 border rounded bg-light">
        <div class="fw-bold fs-6 mb-2">
            Search: <span class="fst-italic">$!data.query</span>
            <span class="ms-2 text-muted">($data.result_count results)</span>
        </div>

        #foreach($hit in $data.results)
            #set($accid = "acc-" + $hit.chunk_id)

            <div class="mb-3 p-2 border-bottom">

                <div class="fw-bold">
                    #if($hit.title)
                        $hit.title 
                    #else
                        Asset $hit.asset_id 
                    #end
                </div>

                

                <div class="small mt-1">
                    Relevance: <span class="badge bg-secondary">$!hit.relevance_score</span>
                </div>

                #if($hit.ranges && $hit.ranges.size() > 0)
                    <div class="small text-muted">
                        Lines:
                        #foreach($r in $hit.ranges)
                            [$r.get(0)–$r.get(1)]#if($foreach.hasNext), #end
                        #end
                    </div>
                #end

                <div class="accordion mt-2" id="${accid}">
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="${accid}-header">
                            <button class="accordion-button collapsed small"
                                    type="button"
                                    data-bs-toggle="collapse"
                                    data-bs-target="#${accid}-body"
                                    aria-expanded="false"
                                    aria-controls="${accid}-body">
                                Show chunk text
                            </button>
                        </h2>
                        <div id="${accid}-body"
                             class="accordion-collapse collapse"
                             aria-labelledby="${accid}-header"
                             data-bs-parent="#${accid}">
                            <div class="accordion-body small" style="white-space: pre-wrap;">
                                $hit.chunk_text 
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        #end
    </div>
#end



<div id="chatter-message-$chat.id">
        <div class="colony-ai-message chat-msg " ><md>$!chat.message</md>

        
        <div class="chat-actions">
        <span class="chat-action chat-like" data-action="like" title="Helpful">
            <i class="bi bi-hand-thumbs-up"></i>
        </span>
        <span class="chat-action chat-dislike" data-action="dislike" title="Not helpful">
            <i class="bi bi-hand-thumbs-down"></i>
        </span>
    </div>
        </div>
        
</div>