refactor: remove heroui

package.json

@@ -146,7 +146,6 @@
     "@eslint/js": "^9.22.0",
     "@google/genai": "patch:@google/genai@npm%3A1.0.1#~/.yarn/patches/@google-genai-npm-1.0.1-e26f0f9af7.patch",
     "@hello-pangea/dnd": "^18.0.1",
-    "@heroui/react": "^2.8.3",
     "@kangfenmao/keyv-storage": "^0.1.0",
     "@langchain/community": "^1.0.0",
     "@langchain/core": "patch:@langchain/core@npm%3A1.0.2#~/.yarn/patches/@langchain-core-npm-1.0.2-183ef83fe4.patch",
@@ -348,6 +347,7 @@
     "striptags": "^3.2.0",
     "styled-components": "^6.1.11",
     "swr": "^2.3.6",
+    "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.13",
     "tar": "^7.4.3",
     "tiny-pinyin": "^1.3.2",

src/renderer/src/App.tsx

@@ -9,7 +9,6 @@ import { PersistGate } from 'redux-persist/integration/react'
 import TopViewContainer from './components/TopView'
 import AntdProvider from './context/AntdProvider'
 import { CodeStyleProvider } from './context/CodeStyleProvider'
-import { HeroUIProvider } from './context/HeroUIProvider'
 import { NotificationProvider } from './context/NotificationProvider'
 import StyleSheetManager from './context/StyleSheetManager'
 import { ThemeProvider } from './context/ThemeProvider'
@@ -33,23 +32,21 @@ function App(): React.ReactElement {
   return (
     <Provider store={store}>
       <QueryClientProvider client={queryClient}>
-        <HeroUIProvider>
-          <StyleSheetManager>
-            <ThemeProvider>
-              <AntdProvider>
-                <NotificationProvider>
-                  <CodeStyleProvider>
-                    <PersistGate loading={null} persistor={persistor}>
-                      <TopViewContainer>
-                        <Router />
-                      </TopViewContainer>
-                    </PersistGate>
-                  </CodeStyleProvider>
-                </NotificationProvider>
-              </AntdProvider>
-            </ThemeProvider>
-          </StyleSheetManager>
-        </HeroUIProvider>
+        <StyleSheetManager>
+          <ThemeProvider>
+            <AntdProvider>
+              <NotificationProvider>
+                <CodeStyleProvider>
+                  <PersistGate loading={null} persistor={persistor}>
+                    <TopViewContainer>
+                      <Router />
+                    </TopViewContainer>
+                  </PersistGate>
+                </CodeStyleProvider>
+              </NotificationProvider>
+            </AntdProvider>
+          </ThemeProvider>
+        </StyleSheetManager>
       </QueryClientProvider>
     </Provider>
   )

src/renderer/src/assets/styles/tailwind.css

@@ -1,10 +1,6 @@
 @import 'tailwindcss' source('../../../../renderer');
 @import 'tw-animate-css';
 
-/* heroui */
-@plugin '../../hero.ts';
-@source '../../../../../node_modules/@heroui/theme/dist/**/*.{js,ts,jsx,tsx}';
-
 @custom-variant dark (&:is(.dark *));
 
 /* 如需自定义:
@@ -156,11 +152,6 @@
   body {
     @apply bg-background text-foreground;
   }
-
-  /* To disable drag title bar on toast. tailwind css doesn't provide such class name. */
-  .hero-toast {
-    -webkit-app-region: no-drag;
-  }
 }
 
 :root {

src/renderer/src/context/HeroUIProvider.tsx

@@ -1,13 +0,0 @@
-import { HeroUIProvider } from '@heroui/react'
-import { useSettings } from '@renderer/hooks/useSettings'
-
-const AppHeroUIProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
-  const { language } = useSettings()
-  return (
-    <HeroUIProvider className="flex h-full w-full flex-1" locale={language}>
-      {children}
-    </HeroUIProvider>
-  )
-}
-
-export { AppHeroUIProvider as HeroUIProvider }

src/renderer/src/hero.ts

@@ -1,2 +0,0 @@
-import { heroui } from '@heroui/react'
-export default heroui()

src/renderer/src/windows/mini/MiniWindowApp.tsx

@@ -2,7 +2,6 @@ import '@renderer/databases'
 
 import { ErrorBoundary } from '@renderer/components/ErrorBoundary'
 import { getToastUtilities } from '@renderer/components/TopView/toast'
-import { HeroUIProvider } from '@renderer/context/HeroUIProvider'
 import { useSettings } from '@renderer/hooks/useSettings'
 import store, { persistor } from '@renderer/store'
 import { useEffect } from 'react'
@@ -42,19 +41,17 @@ function MiniWindow(): React.ReactElement {
 
   return (
     <Provider store={store}>
-      <HeroUIProvider>
-        <ThemeProvider>
-          <AntdProvider>
-            <CodeStyleProvider>
-              <PersistGate loading={null} persistor={persistor}>
-                <ErrorBoundary>
-                  <MiniWindowContent />
-                </ErrorBoundary>
-              </PersistGate>
-            </CodeStyleProvider>
-          </AntdProvider>
-        </ThemeProvider>
-      </HeroUIProvider>
+      <ThemeProvider>
+        <AntdProvider>
+          <CodeStyleProvider>
+            <PersistGate loading={null} persistor={persistor}>
+              <ErrorBoundary>
+                <MiniWindowContent />
+              </ErrorBoundary>
+            </PersistGate>
+          </CodeStyleProvider>
+        </AntdProvider>
+      </ThemeProvider>
     </Provider>
   )
 }

src/renderer/src/windows/selection/action/entryPoint.tsx

@@ -7,7 +7,6 @@ import { loggerService } from '@logger'
 import { getToastUtilities } from '@renderer/components/TopView/toast'
 import AntdProvider from '@renderer/context/AntdProvider'
 import { CodeStyleProvider } from '@renderer/context/CodeStyleProvider'
-import { HeroUIProvider } from '@renderer/context/HeroUIProvider'
 import { ThemeProvider } from '@renderer/context/ThemeProvider'
 import storeSyncService from '@renderer/services/StoreSyncService'
 import store, { persistor } from '@renderer/store'
@@ -43,17 +42,15 @@ const App: FC = () => {
 
   return (
     <Provider store={store}>
-      <HeroUIProvider>
-        <ThemeProvider>
-          <AntdProvider>
-            <CodeStyleProvider>
-              <PersistGate loading={null} persistor={persistor}>
-                <SelectionActionApp />
-              </PersistGate>
-            </CodeStyleProvider>
-          </AntdProvider>
-        </ThemeProvider>
-      </HeroUIProvider>
+      <ThemeProvider>
+        <AntdProvider>
+          <CodeStyleProvider>
+            <PersistGate loading={null} persistor={persistor}>
+              <SelectionActionApp />
+            </PersistGate>
+          </CodeStyleProvider>
+        </AntdProvider>
+      </ThemeProvider>
     </Provider>
   )
 }