refactor(desktop): replace lucide-react with react-icons/lu

apps/desktop/package.json

@@ -64,7 +64,6 @@
 		"line-column-path": "^3.0.0",
 		"lodash": "^4.17.21",
 		"lowdb": "^7.0.1",
-		"lucide-react": "^0.555.0",
 		"nanoid": "^5.1.6",
 		"node-pty": "1.1.0-beta30",
 		"react": "^19.1.1",

apps/desktop/src/renderer/screens/main/components/StartView/ActionCard.tsx

@@ -1,7 +1,7 @@
-import type { LucideIcon } from "lucide-react";
+import type { IconType } from "react-icons";
 
 interface ActionCardProps {
-	icon: LucideIcon;
+	icon: IconType;
 	label: string;
 	onClick?: () => void;
 	disabled?: boolean;

apps/desktop/src/renderer/screens/main/components/StartView/index.tsx

@@ -1,7 +1,7 @@
 import { Tooltip, TooltipContent, TooltipTrigger } from "@superset/ui/tooltip";
-import { ChevronUp, FolderGit, FolderOpen, X } from "lucide-react";
 import { useState } from "react";
 import { HiExclamationTriangle } from "react-icons/hi2";
+import { LuChevronUp, LuFolderGit, LuFolderOpen, LuX } from "react-icons/lu";
 import { trpc } from "renderer/lib/trpc";
 import { useOpenNew } from "renderer/react-query/projects";
 import { useCreateWorkspace } from "renderer/react-query/workspaces";
@@ -152,7 +152,7 @@ export function StartView() {
 									className="flex-shrink-0 p-0.5 rounded hover:bg-accent/50 transition-colors"
 									aria-label="Dismiss error"
 								>
-									<X className="h-3.5 w-3.5 text-muted-foreground" />
+									<LuX className="h-3.5 w-3.5 text-muted-foreground" />
 								</button>
 							</div>
 						</div>
@@ -163,14 +163,14 @@ export function StartView() {
 						{/* Action Cards */}
 						<div className="w-full max-w-[650px] min-w-[280px] inline-flex justify-center items-center gap-4 px-2">
 							<ActionCard
-								icon={FolderOpen}
+								icon={LuFolderOpen}
 								label="Open project"
 								onClick={handleOpenProject}
 								isLoading={isLoading}
 							/>
 
 							<ActionCard
-								icon={FolderGit}
+								icon={LuFolderGit}
 								label="Clone repo"
 								onClick={() => {
 									setError(null);
@@ -200,7 +200,7 @@ export function StartView() {
 												{showAllProjects ? (
 													<>
 														Show less
-														<ChevronUp className="h-3 w-3" />
+														<LuChevronUp className="h-3 w-3" />
 													</>
 												) : (
 													<>View all ({recentProjects.length})</>

apps/desktop/src/renderer/screens/main/components/TopBar/WorkspaceTabs/WorkspaceHoverCard/WorkspaceHoverCard.tsx

@@ -1,7 +1,11 @@
 import { Button } from "@superset/ui/button";
 import { formatDistanceToNow } from "date-fns";
-import { ExternalLink, LoaderCircle, TriangleAlert } from "lucide-react";
 import { FaGithub } from "react-icons/fa";
+import {
+	LuExternalLink,
+	LuLoaderCircle,
+	LuTriangleAlert,
+} from "react-icons/lu";
 import { trpc } from "renderer/lib/trpc";
 import { ChecksList } from "./components/ChecksList";
 import { ChecksSummary } from "./components/ChecksSummary";
@@ -55,7 +59,7 @@ export function WorkspaceHoverCardContent({
 								className={`flex items-center gap-1 font-mono break-all hover:underline ${hasCustomAlias ? "text-xs" : "text-sm"}`}
 							>
 								{worktreeName}
-								<ExternalLink className="size-3 shrink-0" />
+								<LuExternalLink className="size-3 shrink-0" />
 							</a>
 						) : (
 							<code
@@ -76,15 +80,15 @@ export function WorkspaceHoverCardContent({
 			{/* Needs Rebase Warning */}
 			{needsRebase && (
 				<div className="flex items-center gap-2 text-amber-500 text-xs bg-amber-500/10 px-2 py-1.5 rounded-md">
-					<TriangleAlert className="size-3.5 shrink-0" />
+					<LuTriangleAlert className="size-3.5 shrink-0" />
 					<span>Behind main, needs rebase</span>
 				</div>
 			)}
 
 			{/* PR Section */}
 			{isLoadingGithub ? (
 				<div className="flex items-center gap-2 text-muted-foreground pt-2 border-t border-border">
-					<LoaderCircle className="size-3 animate-spin" />
+					<LuLoaderCircle className="size-3 animate-spin" />
 					<span className="text-xs">Loading PR...</span>
 				</div>
 			) : pr ? (

apps/desktop/src/renderer/screens/main/components/TopBar/WorkspaceTabs/WorkspaceHoverCard/components/ChecksList/ChecksList.tsx

@@ -1,6 +1,6 @@
-import { ChevronDown, ChevronRight } from "lucide-react";
 import type { CheckItem } from "main/lib/db/schemas";
 import { useState } from "react";
+import { LuChevronDown, LuChevronRight } from "react-icons/lu";
 import { CheckItemRow } from "./components/CheckItemRow";
 
 interface ChecksListProps {
@@ -25,9 +25,9 @@ export function ChecksList({ checks }: ChecksListProps) {
 				className="flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors"
 			>
 				{expanded ? (
-					<ChevronDown className="size-3" />
+					<LuChevronDown className="size-3" />
 				) : (
-					<ChevronRight className="size-3" />
+					<LuChevronRight className="size-3" />
 				)}
 				<span>{expanded ? "Hide checks" : "Show checks"}</span>
 			</button>

apps/desktop/src/renderer/screens/main/components/TopBar/WorkspaceTabs/WorkspaceHoverCard/components/ChecksList/components/CheckItemRow/CheckItemRow.tsx

@@ -1,17 +1,17 @@
-import { Check, LoaderCircle, Minus, X } from "lucide-react";
 import type { CheckItem } from "main/lib/db/schemas";
+import { LuCheck, LuLoaderCircle, LuMinus, LuX } from "react-icons/lu";
 
 interface CheckItemRowProps {
 	check: CheckItem;
 }
 
 export function CheckItemRow({ check }: CheckItemRowProps) {
 	const statusConfig = {
-		success: { icon: Check, className: "text-emerald-500" },
-		failure: { icon: X, className: "text-destructive-foreground" },
-		pending: { icon: LoaderCircle, className: "text-amber-500" },
-		skipped: { icon: Minus, className: "text-muted-foreground" },
-		cancelled: { icon: Minus, className: "text-muted-foreground" },
+		success: { icon: LuCheck, className: "text-emerald-500" },
+		failure: { icon: LuX, className: "text-destructive-foreground" },
+		pending: { icon: LuLoaderCircle, className: "text-amber-500" },
+		skipped: { icon: LuMinus, className: "text-muted-foreground" },
+		cancelled: { icon: LuMinus, className: "text-muted-foreground" },
 	};
 
 	const { icon: Icon, className } = statusConfig[check.status];

apps/desktop/src/renderer/screens/main/components/TopBar/WorkspaceTabs/WorkspaceHoverCard/components/ChecksSummary/ChecksSummary.tsx

@@ -1,5 +1,5 @@
-import { Check, LoaderCircle, X } from "lucide-react";
 import type { CheckItem } from "main/lib/db/schemas";
+import { LuCheck, LuLoaderCircle, LuX } from "react-icons/lu";
 
 interface ChecksSummaryProps {
 	checks: CheckItem[];
@@ -16,15 +16,15 @@ export function ChecksSummary({ checks, status }: ChecksSummaryProps) {
 
 	const config = {
 		success: {
-			icon: Check,
+			icon: LuCheck,
 			className: "text-emerald-500",
 		},
 		failure: {
-			icon: X,
+			icon: LuX,
 			className: "text-destructive-foreground",
 		},
 		pending: {
-			icon: LoaderCircle,
+			icon: LuLoaderCircle,
 			className: "text-amber-500",
 		},
 	};

apps/desktop/src/renderer/screens/main/components/WorkspaceView/ContentView/TabsContent/TabContentContextMenu.tsx

@@ -9,8 +9,15 @@ import {
 	ContextMenuSubTrigger,
 	ContextMenuTrigger,
 } from "@superset/ui/context-menu";
-import { Columns2, Eraser, MoveRight, Plus, Rows2, X } from "lucide-react";
 import type { ReactNode } from "react";
+import {
+	LuColumns2,
+	LuEraser,
+	LuMoveRight,
+	LuPlus,
+	LuRows2,
+	LuX,
+} from "react-icons/lu";
 import type { Tab } from "renderer/stores/tabs/types";
 
 interface TabContentContextMenuProps {
@@ -44,22 +51,22 @@ export function TabContentContextMenu({
 			<ContextMenuTrigger asChild>{children}</ContextMenuTrigger>
 			<ContextMenuContent>
 				<ContextMenuItem onSelect={onSplitHorizontal}>
-					<Rows2 className="size-4" />
+					<LuRows2 className="size-4" />
 					Split Horizontally
 				</ContextMenuItem>
 				<ContextMenuItem onSelect={onSplitVertical}>
-					<Columns2 className="size-4" />
+					<LuColumns2 className="size-4" />
 					Split Vertically
 				</ContextMenuItem>
 				<ContextMenuItem onSelect={onClearTerminal}>
-					<Eraser className="size-4" />
+					<LuEraser className="size-4" />
 					Clear Terminal
 					<ContextMenuShortcut>⌘K</ContextMenuShortcut>
 				</ContextMenuItem>
 				<ContextMenuSeparator />
 				<ContextMenuSub>
 					<ContextMenuSubTrigger className="gap-2">
-						<MoveRight className="size-4" />
+						<LuMoveRight className="size-4" />
 						Move to Tab
 					</ContextMenuSubTrigger>
 					<ContextMenuSubContent>
@@ -73,14 +80,14 @@ export function TabContentContextMenu({
 						))}
 						{targetTabs.length > 0 && <ContextMenuSeparator />}
 						<ContextMenuItem onSelect={onMoveToNewTab}>
-							<Plus className="size-4" />
+							<LuPlus className="size-4" />
 							New Tab
 						</ContextMenuItem>
 					</ContextMenuSubContent>
 				</ContextMenuSub>
 				<ContextMenuSeparator />
 				<ContextMenuItem variant="destructive" onSelect={onClosePane}>
-					<X className="size-4" />
+					<LuX className="size-4" />
 					Close Terminal
 				</ContextMenuItem>
 			</ContextMenuContent>