diff --git a/src/renderer/src/pages/code/CodeToolsPage.tsx b/src/renderer/src/pages/code/CodeToolsPage.tsx
index bee260efa5..bb8a6e24e2 100644
--- a/src/renderer/src/pages/code/CodeToolsPage.tsx
+++ b/src/renderer/src/pages/code/CodeToolsPage.tsx
@@ -13,6 +13,7 @@ import { getModelUniqId } from '@renderer/services/ModelService'
 import { useAppDispatch, useAppSelector } from '@renderer/store'
 import { setIsBunInstalled } from '@renderer/store/mcp'
 import { Model } from '@renderer/types'
+import { getClaudeSupportedProviders } from '@renderer/utils/provider'
 import { Alert, Avatar, Button, Checkbox, Input, Popover, Select, Space } from 'antd'
 import { ArrowUpRight, Download, HelpCircle, Terminal, X } from 'lucide-react'
 import { FC, useCallback, useEffect, useMemo, useState } from 'react'
@@ -25,7 +26,6 @@ import {
   CLI_TOOL_PROVIDER_MAP,
   CLI_TOOLS,
   generateToolEnvironment,
-  getClaudeSupportedProviders,
   parseEnvironmentVariables
 } from '.'
 
diff --git a/src/renderer/src/pages/code/index.ts b/src/renderer/src/pages/code/index.ts
index 99e311bdbc..db83996ac7 100644
--- a/src/renderer/src/pages/code/index.ts
+++ b/src/renderer/src/pages/code/index.ts
@@ -142,8 +142,4 @@ export const generateToolEnvironment = ({
   return env
 }
 
-export const getClaudeSupportedProviders = (providers: Provider[]) => {
-  return providers.filter((p) => p.type === 'anthropic' || CLAUDE_SUPPORTED_PROVIDERS.includes(p.id))
-}
-
 export { default } from './CodeToolsPage'
diff --git a/src/renderer/src/utils/provider.ts b/src/renderer/src/utils/provider.ts
new file mode 100644
index 0000000000..1ff8badb8f
--- /dev/null
+++ b/src/renderer/src/utils/provider.ts
@@ -0,0 +1,6 @@
+import { CLAUDE_SUPPORTED_PROVIDERS } from '@renderer/pages/code'
+import { Provider } from '@renderer/types'
+
+export const getClaudeSupportedProviders = (providers: Provider[]) => {
+  return providers.filter((p) => p.type === 'anthropic' || CLAUDE_SUPPORTED_PROVIDERS.includes(p.id))
+}