Mode Hybride

Traduction Bêta Non Officielle

Cette page a été traduite par PageTurner AI (bêta). Non approuvée officiellement par le projet. Vous avez trouvé une erreur ? Signaler un problème →

info

Actuellement, le Mode Hybride n'est disponible qu'avec l'approche d'utilisation React. Il n'est pas disponible dans l'intégration JavaScript seule (vanilla).

Introduction

Le Sidepanel peut fonctionner conjointement avec la Modale DocSearch grâce à ce que nous appelons le "Mode Hybride". Lorsqu'un utilisateur déclenche une action Ask AI depuis la Modale DocSearch, comme soumettre une requête ou sélectionner une suggestion liée à l'IA, l'interface passe automatiquement au Sidepanel pour la poursuite de la conversation.

Configuration

Pour configurer l'expérience du Mode Hybride, vous aurez besoin des éléments suivants :

• Les packages de la Modale DocSearch installés

• Le package du composant Sidepanel installé

Le package du composant Sidepanel peut être installé comme suit :

npm

npm install @docsearch/sidepanel

yarn

yarn add @docsearch/sidepanel

pnpm

pnpm add @docsearch/sidepanel

bun

bun add @docsearch/sidepanel

Ou avec votre gestionnaire de packages préféré

Mise en œuvre

Une fois tous les éléments installés, vous pouvez configurer le Mode Hybride ainsi :

import { DocSearch } from '@docsearch/core';
import { DocSearchButton, DocSearchModal } from '@docsearch/modal';
import { SidepanelButton, Sidepanel } from '@docsearch/sidepanel';

import '@docsearch/css/dist/style.css';
import '@docsearch/css/dist/sidepanel.css';

function HybridMode() {
  return (
    <DocSearch>
      <DocSearchButton />
      <DocSearchModal
        indexName="YOUR_INDEX_NAME"
        appId="YOUR_APP_ID"
        apiKey="YOUR_SEARCH_API_KEY"
        askAi="YOUR_ASSISTANT_ID" // Or configuration object
      />

      <SidepanelButton />
      <Sidepanel
        indexName="YOUR_INDEX_NAME"
        appId="YOUR_APP_ID"
        apiKey="YOUR_SEARCH_API_KEY"
        assistantId="YOUR_ASSISTANT_ID"
      />
    </DocSearch>
  );
}

Aucune activation manuelle n'est nécessaire pour le Mode Hybride. Lorsque la Modale et le Sidepanel sont rendus dans le même contexte <DocSearch>, le Mode Hybride s'active automatiquement. Aucune configuration supplémentaire n'est requise.