Emil_Shanaty/open-webui-ai4me
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-01-26 16:18:49 +04:00
parent 4c8d4e6dbd
commit 10ba2accf7
1 changed files with 55 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/workspace/Prompts/PromptEditor.svelte
+55 -35
View File
@@ -369,7 +369,7 @@
<!-- Edit mode: Read-only view with history --> <!-- Edit mode: Read-only view with history -->
<div class="flex flex-col w-full h-full max-h-[100dvh]"> <div class="flex flex-col w-full h-full max-h-[100dvh]">
<!-- Header --> <!-- Header -->
<div class="flex items-start justify-between gap-4 mb-2 shrink-0"> <div class="flex items-start justify-between gap-4 shrink-0">
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">
<input <input
class="text-2xl font-medium w-full bg-transparent outline-hidden" class="text-2xl font-medium w-full bg-transparent outline-hidden"
@@ -378,7 +378,8 @@
on:input={debouncedSaveMetadata} on:input={debouncedSaveMetadata}
{disabled} {disabled}
/> />
<div class="flex items-center gap-0.5 text-sm text-gray-500 mt-0.5">
<div class="flex items-center gap-0.5 text-sm text-gray-500 w-full flex-1">
<span>/</span> <span>/</span>
<input <input
class="bg-transparent outline-hidden" class="bg-transparent outline-hidden"
@@ -388,43 +389,62 @@
{disabled} {disabled}
/> />
</div> </div>
</div>
<div class="mt-2"> <div>
<Tags <div class="flex items-center gap-2 shrink-0 justify-end">
{tags} {#if !disabled}
{suggestionTags} <button
on:add={(e) => { class="px-4 py-1 text-sm font-medium bg-black text-white dark:bg-white dark:text-black rounded-full hover:opacity-90 transition shadow-xs"
tags = [...tags, { name: e.detail }]; on:click={() => (showEditModal = true)}
debouncedSaveMetadata(); >
}} {$i18n.t('Edit')}
on:delete={(e) => { </button>
tags = tags.filter((tag) => tag.name !== e.detail);
debouncedSaveMetadata(); <button
}} class="bg-gray-50 hover:bg-gray-100 text-black dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-white transition px-2.5 py-1 rounded-full flex gap-1.5 items-center text-sm border border-gray-100 dark:border-gray-800"
/> on:click={() => (showAccessControlModal = true)}
>
<LockClosed strokeWidth="2.5" className="size-3.5" />
{$i18n.t('Access')}
</button>
{:else}
<span class="text-xs text-gray-500 bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded-full"
>{$i18n.t('Read Only')}</span
>
{/if}
</div>
<div class="mt-1.5">
<Tooltip content={$i18n.t('Click to copy ID')}>
<button
class="text-xs text-gray-500 font-mono bg-gray-50 dark:bg-gray-850 px-2 py-1 rounded-lg cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 transition"
on:click={() => {
copyToClipboard(prompt.id);
toast.success($i18n.t('ID copied to clipboard'));
}}
>
{prompt.id}
</button>
</Tooltip>
</div> </div>
</div> </div>
<div class="flex items-center gap-2 shrink-0"> </div>
{#if !disabled}
<button
class="px-4 py-1 text-sm font-medium bg-black text-white dark:bg-white dark:text-black rounded-full hover:opacity-90 transition shadow-xs"
on:click={() => (showEditModal = true)}
>
{$i18n.t('Edit')}
</button>
<button <div class="mb-2 flex justify-between items-center gap-2">
class="bg-gray-50 hover:bg-gray-100 text-black dark:bg-gray-850 dark:hover:bg-gray-800 dark:text-white transition px-2.5 py-1 rounded-full flex gap-1.5 items-center text-sm border border-gray-100 dark:border-gray-800" <div class="flex-1 min-w-0">
on:click={() => (showAccessControlModal = true)} <Tags
> {tags}
<LockClosed strokeWidth="2.5" className="size-3.5" /> {suggestionTags}
{$i18n.t('Access')} on:add={(e) => {
</button> tags = [...tags, { name: e.detail }];
{:else} debouncedSaveMetadata();
<span class="text-xs text-gray-500 bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded-full" }}
>{$i18n.t('Read Only')}</span on:delete={(e) => {
> tags = tags.filter((tag) => tag.name !== e.detail);
{/if} debouncedSaveMetadata();
}}
/>
</div> </div>
</div> </div>