Mini apps

Mini apps zijn aangepaste web applicaties die agenten kunnen maken en on-the-fly kunnen deployen om interactieve, visuele ervaringen te bieden die verder gaan dan tekst-gebaseerde conversaties.

Wat zijn Mini Apps?

Mini apps zijn lichtgewicht React applicaties die draaien in iframes binnen de Bigmind interface. Ze zijn gebouwd met TypeScript en React, komen met voorgeïnstalleerde UI libraries (Recharts, Radix UI, Tailwind CSS), en kunnen met één klik gedeployed worden naar Bigmind's infrastructuur.

Waar Mini Apps Verschijnen

Mini apps kunnen in meerdere contexten worden benaderd: In Conversaties (inline binnen chat), In Sidekick (automatisch getoond op basis van wat de gebruiker bekijkt), en als Standalone Pagina's (via /mini-apps/{miniAppId}).

Sidepanel Regels

Een van de krachtigste features van mini apps is de mogelijkheid om ze automatisch te tonen in Sidekick op basis van wat de gebruiker bekijkt. U kunt regels configureren voor: Leads, Contacts, Deals, Accounts, en Websites.

Om sidepanel regels te configureren: Navigeer naar Instellingen → AI → Mini Apps → Sidepanel Rules, Stel globale defaults in, Voeg gebruiker-specifieke overrides toe (optioneel), en Sla uw configuratie op.

Mini Apps Gebruiken met Custom Tools

Mini apps worden nog krachtiger wanneer gecombineerd met Custom Tools. Terwijl mini apps de visuele interface bieden, kunnen custom tools data ophalen uit uw eigen backend systemen, wat een complete oplossing creëert.

CRM Integratie

Mini apps kunnen direct communiceren met uw gekoppelde CRM (HubSpot of Salesforce) via de Bigmind Embed SDK. Dit stelt mini apps in staat om CRM records te maken, lezen, bijwerken en verwijderen.

Beschikbare CRM Methodes

De bigmind.crm namespace biedt volledige CRUD operaties voor:

  • Contacten: bigmind.crm.contacts
  • Accounts: bigmind.crm.accounts
  • Deals: bigmind.crm.deals
  • Leads: bigmind.crm.leads

Elk objecttype ondersteunt: .create(data), .get(id), .update(id, data), .delete(id), en .search(options)

CRM Zoeken

De SDK biedt krachtige zoekmogelijkheden met complexe filters. Voorbeeld van het zoeken naar accounts op domein:

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} accounts gevonden`);
}

Beschikbare Filter Operators

equals, notEquals, contains, notContains, startsWith, endsWith, greaterThan, lessThan, is-empty, is-not-empty

Lijsten Integratie

Mini apps kunnen ook communiceren met Bigmind Lijsten (data tabellen). De bigmind.lists namespace biedt: list(), get(listId), getRows(listId, options), addRow({ listId, cells }), listColumns(listId), getColumnByName(listId, columnName)

Mini App Architectuur

Bestandsstructuur

Mini apps zijn gebouwd met TypeScript en React: main.tsx (hoofd entry point), Aanvullende .tsx bestanden, index.html (systeem-beheerd, read-only), package.json (systeem-beheerd, read-only).

Voorgeïnstalleerde Pakketten

Mini apps komen met een uitgebreide set pakketten: React & React DOM, Recharts, Radix UI, Tailwind CSS, Lucide React, clsx, date-fns.

Mini Apps Bouwen

Hoewel agenten meestal mini apps bouwen, kunt u ze ook handmatig maken in de mini app editor met volledige TypeScript ondersteuning, multi-file support, live preview, test panel, console, auto-save, en AI assistant.

Gerelateerde Documentatie