klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-07 21:29:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Render inline png, webp images generated by Khoj in chat view

Browse Source 
Add spacing between chat message paragraphs
This commit is contained in:
Debanjum Singh Solanky
2024-07-12 15:12:24 +05:30
parent 3e7e73ddd6
commit b98a0cfe1b
2 changed files with 14 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/interface/web/app/components/chatMessage/chatMessage.module.css
View File

@@ -10,6 +10,9 @@ div.chatMessageContainer {
div.chatMessageWrapper { div.chatMessageWrapper {
padding-left: 24px; padding-left: 24px;
} }
div.chatMessageWrapper p:not(:last-child) {
margin-bottom: 16px;
}
div.khojfullHistory { div.khojfullHistory {
border-width: 1px; border-width: 1px;

13
src/interface/web/app/components/chatMessage/chatMessage.tsx
View File

@@ -216,8 +216,15 @@ export default function ChatMessage(props: ChatMessageProps) {
message = message.replace(/\\\(/g, 'LEFTPAREN').replace(/\\\)/g, 'RIGHTPAREN') message = message.replace(/\\\(/g, 'LEFTPAREN').replace(/\\\)/g, 'RIGHTPAREN')
.replace(/\\\[/g, 'LEFTBRACKET').replace(/\\\]/g, 'RIGHTBRACKET'); .replace(/\\\[/g, 'LEFTBRACKET').replace(/\\\]/g, 'RIGHTBRACKET');
if (props.chatMessage.intent && props.chatMessage.intent.type == "text-to-image2") { if (props.chatMessage.intent && props.chatMessage.intent.type == "text-to-image") {
message = `![generated_image](${message})\n\n${props.chatMessage.intent["inferred-queries"][0]}` message = `![generated image](data:image/png;base64,${message})`;
} else if (props.chatMessage.intent && props.chatMessage.intent.type == "text-to-image2") {
message = `![generated image](${message})`;
} else if (props.chatMessage.intent && props.chatMessage.intent.type == "text-to-image-v3") {
message = `![generated image](data:image/webp;base64,${message})`;
}
if (props.chatMessage.intent && props.chatMessage.intent.type.includes("text-to-image") && props.chatMessage.intent["inferred-queries"]?.length > 0) {
message += `\n\n**Inferred Query**\n\n${props.chatMessage.intent["inferred-queries"][0]}`;
} }
let markdownRendered = md.render(message); let markdownRendered = md.render(message);
@@ -225,6 +232,8 @@ export default function ChatMessage(props: ChatMessageProps) {
// Replace placeholders with LaTeX delimiters // Replace placeholders with LaTeX delimiters
markdownRendered = markdownRendered.replace(/LEFTPAREN/g, '\\(').replace(/RIGHTPAREN/g, '\\)') markdownRendered = markdownRendered.replace(/LEFTPAREN/g, '\\(').replace(/RIGHTPAREN/g, '\\)')
.replace(/LEFTBRACKET/g, '\\[').replace(/RIGHTBRACKET/g, '\\]'); .replace(/LEFTBRACKET/g, '\\[').replace(/RIGHTBRACKET/g, '\\]');
// Sanitize and set the rendered markdown
setMarkdownRendered(DomPurify.sanitize(markdownRendered)); setMarkdownRendered(DomPurify.sanitize(markdownRendered));
}, [props.chatMessage.message]); }, [props.chatMessage.message]);