--- name: gendox-widget-integration description: Integrate the Gendox AI chat widget into a website. Use when a developer asks to embed the Gendox widget, add a chat assistant to a webpage, wire up local page context, register browser-side tools, or handle widget lifecycle in any frontend framework. --- # Gendox Widget Integration ## Prerequisites 1. A Gendox account with a project and a trained agent at [app.gendox.dev](https://app.gendox.dev). 2. **The agent must be Public**: open the project → **Settings → AI Agent** → toggle **Public**. The widget does not support authenticated end-users yet. 3. Copy `organizationId` and `projectId` from the Gendox webapp URL when viewing the project. ## Minimal embed Add this script to the page (typically in ``). Works with any frontend — plain HTML, Vue, Angular, Svelte, React, etc. The widget renders a chat bubble in the bottom-right corner. ```html ``` `data-gendox-src` must match the Gendox app origin used in `src`. For self-hosted deployments, replace `https://app.gendox.dev` with your own origin. In SPAs you can also inject the same `