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

Render images to take full width of chat message div

Browse Source 
Remove unnecessary "Inferred Query" heading prefix to image generation prompt
used by Khoj. The inferred query in chat message has a heading of it's
own, so avoid two headings for the image prompt
This commit is contained in:
Debanjum Singh Solanky
2024-09-28 06:15:50 -07:00
parent 4efa7d4464
commit 936bc64b82
3 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/interface/web/app/common/chatFunctions.ts
View File

@@ -126,7 +126,7 @@ export function handleImageResponse(imageJson: any, liveStream: boolean): Respon
rawResponse = `![](data:image/webp;base64,${imageJson.image})`; rawResponse = `![](data:image/webp;base64,${imageJson.image})`;
} }
if (inferredQuery && !liveStream) { if (inferredQuery && !liveStream) {
rawResponse += `\n\n**Inferred Query**:\n\n${inferredQuery}`; rawResponse += `\n\n${inferredQuery}`;
} }
} }

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

@@ -58,18 +58,20 @@ div.emptyChatMessage {
} }
div.chatMessageContainer img { div.chatMessageContainer img {
width: 50%; width: auto;
height: auto;
max-width: 100%;
max-height: 80vh;
object-fit: contain;
display: block;
margin-top: 0.25rem;
margin-right: auto;
} }
div.chatMessageContainer h3 img { div.chatMessageContainer h3 img {
width: 24px; width: 24px;
} }
div.you img {
height: 16rem;
width: auto;
}
div.you { div.you {
color: hsla(var(--secondary-foreground)); color: hsla(var(--secondary-foreground));
} }

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

@@ -347,7 +347,7 @@ const ChatMessage = forwardRef<HTMLDivElement, ChatMessageProps>((props, ref) =>
props.chatMessage.intent.type.includes("text-to-image") && props.chatMessage.intent.type.includes("text-to-image") &&
props.chatMessage.intent["inferred-queries"]?.length > 0 props.chatMessage.intent["inferred-queries"]?.length > 0
) { ) {
message += `\n\n**Inferred Query**\n\n${props.chatMessage.intent["inferred-queries"][0]}`; message += `\n\n${props.chatMessage.intent["inferred-queries"][0]}`;
} }
setTextRendered(message); setTextRendered(message);