> ## Documentation Index
> Fetch the complete documentation index at: https://novita.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Page Assist

> Améliorez votre expérience de navigation grâce à l’intégration de Novita AI et Page Assist.

Page Assist propose une extension de navigateur fluide qui intègre des capacités d’IA directement dans vos interactions web. En combinant Novita AI avec Page Assist, vous pouvez bénéficier d’une expérience de navigation enrichie par l’IA, qui améliore la productivité et la génération d’insights.

Ce guide vous accompagnera dans le processus de déploiement et d’exécution de Page Assist avec Novita AI afin de dynamiser vos interactions web.

## **Comment intégrer Novita AI avec Page Assist**

Vous pouvez trouver le dépôt GitHub de Page Assist ici : [n4ze3m/page-assist](https://github.com/n4ze3m/page-assist).

### Étape 1 : Préparer votre environnement

* Installez Bun ou npm : suivez le guide d’installation pour [<u>Bun</u>](https://bun.sh/) ou utilisez npm comme alternative.

### Étape 2 : Cloner le dépôt Page Assist

1. Ouvrez votre terminal et exécutez :

```bash theme={"system"}
git clone https://github.com/n4ze3m/page-assist.git
cd page-assist
```

2. Installez les dépendances avec Bun ou npm :

```bash theme={"system"}
bun install
```

### Étape 3 : Compiler l’extension Page Assist

* Compilez l’extension pour Chrome (par défaut) :

```bash theme={"system"}
bun run build
```

* Pour Firefox, utilisez :

```bash theme={"system"}
bun build:firefox
```

### Étape 4 : Charger l’extension

1. Pour Chrome :
   * Accédez à `chrome://extensions`.
   * Activez le mode développeur.
   * Cliquez sur `Load unpacked` et sélectionnez le répertoire `build/chrome-xxx` (par ex. `build/chrome-mv3`).
2. Pour Firefox :
   * Accédez à `about:addons`.
   * Cliquez sur l’onglet `Extensions`.
   * Cliquez sur `Manage Your Extensions`.
   * Sélectionnez `Load Temporary Add-on` et choisissez le fichier `manifest.json` dans le répertoire `build/firefox-xxx` (par ex. `build/firefox-mv3`).

### Étape 5 : Configurer Novita AI comme point de terminaison compatible avec l’API OpenAI

1. Obtenez votre clé API Novita AI :
   * [Connectez-vous](https://novita.ai/user/login) à votre compte Novita AI.
   * Accédez à [la page de gestion des clés](https://novita.ai/settings/key-management).
   * Générez une nouvelle clé API et copiez-la.
2. Configurez le point de terminaison Novita AI :

   * Dans vos paramètres Page Assist, saisissez `Open Compatible API` pour ajouter un fournisseur.

   <Frame>
     <img src="https://mintcdn.com/novitaai/bnRhXPrVKQGiPndx/images/InyourPageAssistSettings,enterOpenCompatibleAPItoaddprovider.jpeg?fit=max&auto=format&n=bnRhXPrVKQGiPndx&q=85&s=24e573b9f95e29ce67db8b0109a77310" alt="Dans vos paramètres Page Assist, saisissez Open Compatible API pour ajouter un fournisseur Jpe" width="2284" height="1100" data-path="images/InyourPageAssistSettings,enterOpenCompatibleAPItoaddprovider.jpeg" />
   </Frame>

   * Choisissez Novita dans `Custom list`, puis utilisez votre clé API pour l’authentification.

   <Frame>
     <img src="https://mintcdn.com/novitaai/H3Kjvdvlhgt0Aohj/images/ChooseNovitafromtheCustomlist,anduseyourAPIkeyforauthentication..jpeg?fit=max&auto=format&n=H3Kjvdvlhgt0Aohj&q=85&s=f2520fdd7279f785ca4b96fddea18869" alt="Choisissez Novita dans la liste personnalisée, puis utilisez votre clé API pour l’authentification Jpe" width="1984" height="778" data-path="images/ChooseNovitafromtheCustomlist,anduseyourAPIkeyforauthentication..jpeg" />
   </Frame>

### Étape 6 : Choisir votre modèle et tester Page Assist avec Novita AI

* Choisissez votre modèle dans la liste de modèles fournie par Novita AI.

<Frame>
  <img src="https://mintcdn.com/novitaai/H3Kjvdvlhgt0Aohj/images/ChooseyourmodelfromthemodellistprovidedbyNovitaAI..jpeg?fit=max&auto=format&n=H3Kjvdvlhgt0Aohj&q=85&s=e8cbe0720bdc700a93337b39f3bb0f1b" alt="Choisissez votre modèle dans la liste de modèles fournie par Novita AI Jpe" width="2216" height="1052" data-path="images/ChooseyourmodelfromthemodellistprovidedbyNovitaAI..jpeg" />
</Frame>

* Interagissez avec votre modèle Novita AI en posant des questions ou en analysant du contenu web.

<Frame>
  <img src="https://mintcdn.com/novitaai/H3Kjvdvlhgt0Aohj/images/InteractwithyourNovitaAImodelbyaskingquestionsoranalyzingwebcontent.jpeg?fit=max&auto=format&n=H3Kjvdvlhgt0Aohj&q=85&s=44211eb01eaa61cbd57dc78d6f94b0ad" alt="Interagissez avec votre modèle Novita AI en posant des questions ou en analysant du contenu web Jpe" width="2322" height="1388" data-path="images/InteractwithyourNovitaAImodelbyaskingquestionsoranalyzingwebcontent.jpeg" />
</Frame>