update README

Author: thomasyuill-livekit

README.md

@@ -77,23 +77,34 @@ This starter is designed to be flexible so you can adapt it to your specific age
 #### Example: App configuration (`app-config.ts`)
 
 ```ts
-export const APP_CONFIG_DEFAULTS = {
+export const APP_CONFIG_DEFAULTS: AppConfig = {
   companyName: 'LiveKit',
   pageTitle: 'LiveKit Voice Agent',
   pageDescription: 'A voice agent built with LiveKit',
+
   supportsChatInput: true,
   supportsVideoInput: true,
   supportsScreenShare: true,
+  isPreConnectBufferEnabled: true,
+
   logo: '/lk-logo.svg',
   accent: '#002cf2',
   logoDark: '/lk-logo-dark.svg',
   accentDark: '#1fd5f9',
   startButtonText: 'Start call',
+
+  // for LiveKit Cloud Sandbox
+  sandboxId: undefined,
+  agentName: undefined,
 };
 ```
 
 You can update these values in [`app-config.ts`](./app-config.ts) to customize branding, features, and UI text for your deployment.
 
+> [!NOTE]
+> The `sandboxId` and `agentName` are for the LiveKit Cloud Sandbox environment.
+> They are not used for local development.
+
 #### Environment Variables
 
 You'll also need to configure your LiveKit credentials in `.env.local` (copy `.env.example` if you don't have one):

app-config.ts

@@ -36,7 +36,6 @@ export const APP_CONFIG_DEFAULTS: AppConfig = {
   startButtonText: 'Start call',
 
   // for LiveKit Cloud Sandbox
-  // these must be defined to satisfy `getAppConfig` in `lib/utils.ts`
-  sandboxId: undefined as string | undefined,
-  agentName: undefined as string | undefined,
+  sandboxId: undefined,
+  agentName: undefined,
 };