Changed page to add files by regex and hide messages
This commit is contained in:
parent
c3750fc7f8
commit
6065037c72
1 changed files with 47 additions and 22 deletions
|
|
@ -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 */}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue