Skip to content

[#9758] feat(UI): New UI reconstruct base main#9759

Open
LauraXia123 wants to merge 58 commits intoapache:mainfrom
LauraXia123:newUI-base-main
Open

[#9758] feat(UI): New UI reconstruct base main#9759
LauraXia123 wants to merge 58 commits intoapache:mainfrom
LauraXia123:newUI-base-main

Conversation

@LauraXia123
Copy link
Contributor

What changes were proposed in this pull request?

  1. web UI reconstruct by ant-design
  2. Retain the old UI, which can be switched based on environment variables.

Why are the changes needed?

Fix: #9758

Does this PR introduce any user-facing change?

N/A

How was this patch tested?

manually

…che#9644][apache#9645][apache#9646] fix table related issue and drop template and fileset/model name issue
Copilot AI review requested due to automatic review settings January 20, 2026 07:17
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This pull request implements a comprehensive UI reconstruction for the Gravitino web interface, migrating from Material-UI (MUI) to Ant Design while retaining the old UI for backward compatibility through environment variable switching.

Changes:

  • Complete UI framework migration from MUI to Ant Design
  • Restructured application layout with new navigation and components
  • Retained old UI in appOld directory for compatibility
  • Added new features including Jobs, Policies, and Tags management

Reviewed changes

Copilot reviewed 98 out of 200 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
web/web/src/appOld/rootLayout/GitHubInfo.js New file containing GitHub repository information component for old UI
web/web/src/appOld/rootLayout/Footer.js New file containing footer component for old UI
web/web/src/appOld/rootLayout/AppBar.js Updated logo path to use old UI version
web/web/src/appOld/page.js New empty home page component for old UI
web/web/src/appOld/oauth/silent-callback/page.js New OAuth silent callback handler for old UI
web/web/src/appOld/oauth/logout/page.js New OAuth logout page for old UI
web/web/src/appOld/oauth/callback/page.js New OAuth callback handler for old UI
web/web/src/appOld/metalakes/page.js New metalakes list page for old UI
web/web/src/appOld/metalakes/metalake/rightContent/tabsContent/tableView/TableView.js Updated API function name from switchInUseApi to switchInUseCatalogApi
web/web/src/appOld/metalakes/metalake/MetalakePageLeftBar.js Updated import path for Loading component
web/web/src/appOld/metalakes/layout.js New layout component for metalakes pages in old UI
web/web/src/appOld/metalakes/CreateMetalakeDialog.js New dialog for creating/editing metalakes in old UI
web/web/src/appOld/login/page.js New login page for old UI
web/web/src/appOld/login/components/defaultLoginSchema.js New validation schema for default login form
web/web/src/appOld/login/components/OidcLogin.js New OIDC login component for old UI
web/web/src/appOld/login/components/DefaultLogin.js New default login component for old UI
web/web/src/appOld/layout.js New root layout for old UI
web/web/src/app/template.js Updated CSS class from Tailwind to standard format
web/web/src/app/rootLayout/UserSetting.js New user settings component with Ant Design
web/web/src/app/rootLayout/SiteHeader.js New site header component with navigation
web/web/src/app/rootLayout/ScrollToTop.js Replaced MUI scroll-to-top with Ant Design FloatButton
web/web/src/app/rootLayout/MainNav.js New main navigation component
web/web/src/app/rootLayout/MainContent.js Simplified main content wrapper
web/web/src/app/rootLayout/Layout.js Updated layout to use Ant Design components
web/web/src/app/rootLayout/GitHubInfo.js New GitHub info component with Ant Design
web/web/src/app/rootLayout/Footer.js Updated footer with Ant Design styling
web/web/src/app/oauth/logout/page.js Updated OAuth logout page to use Ant Design
web/web/src/app/oauth/callback/page.js Updated OAuth callback page to use Ant Design
web/web/src/app/metalakes/page.js Complete redesign of metalakes page with Ant Design table
web/web/src/app/metalakes/layout.js Simplified metalakes layout
web/web/src/app/metalakes/CreateMetalakeDialog.js Redesigned metalake creation dialog with Ant Design
web/web/src/app/metadataObjectsForTag/page.js New page for managing metadata objects associated with tags
web/web/src/app/metadataObjectsForPolicy/page.js New page for managing metadata objects associated with policies
web/web/src/app/login/page.js Updated login page to use Ant Design
web/web/src/app/login/components/OidcLogin.js Updated OIDC login component to use Ant Design
web/web/src/app/login/components/DefaultLogin.js Updated default login component to use Ant Design
web/web/src/app/layout.js Updated root layout to use Ant Design CSS
web/web/src/app/jobs/page.js New jobs management page
web/web/src/app/jobs/RegisterJobTemplateDialog.js New dialog for registering job templates
web/web/src/app/jobs/CreateJobDialog.js New dialog for creating jobs
web/web/src/app/jobTemplates/page.js New job templates management page
web/web/src/app/compliance/tags/page.js New tags management page
web/web/src/app/compliance/tags/CreateTagDialog.js New dialog for creating tags
web/web/src/app/compliance/policies/page.js New policies management page
web/web/src/app/compliance/policies/CreatePolicyDialog.js New dialog for creating policies
web/web/src/app/compliance/page.js New compliance root page
web/web/src/app/compliance/layout.js New layout for compliance section
web/web/src/app/catalogs/rightContent/entitiesContent/TopicDetailsPage.js New topic details page with Ant Design
web/web/src/app/catalogs/rightContent/entitiesContent/TableDetailsPage.js New table details page with Ant Design
web/web/src/app/catalogs/rightContent/entitiesContent/SchemaDetailsPage.js New schema details page with Ant Design
web/web/src/app/catalogs/rightContent/entitiesContent/DataPreview.js New data preview component
web/web/jsconfig.json Added eslint.config.mjs to include paths

@danhuawang
Copy link
Contributor

I verify the fixed bugs based on this PR --passed.

@LauraXia123 LauraXia123 requested a review from jerryshao January 28, 2026 02:53
@LauraXia123 LauraXia123 force-pushed the newUI-base-main branch 2 times, most recently from 66f88f6 to 99fb1b5 Compare February 5, 2026 04:08
@LauraXia123 LauraXia123 closed this Feb 5, 2026
@LauraXia123 LauraXia123 reopened this Feb 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE] gravitino web UI reconstruct by ant-design

4 participants