UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-02-06 13:10:16 +00:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Merge pull request #4929 from jannikstdl/improve-rag-status

Browse Source 
fix: reset status on error + styling
This commit is contained in:
Timothy Jaeryang Baek 2024-08-27 13:08:46 +02:00 committed by GitHub
commit 18a6b00083
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 61 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/lib/components/chat/Chat.svelte
View File

@ -1043,6 +1043,13 @@
}; };
} }
responseMessage.done = true; responseMessage.done = true;
if (responseMessage.statusHistory) {
responseMessage.statusHistory = responseMessage.statusHistory.filter(
(status) => status.action !== 'knowledge_search'
);
}
messages = messages; messages = messages;
} }
@ -1405,6 +1412,12 @@
}; };
responseMessage.done = true; responseMessage.done = true;
if (responseMessage.statusHistory) {
responseMessage.statusHistory = responseMessage.statusHistory.filter(
(status) => status.action !== 'knowledge_search'
);
}
messages = messages; messages = messages;
}; };

51
src/lib/components/chat/Messages/ResponseMessage.svelte
View File

@ -346,7 +346,7 @@
{@const status = ( {@const status = (
message?.statusHistory ?? [...(message?.status ? [message?.status] : [])] message?.statusHistory ?? [...(message?.status ? [message?.status] : [])]
).at(-1)} ).at(-1)}
<div class="flex items-center gap-2 pt-0.5 pb-1"> <div class="status-description flex items-center gap-2 pt-0.5 pb-1">
{#if status?.done === false} {#if status?.done === false}
<div class=""> <div class="">
<Spinner className="size-4" /> <Spinner className="size-4" />
@ -356,14 +356,16 @@
{#if status?.action === 'web_search' && status?.urls} {#if status?.action === 'web_search' && status?.urls}
<WebSearchResults {status}> <WebSearchResults {status}>
<div class="flex flex-col justify-center -space-y-0.5"> <div class="flex flex-col justify-center -space-y-0.5">
<div class="text-base line-clamp-1 text-wrap"> <div class="shimmer text-base line-clamp-1 text-wrap">
{status?.description} {status?.description}
</div> </div>
</div> </div>
</WebSearchResults> </WebSearchResults>
{:else} {:else}
<div class="flex flex-col justify-center -space-y-0.5"> <div class="flex flex-col justify-center -space-y-0.5">
<div class=" text-gray-500 dark:text-gray-500 text-base line-clamp-1 text-wrap"> <div
class="shimmer text-gray-500 dark:text-gray-500 text-base line-clamp-1 text-wrap"
>
{status?.description} {status?.description}
</div> </div>
</div> </div>
@ -1027,4 +1029,47 @@
-ms-overflow-style: none; /* IE and Edge */ -ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */ scrollbar-width: none; /* Firefox */
} }
@keyframes shimmer {
0% {
background-position: 200% 0;
}
100% {
background-position: -200% 0;
}
}
.shimmer {
background: linear-gradient(90deg, #9a9b9e 25%, #2a2929 50%, #9a9b9e 75%);
background-size: 200% 100%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shimmer 4s linear infinite;
color: #818286; /* Fallback color */
}
:global(.dark) .shimmer {
background: linear-gradient(90deg, #818286 25%, #eae5e5 50%, #818286 75%);
background-size: 200% 100%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shimmer 4s linear infinite;
color: #a1a3a7; /* Darker fallback color for dark mode */
}
@keyframes smoothFadeIn {
0% {
opacity: 0;
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.status-description {
animation: smoothFadeIn 0.2s forwards;
}
</style> </style>