Skip to content

chore(webui): Upgrade Antd to 6.x and remove @ant-design/v5-patch-for-react-19 (resolves #1894).#2084

Draft
junhaoliao wants to merge 1 commit intoy-scope:mainfrom
junhaoliao:upgrade-antd-v6
Draft

chore(webui): Upgrade Antd to 6.x and remove @ant-design/v5-patch-for-react-19 (resolves #1894).#2084
junhaoliao wants to merge 1 commit intoy-scope:mainfrom
junhaoliao:upgrade-antd-v6

Conversation

@junhaoliao
Copy link
Member

Description

Upgrade antd from v5 (^5.27.5) to v6 (^6.3.1) and remove the
@ant-design/v5-patch-for-react-19 compatibility shim, which is no longer needed since Antd 6.x has native React 19 support.

Antd v6 migration notes

Reviewed the v5 → v6 migration guide and the
v6 changelog in full. The following is a summary of significant v6 changes and how they affect the codebase:

Breaking changes addressed in this PR:

  • ThemeConfig.cssVar no longer accepts boolean — removed cssVar: true.
  • Alert.messageAlert.title — renamed in QueryDrawer.tsx.
  • notification's messagetitle — renamed in useUpdateStateWithMetadata.ts.
  • @ant-design/v5-patch-for-react-19 unnecessary with native React 19 support — removed.

Checklist

  • The PR satisfies the contribution guidelines.
  • This is a breaking change and that has been indicated in the PR title, OR this isn't a
    breaking change.
  • Necessary docs have been updated, OR no docs need to be updated.

Validation performed

Start CLP, compress data, and verify the webui renders correctly.

Command:

$ cd build/clp-package
$ ./sbin/start-clp.sh

Output:

2026-03-05T20:34:58.575 INFO [controller] Setting up environment for bundling database...
...
2026-03-05T20:35:10.804 INFO [controller] Started CLP.

Command:

$ ./sbin/compress.sh --timestamp-key timestamp ~/samples/postgresql.jsonl

Output:

2026-03-05T20:35:15.643 INFO [compress] Compression job 1 submitted.
2026-03-05T20:35:17.647 INFO [compress] Compressed 385.21MB into 10.06MB (38.31x). Speed: 200.98MB/s.
2026-03-05T20:35:18.148 INFO [compress] Compression finished.
2026-03-05T20:35:18.148 INFO [compress] Compressed 385.21MB into 10.06MB (38.31x). Speed: 178.72MB/s.

Verify that the webui renders correctly with Antd 6.x — Ingest page, Search
page, and search execution.

Used headless Chromium via Playwright to capture screenshots of:

  • Ingest page (http://localhost:4000): Dashboard cards (Space Savings, Time Range,
    Uncompressed/Compressed Size), compression form (Paths TreeSelect, Dataset Input,
    Timestamp Key Input, Unstructured Logs Checkbox, Submit Button), and Compression Jobs
    table all render correctly. The completed compression job shows the correct status badge.
  • Search page (http://localhost:4000/search): Dataset Select, query Input, case
    sensitivity toggle Button, time range DatePicker, Search Button, results Timeline
    (chart.js), and results Table all render correctly.
  • Search execution: Submitted a search query ("ERROR") — the search completed
    successfully, showing the "Success" result status with Typography and the timeline
    updated to the search time range.

All UI components render identically to v5 with no layout regressions.

@junhaoliao junhaoliao added this to the March 2026 milestone Mar 7, 2026
@coderabbitai
Copy link
Contributor

coderabbitai bot commented Mar 7, 2026

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: b9bd2986-c50f-44f9-a4e0-f60c4aadfc74

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

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.

1 participant