From fdfc607747f7350eafff45dce0fb205c38e5c0f9 Mon Sep 17 00:00:00 2001
From: Li Xin <lixin.henry@bytedance.com>
Date: Fri, 2 May 2025 10:43:14 +0800
Subject: [PATCH] refactor: extract `components` folder

---
 .../components}/conversation-starter.tsx            |  0
 .../{_components => chat/components}/input-box.tsx  |  6 ++----
 .../components}/message-list-view.tsx               | 13 ++++++-------
 .../components}/messages-block.tsx                  |  2 +-
 .../components}/research-activities-block.tsx       | 13 ++++++-------
 .../components}/research-block.tsx                  |  8 +++++---
 .../components}/research-report-block.tsx           |  5 ++---
 .../{_components => chat/components}/welcome.tsx    |  0
 web/src/app/chat/main.tsx                           |  4 ++--
 web/src/app/chat/page.tsx                           |  8 ++++----
 .../case-study-section.tsx                          |  0
 .../core-features-section.tsx                       |  0
 .../join-community-section.tsx                      |  0
 .../{_components => components}/jumbotron.tsx       |  0
 .../multi-agent-section.tsx                         |  0
 .../multi-agent-visualization.tsx                   |  4 ++--
 .../{_components => components}/section-header.tsx  |  0
 web/src/app/landing/store/mav-store.ts              |  0
 web/src/app/layout.tsx                              |  4 ++--
 web/src/app/page.tsx                                | 12 ++++++------
 .../dialogs/add-mcp-server-dialog.tsx               |  0
 .../dialogs/settings-dialog.tsx                     |  2 +-
 .../app/{_settings => settings}/tabs/about-tab.tsx  |  2 +-
 web/src/app/{_settings => settings}/tabs/about.md   |  0
 .../{_settings => settings}/tabs/general-tab.tsx    |  0
 web/src/app/{_settings => settings}/tabs/index.tsx  |  0
 .../app/{_settings => settings}/tabs/mcp-tab.tsx    |  2 +-
 web/src/app/{_settings => settings}/tabs/types.ts   |  0
 .../deer-flow}/fav-icon.tsx                         |  0
 .../deer-flow/icons}/detective.tsx                  |  0
 .../_components => components/deer-flow}/image.tsx  |  0
 .../deer-flow}/loading-animation.module.css         |  0
 .../deer-flow}/loading-animation.tsx                |  0
 .../_components => components/deer-flow}/logo.tsx   |  0
 .../deer-flow}/markdown.tsx                         |  0
 .../deer-flow}/rainbow-text.module.css              |  0
 .../deer-flow}/rainbow-text.tsx                     |  0
 .../_components => components/deer-flow}/ray.tsx    |  3 +++
 .../deer-flow}/rolling-text.tsx                     |  0
 .../deer-flow}/scroll-container.tsx                 |  0
 .../deer-flow}/theme-provider-wrapper.tsx           |  0
 .../deer-flow}/theme-toggle.tsx                     |  0
 .../deer-flow}/toaster.tsx                          |  0
 .../deer-flow}/tooltip.tsx                          |  0
 44 files changed, 44 insertions(+), 44 deletions(-)
 rename web/src/app/{_components => chat/components}/conversation-starter.tsx (100%)
 rename web/src/app/{_components => chat/components}/input-box.tsx (97%)
 rename web/src/app/{_components => chat/components}/message-list-view.tsx (96%)
 rename web/src/app/{_components => chat/components}/messages-block.tsx (98%)
 rename web/src/app/{_components => chat/components}/research-activities-block.tsx (96%)
 rename web/src/app/{_components => chat/components}/research-block.tsx (96%)
 rename web/src/app/{_components => chat/components}/research-report-block.tsx (93%)
 rename web/src/app/{_components => chat/components}/welcome.tsx (100%)
 rename web/src/app/landing/{_components => components}/case-study-section.tsx (100%)
 rename web/src/app/landing/{_components => components}/core-features-section.tsx (100%)
 rename web/src/app/landing/{_components => components}/join-community-section.tsx (100%)
 rename web/src/app/landing/{_components => components}/jumbotron.tsx (100%)
 rename web/src/app/landing/{_components => components}/multi-agent-section.tsx (100%)
 rename web/src/app/landing/{_components => components}/multi-agent-visualization.tsx (99%)
 rename web/src/app/landing/{_components => components}/section-header.tsx (100%)
 create mode 100644 web/src/app/landing/store/mav-store.ts
 rename web/src/app/{_settings => settings}/dialogs/add-mcp-server-dialog.tsx (100%)
 rename web/src/app/{_settings => settings}/dialogs/settings-dialog.tsx (98%)
 rename web/src/app/{_settings => settings}/tabs/about-tab.tsx (83%)
 rename web/src/app/{_settings => settings}/tabs/about.md (100%)
 rename web/src/app/{_settings => settings}/tabs/general-tab.tsx (100%)
 rename web/src/app/{_settings => settings}/tabs/index.tsx (100%)
 rename web/src/app/{_settings => settings}/tabs/mcp-tab.tsx (99%)
 rename web/src/app/{_settings => settings}/tabs/types.ts (100%)
 rename web/src/{app/_components => components/deer-flow}/fav-icon.tsx (100%)
 rename web/src/{app/_icons => components/deer-flow/icons}/detective.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/image.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/loading-animation.module.css (100%)
 rename web/src/{app/_components => components/deer-flow}/loading-animation.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/logo.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/markdown.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/rainbow-text.module.css (100%)
 rename web/src/{app/_components => components/deer-flow}/rainbow-text.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/ray.tsx (92%)
 rename web/src/{app/_components => components/deer-flow}/rolling-text.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/scroll-container.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/theme-provider-wrapper.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/theme-toggle.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/toaster.tsx (100%)
 rename web/src/{app/_components => components/deer-flow}/tooltip.tsx (100%)

