Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2025-12-26 20:12:38 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

feat: provider custom header (#7874)

Browse Source 
* feat: provider custom header

* fix: state update dependency

* refactor: migrate to code editor onBlur

* fix: lint

* fix: migrate
This commit is contained in:
SuYao 2025-07-08 17:11:43 +08:00 committed by GitHub
parent da5badc189
commit 8fd59e89de
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 39 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/renderer/src/pages/settings/ProviderSettings/ProviderSetting.tsx
View File

@ -1,6 +1,7 @@
import { CheckOutlined, CloseCircleFilled, LoadingOutlined } from '@ant-design/icons'
import { isOpenAIProvider } from '@renderer/aiCore/clients/ApiClientFactory'
import OpenAIAlert from '@renderer/components/Alert/OpenAIAlert'
import CodeEditor from '@renderer/components/CodeEditor'
import { StreamlineGoodHealthAndWellBeing } from '@renderer/components/Icons/SVGIcon'
import { HStack } from '@renderer/components/Layout'
import { ApiKeyConnectivity, ApiKeyListPopup } from '@renderer/components/Popups/ApiKeyListPopup'
@ -79,6 +80,8 @@ const ProviderSetting: FC<Props> = ({ providerId }) => {
checking: false
})
const [headerText, setHeaderText] = useState<string>(JSON.stringify(provider.extra_headers || {}, null, 2))
// eslint-disable-next-line react-hooks/exhaustive-deps
const debouncedUpdateApiKey = useCallback(
debounce((value) => {
@ -308,6 +311,16 @@ const ProviderSetting: FC<Props> = ({ providerId }) => {
setApiHost(provider.apiHost)
}, [provider.apiHost, provider.id])
const onUpdateHeaders = useCallback(() => {
try {
const headers = headerText.trim() ? JSON.parse(headerText) : {}
updateProvider({ ...provider, extra_headers: headers })
window.message.success({ content: t('message.save.success.title') })
} catch (error) {
window.message.error({ content: t('settings.provider.copilot.invalid_json') })
}
}, [headerText, provider, updateProvider, t])
return (
<SettingContainer theme={theme} style={{ background: 'var(--color-background)' }}>
<SettingTitle>
@ -424,6 +437,32 @@ const ProviderSetting: FC<Props> = ({ providerId }) => {
)}
</>
)}
{provider.id !== 'copilot' && (
<>
<SettingSubtitle style={{ marginTop: 5 }}>
{t('settings.provider.copilot.custom_headers')}
</SettingSubtitle>
<Space.Compact direction="vertical" style={{ width: '100%', marginTop: 5 }}>
<SettingHelpText>{t('settings.provider.copilot.headers_description')}</SettingHelpText>
<CodeEditor
value={headerText}
language="json"
onChange={(value) => setHeaderText(value)}
onBlur={onUpdateHeaders}
placeholder={`{\n "Header-Name": "Header-Value"\n}`}
options={{
lint: true,
collapsible: false,
wrappable: true,
lineNumbers: true,
foldGutter: true,
highlightActiveLine: true,
keymap: true
}}
/>
</Space.Compact>
</>
)}
</>
)}
{isAzureOpenAI && (