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

# Vue d'ensemble

> Placez votre application à l’intérieur de l’interface de Upshift — entrées de barre latérale, vues enregistrées, onglets de page d’enregistrement et composants React isolés.

La **couche de mise en page** d’une application Upshift est tout ce que l’utilisateur voit : où l’application apparaît dans la barre latérale, quelles vues de liste elle fournit, comment ses pages de détails d’enregistrement sont organisées et quels composants React personnalisés sont rendus à l’intérieur de ces pages.

```text theme={null}
   Sidebar               Record list            Record detail page
   ───────               ───────────            ──────────────────
   [📋 My View]    ────▶ ┌──────────┐          ┌─────────────────────┐
   [📋 Drafts ]          │ Companies│          │ Tabs: [Overview ]   │
   [📋 Inbox  ]          │ ──────── │          │       [Notes    ]   │
        ▲                │  Apple   │          │       [Hello    ]◀──── definePageLayoutTab
        │                │  Acme    │          │                     │   adds a tab...
        └ defineNavi-    │  …       │          │  ┌────────────────┐ │
          gationMenu-    └────▲─────┘          │  │                │ │
          Item points         │                │  │   React UI     │◀── …with a
          to a defineView     │                │  │  (sandboxed in │ │   defineFrontComponent
                              └ defineView     │  │   a Worker)    │ │   widget inside
                                picks columns  │  └────────────────┘ │
                                and filters    └─────────────────────┘
```

## Dans cette section

> **[Vues](https://docs.upshiftcloud.com/developers/extend/apps/layout/views.md)**
>
> `defineView` — configurations de listes enregistrées : colonnes visibles, filtres, groupes.

> **[Éléments de menu de navigation](https://docs.upshiftcloud.com/developers/extend/apps/layout/navigation-menu-items.md)**
>
> `defineNavigationMenuItem` — entrées de barre latérale pointant vers des vues ou des URL externes.

> **[Mises en page](https://docs.upshiftcloud.com/developers/extend/apps/layout/page-layouts.md)**
>
> `definePageLayout` et `definePageLayoutTab` — onglets et widgets sur la page de détails d’un enregistrement.

> **[Composants frontaux](https://docs.upshiftcloud.com/developers/extend/apps/layout/front-components.md)**
>
> `defineFrontComponent` — composants React isolés rendus à l’intérieur de Upshift.

> **[Éléments du menu de commande](https://docs.upshiftcloud.com/developers/extend/apps/layout/command-menu-items.md)**
>
> `defineCommandMenuItem` — enregistre des composants frontaux comme entrées Cmd+K et actions rapides.

## Où l’application apparaît

| Surface | Ce qu'il contrôle | Entité |
| - | - | - |
| **Barre latérale** | Une entrée personnalisée pointant vers une vue enregistrée ou une URL externe | `defineNavigationMenuItem` |
| **Liste des enregistrements** | Une configuration enregistrée pour un objet — colonnes visibles, ordre, filtres, groupes | `defineView` |
| **Page de détails de l’enregistrement** | Les onglets et widgets sur une page d’enregistrement (celle de votre propre objet ou une page standard) | `definePageLayout`, `definePageLayoutTab` |
| **À l’intérieur de n’importe lequel des éléments ci-dessus** | Un widget React personnalisé — boutons, formulaires, tableaux de bord, intégrations | `defineFrontComponent` |
| **Paramètres de l’application** | Une section de configuration personnalisée dans l’onglet Paramètres de l’application, au lieu de l’interface utilisateur par défaut des variables | `defineSettingsFrontComponent` |
| **Menu de commande (Cmd+K)** | Une action rapide épinglée ou une commande masquée | `defineCommandMenuItem` |

Les composants frontaux s’exécutent à l’intérieur d’un Web Worker isolé en utilisant Remote DOM — ils sont rendus *nativement* dans la page (et non dans une iframe), mais ne peuvent pas accéder directement à la page hôte ou au DOM. La communication avec Upshift se fait via une API hôte de passage de messages.

Elles sont encore en cours de développement actif : le bac à sable implémente un DOM partiel, donc les usages avancés peuvent échouer. Voir [Limitations actuelles](https://docs.upshiftcloud.com/developers/extend/apps/layout/front-components.md).


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.