ti.sil/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui.git synced 2025-12-13 04:45:19 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

缩进重构: src/lib/components/chat/Messages/ResponseMessage.svelte

Browse source
This commit is contained in:
Gaofeng 2025-11-30 22:18:24 +08:00
parent 72b1bce250
commit 970d7bae88
1 changed files with 50 additions and 53 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

103
src/lib/components/chat/Messages/ResponseMessage.svelte
View file

@ -15,15 +15,15 @@
import { getChatById } from '$lib/apis/chats';
import { generateTags } from '$lib/apis';
import {
config,
models,
settings,
temporaryChatEnabled,
TTSWorker,
user,
userModels
} from '$lib/stores';
import {
config,
models,
settings,
temporaryChatEnabled,
TTSWorker,
user,
userModels
} from '$lib/stores';
import { synthesizeOpenAISpeech } from '$lib/apis/audio';
import { imageGenerations } from '$lib/apis/images';
import {
@ -155,30 +155,27 @@ import {
let buttonsContainerElement: HTMLDivElement;
let showDeleteConfirm = false;
let model = null;
let userModel = null;
let modelName = '';
let model = null;
let userModel = null;
let modelName = '';
$: {
const platformModel = $models.find((m) => m.id === message.model);
const credentialModel = (() => {
// 优先使用随消息携带的 credential_id 精确匹配
if (message?.model_item?.credential_id) {
return $userModels.find((m) => m.id === message.model_item.credential_id);
}
// 兼容历史消息：通过 model_id 反查
return $userModels.find((m) => m.model_id === message.model);
})();
$: {
const platformModel = $models.find((m) => m.id === message.model);
const credentialModel = (() => {
// 优先使用随消息携带的 credential_id 精确匹配
if (message?.model_item?.credential_id) {
return $userModels.find((m) => m.id === message.model_item.credential_id);
}
// 兼容历史消息：通过 model_id 反查
return $userModels.find((m) => m.model_id === message.model);
})();
userModel = credentialModel ? { ...credentialModel, id: credentialModel.model_id } : null;
model = platformModel ?? userModel;
userModel = credentialModel ? { ...credentialModel, id: credentialModel.model_id } : null;
model = platformModel ?? userModel;
modelName =
message.modelName ??
model?.name ??
(userModel?.name ?? userModel?.model_id) ??
message.model;
}
modelName =
message.modelName ?? model?.name ?? userModel?.name ?? userModel?.model_id ?? message.model;
}
let edit = false;
let editedContent = '';
@ -649,10 +646,10 @@ $: {
<div class="flex-auto w-0 pl-1 relative">
<Name>
<Tooltip content={modelName} placement="top-start">
<span class="line-clamp-1 text-black dark:text-white">
{modelName}
</span>
<Tooltip content={modelName} placement="top-start">
<span class="line-clamp-1 text-black dark:text-white">
{modelName}
</span>
</Tooltip>
{#if message.timestamp}
@ -1014,7 +1011,7 @@ $: {
</svg>
</button>
</Tooltip>
<!-- 朗读按钮 -->
<!-- {#if $user?.role === 'admin' || ($user?.permissions?.chat?.tts ?? true)}
<Tooltip content={$i18n.t('Read Aloud')} placement="bottom">
@ -1290,7 +1287,7 @@ $: {
</button>
</Tooltip>
{/if} -->
<!-- 继续生成按钮 -->
<!-- {#if isLastMessage && ($user?.role === 'admin' || ($user?.permissions?.chat?.continue_response ?? true))}
<Tooltip content={$i18n.t('Continue Response')} placement="bottom">
@ -1521,25 +1518,25 @@ $: {
}}
/>
{/if}
<!-- AI friend 屏蔽提问提示 -->
{#if false}
{#if (isLastMessage || ($settings?.keepFollowUpPrompts ?? false)) && message.done && !readOnly && (message?.followUps ?? []).length > 0}
<div class="mt-2.5" in:fade={{ duration: 100 }}>
<FollowUps
followUps={message?.followUps}
onClick={(prompt) => {
if ($settings?.insertFollowUpPrompt ?? false) {
// Insert the follow-up prompt into the input box
setInputText(prompt);
} else {
// Submit the follow-up prompt directly
submitMessage(message?.id, prompt);
}
}}
/>
</div>
{/if}
{#if (isLastMessage || ($settings?.keepFollowUpPrompts ?? false)) && message.done && !readOnly && (message?.followUps ?? []).length > 0}
<div class="mt-2.5" in:fade={{ duration: 100 }}>
<FollowUps
followUps={message?.followUps}
onClick={(prompt) => {
if ($settings?.insertFollowUpPrompt ?? false) {
// Insert the follow-up prompt into the input box
setInputText(prompt);
} else {
// Submit the follow-up prompt directly
submitMessage(message?.id, prompt);
}
}}
/>
</div>
{/if}
{/if}
{/if}
</div>