+ {t('settings.tool.ocr.image_provider')}
+
+
+
+ >
+ )
+}
+
+export default OcrImageSettings
diff --git a/src/renderer/src/pages/settings/DocProcessSettings/OcrProviderSettings.tsx b/src/renderer/src/pages/settings/DocProcessSettings/OcrProviderSettings.tsx
new file mode 100644
index 0000000000..501b8d792f
--- /dev/null
+++ b/src/renderer/src/pages/settings/DocProcessSettings/OcrProviderSettings.tsx
@@ -0,0 +1,52 @@
+// import { loggerService } from '@logger'
+import { ErrorBoundary } from '@renderer/components/ErrorBoundary'
+import { isBuiltinOcrProvider, OcrProvider } from '@renderer/types'
+import { getOcrProviderLogo } from '@renderer/utils/ocr'
+import { Avatar, Divider, Flex } from 'antd'
+import styled from 'styled-components'
+
+import { SettingTitle } from '..'
+import { OcrTesseractSettings } from './OcrTesseractSettings'
+
+// const logger = loggerService.withContext('OcrTesseractSettings')
+
+type Props = {
+ provider: OcrProvider
+}
+
+const OcrProviderSettings = ({ provider }: Props) => {
+ // const { t } = useTranslation()
+ const getProviderSettings = () => {
+ if (isBuiltinOcrProvider(provider)) {
+ switch (provider.id) {
+ case 'tesseract':
+ return