Merge branch 'feat/originui-frontend-integration' of https://git.xueai.art/skills/deerflow2 into feat/originui-frontend-integration

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

@@ -475,7 +475,7 @@ export default function ChatPage() {
                     XClawUsed: false,
                   });
                   // 使用完整页面刷新确保组件重新挂载，isNewThread 为 true
-                  window.location.href = "/workspace/chats/new";
+                  window.location.reload();
                 }}
               >
                 确定

frontend/src/components/workspace/messages/skeleton.tsx

@@ -1,79 +1,14 @@
-import { Skeleton } from "@/components/ui/skeleton";
-
-const STAGGER_MS = 60;
-
-function SkeletonBar({
-  className,
-  style,
-  originRight,
-}: {
-  className?: string;
-  style?: React.CSSProperties;
-  originRight?: boolean;
-}) {
-  return (
-    <div
-      className={`animate-skeleton-entrance fill-mode-[forwards] overflow-hidden rounded-md ${originRight ? "origin-[right]" : "origin-[left]"} ${className ?? ""}`}
-      style={{ opacity: 0, ...style }}
-    >
-      <Skeleton className="h-full w-full rounded-md" />
-    </div>
-  );
-}
+import { Loader } from "@/components/ai-elements/loader";
 
 export function MessageListSkeleton() {
-  let index = 0;
   return (
-    <div className="flex w-full max-w-(--container-width-md) flex-col gap-12 p-8 pt-16">
-      <div
-        role="human-message"
-        className="flex w-[50%] flex-col items-end gap-2 self-end"
-      >
-        <SkeletonBar
-          className="h-6 w-full"
-          originRight
-          style={{ animationDelay: `${index++ * STAGGER_MS}ms` }}
-        />
-        <SkeletonBar
-          className="h-6 w-[80%]"
-          originRight
-          style={{ animationDelay: `${index++ * STAGGER_MS}ms` }}
-        />
-      </div>
-      <div role="assistant-message" className="flex flex-col gap-2">
-        <SkeletonBar
-          className="h-6 w-full"
-          style={{ animationDelay: `${index++ * STAGGER_MS}ms` }}
-        />
-        <SkeletonBar
-          className="h-6 w-full"
-          style={{ animationDelay: `${index++ * STAGGER_MS}ms` }}
-        />
-        <SkeletonBar
-          className="h-6 w-[70%]"
-          style={{ animationDelay: `${index++ * STAGGER_MS}ms` }}
-        />
-        <SkeletonBar
-          className="h-6 w-full"
-          style={{ animationDelay: `${index++ * STAGGER_MS}ms` }}
-        />
-        <SkeletonBar
-          className="h-6 w-full"
-          style={{ animationDelay: `${index++ * STAGGER_MS}ms` }}
-        />
-        <SkeletonBar
-          className="h-6 w-full"
-          style={{ animationDelay: `${index++ * STAGGER_MS}ms` }}
-        />
-        <SkeletonBar
-          className="h-6 w-[60%]"
-          style={{ animationDelay: `${index++ * STAGGER_MS}ms` }}
-        />
-        <SkeletonBar
-          className="h-6 w-[40%]"
-          style={{ animationDelay: `${index++ * STAGGER_MS}ms` }}
-        />
-      </div>
+    <div className="flex w-full max-w-(--container-width-md) flex-1 items-center justify-center p-8">
+      <Loader
+        className="text-muted-foreground"
+        size={28}
+        role="status"
+        aria-label="Loading"
+      />
     </div>
   );
 }

frontend/src/components/workspace/workspace-header.tsx

@@ -30,7 +30,7 @@ export function WorkspaceHeader({ className }: { className?: string }) {
         {state === "collapsed" ? (
           <div className="group-has-data-[collapsible=icon]/sidebar-wrapper:-translate-y flex w-full cursor-pointer items-center justify-center">
             <div className="text-primary block pt-1 font-serif group-hover/workspace-header:hidden">
-              DF
+              XC
             </div>
             <SidebarTrigger className="hidden pl-2 group-hover/workspace-header:block" />
           </div>
@@ -38,11 +38,11 @@ export function WorkspaceHeader({ className }: { className?: string }) {
           <div className="flex items-center justify-between gap-2">
             {env.NEXT_PUBLIC_STATIC_WEBSITE_ONLY === "true" ? (
               <Link href="/" className="text-primary ml-2 font-serif">
-                DeerFlow
+                XClaw侧边栏
               </Link>
             ) : (
               <div className="text-primary ml-2 cursor-default font-serif">
-                DeerFlow
+                XClaw（测试专用侧边栏。）
               </div>
             )}
             <SidebarTrigger />

frontend/src/components/workspace/workspace-sidebar.tsx

@@ -29,7 +29,7 @@ export function WorkspaceSidebar({
           {isSidebarOpen && <RecentChatList />}
         </SidebarContent>
         <SidebarFooter>
-          <WorkspaceNavMenu />
+          {/* <WorkspaceNavMenu /> */}
         </SidebarFooter>
         <SidebarRail />
       </Sidebar>