AI chat

Floating AI chat

Use the Ask assistant launcher at the bottom right to try the compact chat component. It uses a native dialog, keeps focus inside while open, and returns focus when closed. Responses are scripted.

Open full-page chat Open project chat

Reuse src/project/partials/floating-chat.html with src/project/ts/floating-chat.ts. Include one instance per page.

Shared response lifecycle

The three chat layouts share createChatSession for pending responses, cancellation and late-result protection. Each demo owns its messages, rendering and scripted reply. No model or network service is included.

Use the project chat's preview controls to try thinking, typing, failure and retry. Date/time labels keep each message attributable. The full-page example adds conversation history and approval specimens.