fix(frontend): preserve agent context in thread history routes (#1771)

* fix(frontend): preserve agent context in thread history routes

* fix(frontend): preserve agent thread fallback context

* style(frontend): format thread route utils test

---------

Co-authored-by: luoxiao6645 <luoxiao6645@gmail.com>
This commit is contained in:
2026-04-09 15:11:57 +08:00
committed by GitHub
parent 616caa92b1
commit 60e0abfdb8
6 changed files with 78 additions and 21 deletions
@@ -62,7 +62,11 @@ export function RecentChatList() {
const { t } = useI18n();
const router = useRouter();
const pathname = usePathname();
const { thread_id: threadIdFromPath } = useParams<{ thread_id: string }>();
const { thread_id: threadIdFromPath, agent_name: agentNameFromPath } =
useParams<{
thread_id: string;
agent_name?: string;
}>();
const { data: threads = [] } = useThreads();
const { mutate: deleteThread } = useDeleteThread();
const { mutate: renameThread } = useRenameThread();
@@ -77,18 +81,20 @@ export function RecentChatList() {
deleteThread({ threadId });
if (threadId === threadIdFromPath) {
const threadIndex = threads.findIndex((t) => t.thread_id === threadId);
let nextThreadId = "new";
let nextThreadPath = pathOfThread("new", {
agent_name: agentNameFromPath,
});
if (threadIndex > -1) {
if (threads[threadIndex + 1]) {
nextThreadId = threads[threadIndex + 1]!.thread_id;
nextThreadPath = pathOfThread(threads[threadIndex + 1]!);
} else if (threads[threadIndex - 1]) {
nextThreadId = threads[threadIndex - 1]!.thread_id;
nextThreadPath = pathOfThread(threads[threadIndex - 1]!);
}
}
void router.push(`/workspace/chats/${nextThreadId}`);
void router.push(nextThreadPath);
}
},
[deleteThread, router, threadIdFromPath, threads],
[agentNameFromPath, deleteThread, router, threadIdFromPath, threads],
);
const handleRenameClick = useCallback(
@@ -110,7 +116,7 @@ export function RecentChatList() {
}, [renameThread, renameThreadId, renameValue]);
const handleShare = useCallback(
async (threadId: string) => {
async (thread: AgentThread) => {
// Always use Vercel URL for sharing so others can access
const VERCEL_URL = "https://deer-flow-v2.vercel.app";
const isLocalhost =
@@ -118,7 +124,7 @@ export function RecentChatList() {
window.location.hostname === "127.0.0.1";
// On localhost: use Vercel URL; On production: use current origin
const baseUrl = isLocalhost ? VERCEL_URL : window.location.origin;
const shareUrl = `${baseUrl}/workspace/chats/${threadId}`;
const shareUrl = `${baseUrl}${pathOfThread(thread)}`;
try {
await navigator.clipboard.writeText(shareUrl);
toast.success(t.clipboard.linkCopied);
@@ -169,7 +175,7 @@ export function RecentChatList() {
<SidebarMenu>
<div className="flex w-full flex-col gap-1">
{threads.map((thread) => {
const isActive = pathOfThread(thread.thread_id) === pathname;
const isActive = pathOfThread(thread) === pathname;
return (
<SidebarMenuItem
key={thread.thread_id}
@@ -179,7 +185,7 @@ export function RecentChatList() {
<div>
<Link
className="text-muted-foreground block w-full whitespace-nowrap group-hover/side-menu-item:overflow-hidden"
href={pathOfThread(thread.thread_id)}
href={pathOfThread(thread)}
>
{titleOfThread(thread)}
</Link>
@@ -211,7 +217,7 @@ export function RecentChatList() {
<span>{t.common.rename}</span>
</DropdownMenuItem>
<DropdownMenuItem
onSelect={() => handleShare(thread.thread_id)}
onSelect={() => handleShare(thread)}
>
<Share2 className="text-muted-foreground" />
<span>{t.common.share}</span>