UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-04-02 12:09:06 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Show images in settings for prompt suggestions

Browse Source
This commit is contained in:
Luca Gutzeit 2025-03-31 11:17:36 +02:00
parent 81f239849a
commit 83a617817a
2 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/lib/components/admin/Settings/Interface.svelte
View File

@ -15,6 +15,7 @@
import Tooltip from '$lib/components/common/Tooltip.svelte';
import Switch from '$lib/components/common/Switch.svelte';
import Textarea from '$lib/components/common/Textarea.svelte';
import Image from '$lib/components/common/Image.svelte';
const dispatch = createEventDispatcher();
@ -427,15 +428,25 @@
bind:value={prompt.title[1]}
/>
</div>
<div class="flex w-full">
<textarea
class="px-3 py-1.5 w-full text-xs bg-transparent outline-hidden border-r border-gray-100 dark:border-gray-850 resize-none"
placeholder={$i18n.t(
'Prompt (e.g. Tell me a fun fact about the Roman Empire)'
)}
rows="3"
bind:value={prompt.content}
/>
<textarea
class="px-3 py-1.5 text-xs w-full bg-transparent outline-hidden border-r border-gray-100 dark:border-gray-850 resize-none"
placeholder={$i18n.t(
'Prompt (e.g. Tell me a fun fact about the Roman Empire)'
)}
rows="3"
bind:value={prompt.content}
/>
{#if prompt.imageUrl && prompt.image !== ''}
<Image
src={prompt.imageUrl}
alt="suggestion"
className="outline-hidden focus:outline-hidden"
imageClassName="min-w-14 size-14 rounded-xl object-cover"
/>
{/if}
</div>
</div>
<button

12
src/lib/components/workspace/Models/ModelEditor.svelte
View File

@ -10,6 +10,7 @@
import ActionsSelector from '$lib/components/workspace/Models/ActionsSelector.svelte';
import Capabilities from '$lib/components/workspace/Models/Capabilities.svelte';
import Textarea from '$lib/components/common/Textarea.svelte';
import Image from '$lib/components/common/Image.svelte';
import { getTools } from '$lib/apis/tools';
import { getFunctions } from '$lib/apis/functions';
import { getKnowledgeBases } from '$lib/apis/knowledge';
@ -657,6 +658,17 @@
bind:value={prompt.content}
/>
{#if prompt.imageUrl && prompt.image !== ''}
<Image
src={prompt.imageUrl}
alt="suggestion"
className="outline-hidden focus:outline-hidden"
imageClassName="min-w-10 size-10 rounded-xl object-cover"
/>
{/if}
<!-- TODO: Add way to upload an image (maybe files) -->
<button
class="px-2"
type="button"