Korin Embed – Playground

Chat component will appear here

Copy-pasteable embed code

This snippet reflects your current settings. Adjust the script src path to match your environment.

Only one demo is active at a time. Switching modes will hide the other and reset visibility appropriately.

Configurator

Note: This configurator is not complete yet. Some properties are not configurable in this demo.

Embed Provider

Configure the base connection for Korin Embed. These settings apply to both Page and Floating chat.

Base URL

Root URL of your host app serving static assets and pages.

Chat API endpoint

HTTP endpoint used by the chat component to send and receive messages.

Minimum credits warning

Show a warning if credits drop below this value.

Auth token

Bearer token used to authenticate requests to your API.

Language

Two-letter language code (e.g. en, id) for UI labels.

Ensure styles

Inject core styles automatically if your site does not include them.

Chat Settings

Unified options applied to both Page and Floating chat.

Title

Displayed at the top of the chat UI.

Variant

Choose between a flat layout or a card-styled chat UI.

Show Close button

Display a close button on the page chat header.

Show room name

Display the current room name in the header.

Hide history

Hide previous messages when opening the chat.

Default room ID

Set an initial room to load when the chat mounts.

Page size

Number of messages to fetch per page.

Header right slot

Optional text or indicator to display on the right of the header.

Throttle (ms)

Debounce time for user input to reduce API calls.

UI Controls

Show Stop button

Allow users to stop a generation mid-way.

Show Attach button

Allow users to attach files to messages.

Show Actions menu

Show extra quick actions in the composer.

Show agent selector

Let users pick a default agent/persona.

Default agent username

Username of the agent to select by default.