diff --git a/src/renderer/src/pages/settings/ProviderSettings/AddProviderPopup.tsx b/src/renderer/src/pages/settings/ProviderSettings/AddProviderPopup.tsx
index 5a20279594..33bd80b513 100644
--- a/src/renderer/src/pages/settings/ProviderSettings/AddProviderPopup.tsx
+++ b/src/renderer/src/pages/settings/ProviderSettings/AddProviderPopup.tsx
@@ -24,6 +24,7 @@ const PopupContainer: React.FC<Props> = ({ provider, resolve }) => {
   const [open, setOpen] = useState(true)
   const [name, setName] = useState(provider?.name || '')
   const [type, setType] = useState<ProviderType>(provider?.type || 'openai')
+  const [displayType, setDisplayType] = useState<string>(provider?.type || 'openai')
   const [logo, setLogo] = useState<string | null>(null)
   const [logoPickerOpen, setLogoPickerOpen] = useState(false)
   const [dropdownOpen, setDropdownOpen] = useState(false)
@@ -245,15 +246,20 @@ const PopupContainer: React.FC<Props> = ({ provider, resolve }) => {
         </Form.Item>
         <Form.Item label={t('settings.provider.add.type')} style={{ marginBottom: 0 }}>
           <Select
-            value={type}
-            onChange={setType}
+            value={displayType}
+            onChange={(value: string) => {
+              setDisplayType(value)
+              // special case for cherryin-type, map to new-api internally
+              setType(value === 'cherryin-type' ? 'new-api' : (value as ProviderType))
+            }}
             options={[
               { label: 'OpenAI', value: 'openai' },
               { label: 'OpenAI-Response', value: 'openai-response' },
               { label: 'Gemini', value: 'gemini' },
               { label: 'Anthropic', value: 'anthropic' },
               { label: 'Azure OpenAI', value: 'azure-openai' },
-              { label: 'New API', value: 'new-api' }
+              { label: 'New API', value: 'new-api' },
+              { label: 'CherryIN', value: 'cherryin-type' }
             ]}
           />
         </Form.Item>