tdpeuter/open-webui
tdpeuter/open-webui
1
Fork 0
forked from open-webui/open-webui
Code Issues Pull requests 1 Projects 1 Releases 2 Packages Activity Actions

feat: message ts display

Browse source
This commit is contained in:
Timothy J. Baek 2024-01-17 17:43:45 -08:00
parent 59724ea9d8
commit 4ec81a897e
5 changed files with 22 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/components/chat/Messages/Name.svelte
View file

@ -1,3 +1,3 @@
<div class=" self-center font-bold mb-0.5 capitalize">
<div class=" self-center font-bold mb-0.5 capitalize line-clamp-1">
<slot />
</div>

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

@ -1,4 +1,5 @@
<script lang="ts">
import dayjs from 'dayjs';
import { marked } from 'marked';
import tippy from 'tippy.js';
@ -219,6 +220,12 @@
>{message.model ? ` ${message.model}` : ''}</span
>
{/if}
{#if message.timestamp}
<span class=" invisible group-hover:visible text-gray-400 text-xs font-normal">
{dayjs(message.timestamp * 1000).format('DD/MM/YYYY HH:MM')}
</span>
{/if}
</Name>
{#if message.content === ''}

8
src/lib/components/chat/Messages/UserMessage.svelte
View file

@ -1,4 +1,6 @@
<script lang="ts">
import dayjs from 'dayjs';
import { tick } from 'svelte';
import Name from './Name.svelte';
import ProfileImage from './ProfileImage.svelte';
@ -61,6 +63,12 @@
{:else}
You
{/if}
{#if message.timestamp}
<span class=" invisible group-hover:visible text-gray-400 text-xs font-normal">
{dayjs(message.timestamp * 1000).format('DD/MM/YYYY HH:MM')}
</span>
{/if}
</Name>
</div>

6
src/routes/(app)/+page.svelte
View file

@ -146,7 +146,7 @@
user: _user ?? undefined,
content: userPrompt,
files: files.length > 0 ? files : undefined,
timestamp: Date.now()
timestamp: Math.floor(Date.now() / 1000) // Unix epoch
};
// Add message to history and Set currentId to messageId
@ -258,7 +258,7 @@
role: 'assistant',
content: '',
model: model,
timestamp: Date.now()
timestamp: Math.floor(Date.now() / 1000) // Unix epoch
};
// Add message to history and Set currentId to messageId
@ -449,7 +449,7 @@
role: 'assistant',
content: '',
model: model,
timestamp: Date.now()
timestamp: Math.floor(Date.now() / 1000) // Unix epoch
};
history.messages[responseMessageId] = responseMessage;

6
src/routes/(app)/c/[id]/+page.svelte
View file

@ -165,7 +165,7 @@
user: _user ?? undefined,
content: userPrompt,
files: files.length > 0 ? files : undefined,
timestamp: Date.now()
timestamp: Math.floor(Date.now() / 1000) // Unix epoch
};
// Add message to history and Set currentId to messageId
@ -276,7 +276,7 @@
role: 'assistant',
content: '',
model: model,
timestamp: Date.now()
timestamp: Math.floor(Date.now() / 1000) // Unix epoch
};
// Add message to history and Set currentId to messageId
@ -467,7 +467,7 @@
role: 'assistant',
content: '',
model: model,
timestamp: Date.now()
timestamp: Math.floor(Date.now() / 1000) // Unix epoch
};
history.messages[responseMessageId] = responseMessage;