revert(icons): undo Hugeicons migration, restore lucide-react + original EMCN icons

Reverts the two Hugeicons commits (d3b291b, 1bc72e6) that vendored the
Hugeicons stroke-rounded set and removed lucide-react. Restores lucide-react
(^0.479.0), the original hand-authored EMCN icon art, and the per-file
lucide-react/emcn import split across the app.

Later design work (post-migration) was built on the new icons, so a literal
revert was reconciled: ~330 files reverted cleanly; 33 conflicts resolved by
keeping later design structure and reverting only the icon source; dangling
imports of removed net-new icons re-pointed to lucide-react. Six genuinely
custom Sim icons that later features depend on (and lucide lacks) are kept:
ArrowRight2, ArrowUp2, BubbleChatDelay, BubbleChatSpark, SimLogotype, CircleInfo.
Removed the Hugeicons generator scripts and the icon-gallery tooling. tsc --noEmit
passes; Biome formatting applied.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: andresdjasso

apps/sim/app/(auth)/login/login-form.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useRef, useState } from 'react'
 import { createLogger } from '@sim/logger'
 import { getErrorMessage } from '@sim/utils/errors'
+import { Eye, EyeOff } from 'lucide-react'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import {
@@ -16,7 +17,6 @@ import {
   Label,
   Loader,
 } from '@/components/emcn'
-import { Eye, EyeOff } from '@/components/emcn/icons'
 import { requestJson } from '@/lib/api/client/request'
 import { forgetPasswordContract } from '@/lib/api/contracts'
 import { client } from '@/lib/auth/auth-client'

apps/sim/app/(auth)/reset-password/reset-password-form.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import { useState } from 'react'
+import { Eye, EyeOff } from 'lucide-react'
 import { Input, Label, Loader } from '@/components/emcn'
-import { Eye, EyeOff } from '@/components/emcn/icons'
 import { cn } from '@/lib/core/utils/cn'
 import { AUTH_SUBMIT_BTN } from '@/app/(auth)/components/auth-button-classes'
 

apps/sim/app/(auth)/signup/signup-form.tsx

@@ -3,11 +3,11 @@
 import { Suspense, useEffect, useMemo, useRef, useState } from 'react'
 import { Turnstile, type TurnstileInstance } from '@marsidev/react-turnstile'
 import { createLogger } from '@sim/logger'
+import { Eye, EyeOff } from 'lucide-react'
 import Link from 'next/link'
 import { useRouter, useSearchParams } from 'next/navigation'
 import { usePostHog } from 'posthog-js/react'
 import { Input, Label, Loader } from '@/components/emcn'
-import { Eye, EyeOff } from '@/components/emcn/icons'
 import { client, useSession } from '@/lib/auth/auth-client'
 import { getEnv, isFalsy, isTruthy } from '@/lib/core/config/env'
 import { validateCallbackUrl } from '@/lib/core/security/input-validation'

apps/sim/app/(landing)/blog/[slug]/share-button.tsx

@@ -1,13 +1,14 @@
 'use client'
 
 import { useState } from 'react'
+import { Share2 } from 'lucide-react'
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/emcn'
-import { Duplicate, Share2 } from '@/components/emcn/icons'
+import { Duplicate } from '@/components/emcn/icons'
 import { LinkedInIcon, xIcon as XIcon } from '@/components/icons'
 
 interface ShareButtonProps {

apps/sim/app/(landing)/components/auth-modal/auth-modal.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect, useMemo, useState } from 'react'
 import { createLogger } from '@sim/logger'
+import { X } from 'lucide-react'
 import Image from 'next/image'
 import { useRouter } from 'next/navigation'
 import {
@@ -13,7 +14,6 @@ import {
   ModalTitle,
   ModalTrigger,
 } from '@/components/emcn'
-import { X } from '@/components/emcn/icons'
 import { GithubIcon, GoogleIcon } from '@/components/icons'
 import { requestJson } from '@/lib/api/client/request'
 import { type AuthProviderStatusResponse, getAuthProvidersContract } from '@/lib/api/contracts/auth'

apps/sim/app/(landing)/components/features/components/features-preview.tsx

@@ -946,7 +946,7 @@ function MockFullTable({ revealedRows }: { revealedRows: number }) {
                   <div className='flex items-center gap-1.5'>
                     <ColumnTypeIcon />
                     <span className='font-medium text-[#1C1C1C] text-[13px]'>{col}</span>
-                    <ChevronDown className='ml-auto size-[14px] shrink-0 text-[#CCC]' />
+                    <ChevronDown className='ml-auto h-[7px] w-[9px] shrink-0 text-[#CCC]' />
                   </div>
                 </th>
               ))}

