From d4461bd6f39936460a989e8bd50097de604b4b00 Mon Sep 17 00:00:00 2001 From: Timothy Jaeryang Baek Date: Mon, 10 Aug 2026 18:52:18 -0600 Subject: [PATCH] refac --- src/app.css | 22 ++++++------- src/lib/components/NotificationToast.svelte | 2 +- src/lib/components/OnBoarding.svelte | 2 +- .../admin/Analytics/ChartLine.svelte | 8 ++--- .../admin/Analytics/Dashboard.svelte | 4 +-- src/lib/components/admin/Evaluations.svelte | 2 +- .../admin/Evaluations/FeedbackMenu.svelte | 4 +-- .../admin/Evaluations/FeedbackModal.svelte | 2 +- .../admin/Evaluations/Feedbacks.svelte | 8 ++--- .../admin/Evaluations/Leaderboard.svelte | 2 +- src/lib/components/admin/Functions.svelte | 10 +++--- .../admin/Functions/AddFunctionMenu.svelte | 6 ++-- .../admin/Functions/FunctionEditor.svelte | 2 +- .../admin/Functions/FunctionMenu.svelte | 14 ++++---- .../components/admin/Settings/Models.svelte | 28 ++++++++-------- .../Settings/Models/AdminViewSelector.svelte | 2 +- .../admin/Settings/Models/ModelMenu.svelte | 18 +++++------ src/lib/components/admin/Users.svelte | 2 +- src/lib/components/admin/Users/Groups.svelte | 2 +- .../admin/Users/Groups/GroupItem.svelte | 2 +- .../automations/AutomationEditor.svelte | 18 +++++------ .../automations/AutomationMenu.svelte | 10 +++--- .../automations/FolderDropdown.svelte | 10 +++--- .../automations/ModelDropdown.svelte | 8 ++--- .../automations/ScheduleDropdown.svelte | 8 ++--- .../automations/TerminalDropdown.svelte | 8 ++--- .../calendar/CalendarEventChip.svelte | 4 +-- .../calendar/CalendarSidebar.svelte | 8 ++--- .../components/calendar/CalendarView.svelte | 16 +++++----- .../components/channel/MessageInput.svelte | 10 +++--- .../channel/MessageInput/InputMenu.svelte | 6 ++-- .../channel/MessageInput/MentionList.svelte | 2 +- src/lib/components/channel/Messages.svelte | 2 +- .../channel/Messages/Message.svelte | 10 +++--- .../Message/UserStatusLinkPreview.svelte | 2 +- src/lib/components/chat/Chat.svelte | 4 +-- .../ContentRenderer/FloatingButtons.svelte | 2 +- .../chat/EmbeddedChatHistoryDropdown.svelte | 4 +-- .../chat/EmbeddedChatHistoryItem.svelte | 8 ++--- src/lib/components/chat/FileNav.svelte | 4 +-- .../chat/FileNav/FileEntryRow.svelte | 16 +++++----- .../chat/FileNav/FileNavToolbar.svelte | 8 ++--- .../components/chat/FileNav/PortList.svelte | 4 +-- .../chat/FileNav/PortPreview.svelte | 2 +- src/lib/components/chat/MessageInput.svelte | 28 ++++++++-------- .../CallOverlay/VideoInputMenu.svelte | 4 +-- .../MessageInput/Commands/AtCommands.svelte | 8 ++--- .../chat/MessageInput/Commands/Emojis.svelte | 6 ++-- .../MessageInput/Commands/Knowledge.svelte | 8 ++--- .../chat/MessageInput/Commands/Models.svelte | 4 +-- .../chat/MessageInput/Commands/Prompts.svelte | 4 +-- .../chat/MessageInput/Commands/Skills.svelte | 4 +-- .../Commands/SlashCommands.svelte | 8 ++--- .../chat/MessageInput/InputMenu.svelte | 32 +++++++++---------- .../chat/MessageInput/InputMenu/Chats.svelte | 2 +- .../chat/MessageInput/InputMenu/Files.svelte | 2 +- .../MessageInput/InputMenu/Knowledge.svelte | 8 ++--- .../chat/MessageInput/InputMenu/Notes.svelte | 2 +- .../MessageInput/InputMenu/SearchInput.svelte | 2 +- .../chat/MessageInput/IntegrationsMenu.svelte | 20 ++++++------ .../MessageInput/QueuedMessageItem.svelte | 4 +-- .../chat/MessageInput/TerminalMenu.svelte | 12 +++---- .../chat/MessageInput/VoiceRecording.svelte | 2 +- .../components/chat/Messages/Citations.svelte | 2 +- .../chat/Messages/Markdown/Source.svelte | 2 +- .../chat/Messages/Markdown/SourceToken.svelte | 2 +- .../chat/Messages/OutputEditView.svelte | 2 +- .../ResponseMessage/RegenerateMenu.svelte | 10 +++--- .../ResponseMessage/StatusHistory.svelte | 2 +- .../chat/ModelSelector/ModelItem.svelte | 4 +-- .../chat/ModelSelector/ModelItemMenu.svelte | 12 +++---- .../chat/ModelSelector/Selector.svelte | 16 +++++----- src/lib/components/chat/Navbar.svelte | 6 ++-- .../chat/Settings/ArchivedChats.svelte | 2 +- .../chat/Settings/Personalization.svelte | 2 +- src/lib/components/chat/Settings/Usage.svelte | 4 +-- .../components/chat/ToolServersModal.svelte | 4 +-- src/lib/components/common/Badge.svelte | 2 +- src/lib/components/common/DocxPreview.svelte | 4 +-- src/lib/components/common/DropdownMenu.svelte | 2 +- .../components/common/DropdownOptions.svelte | 4 +-- src/lib/components/common/EmojiPicker.svelte | 4 +-- src/lib/components/common/Folder.svelte | 2 +- src/lib/components/common/MultiSelect.svelte | 2 +- src/lib/components/common/PDFViewer.svelte | 2 +- src/lib/components/common/Pagination.svelte | 6 ++-- src/lib/components/common/PptxPreview.svelte | 6 ++-- src/lib/components/common/Select.svelte | 4 +-- .../common/SplitCreateButton.svelte | 2 +- src/lib/components/common/Switch.svelte | 2 +- src/lib/components/common/Tags.svelte | 2 +- src/lib/components/common/Tags/TagItem.svelte | 4 +-- .../components/common/ToolCallDisplay.svelte | 4 +-- src/lib/components/layout/Navbar/Menu.svelte | 28 ++++++++-------- src/lib/components/layout/Sidebar.svelte | 6 ++-- .../layout/Sidebar/ChannelItem.svelte | 6 ++-- .../components/layout/Sidebar/ChatItem.svelte | 4 +-- .../components/layout/Sidebar/ChatMenu.svelte | 2 +- .../layout/Sidebar/Folders/FolderMenu.svelte | 2 +- .../layout/Sidebar/RecursiveFolder.svelte | 6 ++-- .../components/layout/Sidebar/Section.svelte | 2 +- .../components/layout/Sidebar/UserMenu.svelte | 2 +- src/lib/components/notes/AIMenu.svelte | 8 ++--- src/lib/components/notes/Notes.svelte | 12 +++---- .../components/notes/Notes/NoteMenu.svelte | 24 +++++++------- src/lib/components/notes/RecordMenu.svelte | 10 +++--- src/lib/components/playground/Chat.svelte | 8 ++--- src/lib/components/workspace/Knowledge.svelte | 6 ++-- .../workspace/Knowledge/ItemMenu.svelte | 6 ++-- .../workspace/Knowledge/KnowledgeBase.svelte | 4 +-- .../KnowledgeBase/AddContentMenu.svelte | 2 +- .../KnowledgeBase/AddTextContentModal.svelte | 2 +- .../KnowledgeBase/DirectoryRow.svelte | 2 +- .../Knowledge/KnowledgeBase/Files.svelte | 6 ++-- src/lib/components/workspace/Models.svelte | 20 ++++++------ .../Models/Knowledge/KnowledgeSelector.svelte | 8 ++--- .../workspace/Models/ModelMenu.svelte | 18 +++++------ .../workspace/Models/PromptSuggestions.svelte | 6 ++-- .../workspace/Models/TTSVoiceInput.svelte | 4 +-- .../workspace/Models/TypeaheadSelector.svelte | 6 ++-- src/lib/components/workspace/Prompts.svelte | 8 ++--- .../workspace/Prompts/PromptEditor.svelte | 2 +- .../Prompts/PromptHistoryMenu.svelte | 6 ++-- .../workspace/Prompts/PromptMenu.svelte | 12 +++---- src/lib/components/workspace/Skills.svelte | 8 ++--- .../workspace/Skills/SkillEditor.svelte | 4 +-- .../workspace/Skills/SkillMenu.svelte | 10 +++--- src/lib/components/workspace/Tools.svelte | 8 ++--- .../workspace/Tools/AddToolMenu.svelte | 6 ++-- .../workspace/Tools/ToolMenu.svelte | 12 +++---- .../workspace/Tools/ToolkitEditor.svelte | 2 +- .../workspace/common/CommunityDiscover.svelte | 4 +-- .../workspace/common/TagSelector.svelte | 6 ++-- .../workspace/common/ViewSelector.svelte | 2 +- src/lib/utils/index.ts | 12 +++---- src/routes/(app)/+layout.svelte | 10 +++--- .../(app)/admin/functions/create/+page.svelte | 2 +- .../(app)/admin/functions/edit/+page.svelte | 2 +- src/routes/(app)/automations/+page.svelte | 16 +++++----- 139 files changed, 470 insertions(+), 470 deletions(-) diff --git a/src/app.css b/src/app.css index 1d9c74770e..93df455113 100644 --- a/src/app.css +++ b/src/app.css @@ -694,7 +694,7 @@ html.high-contrast.dark .ProseMirror p.is-editor-empty:first-child::before { /* this is a rough fix for the first cursor position when the first paragraph is empty */ .ProseMirror > .ProseMirror-yjs-cursor:first-child { - margin-top: 16px; + margin-top: 1rem; } /* This gives the remote user caret. The colors are automatically overwritten*/ .ProseMirror-yjs-cursor { @@ -712,12 +712,12 @@ html.high-contrast.dark .ProseMirror p.is-editor-empty:first-child::before { position: absolute; top: -1.05em; left: -1px; - font-size: 13px; + font-size: 0.8125rem; background-color: rgb(250, 129, 0); user-select: none; color: white; - padding-left: 2px; - padding-right: 2px; + padding-left: 0.125rem; + padding-right: 0.125rem; white-space: nowrap; } @@ -734,7 +734,7 @@ body { /* Position the handle relative to each LI */ .pm-li--with-handle { position: relative; - margin-left: 12px; /* make space for the handle */ + margin-left: 0.75rem; /* make space for the handle */ } .tiptap ul[data-type='taskList'] .pm-list-drag-handle { @@ -744,16 +744,16 @@ body { /* The drag handle itself */ .pm-list-drag-handle { position: absolute; - left: -36px; /* pull into the left gutter */ + left: -2.25rem; /* pull into the left gutter */ top: 1px; - width: 18px; - height: 18px; + width: 1.125rem; + height: 1.125rem; display: inline-flex; align-items: center; justify-content: center; - font-size: 12px; + font-size: 0.75rem; line-height: 1; - border-radius: 4px; + border-radius: 0.25rem; cursor: grab; user-select: none; opacity: 0.35; @@ -763,7 +763,7 @@ body { } .tiptap ul[data-type='taskList'] .pm-list-drag-handle { - left: -16px; /* pull into the left gutter more to avoid the checkbox */ + left: -1rem; /* pull into the left gutter more to avoid the checkbox */ } .pm-list-drag-handle:active { diff --git a/src/lib/components/NotificationToast.svelte b/src/lib/components/NotificationToast.svelte index f2c37d1d80..5862585226 100644 --- a/src/lib/components/NotificationToast.svelte +++ b/src/lib/components/NotificationToast.svelte @@ -117,7 +117,7 @@
{#if title} -
{title}
+
{title}
{/if}
diff --git a/src/lib/components/OnBoarding.svelte b/src/lib/components/OnBoarding.svelte index a7639ef690..c761dc1933 100644 --- a/src/lib/components/OnBoarding.svelte +++ b/src/lib/components/OnBoarding.svelte @@ -74,7 +74,7 @@ -
+
Open WebUI
diff --git a/src/lib/components/admin/Analytics/ChartLine.svelte b/src/lib/components/admin/Analytics/ChartLine.svelte index 87f5baf6c5..7d5d8e39ba 100644 --- a/src/lib/components/admin/Analytics/ChartLine.svelte +++ b/src/lib/components/admin/Analytics/ChartLine.svelte @@ -88,7 +88,7 @@ : period === 'year' || period === 'all' ? 'M/D/YY' : 'M/D'} -
+
{#each Array(labelCount) as _, i} {@const idx = i === labelCount - 1 ? data.length - 1 : Math.min(i * step, data.length - 1)} {#if data[idx]} @@ -102,13 +102,13 @@ {#if hovered} {@const total = Object.values(hovered.models || {}).reduce((a, b) => a + b, 0)}
-
+
{#if hovered.date?.includes(':')} {dayjs(hovered.date).format('MMM D, h A')} {:else} diff --git a/src/lib/components/admin/Analytics/Dashboard.svelte b/src/lib/components/admin/Analytics/Dashboard.svelte index dabe5928ab..ecac9c3d4a 100644 --- a/src/lib/components/admin/Analytics/Dashboard.svelte +++ b/src/lib/components/admin/Analytics/Dashboard.svelte @@ -488,7 +488,7 @@ e.target.src = '/favicon.png'; }} /> - {model.name} + {model.name}
{model.count.toLocaleString()} @@ -596,7 +596,7 @@ e.target.src = '/user.png'; }} /> - {user.name || user.email || user.user_id.substring(0, 8)}
diff --git a/src/lib/components/admin/Evaluations.svelte b/src/lib/components/admin/Evaluations.svelte index ee2930ebbb..5a7bb7965e 100644 --- a/src/lib/components/admin/Evaluations.svelte +++ b/src/lib/components/admin/Evaluations.svelte @@ -117,7 +117,7 @@
-
+
{#if selectedTab === 'leaderboard'} {:else if selectedTab === 'feedback'} diff --git a/src/lib/components/admin/Evaluations/FeedbackMenu.svelte b/src/lib/components/admin/Evaluations/FeedbackMenu.svelte index e473ef52a2..fb14aaa702 100644 --- a/src/lib/components/admin/Evaluations/FeedbackMenu.svelte +++ b/src/lib/components/admin/Evaluations/FeedbackMenu.svelte @@ -18,9 +18,9 @@
- +
- +
{#if loading}
{func.type}
{func.name}
@@ -528,7 +528,7 @@ {#if func?.meta?.manifest?.version}
v{func?.meta?.manifest?.version ?? ''}
@@ -536,7 +536,7 @@
{dayjs(func.updated_at * 1000).fromNow()}
@@ -561,7 +561,7 @@