Initial commit

references/component-api.md

@@ -0,0 +1,78 @@
+# 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.