Remove twenty-ui-deprecated and migrate frontend to twenty-ui (#21596)

Migrates `twenty-front`, `twenty-sdk`, and
`twenty-front-component-renderer` from `twenty-ui-deprecated` to
`twenty-ui` (mechanical import swap — the packages have API parity) and
deletes the deprecated package along with its workspace/CI/config
wiring.

Also adds `@linaria/react`/`@linaria/core` as direct deps of
`twenty-front` (it used them transitively via the deprecated package).

Note: move the required status check from `ci-ui-status-check` to
`ci-new-ui-status-check`.

Argos: the Storybook box-model/button-reset baseline shift (the bulk of
the visual diffs) is isolated in #21665 — Storybook now loads
twenty-ui's global `reset.scss`, which the production app already ships.
Once #21665 merges and this branch is rebased, the remaining Argos diffs
are component-level visual-parity items only.

.github/workflows/ci-front.yaml

@@ -29,7 +29,6 @@ jobs:
         packages/twenty-front/**
         packages/twenty-front-component-renderer/**
         packages/twenty-ui/**
-        packages/twenty-ui-deprecated/**
         packages/twenty-shared/**
         packages/twenty-sdk/**
         !packages/twenty-sdk/package.json
@@ -97,7 +96,6 @@ jobs:
         run: |
           npx nx build twenty-shared
           npx nx build twenty-ui
-          npx nx build twenty-ui-deprecated
           npx nx build twenty-front-component-renderer
       - name: Download storybook build
         uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4.3.0

.github/workflows/ci-ui.yaml

@@ -1,106 +0,0 @@
-name: CI UI
-
-on:
-  pull_request:
-  merge_group:
-  push:
-    branches: [main]
-
-permissions:
-  contents: read
-
-concurrency:
-  group: ${{ github.workflow }}-${{ github.ref }}${{ github.ref == 'refs/heads/main' && format('-{0}', github.sha) || '' }}
-  cancel-in-progress: ${{ github.ref != 'refs/heads/main' }}
-
-jobs:
-  changed-files-check:
-    if: github.event_name == 'pull_request'
-    uses: ./.github/workflows/changed-files.yaml
-    with:
-      files: |
-        package.json
-        yarn.lock
-        packages/twenty-ui-deprecated/**
-        packages/twenty-shared/**
-  ui-task:
-    needs: changed-files-check
-    if: needs.changed-files-check.outputs.any_changed == 'true'
-    timeout-minutes: 30
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        task: [lint, typecheck, test]
-    steps:
-      - name: Fetch custom Github Actions and base branch history
-        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4.3.1
-        with:
-          fetch-depth: 10
-      - name: Install dependencies
-        uses: ./.github/actions/yarn-install
-      - name: Run ${{ matrix.task }}
-        run: npx nx ${{ matrix.task }} twenty-ui-deprecated
-  ui-sb-build:
-    needs: changed-files-check
-    if: >-
-      always() &&
-      (github.event_name == 'push' ||
-      needs.changed-files-check.outputs.any_changed == 'true')
-    timeout-minutes: 30
-    runs-on: ubuntu-latest
-    steps:
-      - name: Fetch custom Github Actions and base branch history
-        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4.3.1
-        with:
-          fetch-depth: 10
-      - name: Install dependencies
-        uses: ./.github/actions/yarn-install
-      - name: Build storybook
-        run: npx nx storybook:build twenty-ui-deprecated
-      - name: Upload storybook build
-        uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4.6.2
-        with:
-          name: storybook-twenty-ui
-          path: packages/twenty-ui-deprecated/storybook-static
-          retention-days: 1
-  ui-sb-test:
-    timeout-minutes: 30
-    runs-on: ubuntu-latest
-    needs: ui-sb-build
-    if: always() && needs.ui-sb-build.result == 'success'
-    steps:
-      - name: Fetch custom Github Actions and base branch history
-        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4.3.1
-        with:
-          fetch-depth: 10
-      - name: Install dependencies
-        uses: ./.github/actions/yarn-install
-      - name: Build dependencies
-        run: npx nx build twenty-shared
-      - name: Download storybook build
-        uses: actions/download-artifact@d3f86a106a0bac45b974a628896c90dbdf5c8093 # v4.3.0
-        with:
-          name: storybook-twenty-ui
-          path: packages/twenty-ui-deprecated/storybook-static
-      - name: Install Playwright
-        run: |
-          cd packages/twenty-ui-deprecated
-          npx playwright install
-      - name: Run storybook tests
-        run: npx nx storybook:test twenty-ui-deprecated
-      - name: Upload screenshots for visual regression
-        if: always() && !cancelled()
-        uses: actions/upload-artifact@ea165f8d65b6e75b540449e92b4886f43607fa02 # v4.6.2
-        with:
-          name: argos-screenshots-twenty-ui
-          path: packages/twenty-ui-deprecated/screenshots
-          retention-days: 1
-  ci-ui-status-check:
-    if: always() && !cancelled()
-    timeout-minutes: 5
-    runs-on: ubuntu-latest
-    needs: [changed-files-check, ui-task, ui-sb-build, ui-sb-test]
-    steps:
-      - name: Fail job if any needs failed
-        if: contains(needs.*.result, 'failure')
-        run: exit 1

.github/workflows/visual-regression-dispatch.yaml

@@ -10,7 +10,7 @@ name: Visual Regression Dispatch
 
 on:
   workflow_run:
-    workflows: ['CI UI', 'CI New UI', 'CI Front']
+    workflows: ['CI New UI', 'CI Front']
     types: [completed]
 
 permissions:
@@ -39,11 +39,10 @@ jobs:
           script: |
             const name = context.payload.workflow_run.name;
             const projectByWorkflow = {
-              'CI UI': 'twenty-ui',
               'CI New UI': 'twenty-new-ui',
               'CI Front': 'twenty-front',
             };
-            const project = projectByWorkflow[name] ?? 'twenty-ui';
+            const project = projectByWorkflow[name] ?? 'twenty-front';
             const artifactName = `argos-screenshots-${project}`;
             core.setOutput('workflow_name', name);
             core.setOutput('project', project);
@@ -187,89 +186,3 @@ jobs:
           fi
 
           gh workflow run post-visual-regression-comment.yaml --repo twentyhq/ci-privileged --ref main "${ARGS[@]}"
-
-  # ── Dispatch: cross-comparison baseline (CI UI on main → twenty-ui-vs-new-ui) ──
-  dispatch-comparison-baseline:
-    needs: resolve-context
-    if: >-
-      needs.resolve-context.outputs.workflow_name == 'CI UI' &&
-      needs.resolve-context.outputs.has_artifact == 'true' &&
-      github.event.workflow_run.event == 'push' &&
-      github.event.workflow_run.head_branch == 'main'
-    runs-on: ubuntu-latest
-    timeout-minutes: 5
-    steps:
-      - name: Mint ci-privileged dispatch token
-        id: app-token
-        uses: actions/create-github-app-token@bcd2ba49218906704ab6c1aa796996da409d3eb1 # v3.2.0
-        with:
-          client-id: ${{ vars.TWENTY_WORKFLOW_DISPATCHER_CLIENT_ID }}
-          private-key: ${{ secrets.TWENTY_WORKFLOW_DISPATCHER_PRIVATE_KEY }}
-          owner: twentyhq
-          repositories: ci-privileged
-          permission-actions: write
-
-      - name: Dispatch to ci-privileged (comparison baseline)
-        env:
-          GH_TOKEN: ${{ steps.app-token.outputs.token }}
-          WORKFLOW_RUN_ID: ${{ github.event.workflow_run.id }}
-          REPOSITORY: ${{ github.repository }}
-          BRANCH: ${{ github.event.workflow_run.head_branch }}
-          COMMIT: ${{ github.event.workflow_run.head_sha }}
-          ARTIFACT_NAME: ${{ needs.resolve-context.outputs.artifact_name }}
-        run: |
-          gh workflow run post-visual-regression-comment.yaml --repo twentyhq/ci-privileged --ref main \
-            -f project="twenty-ui-vs-new-ui" \
-            -f artifact_name="$ARTIFACT_NAME" \
-            -f run_id="$WORKFLOW_RUN_ID" \
-            -f repo="$REPOSITORY" \
-            -f branch="$BRANCH" \
-            -f commit="$COMMIT"
-
-  # ── Dispatch: cross-comparison PR (CI New UI on PRs → twenty-ui-vs-new-ui) ──
-  dispatch-comparison-pr:
-    needs: resolve-context
-    if: >-
-      needs.resolve-context.outputs.workflow_name == 'CI New UI' &&
-      needs.resolve-context.outputs.has_artifact == 'true' &&
-      needs.resolve-context.outputs.is_pr == 'true' &&
-      github.event.workflow_run.event == 'pull_request'
-    runs-on: ubuntu-latest
-    timeout-minutes: 5
-    steps:
-      - name: Mint ci-privileged dispatch token
-        id: app-token
-        uses: actions/create-github-app-token@bcd2ba49218906704ab6c1aa796996da409d3eb1 # v3.2.0
-        with:
-          client-id: ${{ vars.TWENTY_WORKFLOW_DISPATCHER_CLIENT_ID }}
-          private-key: ${{ secrets.TWENTY_WORKFLOW_DISPATCHER_PRIVATE_KEY }}
-          owner: twentyhq
-          repositories: ci-privileged
-          permission-actions: write
-
-      - name: Dispatch to ci-privileged (comparison PR)
-        env:
-          GH_TOKEN: ${{ steps.app-token.outputs.token }}
-          WORKFLOW_RUN_ID: ${{ github.event.workflow_run.id }}
-          REPOSITORY: ${{ github.repository }}
-          BRANCH: ${{ github.event.workflow_run.head_branch }}
-          COMMIT: ${{ github.event.workflow_run.head_sha }}
-          PR_NUMBER: ${{ needs.resolve-context.outputs.pr_number }}
-          REFERENCE_COMMIT: ${{ needs.resolve-context.outputs.merge_base_sha }}
-          ARTIFACT_NAME: ${{ needs.resolve-context.outputs.artifact_name }}
-        run: |
-          ARGS=(
-            -f project="twenty-ui-vs-new-ui"
-            -f artifact_name="$ARTIFACT_NAME"
-            -f run_id="$WORKFLOW_RUN_ID"
-            -f repo="$REPOSITORY"
-            -f branch="$BRANCH"
-            -f commit="$COMMIT"
-            -f pr_number="$PR_NUMBER"
-          )
-
-          if [ -n "$REFERENCE_COMMIT" ]; then
-            ARGS+=(-f reference_commit="$REFERENCE_COMMIT")
-          fi
-
-          gh workflow run post-visual-regression-comment.yaml --repo twentyhq/ci-privileged --ref main "${ARGS[@]}"