fix(audit-logs): update z-index class for table header and adjust related test

.eslintignore

@@ -1,2 +1,5 @@
 node_modules
 !.storybook
+
+# Auto-generated TanStack Router file
+apps/console-v5/src/routeTree.gen.ts

.github/workflows/pull-request.yml

@@ -3,13 +3,13 @@ name: Pull request
 on:
   pull_request:
     branches:
-      - staging
+      - '**'
 jobs:
   test-build-and-deploy:
     uses: ./.github/workflows/test-build-and-deploy.yml
     with:
       flow: pull-request
-      branch: staging
+      branch: ${{ github.base_ref }}
       configuration: staging
       project-name: Console V3
       environment-name: staging

.github/workflows/test-build-and-deploy.yml

@@ -98,10 +98,9 @@ jobs:
       # easier troubleshooting. See more here: https://nx.dev/nx-cloud/set-up/record-commands#recording-non-nx-commands
       parallel-commands: |
         npx nx-cloud record -- npx nx format:check
+      # Single line required: nrwl/ci splits by newline and runs each line as a separate parallel command
       parallel-commands-on-agents: |
-        npx nx affected --target=lint --parallel=3
-        npx nx affected --target=test --parallel=3 --configuration=${{ inputs.configuration }} --ci --coverage --coverageReporters=lcov --silent
-        npx nx affected --target=build --parallel=3
+        EXCLUDED_PAGES="$(node -e "const p=JSON.parse(require('child_process').execSync('npx nx show projects --json',{encoding:'utf8'})); process.stdout.write(p.filter(x=>x.startsWith('pages-')).join(','));")"; if [ -n "$EXCLUDED_PAGES" ]; then EXCLUDE_ARG="--exclude=$EXCLUDED_PAGES"; EXCLUDE_TEST_ARG="--exclude=$EXCLUDED_PAGES,console"; echo "Skipping pages projects: $EXCLUDED_PAGES"; else EXCLUDE_ARG=""; EXCLUDE_TEST_ARG="--exclude=console"; fi; if [ "${{ inputs.flow }}" = "pull-request" ]; then npx nx run console-v5:lint && npx nx affected --target=test --parallel=3 --configuration=${{ inputs.configuration }} --ci --coverage --coverageReporters=lcov --silent $EXCLUDE_TEST_ARG && yarn sync-changelog && npx nx run console-v5:build --configuration=development; else npx nx affected --target=lint --parallel=3 $EXCLUDE_ARG && npx nx affected --target=test --parallel=3 --configuration=${{ inputs.configuration }} --ci --coverage --coverageReporters=lcov --silent $EXCLUDE_TEST_ARG && yarn sync-changelog && npx nx affected --target=build --parallel=3 $EXCLUDE_ARG; fi
       artifacts-path: |
         dist/
         coverage/

.gitignore

@@ -70,3 +70,6 @@ Thumbs.db
 .nx/workspace-data
 .cursor/rules/nx-rules.mdc
 .github/instructions/nx.instructions.md
+
+vite.config.*.timestamp*
+vitest.config.*.timestamp*

.prettierignore

@@ -10,4 +10,7 @@
 
 # Symlinked skill directories (cause EISDIR errors in prettier)
 .cursor/skills
-.claude/skills
+.claude/skills
+
+# Auto-generated TanStack Router file
+apps/console-v5/src/routeTree.gen.ts

Dockerfile

@@ -19,6 +19,7 @@ ARG NX_PUBLIC_ONBOARDING
 ARG NX_PUBLIC_CHARGEBEE_PUBLISHABLE_KEY
 ARG NX_PUBLIC_DEVOPS_COPILOT_API_BASE_URL
 ARG NX_PUBLIC_MINTLIFY_API_KEY
+ARG NX_PUBLIC_INSTATUS_APP_ID
 
 ENV NODE_ENV=$NODE_ENV \
     NX_PUBLIC_QOVERY_API=$NX_PUBLIC_QOVERY_API \
@@ -33,7 +34,8 @@ ENV NODE_ENV=$NODE_ENV \
     NX_PUBLIC_ONBOARDING=$NX_PUBLIC_ONBOARDING \
     NX_PUBLIC_CHARGEBEE_PUBLISHABLE_KEY=$NX_PUBLIC_CHARGEBEE_PUBLISHABLE_KEY \
     NX_PUBLIC_DEVOPS_COPILOT_API_BASE_URL=$NX_PUBLIC_DEVOPS_COPILOT_API_BASE_URL \
-    NX_PUBLIC_MINTLIFY_API_KEY=$NX_PUBLIC_MINTLIFY_API_KEY
+    NX_PUBLIC_MINTLIFY_API_KEY=$NX_PUBLIC_MINTLIFY_API_KEY \
+    NX_PUBLIC_INSTATUS_APP_ID=$NX_PUBLIC_INSTATUS_APP_ID
 
 # Install dependencies with cache mount for faster rebuilds
 COPY package.json yarn.lock .yarnrc.yml ./
@@ -44,14 +46,14 @@ RUN --mount=type=cache,target=/root/.yarn \
 # Copy source files (use .dockerignore to exclude unnecessary files)
 COPY . .
 
