sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2024-12-17 18:17:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Handle chat history rendering when agent is deceased

Browse source
This commit is contained in:
sabaimran 2024-10-07 20:28:10 -07:00
parent f232c2b059
commit 874776024a
1 changed files with 16 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
src/interface/web/app/components/chatHistory/chatHistory.tsx
View file

@ -233,18 +233,19 @@ export default function ChatHistory(props: ChatHistoryProps) {
};
function constructAgentLink() {
if (!data || !data.agent || !data.agent.slug) return `/agents`;
return `/agents?agent=${data.agent.slug}`;
if (!data || !data.agent || !data.agent?.slug) return `/agents`;
return `/agents?agent=${data.agent?.slug}`;
}
function constructAgentName() {
if (!data || !data.agent || !data.agent.name) return `Agent`;
return data.agent.name;
if (!data || !data.agent || !data.agent?.name) return `Agent`;
return data.agent?.name;
}
function constructAgentPersona() {
if (!data || !data.agent || !data.agent.persona) return ``;
return data.agent.persona;
if (!data || !data.agent || !data.agent?.persona)
return `Your agent is no longer available. You will be reset to the default agent.`;
return data.agent?.persona;
}
if (!props.conversationId && !props.publicConversationSlug) {
@ -279,7 +280,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
isMobileWidth={isMobileWidth}
chatMessage={chatMessage}
customClassName="fullHistory"
borderLeftColor={`${data?.agent.color}-500`}
borderLeftColor={`${data?.agent?.color}-500`}
isLastMessage={index === data.chat.length - 1}
/>
))}
@ -300,13 +301,13 @@ export default function ChatHistory(props: ChatHistoryProps) {
uploadedImageData: message.uploadedImageData,
}}
customClassName="fullHistory"
borderLeftColor={`${data?.agent.color}-500`}
borderLeftColor={`${data?.agent?.color}-500`}
/>
{message.trainOfThought &&
constructTrainOfThought(
message.trainOfThought,
index === incompleteIncomingMessageIndex,
data?.agent.color || "orange",
data?.agent?.color || "orange",
`${index}trainOfThought`,
message.completed,
)}
@ -323,7 +324,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
rawQuery: message.rawQuery,
}}
customClassName="fullHistory"
borderLeftColor={`${data?.agent.color}-500`}
borderLeftColor={`${data?.agent?.color}-500`}
isLastMessage={true}
/>
</React.Fragment>
@ -343,7 +344,7 @@ export default function ChatHistory(props: ChatHistoryProps) {
uploadedImageData: props.pendingMessage,
}}
customClassName="fullHistory"
borderLeftColor={`${data?.agent.color}-500`}
borderLeftColor={`${data?.agent?.color}-500`}
isLastMessage={true}
/>
)}
@ -354,9 +355,10 @@ export default function ChatHistory(props: ChatHistoryProps) {
name={constructAgentName()}
link={constructAgentLink()}
avatar={
getIconFromIconName(data.agent.icon, data.agent.color) || (
<Lightbulb />
)
getIconFromIconName(
data.agent?.icon,
data.agent?.color,
) || <Lightbulb />
}
description={constructAgentPersona()}
/>