Changed page to add files by regex and hide messages

This commit is contained in:
Lucas Oliveira 2025-10-23 18:27:13 -03:00
parent c3750fc7f8
commit 6065037c72

View file

@ -9,6 +9,7 @@ import { type EndpointType, useChat } from "@/contexts/chat-context";
import { useKnowledgeFilter } from "@/contexts/knowledge-filter-context"; import { useKnowledgeFilter } from "@/contexts/knowledge-filter-context";
import { useTask } from "@/contexts/task-context"; import { useTask } from "@/contexts/task-context";
import { useChatStreaming } from "@/hooks/useChatStreaming"; import { useChatStreaming } from "@/hooks/useChatStreaming";
import { FILES_REGEX } from "@/lib/constants";
import { useLoadingStore } from "@/stores/loadingStore"; import { useLoadingStore } from "@/stores/loadingStore";
import { useGetNudgesQuery } from "../api/queries/useGetNudgesQuery"; import { useGetNudgesQuery } from "../api/queries/useGetNudgesQuery";
import { AssistantMessage } from "./components/assistant-message"; import { AssistantMessage } from "./components/assistant-message";
@ -1176,29 +1177,53 @@ function ChatPage() {
) : ( ) : (
<> <>
{messages.map((message, index) => ( {messages.map((message, index) => (
<div <>
key={`${ {message.role === "user" &&
message.role (messages[index]?.content.match(FILES_REGEX)?.[0] ??
}-${index}-${message.timestamp?.getTime()}`} null) === null && (
className="space-y-6 group" <div
> key={`${
{message.role === "user" && ( message.role
<UserMessage animate={message.source !== "langflow"} content={message.content} /> }-${index}-${message.timestamp?.getTime()}`}
)} className="space-y-6 group"
>
<UserMessage
animate={message.source !== "langflow"}
content={message.content}
files={
index >= 2
? (messages[index - 2]?.content.match(
FILES_REGEX,
)?.[0] ?? undefined)
: undefined
}
/>
</div>
)}
{message.role === "assistant" && ( {message.role === "assistant" &&
<AssistantMessage (index < 1 ||
content={message.content} (messages[index - 1]?.content.match(FILES_REGEX)?.[0] ??
functionCalls={message.functionCalls} null) === null) && (
messageIndex={index} <div
expandedFunctionCalls={expandedFunctionCalls} key={`${
onToggle={toggleFunctionCall} message.role
showForkButton={endpoint === "chat"} }-${index}-${message.timestamp?.getTime()}`}
onFork={(e) => handleForkConversation(index, e)} className="space-y-6 group"
animate={false} >
/> <AssistantMessage
)} content={message.content}
</div> functionCalls={message.functionCalls}
messageIndex={index}
expandedFunctionCalls={expandedFunctionCalls}
onToggle={toggleFunctionCall}
showForkButton={endpoint === "chat"}
onFork={(e) => handleForkConversation(index, e)}
animate={false}
/>
</div>
)}
</>
))} ))}
{/* Streaming Message Display */} {/* Streaming Message Display */}