e30e75b5d4
Changesets / Create Version PR (push) Has been cancelled
Deploy Shadcn Registry / Deploy Production (push) Has been cancelled
Template Metrics / LOC + Bundle Size (push) Has been cancelled
Code Quality / Oxlint + Oxfmt (push) Has been cancelled
Code Quality / Template Sync (push) Has been cancelled
Code Quality / Build Changed Packages (push) Has been cancelled
Code Quality / Test Changed Packages (push) Has been cancelled
Deploy Expo Example / Deploy Production (push) Has been cancelled
Deploy Ink Example / Deploy Production (push) Has been cancelled
Python Tests / pytest (assistant-stream, 3.10) (push) Has been cancelled
Python Tests / pytest (assistant-stream, 3.12) (push) Has been cancelled
Python Tests / pytest (assistant-ui-sync-server-api, 3.10) (push) Has been cancelled
Python Tests / pytest (assistant-ui-sync-server-api, 3.12) (push) Has been cancelled
62 lines
1.5 KiB
Markdown
62 lines
1.5 KiB
Markdown
This is the [assistant-ui](https://github.com/assistant-ui/assistant-ui) starter project with [Assistant Cloud](https://cloud.assistant-ui.com) integration.
|
|
|
|
## Getting Started
|
|
|
|
### 1. Set up Assistant Cloud
|
|
|
|
1. Sign up for Assistant Cloud at [cloud.assistant-ui.com](https://cloud.assistant-ui.com)
|
|
2. Create a new project in your Assistant Cloud dashboard
|
|
3. Navigate to your project settings to get:
|
|
- Your Assistant Cloud API URL
|
|
- Your Assistant Cloud API Key
|
|
|
|
### 2. Configure Environment Variables
|
|
|
|
Create a `.env.local` file in the root directory and add your credentials:
|
|
|
|
```
|
|
# Provider API Key
|
|
OPENAI_API_KEY=your-openai-api-key
|
|
|
|
# Assistant Cloud
|
|
NEXT_PUBLIC_ASSISTANT_BASE_URL=your-assistant-cloud-url
|
|
ASSISTANT_API_KEY=your-assistant-cloud-api-key
|
|
```
|
|
|
|
### 3. Install Dependencies
|
|
|
|
```bash
|
|
npm install
|
|
# or
|
|
yarn install
|
|
# or
|
|
pnpm install
|
|
# or
|
|
bun install
|
|
```
|
|
|
|
### 4. Run the Development Server
|
|
|
|
```bash
|
|
npm run dev
|
|
# or
|
|
yarn dev
|
|
# or
|
|
pnpm dev
|
|
# or
|
|
bun dev
|
|
```
|
|
|
|
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
|
|
|
|
## Development
|
|
|
|
You can start customizing the UI by modifying components in the `components/assistant-ui/` directory.
|
|
|
|
### Key Files
|
|
|
|
- `app/assistant.tsx` - Renders the chat interface and sets up the runtime provider with Assistant Cloud
|
|
- `app/api/chat/route.ts` - Chat API endpoint
|
|
- `components/assistant-ui/thread.tsx` - Chat thread component
|
|
- `components/assistant-ui/threadlist-sidebar.tsx` - Sidebar with thread list
|