scriptoriumadmin/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2026-08-28 05:27:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

refac

Browse source
This commit is contained in:
Timothy Jaeryang Baek 2026-08-13 14:46:08 -06:00
parent 5cb87e6630
commit a17cb174ad
3 changed files with 25 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/lib/components/chat/FileNav.svelte
View file

@ -48,7 +48,7 @@
import PortPreview from './FileNav/PortPreview.svelte';
import XTerminal from './XTerminal.svelte';
const i18n = getContext('i18n');
const i18n: any = getContext('i18n');
export let onAttach: ((blob: Blob, name: string, contentType: string) => void) | null = null;
export let overlay = false;
@ -251,8 +251,9 @@
terminalChatContextPending = chatScoped && !terminalChatContextHidden && !isSavedChatId(chatId);
if (terminalChatContextHidden || terminalChatContextPending) return null;
const userTerminal = ($settings?.terminalServers ?? []).find(
(s) => s.url === $selectedTerminalId
const settingsValue: any = $settings;
const userTerminal = (settingsValue?.terminalServers ?? []).find(
(s: any) => s.url === $selectedTerminalId
);
const isSystem = !!systemTerminal;
@ -324,11 +325,16 @@
return normalized.endsWith('/') ? normalized : `${normalized}/`;
};
const labelFromPath = (path: string) => {
const parts = normalizePath(path).split('/').filter(Boolean);
return parts.at(-1) ?? '/';
};
const setFileRoot = (root?: TerminalFileRoot) => {
fileRoot = root?.path
? {
path: asDirectoryPath(root.path),
label: root.label || 'Home'
label: root.label || labelFromPath(root.path)
}
: null;
};
@ -1435,14 +1441,10 @@
{:else if error}
<div class="p-4 text-xs">{error}</div>
{:else if entries.length === 0 && !creatingFolder && !creatingFile}
<div class="flex flex-col items-center justify-center gap-1.5 py-12 text-center">
<Folder className="size-6 text-gray-200 dark:text-gray-700" />
<div class="flex items-center justify-center py-12">
<div class="text-xs text-gray-400 dark:text-gray-500">
{$i18n.t('This folder is empty')}
</div>
<div class="text-[0.6875rem] text-gray-300 dark:text-gray-600">
{$i18n.t('Drop files here to upload')}
</div>
</div>
{/if}
@ -1520,7 +1522,7 @@
<!-- Port detection -->
{#if selectedTerminal && !selectedFile && previewPort === null}
<div class="shrink-0 border-t border-gray-100 dark:border-gray-800">
<div class="shrink-0 border-t border-gray-50 dark:border-gray-850/30">
<PortList
baseUrl={selectedTerminal.url}
apiKey={selectedTerminal.key}
@ -1535,7 +1537,7 @@
<!-- Terminal bottom panel -->
{#if terminalEnabled}
<div class="shrink-0 border-t border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-850">
<div class="shrink-0 border-t border-gray-50 dark:border-gray-850/30">
{#if terminalExpanded}
<!-- Drag handle (at top of panel) -->
<!-- svelte-ignore a11y-no-static-element-interactions -->

8
src/lib/components/chat/FileNav/FileEntryRow.svelte
View file

@ -12,7 +12,7 @@
import Pencil from '../../icons/Pencil.svelte';
import Clipboard from '../../icons/Clipboard.svelte';
const i18n = getContext('i18n');
const i18n: any = getContext('i18n');
export let entry: FileEntry;
export let currentPath: string;
@ -140,7 +140,7 @@
<li class="group">
<div
class="w-full flex items-center transition
{selected ? 'bg-blue-50 dark:bg-blue-900/20' : 'hover:bg-gray-50 dark:hover:bg-gray-800'}
{selected ? 'bg-blue-50 dark:bg-blue-900/20' : 'hover:bg-gray-50/40 dark:hover:bg-gray-850/30'}
{dragOverFolder
? 'bg-blue-50 dark:bg-blue-900/30 ring-1 ring-blue-400 dark:ring-blue-500 ring-inset'
: ''}"
@ -303,7 +303,9 @@
{/if}
<span class="text-xs text-gray-400 shrink-0">{formatFileSize(entry.size)}</span>
{:else if entry.type === 'directory' && showDate && entry.modified && !renaming}
<span class="text-[0.625rem] text-gray-400 shrink-0">{formatRelativeTime(entry.modified)}</span>
<span class="text-[0.625rem] text-gray-400 shrink-0"
>{formatRelativeTime(entry.modified)}</span
>
{/if}
</button>

13
src/lib/components/chat/FileNav/FileNavToolbar.svelte
View file

@ -9,7 +9,7 @@
import Dropdown from '$lib/components/common/Dropdown.svelte';
import DropdownMenu from '$lib/components/common/DropdownMenu.svelte';
const i18n = getContext('i18n');
const i18n: any = getContext('i18n');
export let breadcrumbs: { label: string; path: string }[] = [];
export let selectedFile: string | null = null;
@ -40,6 +40,9 @@
let uploadInput: HTMLInputElement;
let breadcrumbEl: HTMLDivElement;
const showSeparator = (index: number) =>
index > 0 && (breadcrumbs[0]?.label !== '/' || index > 1);
// Scroll breadcrumb to the end after every DOM update
afterUpdate(() => {
if (breadcrumbEl) breadcrumbEl.scrollLeft = breadcrumbEl.scrollWidth;
@ -102,11 +105,11 @@
class="flex items-center flex-1 min-w-0 overflow-x-auto scrollbar-none"
>
{#each breadcrumbs as crumb, i}
{#if i > 1}
{#if showSeparator(i)}
<span class="text-gray-300 dark:text-gray-600 text-xs shrink-0 select-none mx-0.5">/</span>
{/if}
<button
class="text-xs shrink-0 px-1 py-0.5 rounded hover:bg-gray-100 dark:hover:bg-gray-800 transition
class="text-xs shrink-0 px-1 py-0.5 rounded transition
{!selectedFile && i === breadcrumbs.length - 1
? 'text-gray-700 dark:text-gray-300'
: 'text-gray-400 dark:text-gray-500 hover:text-gray-600 dark:hover:text-gray-400'}
@ -149,9 +152,7 @@
{/if}
</div>
{#if !writable}
<span class="text-[0.625rem] text-gray-400 dark:text-gray-500 shrink-0">
Read-only
</span>
<span class="text-[0.625rem] text-gray-400 dark:text-gray-500 shrink-0"> Read-only </span>
{/if}
<Tooltip content={$i18n.t('Refresh')}>