diff --git a/src/components/chat/DyadMarkdownParser.tsx b/src/components/chat/DyadMarkdownParser.tsx
index d41d91b..c892a47 100644
--- a/src/components/chat/DyadMarkdownParser.tsx
+++ b/src/components/chat/DyadMarkdownParser.tsx
@@ -22,6 +22,7 @@ import { DyadMcpToolCall } from "./DyadMcpToolCall";
 import { DyadMcpToolResult } from "./DyadMcpToolResult";
 import { DyadWebSearchResult } from "./DyadWebSearchResult";
 import { DyadWebSearch } from "./DyadWebSearch";
+import { DyadWebCrawl } from "./DyadWebCrawl";
 import { DyadRead } from "./DyadRead";
 import { mapActionToButton } from "./ChatInput";
 import { SuggestedAction } from "@/lib/schemas";
@@ -134,6 +135,7 @@ function preprocessUnclosedTags(content: string): {
     "dyad-codebase-context",
     "dyad-web-search-result",
     "dyad-web-search",
+    "dyad-web-crawl",
     "dyad-read",
     "think",
     "dyad-command",
@@ -207,6 +209,7 @@ function parseCustomTags(content: string): ContentPiece[] {
     "dyad-codebase-context",
     "dyad-web-search-result",
     "dyad-web-search",
+    "dyad-web-crawl",
     "dyad-read",
     "think",
     "dyad-command",
@@ -319,6 +322,16 @@ function renderCustomTag(
           {content}
         </DyadWebSearch>
       );
+    case "dyad-web-crawl":
+      return (
+        <DyadWebCrawl
+          node={{
+            properties: {},
+          }}
+        >
+          {content}
+        </DyadWebCrawl>
+      );
     case "dyad-web-search-result":
       return (
         <DyadWebSearchResult
diff --git a/src/components/chat/DyadWebCrawl.tsx b/src/components/chat/DyadWebCrawl.tsx
new file mode 100644
index 0000000..fe2bf7d
--- /dev/null
+++ b/src/components/chat/DyadWebCrawl.tsx
@@ -0,0 +1,27 @@
+import type React from "react";
+import type { ReactNode } from "react";
+import { ScanQrCode } from "lucide-react";
+
+interface DyadWebCrawlProps {
+  children?: ReactNode;
+  node?: any;
+}
+
+export const DyadWebCrawl: React.FC<DyadWebCrawlProps> = ({
+  children,
+  node: _node,
+}) => {
+  return (
+    <div className="bg-(--background-lightest) rounded-lg px-4 py-2 border my-2">
+      <div className="flex items-center justify-between">
+        <div className="flex items-center gap-2">
+          <ScanQrCode size={16} className="text-blue-600" />
+          <div className="text-xs text-blue-600 font-medium">Web Crawl</div>
+        </div>
+      </div>
+      <div className="text-sm italic text-gray-600 dark:text-gray-300 mt-2">
+        {children}
+      </div>
+    </div>
+  );
+};