How to enable AI Assistant in PnP Search results?

1. Overview

This tutorial builds further on the PnP Search results component. After you’ve connected your Involv Library as a data source, you can extend your search templates with AI-assisted features like a toggle and AI-generated summaries. These features rely on Azure AI settings and must be configured correctly in the general settings.

2. What you'll learn

How to add the AI Toggle to your template
How to display an AI-generated summary in search results
Which settings to configure under General > General
How to enable and define the AI Assistant in Involv

3. Add AI code to your template

You can use any PnP template and simply add the following code snippets where you like:

Toggle


   <involv-ai-toggle
      data-label="AI Assisted"
      data-class-name="my-custom-class"
      data-enabled=""
    >
    </involv-ai-toggle>

Summary

  <involv-ai-summary
      data-title="AI Summary"
      placeholder="AI summary will appear here when available..."
      data-class-name="my-custom-class"
      data-total-items=""
    >
    </involv-ai-summary>

4. Configure General settings

Go to General > General in the PnP Search results component. These fields are crucial:

AI model name → the name of the model you set up in Azure AI
AI app registration resource endpoint (API) → your registered Azure resource endpoint
AI agent endpoint (URL) → the endpoint that communicates with your AI assistant

5. Enable and configure AI Assistant

Turn Enable AI Assistant → On
Add the AI model name (from Azure AI setup)
Select the AI search type:
- Pages
- People
Define your prompts to customize how the AI assistant processes and summarizes results

6. Watch interactive tutorial

Watch the interactive demo below to follow each step-by-step.

Involv version 5.2