Displaying search results inline

This setup allows you to place the AI Search Box on your website and display the search results inline (immediately below the search box).

Add the chat widget script in the header of your page:

<head>
  <!-- Chat Widget Container -->
  <script type="module" src="path/to/chatWidget.js" /></script>
</head>

Place the gist-chat-widget tag where you want the widget to appear. Replace the placeholders with your actual API key and domain:

<!-- Chat Widget Container -->
<gist-chat-widget
  api-key="your-api-key"
  user-id="your-user-id"
  sticky-prompt
  default-placeholder="Search with AI…">
</gist-chat-widget>

Required Parameters

api-key: Your unique ProRata API key.
user-id: Your domain or organization identifier.
default-placeholder (optional): Customize the default message in the chat box.
sticky-prompt (optional): Keeps the search input bar visibile in your window.

Once embedded, the widget will be active and ready to deliver AI-powered search results.