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 committed 2026-07-15 04:33:06 -04:00
1 parent d859110311
commit 59fc600b52
8 files changed
+50 -46
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/lib/components/admin/Functions/FunctionEditor.svelte
+10 -10
View File
@@ -333,11 +333,11 @@ class Pipe:
}; };
</script> </script>
<div class=" flex flex-col justify-between w-full overflow-y-auto h-full"> <div class=" flex flex-col justify-between w-full min-w-0 overflow-y-auto overflow-x-hidden h-full">
<div class="mx-auto w-full md:px-0 h-full"> <div class="mx-auto w-full min-w-0 md:px-0 h-full">
<form <form
bind:this={formElement} bind:this={formElement}
class=" flex flex-col max-h-[100dvh] h-full" class=" flex flex-col min-w-0 max-h-[100dvh] h-full"
on:submit|preventDefault={() => { on:submit|preventDefault={() => {
if (edit) { if (edit) {
submitHandler(); submitHandler();
@@ -346,9 +346,9 @@ class Pipe:
} }
}} }}
> >
<div class="flex flex-col flex-1 overflow-auto h-0 rounded-lg"> <div class="flex flex-col flex-1 min-w-0 overflow-auto h-0 rounded-lg">
<div class="w-full mb-2 flex flex-col gap-0.5"> <div class="w-full mb-2 flex flex-col gap-0.5">
<div class="flex w-full items-center"> <div class="flex w-full min-w-0 items-center">
<div class=" shrink-0 mr-2"> <div class=" shrink-0 mr-2">
<Tooltip content={$i18n.t('Back')}> <Tooltip content={$i18n.t('Back')}>
<button <button
@@ -363,10 +363,10 @@ class Pipe:
</Tooltip> </Tooltip>
</div> </div>
<div class="flex-1"> <div class="flex-1 min-w-0">
<Tooltip content={$i18n.t('e.g. My Filter')} placement="top-start"> <Tooltip content={$i18n.t('e.g. My Filter')} placement="top-start">
<input <input
class="w-full text-2xl font-normal bg-transparent outline-hidden " class="w-full text-2xl font-normal bg-transparent outline-hidden"
type="text" type="text"
placeholder={$i18n.t('Function Name')} placeholder={$i18n.t('Function Name')}
bind:value={name} bind:value={name}
@@ -375,7 +375,7 @@ class Pipe:
</Tooltip> </Tooltip>
</div> </div>
<div class="flex items-center gap-2"> <div class="flex shrink-0 items-center gap-2">
{#if !edit} {#if !edit}
<select <select
class="text-xs bg-transparent border border-gray-100 dark:border-gray-800 rounded-lg px-2 py-1 outline-hidden" class="text-xs bg-transparent border border-gray-100 dark:border-gray-800 rounded-lg px-2 py-1 outline-hidden"
@@ -391,7 +391,7 @@ class Pipe:
</div> </div>
</div> </div>
<div class=" flex gap-2 px-1 items-center"> <div class=" flex min-w-0 gap-2 px-1 items-center">
{#if edit} {#if edit}
<div class="text-sm text-gray-500 shrink-0"> <div class="text-sm text-gray-500 shrink-0">
{id} {id}
@@ -425,7 +425,7 @@ class Pipe:
</div> </div>
</div> </div>
<div class="mb-2 flex-1 overflow-auto h-0 rounded-lg"> <div class="mb-2 flex-1 min-w-0 overflow-auto h-0 rounded-lg">
<CodeEditor <CodeEditor
bind:this={codeEditor} bind:this={codeEditor}
value={content} value={content}
src/lib/components/chat/ChatControls.svelte
+2 -2
View File
@@ -340,7 +340,7 @@
{/if} {/if}
</div> </div>
<button <button
class="p-1 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition text-gray-500 dark:text-gray-400" class="p-1 rounded-lg text-gray-500 dark:text-gray-400"
on:click={() => showControls.set(false)} on:click={() => showControls.set(false)}
aria-label={$i18n.t('Close')} aria-label={$i18n.t('Close')}
> >
@@ -485,7 +485,7 @@
{/if} {/if}
</div> </div>
<button <button
class="p-1 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition text-gray-500 dark:text-gray-400" class="p-1 rounded-lg text-gray-500 dark:text-gray-400"
on:click={() => showControls.set(false)} on:click={() => showControls.set(false)}
aria-label={$i18n.t('Close')} aria-label={$i18n.t('Close')}
> >
src/lib/components/workspace/Tools/ToolkitEditor.svelte
+8 -8
View File
@@ -207,11 +207,11 @@ class Tools:
}} }}
/> />
<div class=" flex flex-col justify-between w-full overflow-y-auto h-full"> <div class=" flex flex-col justify-between w-full min-w-0 overflow-y-auto overflow-x-hidden h-full">
<div class="mx-auto w-full md:px-0 h-full"> <div class="mx-auto w-full min-w-0 md:px-0 h-full">
<form <form
bind:this={formElement} bind:this={formElement}
class=" flex flex-col max-h-[100dvh] h-full" class=" flex flex-col min-w-0 max-h-[100dvh] h-full"
on:submit|preventDefault={() => { on:submit|preventDefault={() => {
if (edit) { if (edit) {
submitHandler(); submitHandler();
@@ -220,9 +220,9 @@ class Tools:
} }
}} }}
> >
<div class="flex flex-col flex-1 overflow-auto h-0 rounded-lg"> <div class="flex flex-col flex-1 min-w-0 overflow-auto h-0 rounded-lg">
<div class="w-full mb-2 flex flex-col gap-0.5"> <div class="w-full mb-2 flex flex-col gap-0.5">
<div class="flex w-full items-center"> <div class="flex w-full min-w-0 items-center">
<div class=" shrink-0 mr-2"> <div class=" shrink-0 mr-2">
<Tooltip content={$i18n.t('Back')}> <Tooltip content={$i18n.t('Back')}>
<button <button
@@ -238,7 +238,7 @@ class Tools:
</Tooltip> </Tooltip>
</div> </div>
<div class="flex-1"> <div class="flex-1 min-w-0">
<Tooltip content={$i18n.t('e.g. My Tools')} placement="top-start"> <Tooltip content={$i18n.t('e.g. My Tools')} placement="top-start">
<input <input
class="w-full text-2xl bg-transparent outline-hidden" class="w-full text-2xl bg-transparent outline-hidden"
@@ -268,7 +268,7 @@ class Tools:
</div> </div>
</div> </div>
<div class=" flex gap-2 px-1 items-center"> <div class=" flex min-w-0 gap-2 px-1 items-center">
{#if edit} {#if edit}
<div class="text-sm text-gray-500 shrink-0"> <div class="text-sm text-gray-500 shrink-0">
{id} {id}
@@ -304,7 +304,7 @@ class Tools:
</div> </div>
</div> </div>
<div class="mb-2 flex-1 overflow-auto h-0 rounded-lg"> <div class="mb-2 flex-1 min-w-0 overflow-auto h-0 rounded-lg">
<CodeEditor <CodeEditor
bind:this={codeEditor} bind:this={codeEditor}
value={content} value={content}
src/routes/(app)/admin/functions/create/+page.svelte
+1 -1
View File
@@ -96,7 +96,7 @@
{#if mounted} {#if mounted}
{#key func?.content} {#key func?.content}
<div class="px-[16px] h-full"> <div class="px-[16px] h-full min-w-0 overflow-x-hidden">
<FunctionEditor <FunctionEditor
id={func?.id ?? ''} id={func?.id ?? ''}
name={func?.name ?? ''} name={func?.name ?? ''}
src/routes/(app)/admin/functions/edit/+page.svelte
+1 -1
View File
@@ -81,7 +81,7 @@
</script> </script>
{#if func} {#if func}
<div class="px-[16px] h-full"> <div class="px-[16px] h-full min-w-0 overflow-x-hidden">
<FunctionEditor <FunctionEditor
edit={true} edit={true}
id={func.id} id={func.id}
src/routes/(app)/calendar/+page.svelte
+2 -2
View File
@@ -308,8 +308,8 @@
{ value: 'month', label: $i18n.t('Month') } { value: 'month', label: $i18n.t('Month') }
]} ]}
onChange={() => handleNavigate()} onChange={() => handleNavigate()}
triggerClass="relative flex items-center gap-1.5 px-3 py-1.5 bg-gray-50 dark:bg-gray-850 rounded-xl text-xs" triggerClass="relative flex items-center gap-1 px-2 py-1 rounded-lg text-xs text-gray-500 transition hover:bg-gray-50 hover:text-gray-700 dark:hover:bg-gray-850 dark:hover:text-white"
contentClass="rounded-2xl w-40 p-1 border border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-850 dark:text-white shadow-lg" contentClass="rounded-xl w-28 p-1 border border-gray-100 dark:border-gray-800 bg-white dark:bg-gray-850 dark:text-white shadow-lg"
align="end" align="end"
> >
<svelte:fragment slot="trigger" let:selectedLabel> <svelte:fragment slot="trigger" let:selectedLabel>
src/routes/(app)/workspace/tools/create/+page.svelte
+13 -11
View File
@@ -82,16 +82,18 @@
{#if mounted} {#if mounted}
{#key tool?.content} {#key tool?.content}
<ToolkitEditor <div class="h-full min-w-0 overflow-x-hidden">
id={tool?.id ?? ''} <ToolkitEditor
name={tool?.name ?? ''} id={tool?.id ?? ''}
meta={tool?.meta ?? { description: '' }} name={tool?.name ?? ''}
content={tool?.content ?? ''} meta={tool?.meta ?? { description: '' }}
accessGrants={tool?.access_grants !== undefined ? tool.access_grants : []} content={tool?.content ?? ''}
{clone} accessGrants={tool?.access_grants !== undefined ? tool.access_grants : []}
onSave={(value) => { {clone}
saveHandler(value); onSave={(value) => {
}} saveHandler(value);
/> }}
/>
</div>
{/key} {/key}
{/if} {/if}
src/routes/(app)/workspace/tools/edit/+page.svelte
+13 -11
View File
@@ -77,17 +77,19 @@
</script> </script>
{#if tool} {#if tool}
<ToolkitEditor <div class="h-full min-w-0 overflow-x-hidden">
edit={true} <ToolkitEditor
id={tool.id} edit={true}
name={tool.name} id={tool.id}
meta={tool.meta} name={tool.name}
content={tool.content} meta={tool.meta}
accessGrants={tool.access_grants ?? []} content={tool.content}
onSave={(value) => { accessGrants={tool.access_grants ?? []}
saveHandler(value); onSave={(value) => {
}} saveHandler(value);
/> }}
/>
</div>
{:else} {:else}
<div class="flex items-center justify-center h-full"> <div class="flex items-center justify-center h-full">
<div class=" pb-16"> <div class=" pb-16">