From ea791f605c3d67963e6260bea4ccea8148be954a Mon Sep 17 00:00:00 2001
From: Xubin Ren <52506698+Re-bin@users.noreply.github.com>
Date: Wed, 10 Jun 2026 04:14:27 +0800
Subject: [PATCH] fix(webui): restore fork action icon

---
 webui/src/components/MessageBubble.tsx | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/webui/src/components/MessageBubble.tsx b/webui/src/components/MessageBubble.tsx
index 4ef4713f1..f99525adf 100644
--- a/webui/src/components/MessageBubble.tsx
+++ b/webui/src/components/MessageBubble.tsx
@@ -11,7 +11,6 @@ import {
   ChevronRight,
   Clock3,
   Copy,
-  GitFork,
   ImageIcon,
   Sparkles,
   Wrench,
@@ -52,6 +51,26 @@ interface MessageBubbleProps {
   onForkFromHere?: () => void;
 }
 
+function ForkArrowIcon({ className }: { className?: string }) {
+  return (
+    <svg
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      aria-hidden
+    >
+      <path d="M5 19c8 0 8-14 16-14" />
+      <path d="M14 5h7v7" />
+      <path d="M5 5c5 0 7 3 9 7" />
+      <path d="M14 12h5v-5" />
+    </svg>
+  );
+}
+
 /**
  * Render a single message. Following agent-chat-ui: user turns are a rounded
  * "pill" right-aligned with a muted fill; assistant turns render as bare
@@ -231,7 +250,7 @@ export function MessageBubble({
                           "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
                         )}
                       >
-                        <GitFork className="h-4 w-4" aria-hidden />
+                        <ForkArrowIcon className="h-4 w-4" />
                       </button>
                     </TooltipTrigger>
                     <TooltipContent side="top" align="center">{forkLabel}</TooltipContent>