diff --git a/web/src/app/_components/conversation-starter.tsx b/web/src/app/chat/components/conversation-starter.tsx
similarity index 100%
rename from web/src/app/_components/conversation-starter.tsx
rename to web/src/app/chat/components/conversation-starter.tsx
diff --git a/web/src/app/_components/input-box.tsx b/web/src/app/chat/components/input-box.tsx
similarity index 97%
rename from web/src/app/_components/input-box.tsx
rename to web/src/app/chat/components/input-box.tsx
index 5f9c1b9..6890d3d 100644
--- a/web/src/app/_components/input-box.tsx
+++ b/web/src/app/chat/components/input-box.tsx
@@ -11,6 +11,8 @@ import {
   useState,
 } from "react";
 
+import { Detective } from "~/components/deer-flow/icons/detective";
+import { Tooltip } from "~/components/deer-flow/tooltip";
 import { Button } from "~/components/ui/button";
 import type { Option } from "~/core/messages";
 import {
@@ -19,10 +21,6 @@ import {
 } from "~/core/store";
 import { cn } from "~/lib/utils";
 
-import { Detective } from "../_icons/detective";
-
-import { Tooltip } from "./tooltip";
-
 export function InputBox({
   className,
   size,
diff --git a/web/src/app/_components/message-list-view.tsx b/web/src/app/chat/components/message-list-view.tsx
similarity index 96%
rename from web/src/app/_components/message-list-view.tsx
rename to web/src/app/chat/components/message-list-view.tsx
index 0775bb1..29ca98a 100644
--- a/web/src/app/_components/message-list-view.tsx
+++ b/web/src/app/chat/components/message-list-view.tsx
@@ -6,6 +6,12 @@ import { motion } from "framer-motion";
 import { Download, Headphones } from "lucide-react";
 import { useCallback, useMemo, useState } from "react";
 
+import { LoadingAnimation } from "~/components/deer-flow/loading-animation";
+import { Markdown } from "~/components/deer-flow/markdown";
+import { RainbowText } from "~/components/deer-flow/rainbow-text";
+import { RollingText } from "~/components/deer-flow/rolling-text";
+import { ScrollContainer } from "~/components/deer-flow/scroll-container";
+import { Tooltip } from "~/components/deer-flow/tooltip";
 import { Button } from "~/components/ui/button";
 import {
   Card,
@@ -25,13 +31,6 @@ import {
 import { parseJSON } from "~/core/utils";
 import { cn } from "~/lib/utils";
 
-import { LoadingAnimation } from "./loading-animation";
-import { Markdown } from "./markdown";
-import { RainbowText } from "./rainbow-text";
-import { RollingText } from "./rolling-text";
-import { ScrollContainer } from "./scroll-container";
-import { Tooltip } from "./tooltip";
-
 export function MessageListView({
   className,
   onFeedback,
diff --git a/web/src/app/_components/messages-block.tsx b/web/src/app/chat/components/messages-block.tsx
similarity index 98%
rename from web/src/app/_components/messages-block.tsx
rename to web/src/app/chat/components/messages-block.tsx
index 4217737..09cc226 100644
--- a/web/src/app/_components/messages-block.tsx
+++ b/web/src/app/chat/components/messages-block.tsx
@@ -5,6 +5,7 @@ import { motion } from "framer-motion";
 import { FastForward, Play } from "lucide-react";
 import { useCallback, useRef, useState } from "react";
 
+import { RainbowText } from "~/components/deer-flow/rainbow-text";
 import { Button } from "~/components/ui/button";
 import {
   Card,
@@ -21,7 +22,6 @@ import { cn } from "~/lib/utils";
 import { ConversationStarter } from "./conversation-starter";
 import { InputBox } from "./input-box";
 import { MessageListView } from "./message-list-view";
-import { RainbowText } from "./rainbow-text";
 import { Welcome } from "./welcome";
 
 export function MessagesBlock({ className }: { className?: string }) {
diff --git a/web/src/app/_components/research-activities-block.tsx b/web/src/app/chat/components/research-activities-block.tsx
similarity index 96%
rename from web/src/app/_components/research-activities-block.tsx
rename to web/src/app/chat/components/research-activities-block.tsx
index f742463..9d8e9e4 100644
--- a/web/src/app/_components/research-activities-block.tsx
+++ b/web/src/app/chat/components/research-activities-block.tsx
@@ -11,6 +11,12 @@ import SyntaxHighlighter from "react-syntax-highlighter";
 import { docco } from "react-syntax-highlighter/dist/esm/styles/hljs";
 import { dark } from "react-syntax-highlighter/dist/esm/styles/prism";
 
+import { FavIcon } from "~/components/deer-flow/fav-icon";
+import Image from "~/components/deer-flow/image";
+import { LoadingAnimation } from "~/components/deer-flow/loading-animation";
+import { Markdown } from "~/components/deer-flow/markdown";
+import { RainbowText } from "~/components/deer-flow/rainbow-text";
+import { Tooltip } from "~/components/deer-flow/tooltip";
 import {
   Accordion,
   AccordionContent,
@@ -24,13 +30,6 @@ import { useMessage, useStore } from "~/core/store";
 import { parseJSON } from "~/core/utils";
 import { cn } from "~/lib/utils";
 
-import { FavIcon } from "./fav-icon";
-import Image from "./image";
-import { LoadingAnimation } from "./loading-animation";
-import { Markdown } from "./markdown";
-import { RainbowText } from "./rainbow-text";
-import { Tooltip } from "./tooltip";
-
 export function ResearchActivitiesBlock({
   className,
   researchId,
diff --git a/web/src/app/_components/research-block.tsx b/web/src/app/chat/components/research-block.tsx
similarity index 96%
rename from web/src/app/_components/research-block.tsx
rename to web/src/app/chat/components/research-block.tsx
index b1f4e3f..47a0ded 100644
--- a/web/src/app/_components/research-block.tsx
+++ b/web/src/app/chat/components/research-block.tsx
@@ -4,6 +4,8 @@
 import { Check, Copy, Headphones, X } from "lucide-react";
 import { useCallback, useEffect, useState } from "react";
 
+import { ScrollContainer } from "~/components/deer-flow/scroll-container";
+import { Tooltip } from "~/components/deer-flow/tooltip";
 import { Button } from "~/components/ui/button";
 import { Card } from "~/components/ui/card";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "~/components/ui/tabs";
@@ -13,8 +15,6 @@ import { cn } from "~/lib/utils";
 
 import { ResearchActivitiesBlock } from "./research-activities-block";
 import { ResearchReportBlock } from "./research-report-block";
-import { ScrollContainer } from "./scroll-container";
-import { Tooltip } from "./tooltip";
 
 export function ResearchBlock({
   className,
@@ -102,7 +102,9 @@ export function ResearchBlock({
               className="text-gray-400"
               size="sm"
               variant="ghost"
-              onClick={() => { closeResearch(); }}
+              onClick={() => {
+                closeResearch();
+              }}
             >
               <X />
             </Button>
diff --git a/web/src/app/_components/research-report-block.tsx b/web/src/app/chat/components/research-report-block.tsx
similarity index 93%
rename from web/src/app/_components/research-report-block.tsx
rename to web/src/app/chat/components/research-report-block.tsx
index bf9c5a6..57365e5 100644
--- a/web/src/app/_components/research-report-block.tsx
+++ b/web/src/app/chat/components/research-report-block.tsx
@@ -3,14 +3,13 @@
 
 import { useCallback, useRef } from "react";
 
+import { LoadingAnimation } from "~/components/deer-flow/loading-animation";
+import { Markdown } from "~/components/deer-flow/markdown";
 import ReportEditor from "~/components/editor";
 import { useReplay } from "~/core/replay";
 import { useMessage, useStore } from "~/core/store";
 import { cn } from "~/lib/utils";
 
-import { LoadingAnimation } from "./loading-animation";
-import { Markdown } from "./markdown";
-
 export function ResearchReportBlock({
   className,
   messageId,
diff --git a/web/src/app/_components/welcome.tsx b/web/src/app/chat/components/welcome.tsx
similarity index 100%
rename from web/src/app/_components/welcome.tsx
rename to web/src/app/chat/components/welcome.tsx
diff --git a/web/src/app/chat/main.tsx b/web/src/app/chat/main.tsx
index 9da46f4..303b13d 100644
--- a/web/src/app/chat/main.tsx
+++ b/web/src/app/chat/main.tsx
@@ -8,8 +8,8 @@ import { useMemo } from "react";
 import { useStore } from "~/core/store";
 import { cn } from "~/lib/utils";
 
-import { MessagesBlock } from "../_components/messages-block";
-import { ResearchBlock } from "../_components/research-block";
+import { MessagesBlock } from "./components/messages-block";
+import { ResearchBlock } from "./components/research-block";
 
 export default function Main() {
   const openResearchId = useStore((state) => state.openResearchId);
diff --git a/web/src/app/chat/page.tsx b/web/src/app/chat/page.tsx
index aef4eb8..481acb7 100644
--- a/web/src/app/chat/page.tsx
+++ b/web/src/app/chat/page.tsx
@@ -10,10 +10,10 @@ import { Suspense } from "react";
 
 import { Button } from "~/components/ui/button";
 
-import { Logo } from "../_components/logo";
-import { ThemeToggle } from "../_components/theme-toggle";
-import { Tooltip } from "../_components/tooltip";
-import { SettingsDialog } from "../_settings/dialogs/settings-dialog";
+import { Logo } from "../../components/deer-flow/logo";
+import { ThemeToggle } from "../../components/deer-flow/theme-toggle";
+import { Tooltip } from "../../components/deer-flow/tooltip";
+import { SettingsDialog } from "../settings/dialogs/settings-dialog";
 
 const Main = dynamic(() => import("./main"), { ssr: false });
 
diff --git a/web/src/app/landing/_components/case-study-section.tsx b/web/src/app/landing/components/case-study-section.tsx
similarity index 100%
rename from web/src/app/landing/_components/case-study-section.tsx
rename to web/src/app/landing/components/case-study-section.tsx
diff --git a/web/src/app/landing/_components/core-features-section.tsx b/web/src/app/landing/components/core-features-section.tsx
similarity index 100%
rename from web/src/app/landing/_components/core-features-section.tsx
rename to web/src/app/landing/components/core-features-section.tsx
diff --git a/web/src/app/landing/_components/join-community-section.tsx b/web/src/app/landing/components/join-community-section.tsx
similarity index 100%
rename from web/src/app/landing/_components/join-community-section.tsx
rename to web/src/app/landing/components/join-community-section.tsx
diff --git a/web/src/app/landing/_components/jumbotron.tsx b/web/src/app/landing/components/jumbotron.tsx
similarity index 100%
rename from web/src/app/landing/_components/jumbotron.tsx
rename to web/src/app/landing/components/jumbotron.tsx
diff --git a/web/src/app/landing/_components/multi-agent-section.tsx b/web/src/app/landing/components/multi-agent-section.tsx
similarity index 100%
rename from web/src/app/landing/_components/multi-agent-section.tsx
rename to web/src/app/landing/components/multi-agent-section.tsx
diff --git a/web/src/app/landing/_components/multi-agent-visualization.tsx b/web/src/app/landing/components/multi-agent-visualization.tsx
similarity index 99%
rename from web/src/app/landing/_components/multi-agent-visualization.tsx
rename to web/src/app/landing/components/multi-agent-visualization.tsx
index c0bb5d2..fe30ccd 100644
--- a/web/src/app/landing/_components/multi-agent-visualization.tsx
+++ b/web/src/app/landing/components/multi-agent-visualization.tsx
@@ -2,6 +2,7 @@
 // SPDX-License-Identifier: MIT
 
 "use client";
+
 import {
   ReactFlow,
   Background,
@@ -31,12 +32,11 @@ import {
 } from "react";
 import "@xyflow/react/dist/style.css";
 
+import { Tooltip } from "~/components/deer-flow/tooltip";
 import { ShineBorder } from "~/components/magicui/shine-border";
 import { Button } from "~/components/ui/button";
 import { useIntersectionObserver } from "~/hooks/use-intersection-observer";
 
-import { Tooltip } from "../../_components/tooltip";
-
 const ROW_HEIGHT = 85;
 const ROW_1 = 0;
 const ROW_2 = ROW_HEIGHT;
diff --git a/web/src/app/landing/_components/section-header.tsx b/web/src/app/landing/components/section-header.tsx
similarity index 100%
rename from web/src/app/landing/_components/section-header.tsx
rename to web/src/app/landing/components/section-header.tsx
diff --git a/web/src/app/landing/store/mav-store.ts b/web/src/app/landing/store/mav-store.ts
new file mode 100644
index 0000000..e69de29
diff --git a/web/src/app/layout.tsx b/web/src/app/layout.tsx
index 7405c4c..e8574d4 100644
--- a/web/src/app/layout.tsx
+++ b/web/src/app/layout.tsx
@@ -6,10 +6,10 @@ import "~/styles/globals.css";
 import { type Metadata } from "next";
 import { Geist } from "next/font/google";
 
-import { ThemeProviderWrapper } from "~/app/_components/theme-provider-wrapper";
+import { ThemeProviderWrapper } from "~/components/deer-flow/theme-provider-wrapper";
 import { TooltipProvider } from "~/components/ui/tooltip";
 
-import { Toaster } from "./_components/toaster";
+import { Toaster } from "../components/deer-flow/toaster";
 
 export const metadata: Metadata = {
   title: "🦌 DeerFlow",
diff --git a/web/src/app/page.tsx b/web/src/app/page.tsx
index 59697ed..cfaf5f2 100644
--- a/web/src/app/page.tsx
+++ b/web/src/app/page.tsx
@@ -5,14 +5,14 @@ import { GithubOutlined } from "@ant-design/icons";
 import Link from "next/link";
 import { useMemo } from "react";
 
+import { Ray } from "~/components/deer-flow/ray";
 import { Button } from "~/components/ui/button";
 
-import { Ray } from "./_components/ray";
-import { CaseStudySection } from "./landing/_components/case-study-section";
-import { CoreFeatureSection } from "./landing/_components/core-features-section";
-import { JoinCommunitySection } from "./landing/_components/join-community-section";
-import { Jumbotron } from "./landing/_components/jumbotron";
-import { MultiAgentSection } from "./landing/_components/multi-agent-section";
+import { CaseStudySection } from "./landing/components/case-study-section";
+import { CoreFeatureSection } from "./landing/components/core-features-section";
+import { JoinCommunitySection } from "./landing/components/join-community-section";
+import { Jumbotron } from "./landing/components/jumbotron";
+import { MultiAgentSection } from "./landing/components/multi-agent-section";
 
 export default function HomePage() {
   return (
diff --git a/web/src/app/_settings/dialogs/add-mcp-server-dialog.tsx b/web/src/app/settings/dialogs/add-mcp-server-dialog.tsx
similarity index 100%
rename from web/src/app/_settings/dialogs/add-mcp-server-dialog.tsx
rename to web/src/app/settings/dialogs/add-mcp-server-dialog.tsx
diff --git a/web/src/app/_settings/dialogs/settings-dialog.tsx b/web/src/app/settings/dialogs/settings-dialog.tsx
similarity index 98%
rename from web/src/app/_settings/dialogs/settings-dialog.tsx
rename to web/src/app/settings/dialogs/settings-dialog.tsx
index 1eb116a..d9c690c 100644
--- a/web/src/app/_settings/dialogs/settings-dialog.tsx
+++ b/web/src/app/settings/dialogs/settings-dialog.tsx
@@ -4,6 +4,7 @@
 import { Settings } from "lucide-react";
 import { useCallback, useEffect, useMemo, useState } from "react";
 
+import { Tooltip } from "~/components/deer-flow/tooltip";
 import { Badge } from "~/components/ui/badge";
 import { Button } from "~/components/ui/button";
 import {
@@ -25,7 +26,6 @@ import {
 } from "~/core/store";
 import { cn } from "~/lib/utils";
 
-import { Tooltip } from "../../_components/tooltip";
 import { SETTINGS_TABS } from "../tabs";
 
 export function SettingsDialog() {
diff --git a/web/src/app/_settings/tabs/about-tab.tsx b/web/src/app/settings/tabs/about-tab.tsx
similarity index 83%
rename from web/src/app/_settings/tabs/about-tab.tsx
rename to web/src/app/settings/tabs/about-tab.tsx
index 4be2b9f..738a917 100644
--- a/web/src/app/_settings/tabs/about-tab.tsx
+++ b/web/src/app/settings/tabs/about-tab.tsx
@@ -3,7 +3,7 @@
 
 import { BadgeInfo } from "lucide-react";
 
-import { Markdown } from "~/app/_components/markdown";
+import { Markdown } from "~/components/deer-flow/markdown";
 
 import about from "./about.md";
 import type { Tab } from "./types";
diff --git a/web/src/app/_settings/tabs/about.md b/web/src/app/settings/tabs/about.md
similarity index 100%
rename from web/src/app/_settings/tabs/about.md
rename to web/src/app/settings/tabs/about.md
diff --git a/web/src/app/_settings/tabs/general-tab.tsx b/web/src/app/settings/tabs/general-tab.tsx
similarity index 100%
rename from web/src/app/_settings/tabs/general-tab.tsx
rename to web/src/app/settings/tabs/general-tab.tsx
diff --git a/web/src/app/_settings/tabs/index.tsx b/web/src/app/settings/tabs/index.tsx
similarity index 100%
rename from web/src/app/_settings/tabs/index.tsx
rename to web/src/app/settings/tabs/index.tsx
diff --git a/web/src/app/_settings/tabs/mcp-tab.tsx b/web/src/app/settings/tabs/mcp-tab.tsx
similarity index 99%
rename from web/src/app/_settings/tabs/mcp-tab.tsx
rename to web/src/app/settings/tabs/mcp-tab.tsx
index f197092..8fee3f5 100644
--- a/web/src/app/_settings/tabs/mcp-tab.tsx
+++ b/web/src/app/settings/tabs/mcp-tab.tsx
@@ -5,7 +5,7 @@ import { motion } from "framer-motion";
 import { Blocks, PencilRuler, Trash } from "lucide-react";
 import { useCallback, useState } from "react";
 
-import { Tooltip } from "~/app/_components/tooltip";
+import { Tooltip } from "~/components/deer-flow/tooltip";
 import { Button } from "~/components/ui/button";
 import { Switch } from "~/components/ui/switch";
 import type { MCPServerMetadata } from "~/core/mcp";
diff --git a/web/src/app/_settings/tabs/types.ts b/web/src/app/settings/tabs/types.ts
similarity index 100%
rename from web/src/app/_settings/tabs/types.ts
rename to web/src/app/settings/tabs/types.ts
diff --git a/web/src/app/_components/fav-icon.tsx b/web/src/components/deer-flow/fav-icon.tsx
similarity index 100%
rename from web/src/app/_components/fav-icon.tsx
rename to web/src/components/deer-flow/fav-icon.tsx
diff --git a/web/src/app/_icons/detective.tsx b/web/src/components/deer-flow/icons/detective.tsx
similarity index 100%
rename from web/src/app/_icons/detective.tsx
rename to web/src/components/deer-flow/icons/detective.tsx
diff --git a/web/src/app/_components/image.tsx b/web/src/components/deer-flow/image.tsx
similarity index 100%
rename from web/src/app/_components/image.tsx
rename to web/src/components/deer-flow/image.tsx
diff --git a/web/src/app/_components/loading-animation.module.css b/web/src/components/deer-flow/loading-animation.module.css
similarity index 100%
rename from web/src/app/_components/loading-animation.module.css
rename to web/src/components/deer-flow/loading-animation.module.css
diff --git a/web/src/app/_components/loading-animation.tsx b/web/src/components/deer-flow/loading-animation.tsx
similarity index 100%
rename from web/src/app/_components/loading-animation.tsx
rename to web/src/components/deer-flow/loading-animation.tsx
diff --git a/web/src/app/_components/logo.tsx b/web/src/components/deer-flow/logo.tsx
similarity index 100%
rename from web/src/app/_components/logo.tsx
rename to web/src/components/deer-flow/logo.tsx
diff --git a/web/src/app/_components/markdown.tsx b/web/src/components/deer-flow/markdown.tsx
similarity index 100%
rename from web/src/app/_components/markdown.tsx
rename to web/src/components/deer-flow/markdown.tsx
diff --git a/web/src/app/_components/rainbow-text.module.css b/web/src/components/deer-flow/rainbow-text.module.css
similarity index 100%
rename from web/src/app/_components/rainbow-text.module.css
rename to web/src/components/deer-flow/rainbow-text.module.css
diff --git a/web/src/app/_components/rainbow-text.tsx b/web/src/components/deer-flow/rainbow-text.tsx
similarity index 100%
rename from web/src/app/_components/rainbow-text.tsx
rename to web/src/components/deer-flow/rainbow-text.tsx
diff --git a/web/src/app/_components/ray.tsx b/web/src/components/deer-flow/ray.tsx
similarity index 92%
rename from web/src/app/_components/ray.tsx
rename to web/src/components/deer-flow/ray.tsx
index a478d58..26aeb00 100644
--- a/web/src/app/_components/ray.tsx
+++ b/web/src/components/deer-flow/ray.tsx
@@ -1,3 +1,6 @@
+// Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
+// SPDX-License-Identifier: MIT
+
 export function Ray() {
   return (
     <svg
diff --git a/web/src/app/_components/rolling-text.tsx b/web/src/components/deer-flow/rolling-text.tsx
similarity index 100%
rename from web/src/app/_components/rolling-text.tsx
rename to web/src/components/deer-flow/rolling-text.tsx
diff --git a/web/src/app/_components/scroll-container.tsx b/web/src/components/deer-flow/scroll-container.tsx
similarity index 100%
rename from web/src/app/_components/scroll-container.tsx
rename to web/src/components/deer-flow/scroll-container.tsx
diff --git a/web/src/app/_components/theme-provider-wrapper.tsx b/web/src/components/deer-flow/theme-provider-wrapper.tsx
similarity index 100%
rename from web/src/app/_components/theme-provider-wrapper.tsx
rename to web/src/components/deer-flow/theme-provider-wrapper.tsx
diff --git a/web/src/app/_components/theme-toggle.tsx b/web/src/components/deer-flow/theme-toggle.tsx
similarity index 100%
rename from web/src/app/_components/theme-toggle.tsx
rename to web/src/components/deer-flow/theme-toggle.tsx
diff --git a/web/src/app/_components/toaster.tsx b/web/src/components/deer-flow/toaster.tsx
similarity index 100%
rename from web/src/app/_components/toaster.tsx
rename to web/src/components/deer-flow/toaster.tsx
diff --git a/web/src/app/_components/tooltip.tsx b/web/src/components/deer-flow/tooltip.tsx
similarity index 100%
rename from web/src/app/_components/tooltip.tsx
rename to web/src/components/deer-flow/tooltip.tsx