Migrate frontend from Ant Design to Tailwind CSS + shadcn/ui

[Copilot]

Replaces Ant Design component library with Tailwind CSS and shadcn/ui throughout the frontend while maintaining all existing functionality and backend integration.

Dependencies

Removed:

• antd, @ant-design/icons - replaced with shadcn/ui components
• @craco/craco, craco-less - no longer needed for Less compilation
• moment - replaced with date-fns for smaller bundle size

Added:

• tailwindcss (3.4.17) with animate plugin
• Radix UI primitives (@radix-ui/react-*) - headless component foundation
• sonner - toast notifications
• date-fns - date manipulation
• lucide-react - icon library

Upgraded:

• React 17 → 18 (required for Radix UI compatibility)

Components

Created 14 shadcn/ui components in components/ui/:

• Core: button, input, card, table
• Interactive: dropdown-menu, select, dialog, popover
• Specialized: avatar, calendar, date-picker, confirm-dialog, sonner

Migrated all pages:

• App.js - replaced Layout/Menu with custom header using Tailwind
• DatasetListPage.js - shadcn Table with inline ConfirmDialog for deletions
• DatasetEditPage.js - shadcn Card/Input/DatePicker/Select with grid layout
• SelectLanguageBox.js - shadcn DropdownMenu with Lucide icons
• AuthCallback.js - custom loading spinner and error card
• Setting.js - Sonner toast replacing Ant message API

Implementation Notes

• Date parsing cached in component state to avoid re-renders
• Carousel field properly filters empty strings after split/trim
• Build system switched to react-scripts (removed craco)
• Index.js updated to React 18's createRoot API
• All imports use relative paths (no path aliases for CRA compatibility)
• Tailwind configured with CSS variables for theming

Build Output

Bundle reduced to 236 kB (gzipped JS) + 6.5 kB (CSS). Build artifacts remain in web/build/ for existing backend static file serving.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>[feature] change the whole frontend UI from Ant Design to Tailwind + shadcn</issue_title>
<issue_description>need to completely migrate to shadcn UI. all Ant Design code and dependencies should be removed

the new frontend code and the old Go backend code should work together as before. the web UI should be able to show and operate the data normally

the new frontend code should use the same frontend port as before and be served by backend as static files as the same way as before</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes [feature] change the whole frontend UI from Ant Design to Tailwind + shadcn #11

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}