diff --git a/components.d.ts b/components.d.ts
index 920ce0af4..1bc37b06b 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -12,6 +12,7 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     ApiKeySetup: typeof import('./src/components/chat/ApiKeySetup.vue')['default']
+    APIKeySetup: typeof import('./src/components/chat/APIKeySetup.vue')['default']
     AppearanceSection: typeof import('./src/components/properties/AppearanceSection.vue')['default']
     CanvasContextMenu: typeof import('./src/components/CanvasContextMenu.vue')['default']
     ChatInput: typeof import('./src/components/chat/ChatInput.vue')['default']
diff --git a/src/components/ChatPanel.vue b/src/components/ChatPanel.vue
index 72855542d..8e8a82035 100644
--- a/src/components/ChatPanel.vue
+++ b/src/components/ChatPanel.vue
@@ -2,7 +2,7 @@
 import { ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport } from 'reka-ui'
 import { computed, nextTick, ref, watch } from 'vue'
 
-import ApiKeySetup from '@/components/chat/ApiKeySetup.vue'
+import APIKeySetup from '@/components/chat/APIKeySetup.vue'
 import ChatInput from '@/components/chat/ChatInput.vue'
 import ChatMessage from '@/components/chat/ChatMessage.vue'
 import { useAIChat } from '@/composables/use-chat'
@@ -46,7 +46,7 @@ function handleStop() {
 
 <template>
   <div class="flex min-w-0 flex-1 flex-col overflow-hidden">
-    <ApiKeySetup v-if="!isConfigured" />
+    <APIKeySetup v-if="!isConfigured" />
 
     <template v-else>
       <ScrollAreaRoot class="min-h-0 flex-1">