bhetherman/open-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy Jaeryang Baek
2026-07-14 04:15:20 -04:00
parent a7fbf66269
commit aedb6bef4e
208 changed files with 1056 additions and 1066 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/(app)/+layout.svelte
+3 -3
View File
@@ -409,7 +409,7 @@
>
<div class="m-auto pb-44 flex flex-col justify-center">
<div class="max-w-md">
<div class="text-center dark:text-white text-2xl font-medium z-50">
<div class="text-center dark:text-white text-2xl font-normal z-50">
{$i18n.t('Important Update')}<br />
{$i18n.t('Action Required for Chat Log Storage')}
</div>
@@ -418,7 +418,7 @@
{$i18n.t(
"Saving chat logs directly to your browser's storage is no longer supported. Please take a moment to download and delete your chat logs by clicking the button below. Don't worry, you can easily re-import your chat logs to the backend through"
)}
<span class="font-medium dark:text-white"
<span class="font-normal dark:text-white"
>{$i18n.t('Settings')} > {$i18n.t('Chats')} > {$i18n.t('Import Chats')}</span
>. {$i18n.t(
'This ensures that your valuable conversations are securely saved to your backend database. Thank you!'
@@ -427,7 +427,7 @@
<div class=" mt-6 mx-auto relative group w-fit">
<button
class="relative z-20 flex px-5 py-2 rounded-full bg-white border border-gray-100 dark:border-none hover:bg-gray-100 transition font-medium text-sm"
class="relative z-20 flex px-5 py-2 rounded-full bg-white border border-gray-100 dark:border-none hover:bg-gray-100 transition font-normal text-sm"
on:click={async () => {
let blob = new Blob([JSON.stringify(localDBChats)], {
type: 'application/json'
src/routes/(app)/admin/+layout.svelte
+1 -1
View File
@@ -62,7 +62,7 @@
<div class=" flex w-full">
<div
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent pt-1"
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent pt-1"
>
<a
draggable="false"
src/routes/(app)/automations/+page.svelte
+5 -5
View File
@@ -236,7 +236,7 @@
}}
>
<div class="text-sm text-gray-500 truncate">
{$i18n.t('This will delete')} <span class="font-medium">{deleteTarget?.name}</span>.
{$i18n.t('This will delete')} <span class="font-normal">{deleteTarget?.name}</span>.
</div>
</DeleteConfirmDialog>
@@ -262,7 +262,7 @@
<div class="pb-1 px-3 md:px-[18px] pt-2">
<div class="flex flex-col gap-1 px-1 mt-1.5 mb-2">
<div class="flex justify-between items-center">
<div class="flex items-center md:self-center text-xl font-medium px-0.5 gap-2 shrink-0">
<div class="flex items-center md:self-center text-xl font-normal px-0.5 gap-2 shrink-0">
{#if $mobile}
<Tooltip
content={$showSidebar ? $i18n.t('Close Sidebar') : $i18n.t('Open Sidebar')}
@@ -281,14 +281,14 @@
</Tooltip>
{/if}
<div>{$i18n.t('Automations')}</div>
<div class="text-lg font-medium text-gray-500 dark:text-gray-500">
<div class="text-lg font-normal text-gray-500 dark:text-gray-500">
{total ?? ''}
</div>
</div>
<div class="flex w-full justify-end gap-1.5">
<button
class="px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-medium text-sm flex items-center"
class="px-2 py-1.5 rounded-xl bg-black text-white dark:bg-white dark:text-black transition font-normal text-sm flex items-center"
on:click={() => {
cloneFrom = null;
showCreateModal = true;
@@ -420,7 +420,7 @@
<div class="w-full h-full flex flex-col justify-center items-center my-16 mb-24">
<div class="max-w-md text-center">
<div class="text-3xl mb-3">⚡</div>
<div class="text-lg font-medium mb-1">
<div class="text-lg font-normal mb-1">
{query ? $i18n.t('No results found') : $i18n.t('No automations found')}
</div>
<div class="text-gray-500 text-center text-xs">
src/routes/(app)/home/+layout.svelte
+1 -1
View File
@@ -46,7 +46,7 @@
<div class=" flex w-full">
<div
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent pt-1"
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent pt-1"
>
<a
class="min-w-fit p-1.5 {$page.url.pathname.includes('/home/notes')
src/routes/(app)/playground/+layout.svelte
+1 -1
View File
@@ -46,7 +46,7 @@
<div class=" flex w-full">
<div
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent pt-1"
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent pt-1"
>
<a
draggable="false"
src/routes/(app)/workspace/+layout.svelte
+2 -2
View File
@@ -86,7 +86,7 @@
<div class="">
<div
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-medium rounded-full bg-transparent py-1 touch-auto pointer-events-auto"
class="flex gap-1 scrollbar-none overflow-x-auto w-fit text-center text-sm font-normal rounded-full bg-transparent py-1 touch-auto pointer-events-auto"
>
{#if $user?.role === 'admin' || $user?.permissions?.workspace?.models}
<a
@@ -151,7 +151,7 @@
</div>
</div>
<!-- <div class="flex items-center text-xl font-medium">{$i18n.t('Workspace')}</div> -->
<!-- <div class="flex items-center text-xl font-normal">{$i18n.t('Workspace')}</div> -->
</div>
</nav>
src/routes/+error.svelte
+1 -1
View File
@@ -4,7 +4,7 @@
<div class=" bg-white dark:bg-gray-800 min-h-screen">
<div class=" flex h-full">
<div class="m-auto my-10 dark:text-gray-300 text-3xl font-medium">
<div class="m-auto my-10 dark:text-gray-300 text-3xl font-normal">
{$page.status}: {$page.error?.message}
</div>
</div>
src/routes/auth/+page.svelte
+18 -18
View File
@@ -236,14 +236,14 @@
{#if loaded}
<div
class="fixed bg-transparent min-h-screen w-full flex justify-center font-primary z-50 text-black dark:text-white"
class="fixed bg-transparent min-h-screen w-full flex justify-center z-50 text-black dark:text-white"
id="auth-container"
>
<div class="w-full px-10 min-h-screen flex flex-col text-center">
{#if ($config?.features.auth_trusted_header ?? false) || $config?.features.auth === false}
<div class=" my-auto pb-10 w-full sm:max-w-md">
<div
class="flex items-center justify-center gap-3 text-xl sm:text-2xl text-center font-medium dark:text-gray-200"
class="flex items-center justify-center gap-3 text-xl sm:text-2xl text-center font-normal dark:text-gray-200"
>
<div>
{$i18n.t('Signing in to {{WEBUI_NAME}}', { WEBUI_NAME: $WEBUI_NAME })}
@@ -276,7 +276,7 @@
}}
>
<div class="mb-1">
<div class=" text-2xl font-medium">
<div class=" text-2xl font-normal">
{#if $config?.onboarding ?? false}
{$i18n.t(`Get started with {{WEBUI_NAME}}`, { WEBUI_NAME: $WEBUI_NAME })}
{:else if mode === 'ldap'}
@@ -289,7 +289,7 @@
</div>
{#if $config?.onboarding ?? false}
<div class="mt-1 text-xs font-medium text-gray-600 dark:text-gray-500">
<div class="mt-1 text-xs font-normal text-gray-600 dark:text-gray-500">
ⓘ {$WEBUI_NAME}
{$i18n.t(
'does not make any external connections, and your data stays securely on your locally hosted server.'
@@ -302,7 +302,7 @@
<div class="flex flex-col mt-4">
{#if mode === 'signup'}
<div class="mb-2">
<label for="name" class="text-sm font-medium text-left mb-1 block"
<label for="name" class="text-sm font-normal text-left mb-1 block"
>{$i18n.t('Name')}</label
>
<input
@@ -319,7 +319,7 @@
{#if mode === 'ldap'}
<div class="mb-2">
<label for="username" class="text-sm font-medium text-left mb-1 block"
<label for="username" class="text-sm font-normal text-left mb-1 block"
>{$i18n.t('Username')}</label
>
<input
@@ -335,7 +335,7 @@
</div>
{:else}
<div class="mb-2">
<label for="email" class="text-sm font-medium text-left mb-1 block"
<label for="email" class="text-sm font-normal text-left mb-1 block"
>{$i18n.t('Email')}</label
>
<input
@@ -352,7 +352,7 @@
{/if}
<div>
<label for="password" class="text-sm font-medium text-left mb-1 block"
<label for="password" class="text-sm font-normal text-left mb-1 block"
>{$i18n.t('Password')}</label
>
<SensitiveInput
@@ -373,7 +373,7 @@
<div class="mt-2">
<label
for="confirm-password"
class="text-sm font-medium text-left mb-1 block"
class="text-sm font-normal text-left mb-1 block"
>{$i18n.t('Confirm Password')}</label
>
<SensitiveInput
@@ -394,14 +394,14 @@
{#if $config?.features.enable_login_form || $config?.features.enable_ldap || form}
{#if mode === 'ldap'}
<button
class="bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
class="bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
type="submit"
>
{$i18n.t('Authenticate')}
</button>
{:else}
<button
class="bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
class="bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
type="submit"
>
{mode === 'signin'
@@ -418,7 +418,7 @@
: $i18n.t('Already have an account?')}
<button
class=" font-medium underline"
class=" font-normal underline"
type="button"
on:click={() => {
if (mode === 'signin') {
@@ -442,7 +442,7 @@
<hr class="w-32 h-px my-4 border-0 dark:bg-gray-100/10 bg-gray-700/10" />
{#if $config?.features.enable_login_form || $config?.features.enable_ldap || form}
<span
class="px-3 text-sm font-medium text-gray-900 dark:text-white bg-transparent"
class="px-3 text-sm font-normal text-gray-900 dark:text-white bg-transparent"
>{$i18n.t('or')}</span
>
{/if}
@@ -452,7 +452,7 @@
<div class="flex flex-col space-y-2">
{#if $config?.oauth?.providers?.google}
<button
class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
on:click={() => {
window.location.href = `${WEBUI_BASE_URL}/oauth/google/login`;
}}
@@ -482,7 +482,7 @@
{/if}
{#if $config?.oauth?.providers?.microsoft}
<button
class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
on:click={() => {
window.location.href = `${WEBUI_BASE_URL}/oauth/microsoft/login`;
}}
@@ -513,7 +513,7 @@
{/if}
{#if $config?.oauth?.providers?.github}
<button
class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
on:click={() => {
window.location.href = `${WEBUI_BASE_URL}/oauth/github/login`;
}}
@@ -534,7 +534,7 @@
{/if}
{#if $config?.oauth?.providers?.oidc}
<button
class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
on:click={() => {
window.location.href = `${WEBUI_BASE_URL}/oauth/oidc/login`;
}}
@@ -564,7 +564,7 @@
{/if}
{#if $config?.oauth?.providers?.feishu}
<button
class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-medium text-sm py-2.5"
class="flex justify-center items-center bg-gray-700/5 hover:bg-gray-700/10 dark:bg-gray-100/5 dark:hover:bg-gray-100/10 dark:text-gray-300 dark:hover:text-white transition w-full rounded-full font-normal text-sm py-2.5"
on:click={() => {
window.location.href = `${WEBUI_BASE_URL}/oauth/feishu/login`;
}}
src/routes/error/+page.svelte
+4 -4
View File
@@ -21,7 +21,7 @@
<div class="absolute rounded-xl w-full h-full backdrop-blur-sm flex justify-center">
<div class="m-auto pb-44 flex flex-col justify-center">
<div class="max-w-md">
<div class="text-center text-2xl font-medium z-50">
<div class="text-center text-2xl font-normal z-50">
{$i18n.t('{{webUIName}} Backend Required', { webUIName: $WEBUI_NAME })}
</div>
@@ -33,19 +33,19 @@
<br class=" " />
<br class=" " />
<a
class=" font-medium underline"
class=" font-normal underline"
href="https://github.com/open-webui/open-webui#how-to-install-"
target="_blank">{$i18n.t('See readme.md for instructions')}</a
>
{$i18n.t('or')}
<a class=" font-medium underline" href="https://discord.gg/5rJgQTnV4s" target="_blank"
<a class=" font-normal underline" href="https://discord.gg/5rJgQTnV4s" target="_blank"
>{$i18n.t('join our Discord for help.')}</a
>
</div>
<div class=" mt-6 mx-auto relative group w-fit">
<button
class="relative z-20 flex px-5 py-2 rounded-full bg-gray-100 hover:bg-gray-200 transition font-medium text-sm text-black"
class="relative z-20 flex px-5 py-2 rounded-full bg-gray-100 hover:bg-gray-200 transition font-normal text-sm text-black"
on:click={() => {
location.href = '/';
}}
src/routes/s/[id]/+page.svelte
+2 -2
View File
@@ -166,7 +166,7 @@
: 'max-w-[52rem]'} mx-auto"
>
<div class="px-3">
<h1 class=" text-2xl font-medium line-clamp-1 m-0">
<h1 class=" text-2xl font-normal line-clamp-1 m-0">
{title}
</h1>
@@ -208,7 +208,7 @@
>
<div class="pb-5">
<button
class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-900 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full"
on:click={cloneSharedChat}
>
{$i18n.t('Clone Chat')}