}

.suggestions-label {
    font-size: 0.8125rem;
    color: #6b778c;
    margin-bottom: 0.75rem;
    font-weight: 500;
}

.suggestion-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
}

.suggestion-chip {
    padding: 0.5rem 1rem;
    border: 1px solid #dfe1e6;
    border-radius: 20px;
    background-color: white;
    color: #42526e;

suggest.popular.word.window.size=30
# Query frequency for popular word suggestion.
suggest.popular.word.query.freq=10
# Minimum hit count for suggestion.
suggest.min.hit.count=1
# Field for suggestion contents.
suggest.field.contents=_default
# Field for suggestion tags.
suggest.field.tags=label
# Field for suggestion roles.
suggest.field.roles=role
# Index contents for suggestion.

	<script type="text/javascript" src="${fe:url('/js/popper.min.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
</body>

     * When enabled, suggestions are generated from indexed documents.
     */
    @Size(max = 10)
    public String suggestDocuments;

    /**
     * Number of days to keep suggestion search logs before purging.
     * Set to 0 to disable purging of suggestion search logs.
     */
    @Min(0)
    @Max(100000)
    @ValidateTypeFailure
    public Integer purgeSuggestSearchLogDay;

    /**

        $moreLink.fadeOut(500, function() {
          $info.slideDown("slow");
        });
      }
    }
    return false;
  });

  if (typeof $.fn.suggestor === "function") {
    $("#query").suggestor(SUGGESTOR_CONFIG);
  }

  var loadImage = function(img, url, limit) {
    var imgData = new Image();

    $(imgData).on("load", function() {
      $(img).css("background-image", "");

	<script type="text/javascript" src="${fe:url('/js/popper.min.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
</body>
${fe:html(false)}

                $(this).find('.filter-search-wrapper').hide();
            }
        });

        // Suggestion chip click handlers
        $('.suggestion-chip').on('click', function() {
            var suggestion = $(this).data('suggestion');
            if (suggestion) {
                elements.chatInput.val(suggestion);
                updateCharCount();
                autoResizeTextarea();
                sendMessage();

	<script type="text/javascript" src="${fe:url('/js/popper.min.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/help.js')}"></script>
</body>

	<script type="text/javascript" src="${fe:url('/js/popper.min.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
</body>

	<script type="text/javascript" src="${fe:url('/js/popper.min.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/bootstrap.min.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/suggestor.js')}"></script>
	<script type="text/javascript" src="${fe:url('/js/search.js')}"></script>
</body>
${fe:html(false)}