79 lines
1.5 KiB
Markdown
79 lines
1.5 KiB
Markdown
# Component API Reference
|
|
|
|
Complete prop reference for all TheSys C1 components.
|
|
|
|
---
|
|
|
|
## `<C1Chat>`
|
|
|
|
Pre-built chat component with state management.
|
|
|
|
```typescript
|
|
import { C1Chat } from "@thesysai/genui-sdk";
|
|
|
|
<C1Chat
|
|
apiUrl="/api/chat"
|
|
agentName="Assistant"
|
|
logoUrl="https://..."
|
|
theme={themeObject}
|
|
threadManager={threadManager}
|
|
threadListManager={threadListManager}
|
|
customizeC1={{ ... }}
|
|
/>
|
|
```
|
|
|
|
**Props**:
|
|
- `apiUrl` (required): Backend API endpoint
|
|
- `agentName`: Display name for AI
|
|
- `logoUrl`: Avatar image URL
|
|
- `theme`: Theme configuration object
|
|
- `threadManager`: For multi-thread support
|
|
- `threadListManager`: For thread list UI
|
|
- `customizeC1`: Custom components object
|
|
|
|
---
|
|
|
|
## `<C1Component>`
|
|
|
|
Low-level renderer for custom integration.
|
|
|
|
```typescript
|
|
import { C1Component } from "@thesysai/genui-sdk";
|
|
|
|
<C1Component
|
|
c1Response={response}
|
|
isStreaming={boolean}
|
|
updateMessage={(msg) => setResponse(msg)}
|
|
onAction={({ llmFriendlyMessage, rawAction }) => {...}}
|
|
/>
|
|
```
|
|
|
|
**Props**:
|
|
- `c1Response` (required): C1 API response string
|
|
- `isStreaming`: Shows loading indicator
|
|
- `updateMessage`: Callback for response updates
|
|
- `onAction`: Handle user interactions
|
|
|
|
---
|
|
|
|
## `<ThemeProvider>`
|
|
|
|
Theme wrapper component.
|
|
|
|
```typescript
|
|
import { ThemeProvider } from "@thesysai/genui-sdk";
|
|
|
|
<ThemeProvider theme={customTheme} mode="dark">
|
|
<C1Component {...} />
|
|
</ThemeProvider>
|
|
```
|
|
|
|
**Props**:
|
|
- `theme`: Theme object
|
|
- `mode`: "light" | "dark" | "system"
|
|
- `children`: React nodes to wrap
|
|
|
|
---
|
|
|
|
For complete details, see SKILL.md.
|