refac

src/lib/components/admin/Settings.svelte

@@ -8,6 +8,7 @@
 	import { getBackendConfig } from '$lib/apis';
 	import Database from './Settings/Database.svelte';
 
+	import Authentication from './Settings/Authentication.svelte';
 	import General from './Settings/General.svelte';
 	import Pipelines from './Settings/Pipelines.svelte';
 	import Audio from './Settings/Audio.svelte';
@@ -37,6 +38,7 @@
 		const tabFromPath = pathParts[pathParts.length - 1];
 		selectedTab = [
 			'general',
+			'authentication',
 			'connections',
 			'models',
 			'evaluations',
@@ -94,6 +96,24 @@
 				'channels'
 			]
 		},
+		{
+			id: 'authentication',
+			title: 'Authentication',
+			route: '/admin/settings/authentication',
+			keywords: [
+				'authentication',
+				'auth',
+				'login',
+				'signup',
+				'ldap',
+				'oauth',
+				'oidc',
+				'sso',
+				'roles',
+				'groups',
+				'identity'
+			]
+		},
 		{
 			id: 'connections',
 			title: 'Connections',
@@ -308,6 +328,7 @@
 		</div>
 
 		<!-- {$i18n.t('General')} -->
+		<!-- {$i18n.t('Authentication')} -->
 		<!-- {$i18n.t('Connections')} -->
 		<!-- {$i18n.t('Models')} -->
 		<!-- {$i18n.t('Evaluations')} -->
@@ -344,6 +365,19 @@
 								clip-rule="evenodd"
 							/>
 						</svg>
+					{:else if tab.id === 'authentication'}
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 16 16"
+							fill="currentColor"
+							class="w-4 h-4"
+						>
+							<path
+								fill-rule="evenodd"
+								d="M8 1.5A3.5 3.5 0 0 0 4.5 5v1H4a2 2 0 0 0-2 2v4.5a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-.5V5A3.5 3.5 0 0 0 8 1.5ZM6 6V5a2 2 0 1 1 4 0v1H6Zm2 3a.75.75 0 0 0-.75.75v1a.75.75 0 0 0 1.5 0v-1A.75.75 0 0 0 8 9Z"
+								clip-rule="evenodd"
+							/>
+						</svg>
 					{:else if tab.id === 'connections'}
 						<svg
 							xmlns="http://www.w3.org/2000/svg"
@@ -515,6 +549,8 @@
 					await config.set(await getBackendConfig());
 				}}
 			/>
+		{:else if selectedTab === 'authentication'}
+			<Authentication />
 		{:else if selectedTab === 'connections'}
 			<Connections
 				on:save={() => {