From e3367e35982c8afb9b080ffb0fcce0dce8030128 Mon Sep 17 00:00:00 2001
From: alkinun <alkinunl@gmail.com>
Date: Wed, 22 Jul 2026 18:00:52 +0300
Subject: [PATCH] Studio: standardize Deep Research telescope icons

---
 .../frontend/src/components/assistant-ui/thread.tsx   |  4 ++--
 studio/frontend/src/features/chat/chat-page.tsx       |  8 ++++++--
 .../chat/components/research-activity-panel.tsx       | 11 ++++++++---
 .../src/features/chat/components/research-message.tsx |  6 ++++--
 4 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/studio/frontend/src/components/assistant-ui/thread.tsx b/studio/frontend/src/components/assistant-ui/thread.tsx
index a7f1a50536..c7c6588905 100644
--- a/studio/frontend/src/components/assistant-ui/thread.tsx
+++ b/studio/frontend/src/components/assistant-ui/thread.tsx
@@ -145,6 +145,7 @@ import {
   Image03Icon,
   McpServerIcon,
   PencilRulerIcon,
+  Telescope02Icon,
 } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { useNavigate } from "@tanstack/react-router";
@@ -162,7 +163,6 @@ import {
   PlusIcon,
   RefreshCwIcon,
   SquareIcon,
-  TelescopeIcon,
   TerminalIcon,
   Volume2Icon,
   VolumeXIcon,
@@ -3148,7 +3148,7 @@ const ComposerToolsMenu: FC<{
             }
             onSelect={() => setDeepResearchEnabled(!deepResearchEnabled)}
           >
-            <TelescopeIcon />
+            <HugeiconsIcon icon={Telescope02Icon} strokeWidth={2} />
             Deep research
             {deepResearchEnabled && !researchDisabled ? (
               <HugeiconsIcon
diff --git a/studio/frontend/src/features/chat/chat-page.tsx b/studio/frontend/src/features/chat/chat-page.tsx
index c7c10b2c6e..8b4c0946e6 100644
--- a/studio/frontend/src/features/chat/chat-page.tsx
+++ b/studio/frontend/src/features/chat/chat-page.tsx
@@ -87,11 +87,11 @@ import {
   MoreVerticalIcon,
   PinIcon,
   PinOffIcon,
+  Telescope02Icon,
 } from "@hugeicons/core-free-icons";
 import { HugeiconsIcon } from "@hugeicons/react";
 import { useNavigate } from "@tanstack/react-router";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { Telescope } from "lucide-react";
 import {
   type CSSProperties,
   type ReactElement,
@@ -3351,7 +3351,11 @@ export function ChatPage({
                     aria-label="Open research activity"
                     aria-pressed={openResearchRunId === latestResearchRun.id}
                   >
-                    <Telescope className="size-icon" strokeWidth={1.75} />
+                    <HugeiconsIcon
+                      icon={Telescope02Icon}
+                      className="size-icon"
+                      strokeWidth={1.75}
+                    />
                     {!['completed', 'failed', 'cancelled'].includes(latestResearchRun.status) ? (
                       <span className="absolute right-1 top-1 size-1.5 rounded-full bg-primary ring-2 ring-background" />
                     ) : null}
diff --git a/studio/frontend/src/features/chat/components/research-activity-panel.tsx b/studio/frontend/src/features/chat/components/research-activity-panel.tsx
index e51ea28357..6fc926dbf9 100644
--- a/studio/frontend/src/features/chat/components/research-activity-panel.tsx
+++ b/studio/frontend/src/features/chat/components/research-activity-panel.tsx
@@ -26,6 +26,8 @@ import { Textarea } from "@/components/ui/textarea";
 import { openLink } from "@/lib/open-link";
 import { toast } from "@/lib/toast";
 import { cn } from "@/lib/utils";
+import { Telescope02Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
 import {
   ArrowDown,
   ArrowUp,
@@ -41,7 +43,6 @@ import {
   RotateCcw,
   Search,
   Square,
-  Telescope,
   Trash2,
   X,
 } from "lucide-react";
@@ -703,7 +704,11 @@ function PlanReview({ runId }: { runId: string }): ReactElement | null {
                 }
                 onClick={() => void start()}
               >
-                {pending ? <Spinner /> : <Telescope />}
+                {pending ? (
+                  <Spinner />
+                ) : (
+                  <HugeiconsIcon icon={Telescope02Icon} />
+                )}
                 {editing ? "Save and start" : "Start research"}
               </Button>
             </div>
@@ -830,7 +835,7 @@ export function ResearchActivityPanel({
       <header className="shrink-0 border-b border-border/70 px-4 py-3.5">
         <div className="flex items-start gap-3">
           <div className="flex size-9 shrink-0 items-center justify-center rounded-[13px] bg-primary/10 text-primary">
-            <Telescope className="size-[18px]" />
+            <HugeiconsIcon icon={Telescope02Icon} className="size-[18px]" />
           </div>
           <div className="min-w-0 flex-1">
             <div className="flex items-center gap-2">
diff --git a/studio/frontend/src/features/chat/components/research-message.tsx b/studio/frontend/src/features/chat/components/research-message.tsx
index 150aff431f..e7698cd98e 100644
--- a/studio/frontend/src/features/chat/components/research-message.tsx
+++ b/studio/frontend/src/features/chat/components/research-message.tsx
@@ -11,7 +11,9 @@ import { Button } from "@/components/ui/button";
 import { Spinner } from "@/components/ui/spinner";
 import { cn } from "@/lib/utils";
 import { useAuiState } from "@assistant-ui/react";
-import { Check, Telescope, TriangleAlert } from "lucide-react";
+import { Telescope02Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { Check, TriangleAlert } from "lucide-react";
 import { type ReactElement, useEffect } from "react";
 import {
   ensureResearchRunFollowed,
@@ -133,7 +135,7 @@ export function ResearchMessage(): ReactElement {
           {failed ? (
             <TriangleAlert className="size-4" />
           ) : cancelled ? (
-            <Telescope className="size-4" />
+            <HugeiconsIcon icon={Telescope02Icon} className="size-4" />
           ) : (
             <Spinner className="size-4" />
           )}