Complete chat shell
Chat Container combines the header, history, composer, sidebar, and footer.
Component catalog
This site documents every component @loquix/core 0.6.0 exports — 53 in all, across chat, messages, actions, reasoning and trust, search, attachments, feedback, onboarding, configuration, templates, and infrastructure.
Start with these
Section titled “Start with these”Prompt entry
Chat Composer handles text entry, submit, stop, file drops, and toolbar slots.
Conversation history
Message List and Message Item cover scrolling and individual messages.
Configuration
Model Selector and Mode Selector expose provider-neutral choices.
Documented components
Section titled “Documented components”Chat layout
Section titled “Chat layout”| Component | Use it for |
|---|---|
| Chat Container | Root chat layout and shared surface state. |
| Chat Header | Agent identity and header controls. |
| Chat Composer | Composite prompt entry and generation controls. |
| Prompt Input | Standalone textarea-style prompt entry. |
| Composer Toolbar | Left/right composer controls. |
Messages and generation
Section titled “Messages and generation”| Component | Use it for |
|---|---|
| Message List | Scrollable history and auto-scroll. |
| Message Item | Sender-aligned message shell. |
| Message Content | Text, code, and streaming cursors. |
| Message Avatar | Participant identity and activity state. |
| Message Actions | Copy, regenerate, feedback, and edit actions. |
| Action Button | Generic icon button with a configurable event name. |
| Action Copy | Copy to clipboard with a timed confirmation. |
| Action Edit | Inline or composer-based message editing. |
| Action Feedback | Thumbs-up and thumbs-down rating. |
| Message Attachments | Files and image cards inside messages. |
| Typing Indicator | Pending and named activity states. |
| Generation Controls | Stop, pause, and resume actions. |
| Reasoning Block | Collapsible reasoning summaries. |
Reasoning and trust
Section titled “Reasoning and trust”| Component | Use it for |
|---|---|
| Tool Call | One tool invocation with status, arguments, and outcome. |
| Tool Call List | Grouping the tool calls of a single turn. |
| Citation Popover | Inline numbered citation with a source preview. |
| Source List | The sources behind an answer, as a grid or list. |
| Confidence Indicator | How sure the assistant is, as a bar, dots, badge, or number. |
| Uncertainty Marker | Flagging a phrase as unsure, unverified, or speculative. |
| Disclosure Badge | Stating that an AI produced or altered the content. |
| Caveat Notice | Standing reminder about the assistant’s limits. |
| Disagreement Marker | Recording that a user disputed an answer. |
Search
Section titled “Search”| Component | Use it for |
|---|---|
| Search Input | One field routing to keyword search or an AI answer. |
| Search Sources | Fan-out progress and per-source filter chips. |
| Search Result | A single result row. |
| Search Results | Blended or source-sectioned result lists. |
| Search Answer | The generated answer with citations and actions. |
| Search Footer | Keyboard shortcut hints. |
| Search Panel | Complete search surface as an anchored overlay. |
| Search Dialog | Complete search surface as a modal palette. |
Attachments
Section titled “Attachments”| Component | Use it for |
|---|---|
| Drop Zone | File drag-and-drop around any content. |
| Attachment Chip | Upload progress, errors, retry, and removal. |
| Attachment Panel | Picker, limits, and the chip grid for staged files. |
Feedback
Section titled “Feedback”| Component | Use it for |
|---|---|
| Feedback Form | Rating with reason chips and a comment. |
| Correction Input | Letting a user propose a better answer. |
Suggestions and onboarding
Section titled “Suggestions and onboarding”| Component | Use it for |
|---|---|
| Welcome Screen | Empty conversation onboarding. |
| Suggestion Chips | Reusable prompt suggestions. |
| Follow-up Suggestions | Suggested questions after an answer. |
Configuration
Section titled “Configuration”| Component | Use it for |
|---|---|
| Mode Selector | Chat, research, build, or custom modes. |
| Model Selector | LLM catalog, capabilities, and cost metadata. |
| Dropdown Select | Rich select with search, groups, and submenus. |
| Parameter Panel | Sliders, toggles, and presets for model parameters. |
| Filter Bar | Toggleable filter chips and a negative prompt. |
Templates and guidance
Section titled “Templates and guidance”| Component | Use it for |
|---|---|
| Template Card | A single prompt template as a card. |
| Template Picker | Searchable modal grid of templates. |
| Example Gallery | Browsable example prompts by category. |
| Nudge Banner | Contextual tip, info, or warning. |
Infrastructure
Section titled “Infrastructure”| Component | Use it for |
|---|---|
| Scroll Anchor | Return-to-newest button for a custom scroll container. |
Complete coverage
Section titled “Complete coverage”Every component @loquix/core 0.6.0 exports now has a reference page. If you find one missing, it is a gap in this site rather than a deliberate omission — please report it.
Need a missing reference first? Open an issue or use the “Edit page” link to contribute it.