Widget
Embedding Surface
| Web Component Delivery | Channel Widget is delivered through the pusaka-container web component script hosted by the platform. |
| Agent Binding | Widget instance is tied to a specific agent through data-agent-id, so each embed points to one configured agent context. |
| Inline Render Mode | Default render mode mounts the chat container inside normal page layout and follows parent element dimensions. |
| Floating Render Mode | Optional floating mode renders a fixed launcher and expandable chat panel independent of document flow. |
Core Display Parameters
data-theme | Defines visual theme behavior (system, light, or dark) for widget appearance. |
data-app-mode | Controls chat UI scope (full-app for broader interface or chat for chat-focused surface). |
data-enable-autofocus | Controls whether input focus is applied automatically after widget load and reply cycles. |
data-chat-title | Sets the header title shown in floating chat panel mode. |
Floating Layout Parameters
data-position | Sets floating launcher corner position (bottom-right, bottom-left, top-right, top-left). |
data-offset-x | Defines horizontal offset distance between floating launcher and viewport edge. |
data-offset-y | Defines vertical offset distance between floating launcher and viewport edge. |
data-chat-width | Configures floating panel width with CSS length values and responsive behavior on small viewports. |
data-chat-height | Configures floating panel height with CSS length values. |
Integration References
| Plain HTML Reference | CMS provides HTML reference patterns for direct script and tag usage in non-framework pages. |
| React + TypeScript Reference | CMS includes React/TypeScript reference for custom element typing and component usage. |
| Floating in React Reference | CMS documents that floating behavior is self-managed by the component when data-mode="floating" is used. |