wanwu/deer-flow
1
0
Fork 0
mirror of https://gitee.com/wanwujie/deer-flow synced 2026-04-03 06:12:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: integrate PromptInputProvider into ChatLayout and utilize prompt input controller in ChatPage

Browse Source
This commit is contained in:
Henry Li
2026-02-02 10:18:02 +08:00
parent c587460dbc
commit f287022ac0
2 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/app/workspace/chats/[thread_id]/layout.tsx
View File

@@ -1,5 +1,6 @@
"use client";
import { PromptInputProvider } from "@/components/ai-elements/prompt-input";
import { ArtifactsProvider } from "@/components/workspace/artifacts";
export default function ChatLayout({
@@ -7,5 +8,9 @@ export default function ChatLayout({
}: {
children: React.ReactNode;
}) {
return <ArtifactsProvider>{children}</ArtifactsProvider>;
return (
<ArtifactsProvider>
<PromptInputProvider>{children}</PromptInputProvider>
</ArtifactsProvider>
);
}

6
frontend/src/app/workspace/chats/[thread_id]/page.tsx
View File

@@ -5,6 +5,7 @@ import { useParams, useRouter, useSearchParams } from "next/navigation";
import { useCallback, useEffect, useMemo, useState } from "react";
import { ConversationEmptyState } from "@/components/ai-elements/conversation";
import { usePromptInputController } from "@/components/ai-elements/prompt-input";
import { Button } from "@/components/ui/button";
import {
ResizableHandle,
@@ -53,6 +54,7 @@ export default function ChatPage() {
} = useArtifacts();
const { thread_id: threadIdFromPath } = useParams<{ thread_id: string }>();
const searchParams = useSearchParams();
const promptInputController = usePromptInputController();
const inputInitialValue = useMemo(() => {
if (threadIdFromPath !== "new" || searchParams.get("mode") !== "skill") {
return undefined;
@@ -62,6 +64,7 @@ export default function ChatPage() {
useEffect(() => {
if (inputInitialValue) {
setTimeout(() => {
promptInputController.textInput.setInput(inputInitialValue);
const textarea = document.querySelector("textarea");
if (textarea) {
textarea.focus();
@@ -70,7 +73,7 @@ export default function ChatPage() {
}
}, 100);
}
}, [inputInitialValue]);
}, [inputInitialValue, promptInputController.textInput]);
const isNewThread = useMemo(
() => threadIdFromPath === "new",
[threadIdFromPath],
@@ -272,7 +275,6 @@ export default function ChatPage() {
context={settings.context}
extraHeader={isNewThread && <Welcome />}
disabled={env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY === "true"}
initialValue={inputInitialValue}
onContextChange={(context) =>
setSettings("context", context)
}