|
@@ -395,39 +395,37 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="w-full relative">
|
|
|
- {#if atSelectedModel !== undefined || selectedToolIds.length > 0 || webSearchEnabled || ($settings?.webSearch ?? false) === 'always' || imageGenerationEnabled || codeInterpreterEnabled}
|
|
|
+ {#if atSelectedModel !== undefined}
|
|
|
<div
|
|
|
class="px-3 pb-0.5 pt-1.5 text-left w-full flex flex-col absolute bottom-0 left-0 right-0 bg-linear-to-t from-white dark:from-gray-900 z-10"
|
|
|
>
|
|
|
- {#if atSelectedModel !== undefined}
|
|
|
- <div class="flex items-center justify-between w-full">
|
|
|
- <div class="pl-[1px] flex items-center gap-2 text-sm dark:text-gray-500">
|
|
|
- <img
|
|
|
- crossorigin="anonymous"
|
|
|
- alt="model profile"
|
|
|
- class="size-3.5 max-w-[28px] object-cover rounded-full"
|
|
|
- src={$models.find((model) => model.id === atSelectedModel.id)?.info?.meta
|
|
|
- ?.profile_image_url ??
|
|
|
- ($i18n.language === 'dg-DG'
|
|
|
- ? `/doge.png`
|
|
|
- : `${WEBUI_BASE_URL}/static/favicon.png`)}
|
|
|
- />
|
|
|
- <div class="translate-y-[0.5px]">
|
|
|
- Talking to <span class=" font-medium">{atSelectedModel.name}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <button
|
|
|
- class="flex items-center dark:text-gray-500"
|
|
|
- on:click={() => {
|
|
|
- atSelectedModel = undefined;
|
|
|
- }}
|
|
|
- >
|
|
|
- <XMark />
|
|
|
- </button>
|
|
|
+ <div class="flex items-center justify-between w-full">
|
|
|
+ <div class="pl-[1px] flex items-center gap-2 text-sm dark:text-gray-500">
|
|
|
+ <img
|
|
|
+ crossorigin="anonymous"
|
|
|
+ alt="model profile"
|
|
|
+ class="size-3.5 max-w-[28px] object-cover rounded-full"
|
|
|
+ src={$models.find((model) => model.id === atSelectedModel.id)?.info?.meta
|
|
|
+ ?.profile_image_url ??
|
|
|
+ ($i18n.language === 'dg-DG'
|
|
|
+ ? `/doge.png`
|
|
|
+ : `${WEBUI_BASE_URL}/static/favicon.png`)}
|
|
|
+ />
|
|
|
+ <div class="translate-y-[0.5px]">
|
|
|
+ Talking to <span class=" font-medium">{atSelectedModel.name}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
- {/if}
|
|
|
+ <div>
|
|
|
+ <button
|
|
|
+ class="flex items-center dark:text-gray-500"
|
|
|
+ on:click={() => {
|
|
|
+ atSelectedModel = undefined;
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <XMark />
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
{/if}
|
|
|
|