From 98e8d0316e2a2d3d343ab56f4e427c9889e54674 Mon Sep 17 00:00:00 2001
From: Zero Liu <zerolxy@gmail.com>
Date: Thu, 14 May 2026 01:19:41 -0700
Subject: [PATCH] chore(icons): drop deprecated lucide Youtube icon; reuse
 Globe for URLs (#2449)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The `Youtube` brand icon from lucide-react is deprecated and slated for
removal. The YouTube section header and per-row icon already sit next to
the "YouTube" label or full URL, so the brand mark is redundant — collapse
both web and youtube items to the existing `Globe` icon.

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/components/project/processing-status.tsx |  4 +---
 src/components/ui/url-tag-input.tsx          | 10 +++-------
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/src/components/project/processing-status.tsx b/src/components/project/processing-status.tsx
index bee05cee..647af7b2 100644
--- a/src/components/project/processing-status.tsx
+++ b/src/components/project/processing-status.tsx
@@ -28,7 +28,6 @@ import {
   Loader2,
   RefreshCw,
   X,
-  Youtube,
 } from "lucide-react";
 import React, { useCallback, useRef, useState } from "react";
 
@@ -83,9 +82,8 @@ function FileTypeIcon({ fileType }: { fileType: ProcessingItem["fileType"] }) {
     case "image":
       return <FileImage className="tw-size-3.5 tw-text-accent" />;
     case "web":
-      return <Globe className="tw-size-3.5 tw-text-accent" />;
     case "youtube":
-      return <Youtube className="tw-size-3.5 tw-text-error" />;
+      return <Globe className="tw-size-3.5 tw-text-accent" />;
     case "audio":
       return <FileVideo className="tw-size-3.5 tw-text-warning" />;
     default:
diff --git a/src/components/ui/url-tag-input.tsx b/src/components/ui/url-tag-input.tsx
index b6d32286..34af20ab 100644
--- a/src/components/ui/url-tag-input.tsx
+++ b/src/components/ui/url-tag-input.tsx
@@ -12,7 +12,7 @@
 import { Button } from "@/components/ui/button";
 import { type UrlItem, detectUrlType, isValidUrl } from "@/utils/urlTagUtils";
 import { TruncatedText } from "@/components/TruncatedText";
-import { ClipboardPaste, Globe, Link, X, Youtube } from "lucide-react";
+import { ClipboardPaste, Globe, Link, X } from "lucide-react";
 import React, {
   useCallback,
   useRef,
@@ -155,7 +155,7 @@ export function UrlTagInput({ urls, onAdd, onRemove }: UrlTagInputProps) {
           {youtubeUrls.length > 0 && (
             <div className="tw-p-2">
               <div className="tw-mb-2 tw-flex tw-items-center tw-gap-1.5 tw-px-1">
-                <Youtube className="tw-size-3.5 tw-text-error" />
+                <Globe className="tw-size-3.5 tw-text-accent" />
                 <span className="tw-text-ui-smaller tw-font-medium tw-text-muted">
                   YouTube ({youtubeUrls.length})
                 </span>
@@ -225,11 +225,7 @@ function UrlItemRow({ url, onRemove }: { url: UrlItem; onRemove: (id: string) =>
   return (
     <div className="tw-group tw-flex tw-items-center tw-justify-between tw-rounded tw-px-2 tw-py-1.5 hover:tw-bg-modifier-hover">
       <div className="tw-flex tw-min-w-0 tw-flex-1 tw-items-center tw-gap-2">
-        {url.type === "youtube" ? (
-          <Youtube className="tw-size-3.5 tw-shrink-0 tw-text-error" />
-        ) : (
-          <Globe className="tw-size-3.5 tw-shrink-0 tw-text-accent" />
-        )}
+        <Globe className="tw-size-3.5 tw-shrink-0 tw-text-accent" />
         <TruncatedText className="tw-text-sm tw-text-normal" tooltipContent={url.url}>
           {url.url.replace(/^https?:\/\//, "")}
         </TruncatedText>