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

Update layout and rendering of share page for hidden agent

Browse Source
This commit is contained in:
sabaimran
2025-01-20 12:02:07 -08:00
parent 000580cb8a
commit 0c29c7a5bf
3 changed files with 46 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/interface/web/app/share/chat/page.tsx
View File

@@ -79,36 +79,38 @@ function ChatBodyData(props: ChatBodyDataProps) {
} }
return ( return (
<> <div className="flex flex-row h-full w-full">
<div className={false ? styles.chatBody : styles.chatBodyFull}> <div className="flex flex-col h-full w-full">
<ChatHistory <div className={false ? styles.chatBody : styles.chatBodyFull}>
publicConversationSlug={props.publicConversationSlug} <ChatHistory
conversationId={props.conversationId || ""} publicConversationSlug={props.publicConversationSlug}
setAgent={setAgentMetadata} conversationId={props.conversationId || ""}
setTitle={props.setTitle} setAgent={setAgentMetadata}
pendingMessage={processingMessage ? message : ""} setTitle={props.setTitle}
incomingMessages={props.streamedMessages} pendingMessage={processingMessage ? message : ""}
customClassName={chatHistoryCustomClassName} incomingMessages={props.streamedMessages}
/> customClassName={chatHistoryCustomClassName}
/>
</div>
<div
className={`${styles.inputBox} p-1 md:px-2 shadow-md bg-background align-middle items-center justify-center dark:bg-neutral-700 dark:border-0 dark:shadow-sm rounded-2xl md:rounded-xl h-fit ${chatHistoryCustomClassName} mr-auto ml-auto mt-auto`}
>
<ChatInputArea
isLoggedIn={props.isLoggedIn}
sendMessage={(message) => setMessage(message)}
sendImage={(image) => setImages((prevImages) => [...prevImages, image])}
sendDisabled={processingMessage}
chatOptionsData={props.chatOptionsData}
conversationId={props.conversationId}
agentColor={agentMetadata?.color}
isMobileWidth={props.isMobileWidth}
setUploadedFiles={props.setUploadedFiles}
setTriggeredAbort={() => { }}
ref={chatInputRef}
/>
</div>
</div> </div>
<div </div>
className={`${styles.inputBox} p-1 md:px-2 shadow-md bg-background align-middle items-center justify-center dark:bg-neutral-700 dark:border-0 dark:shadow-sm rounded-2xl md:rounded-xl h-fit ${chatHistoryCustomClassName} mr-auto ml-auto`}
>
<ChatInputArea
isLoggedIn={props.isLoggedIn}
sendMessage={(message) => setMessage(message)}
sendImage={(image) => setImages((prevImages) => [...prevImages, image])}
sendDisabled={processingMessage}
chatOptionsData={props.chatOptionsData}
conversationId={props.conversationId}
agentColor={agentMetadata?.color}
isMobileWidth={props.isMobileWidth}
setUploadedFiles={props.setUploadedFiles}
setTriggeredAbort={() => {}}
ref={chatInputRef}
/>
</div>
</>
); );
} }

1
src/interface/web/app/share/chat/sharedChat.module.css
View File

@@ -35,6 +35,7 @@ div.inputBox:focus {
div.chatBodyFull { div.chatBodyFull {
display: grid; display: grid;
grid-template-columns: 1fr; grid-template-columns: 1fr;
height: auto;
} }
button.inputBox { button.inputBox {

16
src/khoj/routers/api_chat.py
View File

@@ -280,8 +280,20 @@ def get_shared_chat(
agent_metadata = None agent_metadata = None
if conversation.agent: if conversation.agent:
if conversation.agent.privacy_level == Agent.PrivacyLevel.PRIVATE: if conversation.agent.privacy_level == Agent.PrivacyLevel.PRIVATE and conversation.agent.creator != user:
conversation.agent = None if conversation.agent.is_hidden:
default_agent = AgentAdapters.get_default_agent()
agent_metadata = {
"slug": default_agent.slug,
"name": default_agent.name,
"is_creator": False,
"color": default_agent.style_color,
"icon": default_agent.style_icon,
"persona": default_agent.personality,
"is_hidden": default_agent.is_hidden,
}
else:
conversation.agent = None
else: else:
agent_metadata = { agent_metadata = {
"slug": conversation.agent.slug, "slug": conversation.agent.slug,