Modo Híbrido

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

información

Actualmente el Modo Híbrido solo está disponible cuando se utiliza el enfoque de React. No está disponible en la integración solo con JavaScript (vanilla).

Introducción

El panel lateral puede funcionar junto con el Modal de DocSearch mediante lo que llamamos "Modo Híbrido". Cuando un usuario inicia una acción de Ask AI desde dentro del Modal de DocSearch, como enviar un prompt o seleccionar una sugerencia relacionada con IA, la interfaz transiciona automáticamente al panel lateral para continuar la conversación.

Configuración

Para configurar la experiencia del Modo Híbrido, necesitarás lo siguiente:

• Paquetes de Modal de DocSearch instalados

• Paquete del componente de panel lateral instalado

El paquete del componente de panel lateral se puede instalar de la siguiente manera:

npm

npm install @docsearch/sidepanel

yarn

yarn add @docsearch/sidepanel

pnpm

pnpm add @docsearch/sidepanel

bun

bun add @docsearch/sidepanel

O utilizando tu gestor de paquetes preferido

Implementación

Una vez instalado todo, puedes configurar el Modo Híbrido así:

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>
  );
}

No es necesario activar manualmente el Modo Híbrido. Cuando tanto el Modal como el panel lateral se renderizan dentro del mismo contexto <DocSearch>, el Modo Híbrido se habilita automáticamente. No se requiere configuración adicional.