OpenWebUI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2025-05-21 21:46:22 +00:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

Merge pull request #9865 from feynmanliang/fix-9864

Browse Source 
fix - Fixes citation modal toggle when clicking inliine citations and # citations > 3
This commit is contained in:
Timothy Jaeryang Baek 2025-02-12 14:32:02 -08:00 committed by GitHub
commit 304ce2a14d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 21 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/chat/Messages/Citations.svelte
View File

@ -122,6 +122,7 @@
</div> </div>
{:else} {:else}
<Collapsible <Collapsible
id="collapsible-sources"
bind:open={isCollapsibleOpen} bind:open={isCollapsibleOpen}
className="w-full max-w-full " className="w-full max-w-full "
buttonClassName="w-fit max-w-full" buttonClassName="w-fit max-w-full"
@ -178,6 +179,7 @@
<div class="flex text-xs font-medium flex-wrap"> <div class="flex text-xs font-medium flex-wrap">
{#each citations as citation, idx} {#each citations as citation, idx}
<button <button
id={`source-${citation.source.name}`}
class="no-toggle outline-none flex dark:text-gray-300 p-1 bg-gray-50 hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 transition rounded-xl max-w-96" class="no-toggle outline-none flex dark:text-gray-300 p-1 bg-gray-50 hover:bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-850 transition rounded-xl max-w-96"
on:click={() => { on:click={() => {
showCitationModal = true; showCitationModal = true;

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

@ -716,12 +716,27 @@
floatingButtons={message?.done} floatingButtons={message?.done}
save={!readOnly} save={!readOnly}
{model} {model}
onSourceClick={(e) => { onSourceClick={async (e) => {
console.log(e); console.log(e);
const sourceButton = document.getElementById(`source-${e}`); let sourceButton = document.getElementById(`source-${e}`);
const sourcesCollapsible = document.getElementById(`collapsible-sources`);
if (sourceButton) { if (sourceButton) {
sourceButton.click(); sourceButton.click();
} else if (sourcesCollapsible) {
// Open sources collapsible so we can click the source button
sourcesCollapsible.querySelector("div:first-child").dispatchEvent(new PointerEvent('pointerup', {}))
// Wait for next frame to ensure DOM updates
await new Promise(resolve => {
requestAnimationFrame(() => {
requestAnimationFrame(resolve);
});
});
// Try clicking the source button again
sourceButton = document.getElementById(`source-${e}`);
sourceButton && sourceButton.click();
} }
}} }}
onAddMessages={({ modelId, parentId, messages }) => { onAddMessages={({ modelId, parentId, messages }) => {

3
src/lib/components/common/Collapsible.svelte
View File

@ -34,6 +34,7 @@
import Spinner from './Spinner.svelte'; import Spinner from './Spinner.svelte';
export let open = false; export let open = false;
export let id = '';
export let className = ''; export let className = '';
export let buttonClassName = export let buttonClassName =
'w-fit text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 transition'; 'w-fit text-gray-500 hover:text-gray-700 dark:hover:text-gray-300 transition';
@ -46,7 +47,7 @@
export let hide = false; export let hide = false;
</script> </script>
<div class={className}> <div id={id} class={className}>
{#if title !== null} {#if title !== null}
<!-- svelte-ignore a11y-no-static-element-interactions --> <!-- svelte-ignore a11y-no-static-element-interactions -->
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->