Les mini apps sont des applications web personnalisées que les agents peuvent créer et déployer à la volée pour fournir des expériences interactives et visuelles au-delà des conversations textuelles.
Qu'est-ce que les Mini Apps?
Les mini apps sont des applications React légères qui s'exécutent dans des iframes au sein de l'interface Bigmind. Elles sont construites avec TypeScript et React, incluent des bibliothèques UI préinstallées (Recharts, Radix UI, Tailwind CSS), et peuvent être déployées en un clic sur l'infrastructure de Bigmind.
Où Apparaissent les Mini Apps
Les mini apps peuvent être accessibles dans plusieurs contextes: Dans les Conversations (inline dans le chat), Dans Sidekick (affichées automatiquement en fonction de ce que l'utilisateur regarde), et en tant que Pages Autonomes (via /mini-apps/{miniAppId}).
Règles du Panneau Latéral
L'une des fonctionnalités les plus puissantes des mini apps est la possibilité de les afficher automatiquement dans Sidekick en fonction de ce que l'utilisateur regarde. Vous pouvez configurer des règles pour: Leads, Contacts, Deals, Comptes, et Sites Web.
Pour configurer les règles du panneau latéral: Accédez à Paramètres → AI → Mini Apps → Règles du Panneau Latéral, Définissez les paramètres globaux par défaut, Ajoutez des substitutions spécifiques à l'utilisateur (facultatif), et Enregistrez votre configuration.
Utilisation des Mini Apps avec des Outils Personnalisés
Les mini apps deviennent encore plus puissantes lorsqu'elles sont combinées avec des Outils Personnalisés. Alors que les mini apps fournissent l'interface visuelle, les outils personnalisés peuvent récupérer des données de vos propres systèmes backend, créant une solution complète.
Intégration CRM
Les mini apps peuvent interagir directement avec votre CRM connecté (HubSpot ou Salesforce) en utilisant le SDK Embed Bigmind. Cela permet aux mini apps de créer, lire, mettre à jour et supprimer des enregistrements CRM.
Méthodes CRM Disponibles
L'espace de noms bigmind.crm fournit des opérations CRUD complètes pour:
- Contacts:
bigmind.crm.contacts - Comptes:
bigmind.crm.accounts - Opportunités:
bigmind.crm.deals - Leads:
bigmind.crm.leads
Chaque type d'objet supporte: .create(data), .get(id), .update(id, data), .delete(id), et .search(options)
Recherche CRM
Le SDK fournit des capacités de recherche puissantes avec des filtres complexes. Exemple de recherche de comptes par domaine:
const result = await bigmind.crm.accounts.search({
filters: {
operator: 'AND',
conditions: [
{
name: 'domain',
type: 'crm-account',
operator: 'contains',
value: 'acme.com',
},
],
},
limit: 50,
});
if (result.success) {
console.log(`${result.data.total} comptes trouvés`);
}Opérateurs de Filtre Disponibles
equals, notEquals, contains, notContains, startsWith, endsWith, greaterThan, lessThan, is-empty, is-not-empty
Intégration Listes
Les mini apps peuvent également interagir avec les Listes Bigmind (tables de données). L'espace de noms bigmind.lists fournit: list(), get(listId), getRows(listId, options), addRow({ listId, cells }), listColumns(listId), getColumnByName(listId, columnName)
Architecture des Mini Apps
Structure des Fichiers
Les mini apps sont construites avec TypeScript et React: main.tsx (point d'entrée principal), Fichiers .tsx supplémentaires, index.html (géré par le système, lecture seule), package.json (géré par le système, lecture seule).
Packages Préinstallés
Les mini apps sont livrées avec un ensemble complet de packages: React & React DOM, Recharts, Radix UI, Tailwind CSS, Lucide React, clsx, date-fns.
Création de Mini Apps
Bien que les agents construisent généralement des mini apps, vous pouvez également les créer manuellement dans l'éditeur de mini app avec un support complet TypeScript, prise en charge multi-fichiers, aperçu en direct, panneau de test, console, sauvegarde automatique, et assistant IA.