refac: styling

Author: tjbck

src/lib/components/admin/Settings/CodeExecution.svelte

@@ -138,8 +138,8 @@
 
 					<hr class=" border-gray-100 dark:border-gray-850 my-2" />
 
-					<div>
-						<div class=" py-0.5 flex w-full justify-between">
+					<div class="mb-2.5">
+						<div class=" flex w-full justify-between">
 							<div class=" self-center text-xs font-medium">
 								{$i18n.t('Enable Code Interpreter')}
 							</div>
@@ -149,27 +149,37 @@
 					</div>
 
 					{#if config.ENABLE_CODE_INTERPRETER}
-						<div class=" py-0.5 flex w-full justify-between">
-							<div class=" self-center text-xs font-medium">
-								{$i18n.t('Code Interpreter Engine')}
-							</div>
-							<div class="flex items-center relative">
-								<select
-									class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
-									bind:value={config.CODE_INTERPRETER_ENGINE}
-									placeholder={$i18n.t('Select a engine')}
-									required
-								>
-									<option disabled selected value="">{$i18n.t('Select a engine')}</option>
-									{#each engines as engine}
-										<option value={engine}>{engine}</option>
-									{/each}
-								</select>
+						<div class="mb-2.5">
+							<div class="  flex w-full justify-between">
+								<div class=" self-center text-xs font-medium">
+									{$i18n.t('Code Interpreter Engine')}
+								</div>
+								<div class="flex items-center relative">
+									<select
+										class="dark:bg-gray-900 w-fit pr-8 rounded-sm px-2 p-1 text-xs bg-transparent outline-hidden text-right"
+										bind:value={config.CODE_INTERPRETER_ENGINE}
+										placeholder={$i18n.t('Select a engine')}
+										required
+									>
+										<option disabled selected value="">{$i18n.t('Select a engine')}</option>
+										{#each engines as engine}
+											<option value={engine}>{engine}</option>
+										{/each}
+									</select>
+								</div>
 							</div>
+
+							{#if config.CODE_EXECUTION_ENGINE === 'jupyter'}
+								<div class="text-gray-500 text-xs">
+									{$i18n.t(
+										'Warning: Jupyter execution enables arbitrary code execution, posing severe security risks—proceed with extreme caution.'
+									)}
+								</div>
+							{/if}
 						</div>
 
 						{#if config.CODE_INTERPRETER_ENGINE === 'jupyter'}
-							<div class="mt-1 flex flex-col gap-1.5 mb-1 w-full">
+							<div class="mb-2.5 flex flex-col gap-1.5 w-full">
 								<div class="text-xs font-medium">
 									{$i18n.t('Jupyter URL')}
 								</div>
@@ -187,7 +197,7 @@
 								</div>
 							</div>
 
-							<div class="mt-1 flex gap-2 mb-1 w-full items-center justify-between">
+							<div class="flex gap-2 w-full items-center justify-between">
 								<div class="text-xs font-medium">
 									{$i18n.t('Jupyter Auth')}
 								</div>