Switch to Lucide icons

src-web/components/core/Icon.tsx

@@ -1,4 +1,4 @@
-import * as I from '@radix-ui/react-icons';
+import * as lucide from 'lucide-react';
 import classNames from 'classnames';
 import type { HTMLAttributes } from 'react';
 import { memo } from 'react';
@@ -6,49 +6,33 @@ import { ReactComponent as LeftPanelHiddenIcon } from '../../assets/icons/LeftPa
 import { ReactComponent as LeftPanelVisibleIcon } from '../../assets/icons/LeftPanelVisibleIcon.svg';
 
 const icons = {
-  archive: I.ArchiveIcon,
-  chat: I.ChatBubbleIcon,
-  check: I.CheckIcon,
-  checkbox: I.CheckboxIcon,
-  chevronDown: I.ChevronDownIcon,
-  chevronRight: I.ChevronRightIcon,
-  clock: I.ClockIcon,
-  code: I.CodeIcon,
-  colorWheel: I.ColorWheelIcon,
-  copy: I.CopyIcon,
-  dividerH: I.DividerHorizontalIcon,
-  dotsH: I.DotsHorizontalIcon,
-  dotsV: I.DotsVerticalIcon,
-  download: I.DownloadIcon,
-  drag: I.DragHandleDots2Icon,
-  eye: I.EyeOpenIcon,
-  eyeClosed: I.EyeClosedIcon,
-  gear: I.GearIcon,
-  hamburger: I.HamburgerMenuIcon,
-  home: I.HomeIcon,
-  keyboard: I.KeyboardIcon,
-  listBullet: I.ListBulletIcon,
-  magicWand: I.MagicWandIcon,
-  magnifyingGlass: I.MagnifyingGlassIcon,
-  minus: I.MinusIcon,
-  moon: I.MoonIcon,
-  openNewWindow: I.OpenInNewWindowIcon,
-  paperPlane: I.PaperPlaneIcon,
-  pencil: I.Pencil2Icon,
-  plus: I.PlusIcon,
-  plusCircle: I.PlusCircledIcon,
-  question: I.QuestionMarkIcon,
-  rocket: I.RocketIcon,
-  rows: I.RowsIcon,
-  square: I.SquareIcon,
-  sun: I.SunIcon,
-  trash: I.TrashIcon,
-  triangleDown: I.TriangleDownIcon,
-  triangleLeft: I.TriangleLeftIcon,
-  triangleRight: I.TriangleRightIcon,
-  update: I.UpdateIcon,
-  upload: I.UploadIcon,
-  x: I.Cross2Icon,
+  archive: lucide.ArchiveIcon,
+  chat: lucide.MessageSquare,
+  check: lucide.CheckIcon,
+  chevronDown: lucide.ChevronDownIcon,
+  chevronRight: lucide.ChevronRightIcon,
+  code: lucide.CodeIcon,
+  copy: lucide.CopyIcon,
+  moreVertical: lucide.MoreVerticalIcon,
+  download: lucide.DownloadIcon,
+  gripVertical: lucide.GripVerticalIcon,
+  eye: lucide.EyeIcon,
+  eyeClosed: lucide.EyeOffIcon,
+  filter: lucide.FilterIcon,
+  flask: lucide.FlaskConicalIcon,
+  gear: lucide.CogIcon,
+  keyboard: lucide.KeyboardIcon,
+  magicWand: lucide.Wand2Icon,
+  externalLink: lucide.ExternalLinkIcon,
+  sendHorizontal: lucide.SendHorizonalIcon,
+  pencil: lucide.PencilIcon,
+  question: lucide.ShieldQuestionIcon,
+  plus: lucide.PlusIcon,
+  plusCircle: lucide.PlusCircleIcon,
+  trash: lucide.TrashIcon,
+  update: lucide.RefreshCcwIcon,
+  upload: lucide.UploadIcon,
+  x: lucide.XIcon,
 
   // Custom
   leftPanelHidden: LeftPanelHiddenIcon,

src-web/components/core/Tabs/Tabs.tsx

@@ -104,7 +104,7 @@ export function Tabs({
                     className={btnClassName}
                     rightSlot={
                       <Icon
-                        icon="triangleDown"
+                        icon="chevronDown"
                         className={classNames('-mr-1.5', isActive ? 'opacity-100' : 'opacity-20')}
                       />
                     }