wanwu/deer-flow
1
0
Fork 0
mirror of https://gitee.com/wanwujie/deer-flow synced 2026-04-23 22:24:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: make new chat always on top

Browse Source
This commit is contained in:
Henry Li
2026-01-19 00:00:35 +08:00
parent c321c9293a
commit b431567666
2 changed files with 48 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
frontend/src/components/workspace/workspace-header.tsx
View File

@@ -1,34 +1,58 @@
"use client"; "use client";
import { MessageSquarePlus } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { usePathname } from "next/navigation";
import { SidebarTrigger, useSidebar } from "@/components/ui/sidebar"; import {
SidebarMenu,
SidebarMenuButton,
SidebarMenuItem,
SidebarTrigger,
useSidebar,
} from "@/components/ui/sidebar";
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
export function WorkspaceHeader({ className }: { className?: string }) { export function WorkspaceHeader({ className }: { className?: string }) {
const { state } = useSidebar(); const { state } = useSidebar();
const pathname = usePathname();
return ( return (
<div <>
className={cn( <div
"group/workspace-header flex h-12 flex-col justify-center", className={cn(
className, "group/workspace-header flex h-12 flex-col justify-center",
)} className,
> )}
{state === "collapsed" ? ( >
<div className="group-has-data-[collapsible=icon]/sidebar-wrapper:-translate-y flex w-full cursor-pointer items-center justify-center"> {state === "collapsed" ? (
<div className="text-primary block font-serif group-hover/workspace-header:hidden"> <div className="group-has-data-[collapsible=icon]/sidebar-wrapper:-translate-y flex w-full cursor-pointer items-center justify-center">
DF <div className="text-primary block pt-1 font-serif group-hover/workspace-header:hidden">
DF
</div>
<SidebarTrigger className="hidden pl-2 group-hover/workspace-header:block" />
</div> </div>
<SidebarTrigger className="hidden pl-2 group-hover/workspace-header:block" /> ) : (
</div> <div className="flex items-center justify-between gap-2">
) : ( <Link href="/workspace" className="text-primary ml-2 font-serif">
<div className="flex items-center justify-between gap-2"> DeerFlow
<Link href="/workspace" className="text-primary ml-2 font-serif"> </Link>
DeerFlow <SidebarTrigger />
</Link> </div>
<SidebarTrigger /> )}
</div> </div>
)} <SidebarMenu>
</div> <SidebarMenuItem>
<SidebarMenuButton
isActive={pathname === "/workspace/chats/new"}
asChild
>
<Link className="text-muted-foreground" href="/workspace/chats/new">
<MessageSquarePlus size={16} />
<span>New chat</span>
</Link>
</SidebarMenuButton>
</SidebarMenuItem>
</SidebarMenu>
</>
); );
} }

15
frontend/src/components/workspace/workspace-nav-menu.tsx
View File

@@ -1,6 +1,6 @@
"use client"; "use client";
import { MessageSquarePlus, MessagesSquare } from "lucide-react"; import { MessagesSquare } from "lucide-react";
import Link from "next/link"; import Link from "next/link";
import { usePathname } from "next/navigation"; import { usePathname } from "next/navigation";
@@ -14,19 +14,8 @@ import {
export function WorkspaceNavMenu() { export function WorkspaceNavMenu() {
const pathname = usePathname(); const pathname = usePathname();
return ( return (
<SidebarGroup> <SidebarGroup className="pt-1">
<SidebarMenu> <SidebarMenu>
<SidebarMenuItem>
<SidebarMenuButton
isActive={pathname === "/workspace/chats/new"}
asChild
>
<Link className="text-muted-foreground" href="/workspace/chats/new">
<MessageSquarePlus size={16} />
<span>New chat</span>
</Link>
</SidebarMenuButton>
</SidebarMenuItem>
<SidebarMenuItem> <SidebarMenuItem>
<SidebarMenuButton isActive={pathname === "/workspace/chats"} asChild> <SidebarMenuButton isActive={pathname === "/workspace/chats"} asChild>
<Link className="text-muted-foreground" href="/workspace/chats"> <Link className="text-muted-foreground" href="/workspace/chats">