-# Build with NX cache mount for faster rebuilds
+# Build console-v5 with NX cache mount for faster rebuilds
 RUN --mount=type=cache,target=/app/node_modules/.cache/nx \
-    yarn build
+    yarn nx build console-v5 --configuration=production
 
 # Bundle static assets with nginx
 FROM nginx:1.25-alpine
 # Copy built assets from builder
-COPY --from=builder /app/dist/apps/* /usr/share/nginx/html
+COPY --from=builder /app/dist/apps/console-v5 /usr/share/nginx/html
 # Add your nginx.conf
 COPY nginx.conf /etc/nginx/conf.d/default.conf
 # Expose port

__tests__/mocks.ts

@@ -1,8 +1,8 @@
-import { Auth0ProviderOptions } from '@auth0/auth0-react'
-import { ComponentType } from 'react'
+import type { ComponentType, ReactNode } from 'react'
+import * as React from 'react'
 
 jest.mock('@auth0/auth0-react', () => ({
-  Auth0Provider: ({ children }: Auth0ProviderOptions) => children,
+  Auth0Provider: ({ children }: { children: ReactNode }) => children,
   withAuthenticationRequired: (component: ComponentType) => component,
   useAuth0: () => {
     return {
@@ -16,6 +16,42 @@ jest.mock('@auth0/auth0-react', () => ({
   },
 }))
 
+jest.mock('@tanstack/react-router', () => {
+  const React = jest.requireActual('react')
+  const navigateMock = jest.fn()
+  return {
+    ...jest.requireActual('@tanstack/react-router'),
+    useParams: jest.fn(() => ({
+      organizationId: '',
+      projectId: '',
+      environmentId: '',
+      serviceId: '',
+      clusterId: '',
+      applicationId: '',
+      databaseId: '',
+    })),
+    useNavigate: jest.fn(() => navigateMock),
+    useLocation: jest.fn(() => ({
+      pathname: '/',
+      search: '',
+    })),
+    useRouter: jest.fn(() => ({
+      buildLocation: jest.fn(() => ({
+        href: '/',
+      })),
+    })),
+    useMatches: jest.fn(() => []),
+    useSearch: jest.fn(() => ({})),
+    useMatchRoute: jest.fn(() => () => false),
+    Link: React.forwardRef(
+      (
+        { children, ...props }: { children?: React.ReactNode; [key: string]: unknown },
+        ref: React.Ref<HTMLAnchorElement>
+      ) => React.createElement('a', { ref, ...props }, children)
+    ),
+  }
+})
+
 jest.mock('@uidotdev/usehooks', () => ({
   useDocumentTitle: jest.fn(),
   useClickAway: jest.fn(),

apps/console-v5/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*", "**/vite.config.*.timestamp*", "**/vitest.config.*.timestamp*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

apps/console-v5/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Console</title>
+    <base href="/" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+  </head>
+  <body class="bg-background text-neutral">
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

apps/console-v5/postcss.config.js

@@ -0,0 +1,15 @@
+const { join } = require('path')
+
+// Note: If you use library-specific PostCSS/Tailwind configuration then you should remove the `postcssConfig` build
+// option from your application's configuration (i.e. project.json).
+//
+// See: https://nx.dev/guides/using-tailwind-css-in-react#step-4:-applying-configuration-to-libraries
+
+module.exports = {
+  plugins: {
+    tailwindcss: {
+      config: join(__dirname, 'tailwind.config.js'),
+    },
+    autoprefixer: {},
+  },
+}

apps/console-v5/project.json

@@ -0,0 +1,78 @@
+{
+  "name": "console-v5",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "/apps/console-v5/src",
+  "projectType": "application",
+  "tags": [],
+  "targets": {
+    "sync-changelog": {
+      "executor": "nx:run-commands",
+      "cache": false,
+      "options": {
+        "command": "node scripts/sync-changelog.mjs",
+        "cwd": ".",
+        "env": {
+          "QOVERY_CHANGELOG_SYNC_STRICT": "true"
+        }
+      }
+    },
+    "build": {
+      "executor": "@nx/vite:build",
+      "dependsOn": ["sync-changelog", "^build"],
+      "outputs": ["{options.outputPath}"],
+      "defaultConfiguration": "production",
+      "options": {
+        "outputPath": "dist/apps/console-v5"
+      },
+      "configurations": {
+        "development": {
+          "mode": "development"
+        },
+        "production": {
+          "mode": "production"
+        }
+      }
+    },
+    "serve": {
+      "executor": "@nx/vite:dev-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "console-v5:build"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "console-v5:build:development",
+          "hmr": true
+        },
+        "production": {
+          "buildTarget": "console-v5:build:production",
+          "hmr": false
+        }
+      }
+    },
+    "preview": {
+      "dependsOn": ["build"],
+      "executor": "@nx/vite:preview-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "console-v5:build"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "console-v5:build:development"
+        },
+        "production": {
+          "buildTarget": "console-v5:build:production"
+        }
+      }
+    },
+    "serve-static": {
+      "executor": "@nx/web:file-server",
+      "dependsOn": ["build"],
+      "options": {
+        "buildTarget": "console-v5:build",
+        "spa": true
+      }
+    }
+  }
+}