{#if adminConfig !== null}

{$i18n.t('Version')}

v{WEBUI_VERSION} {#if $config?.features?.enable_version_update_check} {#if version.latest === null} {$i18n.t('Could not check for updates')} {:else} {updateAvailable === null ? $i18n.t('Checking for updates...') : updateAvailable ? `(v${version.latest} ${$i18n.t('available!')})` : $i18n.t('(latest)')} {/if} {/if}

{#if $config?.features?.enable_version_update_check} {/if}

{$i18n.t('Help')}

{$i18n.t('Discover how to use Open WebUI and seek support from the community.')}

{$i18n.t('Documentation')}

Discord X GitHub

{$i18n.t('License')}

{#if $config?.license_metadata} {$config?.license_metadata?.type} license {$i18n.t('registered to')} {$config?.license_metadata?.organization_name} for {$config?.license_metadata?.seats ?? 'Unlimited'} users. {#if $config?.license_metadata?.html}

{@html DOMPurify.sanitize($config?.license_metadata?.html)}

{/if} {:else} {$i18n.t( 'Upgrade to a licensed plan for enhanced capabilities, including custom theming and branding, and dedicated support.' )} {/if}

{#if adminConfig.ENABLE_FOLDERS} {/if} {#if adminConfig.ENABLE_MEMORIES} {/if} {#if adminConfig.ENABLE_CHANNELS} {/if}

</AdminSettingField>

<AdminSettingSection title={$i18n.t('UI')}>
				<fieldset id="ui-i18n-settings" disabled={saving} class="min-w-0">
					<I18nSettings bind:entries={uiI18nEntries} />
				</fieldset>
				<div class="shrink-0">
					<div class="flex items-center justify-between gap-4 py-0.5">
						<button
							class="min-w-0 flex-1 text-left text-xs text-gray-600 transition hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100"
							type="button"
							on:click={() => {
								showUserUiDefaults = !showUserUiDefaults;
							}}
						>
							<div>{$i18n.t('Default Interface Settings')}</div>
							<div class="mt-1.5 text-[0.6875rem] text-gray-400 dark:text-gray-600">
								{$i18n.t(
									'Set system-wide interface defaults for every account. Personal settings override these defaults.'
								)}
							</div>
						</button>

<button
							class="shrink-0 text-[0.6875rem] text-gray-400 transition hover:text-gray-700 dark:text-gray-600 dark:hover:text-gray-300"
							type="button"
							on:click={() => {
								showUserUiDefaults = !showUserUiDefaults;
							}}
						>
							{showUserUiDefaults ? $i18n.t('Close') : $i18n.t('Configure')}
						</button>
					</div>

{#if showUserUiDefaults}
						<div class="mt-0.5 space-y-2">
							<div class="flex items-center justify-between gap-4 py-0.5">
								<div class="text-[0.6875rem] text-gray-400 dark:text-gray-600">
									{Object.keys(defaultInterfaceSettings).length}
									{$i18n.t('settings configured')}
								</div>

{#if Object.keys(defaultInterfaceSettings).length > 0}
									<button
										class="shrink-0 text-[0.6875rem] text-gray-400 transition hover:text-gray-700 dark:text-gray-600 dark:hover:text-gray-300"
										type="button"
										on:click={() => {
											defaultInterfaceSettings = {};
										}}
									>
										{$i18n.t('Clear')}
									</button>
								{/if}
							</div>

<div>
					<div class="mb-1 flex min-h-7 w-full items-center justify-between gap-2">
						<div class="min-w-0 text-xs text-gray-600 dark:text-gray-400">{$i18n.t('Banners')}</div>
						<div class="flex shrink-0 items-center gap-1">
							{#if banners.length > 0}
								<LanguageModeSelect bind:value={bannerLocale} className="w-fit" />
							{/if}
							<button
								class="flex size-6 items-center justify-center text-gray-400 dark:text-gray-600"
								type="button"
								aria-label={$i18n.t('Add banner')}
								on:click={() => {
									if (banners.length === 0 || banners[banners.length - 1]?.content !== '') {
										banners = [
											...banners,
											{
												id: uuidv4(),
												type: '',
												title: '',
												content: '',
												dismissible: true,
												timestamp: Math.floor(Date.now() / 1000)
											}
										];
									}
								}}
							>
								<Plus />
							</button>
						</div>
					</div>
					<div class="mb-2 text-[0.6875rem] text-gray-400 dark:text-gray-600">
						{$i18n.t('Create announcements shown to users in the app.')}
					</div>
					<Banners bind:banners locale={bannerLocale} />
				</div>
			</AdminSettingSection>
		{/if}
	</div>

{$i18n.t('General')}