update reame

Author: murabcd

README.md

@@ -7,11 +7,9 @@
   An Open-source Realtime AI Voice Agent Built With Next.js, and OpenAI. 
 </p>
 
-This demonstrates:
-
-- Sequential agent handoffs according to a defined agent graph (taking inspiration from [OpenAI Swarm](https://github.com/openai/swarm))
+- Sequential agent handoffs according to a defined agent graph (inspiration from [OpenAI Swarm](https://github.com/openai/swarm))
 - Background escalation for high-stakes decisions
-- Prompting models to follow a state machine, for example to accurately collect things like names and phone numbers with confirmation character by character to authenticate a user.
+- Prompting models to follow a state machine, for example to accurately collect things like names and phone numbers with confirmation character by character to authenticate a user
 
 <p align="center">
   <a href="#features"><strong>Features</strong></a> ·
@@ -25,22 +23,29 @@ This demonstrates:
 
 - [Next.js](https://nextjs.org) App Router
   - Advanced routing for seamless navigation and performance
-  - React Server Components (RSCs) and Server Actions for server-side rendering and increased performance
+  - React Server Components (RSCs) for server-side rendering and increased performance
 - [OpenAI](https://openai.com/) Integration
   - Leverages OpenAI's powerful models for chat generation.
   - Direct API calls for text generation and other AI features.
   - Web search capabilities through OpenAI's Response API for real-time information retrieval
 - [Jina Reader](https://jina.ai/) Integration
   - Advanced web scraping capabilities for extracting structured data from websites
   - Enhances the AI's ability to process and understand web content
-- [shadcn/ui](https://ui.shadcn.com)
+- [Shadcn/ui](https://ui.shadcn.com)
   - Styling with [Tailwind CSS](https://tailwindcss.com)
   - Component primitives from [Radix UI](https://radix-ui.com) for accessibility and flexibility
 
 ## Model Provider
 
 This app utilizes the [OpenAI API](https://openai.com/) for its AI capabilities. It is configured to use OpenAI models for generating responses.
 
+- Realtime Model (`gpt-4o-mini-realtime-preview`): Higher quality conversational model with higher latency
+- Realtime Mini Model (`gpt-4o-realtime-preview`): Optimized for low-latency conversational responses
+- Chat Model (`gpt-4.1`): General purpose GPT-4.1 model
+- Chat Mini Model (`gpt-4.1-mini`): Smaller variant of GPT-4.1
+- Transcribe Model (`gpt-4o-transcribe`): Optimized for speech-to-text transcription
+- Transcribe Mini Model (`gpt-4o-mini-transcribe`): Optimized for low-latency speech-to-text transcription
+
 ## Deploy Your Own
 
 You can deploy your own version of the OpenChat to Vercel with one click:

app/api/og/route.tsx

@@ -37,7 +37,7 @@ export async function GET() {
               fontSize: 20,
             }}
           >
-            github.com/muradpm
+            github.com/murabcd
           </span>
         </div>
         <div

components/agent-configs/index.ts

@@ -1,11 +1,11 @@
 import { AllAgentConfigsType } from "@/lib/types";
 
-import simpleExample from "@/components/agent-configs/web-search/index";
+import webSearch from "@/components/agent-configs/web-search/index";
 import customerService from "@/components/agent-configs/customer-service/index";
 
 export const allAgentSets: AllAgentConfigsType = {
-  simpleExample,
+  webSearch,
   customerService,
 };
 
-export const defaultAgentSetKey = "simpleExample";
+export const defaultAgentSetKey = "webSearch";

…ent-configs/web-search/simple-example.ts …ents/agent-configs/web-search/greeter.tscomponents/agent-configs/web-search/simple-example.ts renamed to components/agent-configs/web-search/greeter.ts components/agent-configs/web-search/simple-example.ts renamed to components/agent-configs/web-search/greeter.ts

@@ -1,4 +1,4 @@
-import greeter from "./simple-example";
+import greeter from "./greeter";
 import search from "./search";
 import { injectTransferTools } from "@/lib/utils";
 

components/agent-configs/web-search/index.ts

@@ -68,7 +68,7 @@ const RightSidebar: React.FC<RightSidebarProps> = ({
           htmlFor="audio-playback-sidebar"
           className="flex items-center cursor-pointer text-sm pr-2"
         >
-          Audio playback
+          Playback
         </Label>
         <Switch
           id="audio-playback-sidebar"
@@ -84,7 +84,7 @@ const RightSidebar: React.FC<RightSidebarProps> = ({
           htmlFor="logs-sidebar"
           className="flex items-center cursor-pointer text-sm pr-2"
         >
-          Logs panel
+          Logs
         </Label>
         <Switch
           id="logs-sidebar"