update README

README.md

@@ -1,17 +1,19 @@
 # ChatKit Starter Template
 
+[![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE)
+![NextJS](https://img.shields.io/badge/Built_with-NextJS-blue)
+![OpenAI API](https://img.shields.io/badge/Powered_by-OpenAI_API-orange)
+
 This repository is the simplest way to bootstrap a [ChatKit](http://openai.github.io/chatkit-js/) application. It ships with a minimal Next.js UI, the ChatKit web component, and a ready-to-use session endpoint so you can experiment with OpenAI-hosted workflows built using [Agent Builder](https://platform.openai.com/agent-builder).
 
 ## What You Get
 
 - Next.js app with `<openai-chatkit>` web component and theming controls
 - API endpoint for creating a session at [`app/api/create-session/route.ts`](app/api/create-session/route.ts)
-- Quick examples for starter prompts, placeholder text, and greeting message
+- Config file for starter prompts, theme, placeholder text, and greeting message
 
 ## Getting Started
 
-Follow every step below to run the app locally and configure it for your preferred backend.
-
 ### 1. Install dependencies
 
 ```bash
@@ -26,6 +28,12 @@ Copy the example file and fill in the required values:
 cp .env.example .env.local
 ```
 
+You can get your workflow id from the [Agent Builder](https://platform.openai.com/agent-builder) interface, after clicking "Publish".
+
+![workflow id](./public/docs/workflow.jpg)
+
+You can get your OpenAI API key from the [OpenAI API Keys](https://platform.openai.com/api-keys) page.
+
 ### 3. Configure ChatKit credentials
 
 Update `.env.local` with the variables that match your setup.
@@ -42,17 +50,18 @@ npm run dev
 
 Visit `http://localhost:3000` and start chatting. Use the prompts on the start screen to verify your workflow connection, then customize the UI or prompt list in [`lib/config.ts`](lib/config.ts) and [`components/ChatKitPanel.tsx`](components/ChatKitPanel.tsx).
 
-### 5. Build for production (optional)
+### 5. Deploy your app
 
 ```bash
 npm run build
-npm start
 ```
 
+Before deploying your app, you need to verify the domain by adding it to the [Domain allowlist](https://platform.openai.com/settings/organization/security/domain-allowlist) on your dashboard.
+
 ## Customization Tips
 
-- Adjust starter prompts, greeting text, and placeholder copy in [`lib/config.ts`](lib/config.ts).
-- Update the theme defaults or event handlers inside [`components/.tsx`](components/ChatKitPanel.tsx) to integrate with your product analytics or storage.
+- Adjust starter prompts, greeting text, [chatkit theme](https://chatkit.studio/playground), and placeholder copy in [`lib/config.ts`](lib/config.ts).
+- Update the event handlers inside [`components/.tsx`](components/ChatKitPanel.tsx) to integrate with your product analytics or storage.
 
 ## References
 

package-lock.json

@@ -8,7 +8,7 @@
       "name": "openai-chatkit-starter-app",
       "version": "0.1.0",
       "dependencies": {
-        "@openai/chatkit-react": ">=1.1.1 <=2.0.0",
+        "@openai/chatkit-react": ">=1.1.1 <2.0.0",
         "next": "^15.5.4",
         "react": "^19.2.0",
         "react-dom": "^19.2.0"