apps/sim/app/(landing)/components/footer/footer-cta.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import { useCallback, useRef, useState } from 'react'
+import { ArrowUp } from 'lucide-react'
 import dynamic from 'next/dynamic'
-import { ArrowUp } from '@/components/emcn/icons'
 import { cn } from '@/lib/core/utils/cn'
 import { handleKeyboardActivation } from '@/lib/core/utils/keyboard'
 import { captureClientEvent } from '@/lib/posthog/client'

apps/sim/app/(landing)/components/landing-preview/components/landing-preview-home/landing-preview-home.tsx

@@ -2,8 +2,9 @@
 
 import { memo, useCallback, useEffect, useRef, useState } from 'react'
 import { AnimatePresence, domAnimation, LazyMotion, m } from 'framer-motion'
+import { ArrowUp, Table } from 'lucide-react'
 import { Blimp, Checkbox, ChevronDown } from '@/components/emcn'
-import { ArrowUp, Table, TypeBoolean, TypeNumber, TypeText } from '@/components/emcn/icons'
+import { TypeBoolean, TypeNumber, TypeText } from '@/components/emcn/icons'
 import { captureClientEvent } from '@/lib/posthog/client'
 import { useLandingSubmit } from '@/app/(landing)/components/landing-preview/components/landing-preview-panel/landing-preview-panel'
 import { EASE_OUT } from '@/app/(landing)/components/landing-preview/components/landing-preview-workflow/workflow-data'
@@ -220,7 +221,7 @@ export const LandingPreviewHome = memo(function LandingPreviewHome({
                         Mothership
                       </span>
                       <ChevronDown
-                        className='size-[14px] transition-transform duration-150'
+                        className='h-[7px] w-[9px] transition-transform duration-150'
                         style={{
                           color: C.TEXT_ICON,
                           transform: toolsExpanded ? 'rotate(0deg)' : 'rotate(-90deg)',

apps/sim/app/(landing)/components/landing-preview/components/landing-preview-panel/landing-preview-panel.tsx

@@ -2,11 +2,11 @@
 
 import { memo, useCallback, useEffect, useRef, useState } from 'react'
 import { AnimatePresence, domMax, LazyMotion, m } from 'framer-motion'
+import { ArrowUp } from 'lucide-react'
 import dynamic from 'next/dynamic'
 import { useRouter } from 'next/navigation'
 import { createPortal } from 'react-dom'
 import { Blimp, BubbleChatPreview, ChevronDown, MoreHorizontal, Play } from '@/components/emcn'
-import { ArrowUp } from '@/components/emcn/icons'
 import { AgentIcon, HubspotIcon, OpenAIIcon, SalesforceIcon } from '@/components/icons'
 import { LandingPromptStorage } from '@/lib/core/utils/browser-storage'
 import { captureClientEvent } from '@/lib/posthog/client'
@@ -432,7 +432,7 @@ function EditorTabContent({ editorPrompt, typedLength }: EditorTabContentProps)
               <div className='flex h-[32px] items-center gap-2 rounded-[4px] border border-[#3d3d3d] bg-[#292929] px-2'>
                 {ModelIcon && <ModelIcon className='h-[14px] w-[14px] text-[#e6e6e6]' />}
                 <span className='flex-1 truncate font-medium text-[#e6e6e6] text-sm'>{model}</span>
-                <ChevronDown className='size-[14px] text-[#636363]' />
+                <ChevronDown className='h-[7px] w-[9px] text-[#636363]' />
               </div>
             </div>
           )}

apps/sim/app/(landing)/components/landing-preview/components/landing-preview-tables/landing-preview-tables.tsx

@@ -446,7 +446,7 @@ function SpreadsheetView({ tableId, tableName, onBack }: SpreadsheetViewProps) {
           <span className='select-none text-[var(--text-icon)] text-sm'>/</span>
           <span className='inline-flex items-center px-2 py-1 font-medium text-[var(--text-body)] text-sm'>
             {tableName}
-            <ChevronDown className='ml-2 size-[14px] shrink-0 text-[var(--text-muted)]' />
+            <ChevronDown className='ml-2 h-[7px] w-[9px] shrink-0 text-[var(--text-muted)]' />
           </span>
         </div>
       </div>
@@ -472,7 +472,7 @@ function SpreadsheetView({ tableId, tableName, onBack }: SpreadsheetViewProps) {
                       <span className='ml-1.5 min-w-0 overflow-clip text-ellipsis whitespace-nowrap font-medium text-[var(--text-primary)] text-small'>
                         {col.label}
                       </span>
-                      <ChevronDown className='ml-auto size-[14px] shrink-0 text-[var(--text-muted)]' />
+                      <ChevronDown className='ml-auto h-[7px] w-[9px] shrink-0 text-[var(--text-muted)]' />
                     </div>
                   </th>
                 )