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/lib/components/layout/ArchivedChatsModal.svelte
+3 -3
View File
@@ -172,9 +172,9 @@
{unarchiveHandler}
>
<div slot="footer">
<div class="flex flex-wrap text-sm font-medium gap-1.5 mt-2 m-1 justify-end w-full">
<div class="flex flex-wrap text-sm font-normal gap-1.5 mt-2 m-1 justify-end w-full">
<button
class=" px-3.5 py-1.5 font-medium hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
class=" px-3.5 py-1.5 font-normal hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
disabled={loading}
on:click={() => {
showUnarchiveAllConfirmDialog = true;
@@ -188,7 +188,7 @@
</button>
<button
class="px-3.5 py-1.5 font-medium hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
class="px-3.5 py-1.5 font-normal hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
disabled={loading}
on:click={() => {
exportChatsHandler();
src/lib/components/layout/ChatsModal.svelte
+5 -5
View File
@@ -93,14 +93,14 @@
<Modal size="lg" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
<div class="flex items-center gap-2 text-lg font-medium self-center">
<div class="flex items-center gap-2 text-lg font-normal self-center">
<div>{title}</div>
{#if count !== null}
<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">
{count}
</div>
{:else if chatList}
<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">
{chatList.length}
</div>
{/if}
@@ -172,7 +172,7 @@
{#if chatList}
<div class="w-full">
{#if chatList.length > 0}
<div class="flex text-xs font-medium mb-1.5">
<div class="flex text-xs font-normal mb-1.5">
{#if showUserInfo}
<div class="px-1.5 py-1 w-32">
{$i18n.t('User')}
@@ -240,7 +240,7 @@
{#each chatList as chat, idx (chat.id)}
{#if (idx === 0 || (idx > 0 && chat.time_range !== chatList[idx - 1].time_range)) && chat?.time_range}
<div
class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium {idx === 0
class="w-full text-xs text-gray-500 dark:text-gray-500 font-normal {idx === 0
? ''
: 'pt-5'} pb-2 px-2"
>
src/lib/components/layout/FilesModal.svelte
+4 -4
View File
@@ -203,14 +203,14 @@
<Modal size="xl" bind:show>
<div>
<div class="flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
<div class="flex items-center gap-2 text-lg font-medium self-center">
<div class="flex items-center gap-2 text-lg font-normal self-center">
<div>{$i18n.t('Files')}</div>
{#if query && files}
<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">
{files.length}
</div>
{:else if fileCount !== null}
<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">
{fileCount}
</div>
{/if}
@@ -281,7 +281,7 @@
{#if files !== null}
<div class="w-full">
{#if files.length > 0}
<div class="flex text-xs font-medium mb-1.5">
<div class="flex text-xs font-normal mb-1.5">
<button
class="px-1.5 py-1 cursor-pointer select-none basis-3/5"
on:click={() => setSortKey('filename')}
src/lib/components/layout/Overlay/AccountPending.svelte
+3 -3
View File
@@ -25,7 +25,7 @@
<div class="m-auto pb-10 flex flex-col justify-center">
<div class="max-w-md">
<div
class="text-center dark:text-white text-2xl font-medium z-50"
class="text-center dark:text-white text-2xl font-normal z-50"
style="white-space: pre-wrap;"
>
{#if ($config?.ui?.pending_user_overlay_title ?? '').trim() !== ''}
@@ -52,14 +52,14 @@
</div>
{#if adminDetails}
<div class="mt-4 text-sm font-medium text-center">
<div class="mt-4 text-sm font-normal text-center">
<div>{$i18n.t('Admin')}: {adminDetails.name} ({adminDetails.email})</div>
</div>
{/if}
<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 text-gray-700 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 text-gray-700 transition font-normal text-sm"
on:click={async () => {
location.href = '/';
}}
src/lib/components/layout/SearchModal.svelte
+3 -3
View File
@@ -544,7 +544,7 @@
}}
>
<div class="text-sm text-gray-500 flex-1 line-clamp-3">
{$i18n.t('This will delete')} <span class="font-semibold">{menuChatTitle}</span>.
{$i18n.t('This will delete')} <span class="font-normal">{menuChatTitle}</span>.
</div>
</DeleteConfirmDialog>
@@ -591,7 +591,7 @@
<div
class="flex flex-col overflow-y-auto h-96 md:h-[40rem] max-h-full scrollbar-hidden w-full flex-1 pr-2"
>
<div class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium pb-2 px-2">
<div class="w-full text-xs text-gray-500 dark:text-gray-500 font-normal pb-2 px-2">
{$i18n.t('Actions')}
</div>
@@ -633,7 +633,7 @@
{#each chatList as chat, idx (chat.id)}
{#if idx === 0 || (idx > 0 && chat.time_range !== chatList[idx - 1].time_range)}
<div
class="w-full text-xs text-gray-500 dark:text-gray-500 font-medium {idx === 0
class="w-full text-xs text-gray-500 dark:text-gray-500 font-normal {idx === 0
? ''
: 'pt-4'} pb-1.5 px-2"
>
src/lib/components/layout/SharedChatsModal.svelte
+2 -2
View File
@@ -155,9 +155,9 @@
{unshareHandler}
>
<div slot="footer">
<div class="flex flex-wrap text-sm font-medium gap-1.5 mt-2 m-1 justify-end w-full">
<div class="flex flex-wrap text-sm font-normal gap-1.5 mt-2 m-1 justify-end w-full">
<button
class=" px-3.5 py-1.5 font-medium hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
class=" px-3.5 py-1.5 font-normal hover:bg-black/5 dark:hover:bg-white/5 outline outline-1 outline-gray-100 dark:outline-gray-800 rounded-3xl"
disabled={loading}
on:click={() => {
showUnshareAllConfirmDialog = true;
src/lib/components/layout/Sidebar.svelte
+7 -7
View File
@@ -1050,7 +1050,7 @@
<a href="/" class="flex flex-1 px-0.5" on:click={newChatHandler}>
<div
id="sidebar-webui-name"
class=" self-center font-medium text-gray-850 dark:text-white font-primary"
class=" self-center font-normal text-gray-850 dark:text-white "
>
{$WEBUI_NAME}
</div>
@@ -1106,7 +1106,7 @@
</div>
<div class="flex flex-1 self-center translate-y-[0.5px]">
<div class=" self-center text-sm font-primary">{$i18n.t('New Chat')}</div>
<div class=" self-center text-sm ">{$i18n.t('New Chat')}</div>
</div>
<HotkeyHint name="newChat" className=" group-hover:visible invisible" />
@@ -1128,7 +1128,7 @@
</div>
<div class="flex flex-1 self-center translate-y-[0.5px]">
<div class=" self-center text-sm font-primary">{$i18n.t('Search')}</div>
<div class=" self-center text-sm ">{$i18n.t('Search')}</div>
</div>
<HotkeyHint name="search" className=" group-hover:visible invisible" />
</button>
@@ -1204,7 +1204,7 @@
</div>
<div class="flex self-center translate-y-[0.5px]">
<div class=" self-center text-sm font-primary">{$i18n.t(meta.label)}</div>
<div class=" self-center text-sm ">{$i18n.t(meta.label)}</div>
</div>
</a>
</div>
@@ -1500,7 +1500,7 @@
{#each $chats as chat, idx (`chat-${chat?.id ?? idx}`)}
{#if idx === 0 || (idx > 0 && chat.time_range !== $chats[idx - 1].time_range)}
<div
class="w-full pl-2.5 text-xs text-gray-500 dark:text-gray-500 font-medium {idx ===
class="w-full pl-2.5 text-xs text-gray-500 dark:text-gray-500 font-normal {idx ===
0
? ''
: 'pt-4'} pb-1"
@@ -1585,7 +1585,7 @@
<div
class=" sidebar-bg-gradient-to-t bg-linear-to-t from-gray-50 dark:from-gray-950 to-transparent from-50% pointer-events-none absolute inset-0 -z-10 -mt-6"
></div>
<div class="flex flex-col font-primary">
<div class="flex flex-col ">
{#if $user !== undefined && $user !== null}
<UserMenu
role={$user?.role}
@@ -1623,7 +1623,7 @@
</div>
{/if}
</div>
<div class=" self-center font-medium truncate">{$user?.name}</div>
<div class=" self-center font-normal truncate">{$user?.name}</div>
</button>
</UserMenu>
{/if}
src/lib/components/layout/Sidebar/ChannelItem.svelte
+2 -2
View File
@@ -78,7 +78,7 @@
.url.pathname === `/channels/${channel.id}`
? 'bg-gray-100 dark:bg-gray-900 selected'
: ''} {channel?.type === 'dm' ? 'px-1 py-[3px]' : 'p-1'} {channel?.unread_count > 0
? 'font-medium dark:text-white text-black'
? 'font-normal dark:text-white text-black'
: ' dark:text-gray-400 text-gray-600'} cursor-pointer select-none"
>
<a
@@ -191,7 +191,7 @@
<div class="flex items-center">
{#if channel?.unread_count > 0}
<div
class="text-xs py-[1px] px-2 rounded-xl bg-gray-100 text-black dark:bg-gray-800 dark:text-white font-medium whitespace-nowrap"
class="text-xs py-[1px] px-2 rounded-xl bg-gray-100 text-black dark:bg-gray-800 dark:text-white font-normal whitespace-nowrap"
>
{new Intl.NumberFormat($i18n.locale, {
notation: 'compact',
src/lib/components/layout/Sidebar/ChannelModal.svelte
+4 -4
View File
@@ -141,7 +141,7 @@
<Modal size="md" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
<div class=" text-lg font-medium self-center">
<div class=" text-lg font-normal self-center">
{#if edit}
{$i18n.t('Edit Channel')}
{:else}
@@ -275,10 +275,10 @@
</div>
{/if}
<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
<div class="flex justify-end pt-3 text-sm font-normal gap-1.5">
{#if edit}
<button
class="px-3.5 py-1.5 text-sm font-medium dark:bg-black dark:hover:bg-black/90 dark:text-white bg-white text-black hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
class="px-3.5 py-1.5 text-sm font-normal dark:bg-black dark:hover:bg-black/90 dark:text-white bg-white text-black hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center"
type="button"
on:click={() => {
showDeleteConfirmDialog = true;
@@ -289,7 +289,7 @@
{/if}
<button
class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
? ' cursor-not-allowed'
: ''}"
type="submit"
src/lib/components/layout/Sidebar/ChatItem.svelte
+2 -2
View File
@@ -427,7 +427,7 @@
}}
>
<div class=" text-sm text-gray-500 flex-1 line-clamp-3">
{$i18n.t('This will delete')} <span class=" font-semibold">{title}</span>.
{$i18n.t('This will delete')} <span class=" font-normal">{title}</span>.
</div>
</DeleteConfirmDialog>
@@ -562,7 +562,7 @@
<div
dir="auto"
class="text-left self-center overflow-hidden w-full h-[20px] truncate {unread
? 'font-medium text-gray-900 dark:text-gray-100'
? 'font-normal text-gray-900 dark:text-gray-100'
: ''}"
>
{title}
src/lib/components/layout/Sidebar/Folders/FolderModal.svelte
+3 -3
View File
@@ -111,7 +111,7 @@
<Modal size="md" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
<div class=" text-lg font-medium self-center">
<div class=" text-lg font-normal self-center">
{#if edit}
{$i18n.t('Edit Folder')}
{:else}
@@ -240,9 +240,9 @@
</Knowledge>
</div>
<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
<div class="flex justify-end pt-3 text-sm font-normal gap-1.5">
<button
class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
? ' cursor-not-allowed'
: ''}"
type="submit"
src/lib/components/layout/Sidebar/Folders/FolderShareModal.svelte
+1 -1
View File
@@ -57,7 +57,7 @@
<Modal size="sm" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-100 px-5 pt-3 pb-1">
<div class=" text-lg font-medium self-center font-primary">
<div class=" text-lg font-normal self-center ">
{$i18n.t('Share')}: {folder?.name ?? ''}
</div>
<button
src/lib/components/layout/Sidebar/PinnedModelItem.svelte
+1 -1
View File
@@ -46,7 +46,7 @@
</div>
<div class="flex self-center translate-y-[0.5px]">
<div class=" self-center text-sm font-primary line-clamp-1">
<div class=" self-center text-sm line-clamp-1">
{model?.name ?? model.id}
</div>
</div>
src/lib/components/layout/Sidebar/SearchInput.svelte
+4 -4
View File
@@ -319,7 +319,7 @@
>
<div class="px-3 py-2.5 text-xs group">
{#if filteredItems.length > 0}
<div class="px-1 font-medium dark:text-gray-300 text-gray-700 mb-1 capitalize">
<div class="px-1 font-normal dark:text-gray-300 text-gray-700 mb-1 capitalize">
{selectedOption}
</div>
@@ -344,7 +344,7 @@
dispatch('input');
}}
>
<div class="dark:text-gray-300 text-gray-700 font-medium line-clamp-1 shrink-0">
<div class="dark:text-gray-300 text-gray-700 font-normal line-clamp-1 shrink-0">
{item.name}
</div>
@@ -355,7 +355,7 @@
{/each}
</div>
{:else if filteredOptions.length > 0}
<div class="px-1 font-medium dark:text-gray-300 text-gray-700 mb-1">
<div class="px-1 font-normal dark:text-gray-300 text-gray-700 mb-1">
{$i18n.t('Search options')}
</div>
@@ -380,7 +380,7 @@
dispatch('input');
}}
>
<div class="dark:text-gray-300 text-gray-700 font-medium">{option.name}</div>
<div class="dark:text-gray-300 text-gray-700 font-normal">{option.name}</div>
<div class=" text-gray-500 line-clamp-1">
{option.description}
src/lib/components/layout/Sidebar/SharedFolderItem.svelte
+1 -1
View File
@@ -55,7 +55,7 @@
<!-- svelte-ignore a11y-no-static-element-interactions -->
<div class="w-full group">
<button
class="w-full py-1 flex items-center gap-1 text-xs text-left font-medium
class="w-full py-1 flex items-center gap-1 text-xs text-left font-normal
text-gray-600 dark:text-gray-400
hover:text-gray-900 dark:hover:text-gray-200
transition-colors duration-100 cursor-pointer"
src/lib/components/layout/Sidebar/UserMenu.svelte
+1 -1
View File
@@ -653,7 +653,7 @@
<span class="">
{$i18n.t('Active Users')}:
</span>
<span class="font-medium">
<span class="font-normal">
{usage?.user_count}
</span>
</div>
src/lib/components/layout/Sidebar/UserStatusModal.svelte
+3 -3
View File
@@ -74,7 +74,7 @@
<Modal size="sm" bind:show>
<div>
<div class=" flex justify-between dark:text-gray-300 px-5 pt-4 pb-1">
<div class=" text-lg font-medium self-center">
<div class=" text-lg font-normal self-center">
{$i18n.t('Set your status')}
</div>
<button
@@ -141,9 +141,9 @@
</div>
</div>
<div class="flex justify-end pt-3 text-sm font-medium gap-1.5">
<div class="flex justify-end pt-3 text-sm font-normal gap-1.5">
<button
class="px-3.5 py-1.5 text-sm font-medium bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
class="px-3.5 py-1.5 text-sm font-normal bg-black hover:bg-gray-950 text-white dark:bg-white dark:text-black dark:hover:bg-gray-100 transition rounded-full flex flex-row space-x-1 items-center {loading
? ' cursor-not-allowed'
: ''}"
type="submit"
src/lib/components/layout/UpdateInfoToast.svelte
+1 -1
View File
@@ -16,7 +16,7 @@
<div
class="flex items-start bg-[#F1F8FE] dark:bg-[#020C1D] border border-[3371D5] dark:border-[#03113B] text-[#2B6CD4] dark:text-[#6795EC] rounded-lg px-3.5 py-3 text-xs max-w-80 pr-2 w-full shadow-lg"
>
<div class="flex-1 font-medium">
<div class="flex-1 font-normal">
{$i18n.t(`A new version (v{{LATEST_VERSION}}) is now available.`, {
LATEST_VERSION: version.latest
})}