Summary

This PR completes the total removal of antd and legacy @components from the Workspace Settings and Project Settings pages. Beyond a simple component swap, I have modernized the layout to align with Highlight’s high-fidelity “Master-Detail” design standards.

Key Refactor Highlights:

• Visual Fidelity: Implemented a standardized centered 800px layout (maxWidth="800") across all 15+ settings tabs.
• Design System Alignment: Migrated all local .module.css files to @highlight-run/ui System Props, utilizing p="24", dividerWeak borders, and borderRadius="8" for a “breathable,” premium feel.
• UX Consolidation: Refactored fragmented “Save/Discard” buttons into unified, tab-level Action Bars to improve UI density and consistency.
• Technical Debt & Stability: * Fixed a blocking GraphQL schema mismatch (updated_at field on Admin type) that was causing 422 errors in local Hobby environments.
  • Replaced legacy Modal and Select (mode=“tags”) with modern Dialog and searchable Form.Select primitives.
• Build Integrity: Verified with yarn types:check (0 errors) and manual regression testing across all settings tabs.

How did you test this change?

I performed a full manual audit of the Settings infrastructure.

• Workspace Settings: Verified “Properties” and “Members” tab for layout centering and functional state-reset logic (Discard button).
• Project Settings: Verified “Session Replay” (Tag creation), “Error Monitoring” (Sourcemaps table migration), and “Services” (GitHub Dialog search).

Screencast:

https://github.com/user-attachments/assets/5efbab2f-dd01-40bb-97db-28367fc65055

Are there any deployment considerations?

None. This is a pure frontend UI refactor. No backend migrations or data backfilling are required. (Note: Removed the stale updated_at query field to maintain compatibility with existing backend schemas).

Does this work require review from our design team?

Yes, requesting a quick look from @julian-highlight to confirm the new p="24" padding and consolidated Action Bar patterns meet the intended design spec.

Status:

/closes #8635

/claim #8635