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
This is the assistant-ui starter project with Assistant Cloud integration.
Getting Started
1. Set up Assistant Cloud
- Sign up for Assistant Cloud at cloud.assistant-ui.com
- Create a new project in your Assistant Cloud dashboard
- 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
npm install
# or
yarn install
# or
pnpm install
# or
bun install
4. Run the Development Server
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open 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 Cloudapp/api/chat/route.ts- Chat API endpointcomponents/assistant-ui/thread.tsx- Chat thread componentcomponents/assistant-ui/threadlist-sidebar.tsx- Sidebar with thread list