From 6d8e846e92d63deb91f70b6bf4c20d0da350301f Mon Sep 17 00:00:00 2001
From: alkinun <alkinunl@gmail.com>
Date: Wed, 22 Jul 2026 17:52:58 +0300
Subject: [PATCH] Studio: use Hugeicons telescope in research composer

---
 .../chat/components/deep-research-composer-button.tsx       | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/studio/frontend/src/features/chat/components/deep-research-composer-button.tsx b/studio/frontend/src/features/chat/components/deep-research-composer-button.tsx
index 9dfd6509f2..33d806fab2 100644
--- a/studio/frontend/src/features/chat/components/deep-research-composer-button.tsx
+++ b/studio/frontend/src/features/chat/components/deep-research-composer-button.tsx
@@ -2,6 +2,8 @@
 // Copyright 2026-present the Unsloth AI Inc. team. All rights reserved. See /studio/LICENSE.AGPL-3.0
 
 import { Button } from "@/components/ui/button";
+import { Telescope01Icon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
 import {
   Dialog,
   DialogContent,
@@ -12,7 +14,7 @@ import {
 } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { cn } from "@/lib/utils";
-import { ChevronDownIcon, TelescopeIcon, XIcon } from "lucide-react";
+import { ChevronDownIcon, XIcon } from "lucide-react";
 import { type KeyboardEvent, useState } from "react";
 import { useChatRuntimeStore } from "../stores/chat-runtime-store";
 import type { ResearchWebsitePolicy } from "../types/research";
@@ -152,7 +154,7 @@ export function DeepResearchComposerButton({
         }}
         className="composer-pill-glyph cursor-pointer"
       >
-        <TelescopeIcon className="size-[15px]" />
+        <HugeiconsIcon icon={Telescope01Icon} className="size-[15px]" />
         <XIcon className="composer-pill-x" />
       </span>
       <span>Deep research</span>