From a0af8d9f9a77c8077d270c8c1dc4a7c8fc876a74 Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Tue, 11 Aug 2026 15:40:35 +0200
Subject: [PATCH 01/12] feat(heureka): migrate ESLint config to
 vite-react-ts.mjs

Switches from juno-typescript.mjs to vite-react-ts.mjs, removing
all 18+ legacy rule workarounds and fixing every violation surfaced
by the stricter TypeScript-only config.

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 .../heureka-eslint-vite-react-ts-migration.md |  5 ++
 apps/heureka/codegen.ts                       |  1 -
 apps/heureka/eslint.config.mjs                | 47 +++++++------------
 apps/heureka/package.json                     |  4 ++
 .../ImageDetails/FalsePositiveModal/index.tsx |  9 ++--
 .../IssuesDataRows/IssuesDataRow/index.tsx    | 19 ++++----
 .../IssuesDataRows/IssuesDataRows.test.tsx    | 18 +++----
 .../RemediatedIssueDataRow/index.tsx          | 11 +++--
 .../RemediatedIssuesDataRows.test.tsx         | 14 +++---
 .../RemediationHistoryPanel.test.tsx          |  2 +-
 .../RemediationHistoryPanel/index.tsx         | 14 +++---
 .../ImageDetails/ImageIssuesList/index.tsx    | 12 ++---
 .../ImageDetails/ImageVersionsList/index.tsx  |  2 +-
 .../RiskAcceptanceModal.test.tsx              | 10 ++--
 .../RiskAcceptanceModal/index.tsx             |  9 ++--
 .../components/Service/ImageDetails/index.tsx |  2 +-
 .../ImageVersionIssuesList/index.tsx          |  2 +-
 apps/heureka/src/components/Service/index.tsx |  2 +-
 .../src/components/Services/Services.test.tsx |  4 +-
 .../components/Services/ServicesFilters.tsx   |  2 +-
 .../ServicesList/ServicePanel.test.tsx        |  2 +-
 .../Services/ServicesList/ServicePanel.tsx    |  8 ++--
 .../ServicesList/ServicesDataRows/index.tsx   |  2 +-
 .../Services/ServicesList/index.test.tsx      |  2 +-
 apps/heureka/src/components/Services/utils.ts | 26 +++++-----
 .../Vulnerabilities/Vulnerabilities.test.tsx  |  4 +-
 .../VulnerabilitiesFilters.tsx                |  2 +-
 .../VulnerabilitiesDataRows/index.tsx         |  2 +-
 .../VulnerabilityServices.tsx                 |  2 +-
 .../VulnerabilityDetailsPanel/index.tsx       |  6 +--
 .../VulnerabilitiesList/index.test.tsx        |  2 +-
 .../src/components/Vulnerabilities/utils.ts   | 22 ++++++---
 .../src/components/common/Breadcrumb.tsx      |  2 +-
 .../common/ErrorBoundary/index.test.tsx       |  3 +-
 .../components/common/ErrorBoundary/index.tsx |  4 +-
 .../src/components/common/Navigation.tsx      |  2 +-
 apps/heureka/src/generated/graphql.ts         |  2 +
 apps/heureka/src/mocks/getTestRouter.tsx      |  7 ++-
 apps/heureka/src/routes/services/index.tsx    |  4 +-
 .../src/routes/vulnerabilities/index.tsx      |  4 +-
 apps/heureka/src/types/index.d.ts             |  4 +-
 apps/heureka/src/utils.ts                     |  6 +--
 packages/config/eslint/vite-react-ts.mjs      | 13 +++--
 pnpm-lock.yaml                                | 16 ++++++-
 44 files changed, 179 insertions(+), 157 deletions(-)
 create mode 100644 .changeset/heureka-eslint-vite-react-ts-migration.md

diff --git a/.changeset/heureka-eslint-vite-react-ts-migration.md b/.changeset/heureka-eslint-vite-react-ts-migration.md
new file mode 100644
index 0000000000..c814f88a86
--- /dev/null
+++ b/.changeset/heureka-eslint-vite-react-ts-migration.md
@@ -0,0 +1,5 @@
+---
+"@cloudoperators/juno-app-heureka": patch
+---
+
+Migrate Heureka ESLint config from `juno-typescript.mjs` to `vite-react-ts.mjs`. Fixes all TypeScript linting violations surfaced by the stricter config: typed cache callbacks, explicit `void` on fire-and-forget navigations, proper async function signatures, and removal of all legacy rule workarounds.
diff --git a/apps/heureka/codegen.ts b/apps/heureka/codegen.ts
index 1db7c86a0c..d1d7a3b9a9 100644
--- a/apps/heureka/codegen.ts
+++ b/apps/heureka/codegen.ts
@@ -4,7 +4,6 @@
  */
 
 import { CodegenConfig } from "@graphql-codegen/cli"
-//@ts-ignore
 import * as dotenv from "dotenv"
 
 // Load environment variables from .env file
diff --git a/apps/heureka/eslint.config.mjs b/apps/heureka/eslint.config.mjs
index 92ff6cbf5e..575b5be867 100644
--- a/apps/heureka/eslint.config.mjs
+++ b/apps/heureka/eslint.config.mjs
@@ -3,42 +3,27 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import junoConfigs from "@cloudoperators/juno-config/eslint/juno-typescript.mjs"
-import reactHooksPlugin from "eslint-plugin-react-hooks"
+import junoConfigs from "@cloudoperators/juno-config/eslint/vite-react-ts.mjs"
 
 export default [
   ...junoConfigs,
   {
-    files: ["**/*.ts", "**/*.tsx"],
-    plugins: {
-      "react-hooks": reactHooksPlugin,
-    },
+    // Config files are not included in tsconfig.json and don't need type-aware linting
+    ignores: ["vite.config.ts", "vitest.config.ts", "vitest.setup.ts", "tailwind.config.ts"],
+  },
+  {
     rules: {
-      "prefer-const": "off",
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": "error",
-      "no-extra-boolean-cast": "off",
-      "react/prop-types": "off",
-      "react/react-in-jsx-scope": "off",
-      "react-hooks/rules-of-hooks": "error",
-      "react-hooks/exhaustive-deps": "off",
-      "tailwindcss/classnames-order": "off",
-      "tailwindcss/no-custom-classname": "off",
-      "tailwindcss/no-contradicting-classname": "off",
-      "@typescript-eslint/explicit-module-boundary-types": "off",
-      "@typescript-eslint/no-non-null-assertion": "off",
-      "@typescript-eslint/no-unsafe-assignment": "off",
-      "@typescript-eslint/no-floating-promises": "off",
-      "@typescript-eslint/no-redundant-type-constituents": "off",
-      "@typescript-eslint/restrict-template-expressions": "off",
-      "@typescript-eslint/no-unsafe-return": "off",
-      "@typescript-eslint/no-unsafe-call": "off",
-      "@typescript-eslint/no-unnecessary-type-assertion": "off",
-      "@typescript-eslint/no-unsafe-member-access": "off",
-      "@typescript-eslint/no-misused-promises": "off",
-      "@typescript-eslint/require-await": "off",
-      "@typescript-eslint/no-unsafe-argument": "off",
+      // TanStack Router file-based routes require exporting both Route and the component from the
+      // same file — splitting them would break the router's type inference. Fast-refresh impact is
+      // acceptable because route files are not hot-reloaded on every save in production.
+      "react-refresh/only-export-components": "off",
+
+      // Several components intentionally call setState inside useEffect to synchronize derived
+      // state when a prop changes (e.g. resetting pagination cursors, promise references). This
+      // is a known React pattern documented at https://react.dev/learn/you-might-not-need-an-effect
+      // and the rule produces false positives here because the setState calls are guarded by the
+      // dependency that triggered the effect.
+      "react-hooks/set-state-in-effect": "off",
     },
-    ignores: ["vitest.config.ts", "vite.config.ts", "vitest.setup.ts", "tailwind.config.ts", "**/routeTree.gen.ts"],
   },
 ]
diff --git a/apps/heureka/package.json b/apps/heureka/package.json
index 7de8570c86..6fa7471d9a 100644
--- a/apps/heureka/package.json
+++ b/apps/heureka/package.json
@@ -42,6 +42,7 @@
   "devDependencies": {
     "@apollo/client": "4.1.8",
     "@cloudoperators/juno-config": "workspace:*",
+    "@eslint/js": "10.0.1",
     "@graphql-codegen/cli": "6.3.1",
     "@graphql-codegen/typescript": "5.0.10",
     "@graphql-codegen/typescript-operations": "5.1.0",
@@ -65,13 +66,16 @@
     "eslint-plugin-prettier": "5.5.5",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.1.1",
+    "eslint-plugin-react-refresh": "0.5.2",
     "eslint-plugin-tailwindcss": "3.18.3",
+    "globals": "17.6.0",
     "jsdom": "29.1.1",
     "postcss": "8.5.10",
     "prettier": "3.8.3",
     "react-error-boundary": "6.1.1",
     "tailwindcss": "4.3.0",
     "typescript": "6.0.3",
+    "typescript-eslint": "8.59.2",
     "vite": "8.0.10",
     "vite-plugin-svgr": "4.5.0",
     "vite-tsconfig-paths": "6.1.1",
diff --git a/apps/heureka/src/components/Service/ImageDetails/FalsePositiveModal/index.tsx b/apps/heureka/src/components/Service/ImageDetails/FalsePositiveModal/index.tsx
index 788f1b6d76..ec9598abed 100644
--- a/apps/heureka/src/components/Service/ImageDetails/FalsePositiveModal/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/FalsePositiveModal/index.tsx
@@ -46,8 +46,11 @@ export const FalsePositiveModal: React.FC<FalsePositiveModalProps> = ({
   service,
   image,
 }) => {
-  const auth = useAuth()
-  const authUserId = auth.status === "authenticated" ? auth.userId || auth.userName : null
+  // useAuth() from @cloudoperators/greenhouse-auth-provider returns a discriminated union without exported types
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
+  const auth = useAuth() as any
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  const authUserId = auth.status === "authenticated" ? (auth.userId as string | undefined) || (auth.userName as string | undefined) : null
   const [description, setDescription] = useState<string>("")
   const [manualUserId, setManualUserId] = useState<string>("")
   const [expirationDate, setExpirationDate] = useState<Date | null>(null)
@@ -159,7 +162,7 @@ export const FalsePositiveModal: React.FC<FalsePositiveModalProps> = ({
           <Stack direction="horizontal" gap="2" distribution="end" className="w-full">
             <Button onClick={handleClose} label={CANCEL_LABEL} disabled={isSubmitting} />
             <Button
-              onClick={handleConfirm}
+              onClick={() => void handleConfirm()}
               label={CONFIRM_LABEL}
               variant="primary"
               disabled={isSubmitting || !descriptionTrimmed || !isUserIdValid || !expirationDate}
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
index 8284cc2df7..6eee9bea67 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
@@ -68,6 +68,9 @@ export const IssuesDataRow = ({
     setIsExpanded(!isExpanded)
   }
 
+type QueryFilter = { service?: string[]; image?: string[]; vulnerability?: string[] }
+type RemediationsCache = { data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } } }
+
   const handleModalConfirm = async (input: RemediationInput): Promise<{ error: string } | void> => {
     setIsSubmitting(true)
     try {
@@ -77,7 +80,7 @@ export const IssuesDataRow = ({
         queryClient.setQueriesData(
           {
             predicate: (query) => {
-              const [key, filter] = query.queryKey as [string, any]
+              const [key, filter] = query.queryKey as [string, QueryFilter]
               if (key !== "remediations") return false
               if (filter?.service && !filter.service.includes(service)) return false
               if (filter?.image && !filter.image.includes(image)) return false
@@ -85,12 +88,10 @@ export const IssuesDataRow = ({
               return true
             },
           },
-
-          (old: any) => {
+          (old: RemediationsCache) => {
             if (!old?.data?.Remediations) return old
             const edges = old.data.Remediations.edges ?? []
-
-            if (edges.some((e: any) => e?.node?.id === remediation.id)) return old
+            if (edges.some((e) => e?.node?.id === remediation.id)) return old
             return {
               ...old,
               data: {
@@ -122,7 +123,7 @@ export const IssuesDataRow = ({
         queryClient.setQueriesData(
           {
             predicate: (query) => {
-              const [key, filter] = query.queryKey as [string, any]
+              const [key, filter] = query.queryKey as [string, QueryFilter]
               if (key !== "remediations") return false
               if (filter?.service && !filter.service.includes(service)) return false
               if (filter?.image && !filter.image.includes(image)) return false
@@ -130,12 +131,10 @@ export const IssuesDataRow = ({
               return true
             },
           },
-
-          (old: any) => {
+          (old: RemediationsCache) => {
             if (!old?.data?.Remediations) return old
             const edges = old.data.Remediations.edges ?? []
-
-            if (edges.some((e: any) => e?.node?.id === remediation.id)) return old
+            if (edges.some((e) => e?.node?.id === remediation.id)) return old
             return {
               ...old,
               data: {
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx
index 9e31ca3543..e6479c9e6c 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx
@@ -148,7 +148,7 @@ describe("IssuesDataRows — active/remediated split", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-1234"])
     const remediationsPromise = makeRemediationsPromise([]) // no remediations
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
@@ -159,7 +159,7 @@ describe("IssuesDataRows — active/remediated split", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-1234"])
     const remediationsPromise = makeRemediationsPromise(["CVE-2024-1234"]) // this CVE is now remediated
 
-    await act(async () => {
+    act(() => {
       render(
         <Suspense fallback={<div>Loading...</div>}>
           <IssuesDataRows
@@ -184,7 +184,7 @@ describe("IssuesDataRows — active/remediated split", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-1234", "CVE-2024-5678"])
     const remediationsPromise = makeRemediationsPromise(["CVE-2024-1234"]) // only first one is remediated
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
@@ -199,7 +199,7 @@ describe("IssuesDataRows — active/remediated split", () => {
     const issuesPromise = makeImagesPromise(cves)
     const remediationsPromise = makeRemediationsPromise(cves) // both are remediated
 
-    await act(async () => {
+    act(() => {
       render(
         <Suspense fallback={<div>Loading...</div>}>
           <IssuesDataRows
@@ -223,7 +223,7 @@ describe("IssuesDataRows — risk acceptance", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-9999"])
     const remediationsPromise = makeRemediationsPromise([])
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
@@ -234,7 +234,7 @@ describe("IssuesDataRows — risk acceptance", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-9999"])
     const remediationsPromise = makeRemediationsPromise(["CVE-2024-9999"])
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
@@ -247,13 +247,13 @@ describe("IssuesDataRows — risk acceptance", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-9999"])
     const withRemediation = makeRemediationsPromise(["CVE-2024-9999"])
 
-    const { unmount } = await act(async () => renderWithRouter(issuesPromise, withRemediation))
+    const { unmount } = await act(() => renderWithRouter(issuesPromise, withRemediation))
     expect(screen.queryByText("CVE-2024-9999")).not.toBeInTheDocument()
     unmount()
 
     // Re-render without remediation (reverted)
     const withoutRemediation = makeRemediationsPromise([])
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, withoutRemediation)
     })
 
@@ -264,7 +264,7 @@ describe("IssuesDataRows — risk acceptance", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-9999", "CVE-2024-8888"])
     const remediationsPromise = makeRemediationsPromise(["CVE-2024-9999"])
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
index a889f81068..7ddc5e975d 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
@@ -34,6 +34,9 @@ const cellSeverityClasses = (severity: string) => {
   `
 }
 
+type QueryFilter = { service?: string[]; image?: string[]; vulnerability?: string[] }
+type RemediationsCache = { data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } } }
+
 type RemediatedIssueDataRowProps = {
   issue: ImageVulnerability
   service: string
@@ -72,7 +75,7 @@ export const RemediatedIssueDataRow = ({
         queryClient.setQueriesData(
           {
             predicate: (query) => {
-              const [key, filter] = query.queryKey as [string, any]
+              const [key, filter] = query.queryKey as [string, QueryFilter]
               if (key !== "remediations") return false
               if (filter?.service && !filter.service.includes(service)) return false
               if (filter?.image && !filter.image.includes(image)) return false
@@ -80,12 +83,10 @@ export const RemediatedIssueDataRow = ({
               return true
             },
           },
-
-          (old: any) => {
+          (old: RemediationsCache) => {
             if (!old?.data?.Remediations) return old
             const edges = old.data.Remediations.edges ?? []
-
-            if (edges.some((e: any) => e?.node?.id === remediation.id)) return old
+            if (edges.some((e) => e?.node?.id === remediation.id)) return old
             return {
               ...old,
               data: {
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssuesDataRows.test.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssuesDataRows.test.tsx
index 3c57e256ee..b77b860b7d 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssuesDataRows.test.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssuesDataRows.test.tsx
@@ -139,7 +139,7 @@ function renderWithRouter(
 
 describe("RemediatedIssuesDataRows", () => {
   it("renders empty state when there are no remediated vulnerabilities", async () => {
-    await act(async () => {
+    act(() => {
       renderWithRouter(emptyImagesPromise, emptyRemediationsPromise)
     })
     expect(await screen.findByText("No remediated vulnerabilities found!")).toBeInTheDocument()
@@ -149,7 +149,7 @@ describe("RemediatedIssuesDataRows", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-1234"])
     const remediationsPromise = makeRemediationsPromise(["CVE-2024-1234"])
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
@@ -161,7 +161,7 @@ describe("RemediatedIssuesDataRows", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-1234"])
     const remediationsPromise = makeRemediationsPromise([]) // remediation was deleted
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
@@ -173,7 +173,7 @@ describe("RemediatedIssuesDataRows", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-1234", "CVE-2024-5678"])
     const remediationsPromise = makeRemediationsPromise(["CVE-2024-1234"]) // only the first is remediated
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
@@ -189,7 +189,7 @@ describe("RemediatedIssuesDataRows — risk acceptance revert", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-9999"])
     const remediationsPromise = makeRemediationsPromise(["CVE-2024-9999"])
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
@@ -201,7 +201,7 @@ describe("RemediatedIssuesDataRows — risk acceptance revert", () => {
     // Remediation removed — risk acceptance was reverted
     const remediationsPromise = makeRemediationsPromise([])
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
@@ -214,7 +214,7 @@ describe("RemediatedIssuesDataRows — risk acceptance revert", () => {
     // CVE-2024-9999 reverted (no remediation), CVE-2024-8888 still risk accepted
     const remediationsPromise = makeRemediationsPromise(["CVE-2024-8888"])
 
-    await act(async () => {
+    act(() => {
       renderWithRouter(issuesPromise, remediationsPromise)
     })
 
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/RemediationHistoryPanel.test.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/RemediationHistoryPanel.test.tsx
index a8c8d739a5..36187c1a1b 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/RemediationHistoryPanel.test.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/RemediationHistoryPanel.test.tsx
@@ -27,7 +27,7 @@ const makeMockRemediationsPromise = (
     remediationDate: string | null
     expirationDate: string | null
   }>
-): Promise<any> =>
+): Promise<{ data: { Remediations: { edges: Array<{ node: { id: string; type: RemediationTypeValues | null; description: string | null; url: string | null; remediatedBy: string | null; remediationDate: string | null; expirationDate: string | null; service: string; image: string; vulnerability: string } }>; totalCount: number } }; loading: boolean; networkStatus: number; partial: boolean; error: undefined; dataState: "complete" }> =>
   Promise.resolve({
     data: {
       Remediations: {
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
index 670b61e4a5..2a517c4fec 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
@@ -100,7 +100,7 @@ const RemediationHistoryTable = ({
             ) : (
               <PopupMenu icon="moreVert" className="whitespace-nowrap ml-auto" disabled={!!revertingId}>
                 <PopupMenuOptions>
-                  <PopupMenuItem label="Revert" onClick={() => handleRevert(r)} disabled={!!revertingId} />
+                  <PopupMenuItem label="Revert" onClick={() => void handleRevert(r)} disabled={!!revertingId} />
                 </PopupMenuOptions>
               </PopupMenu>
             )}
@@ -150,28 +150,26 @@ export const RemediationHistoryPanel = ({
       queryClient.setQueriesData(
         {
           predicate: (query) => {
-            const [key, filter] = query.queryKey as [string, any]
+            const [key, filter] = query.queryKey as [string, { service?: string[]; image?: string[] }]
             if (key !== "remediations") return false
             if (filter?.service && !filter.service.includes(service)) return false
             if (filter?.image && !filter.image.includes(image)) return false
             return true
           },
         },
-
-        (old: any) => {
+        (old: { data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } } }) => {
           const edges = old?.data?.Remediations?.edges
           if (!edges) return old
-
-          const newEdges = edges.filter((e: any) => e?.node?.id !== remediation.remediationId)
+          const newEdges = edges.filter((e) => e?.node?.id !== remediation.remediationId)
           if (newEdges.length === edges.length) return old
           return {
             ...old,
             data: {
               ...old.data,
               Remediations: {
-                ...old.data.Remediations,
+                ...(old.data?.Remediations ?? {}),
                 edges: newEdges,
-                totalCount: Math.max(0, (old.data.Remediations.totalCount ?? 1) - 1),
+                totalCount: Math.max(0, (old.data?.Remediations?.totalCount ?? 1) - 1),
               },
             },
           }
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
index 52dac08d93..b4b7660f3f 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
@@ -93,7 +93,7 @@ const VulnerabilitiesTabContent = ({
           <DataGridHeadCell />
         </DataGridRow>
 
-        {issuesPromise && (
+        {issuesPromise != null && (
           <ErrorBoundary
             displayErrorMessage
             fallbackRender={getErrorDataRowComponent({ colspan: 5 })}
@@ -112,7 +112,7 @@ const VulnerabilitiesTabContent = ({
           </ErrorBoundary>
         )}
       </DataGrid>
-      {issuesPromise && (
+      {issuesPromise != null && (
         <ErrorBoundary resetKeys={[issuesPromise]}>
           <Suspense>
             <CursorPagination
@@ -181,7 +181,7 @@ const RemediatedVulnerabilitiesTabContent = ({
             <DataGridHeadCell />
           </DataGridRow>
 
-          {issuesPromise && (
+          {issuesPromise != null && (
             <ErrorBoundary
               displayErrorMessage
               fallbackRender={getErrorDataRowComponent({ colspan: COLUMN_SPAN })}
@@ -201,7 +201,7 @@ const RemediatedVulnerabilitiesTabContent = ({
             </ErrorBoundary>
           )}
         </DataGrid>
-        {issuesPromise && (
+        {issuesPromise != null && (
           <ErrorBoundary resetKeys={[issuesPromise, remediationsPromise]}>
             <Suspense>
               <RemediatedCursorPagination
@@ -241,7 +241,7 @@ export const ImageIssuesList = ({
   const handleTabSelect = useCallback(
     (index: number) => {
       const list: VulnerabilitiesTabValue = index === 1 ? "remediated" : "active"
-      navigate({
+      void navigate({
         to: "/services/$service/images/$image",
         params: { service, image: image.repository },
         search: { vulnerabilitiesList: list, vulRemediations: list === "remediated" ? vulRemediations : undefined },
@@ -252,7 +252,7 @@ export const ImageIssuesList = ({
   )
   const handleRemediationPanelVulnerabilityChange = useCallback(
     (cve: string | null) => {
-      navigate({
+      void navigate({
         to: "/services/$service/images/$image",
         params: { service, image: image.repository },
         search: { vulnerabilitiesList: "remediated", vulRemediations: cve ?? undefined },
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageVersionsList/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageVersionsList/index.tsx
index 9e732d1eaa..1c388cc8c6 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageVersionsList/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageVersionsList/index.tsx
@@ -25,7 +25,7 @@ export const ImageVersionsList = ({ versions, service, imageRepository }: ImageV
   const hasMoreVersions = versions.length > VERSIONS_INITIAL
 
   const handleVersionClick = (version: string) => {
-    navigate({
+    void navigate({
       to: "/services/$service/images/$image/versions/$version",
       params: {
         service,
diff --git a/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx b/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx
index 3e3f56eaf2..26c057c49d 100644
--- a/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx
@@ -16,7 +16,7 @@ vi.mock("@cloudoperators/juno-ui-components", async (importActual) => {
   const actual = await importActual<typeof import("@cloudoperators/juno-ui-components")>()
   return {
     ...actual,
-    DateTimePicker: ({ label, onChange, required, invalid, errortext }: any) => (
+    DateTimePicker: ({ label, onChange, required, invalid, errortext }: { label: string; onChange: (dates: Date[]) => void; required?: boolean; invalid?: boolean; errortext?: string }) => (
       <div>
         <label htmlFor="mock-date-input">
           {label}
@@ -24,11 +24,11 @@ vi.mock("@cloudoperators/juno-ui-components", async (importActual) => {
         </label>
         <input
           id="mock-date-input"
-          aria-label={label as string}
+          aria-label={label}
           type="date"
-          onChange={(e) => (onChange as Function)?.(e.target.value ? [new Date(e.target.value)] : [])}
+          onChange={(e) => onChange(e.target.value ? [new Date(e.target.value)] : [])}
         />
-        {invalid && errortext ? <span>{errortext as string}</span> : null}
+        {invalid && errortext ? <span>{errortext}</span> : null}
       </div>
     ),
   }
@@ -152,7 +152,7 @@ describe("RiskAcceptanceModal", () => {
       expect(confirmButton).not.toBeDisabled()
     })
 
-    it("does not call onConfirm when confirm button is clicked while disabled", async () => {
+    it("does not call onConfirm when confirm button is clicked while disabled", () => {
       const onConfirm = vi.fn()
       renderModal({ onConfirm })
 
diff --git a/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/index.tsx b/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/index.tsx
index d4e98084b6..90b1057053 100644
--- a/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/index.tsx
@@ -46,8 +46,11 @@ export const RiskAcceptanceModal: React.FC<RiskAcceptanceModalProps> = ({
   service,
   image,
 }) => {
-  const auth = useAuth()
-  const authUserId = auth.status === "authenticated" ? auth.userId || auth.userName : null
+  // useAuth() from @cloudoperators/greenhouse-auth-provider returns a discriminated union without exported types
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
+  const auth = useAuth() as any
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  const authUserId = auth.status === "authenticated" ? (auth.userId as string | undefined) || (auth.userName as string | undefined) : null
   const [description, setDescription] = useState<string>("")
   const [manualUserId, setManualUserId] = useState<string>("")
   const [sourceTicket, setSourceTicket] = useState<string>("")
@@ -171,7 +174,7 @@ export const RiskAcceptanceModal: React.FC<RiskAcceptanceModalProps> = ({
           <Stack direction="horizontal" gap="2" distribution="end" className="w-full">
             <Button onClick={handleClose} label={CANCEL_LABEL} disabled={isSubmitting} />
             <Button
-              onClick={handleConfirm}
+              onClick={() => void handleConfirm()}
               label={CONFIRM_LABEL}
               variant="primary"
               disabled={
diff --git a/apps/heureka/src/components/Service/ImageDetails/index.tsx b/apps/heureka/src/components/Service/ImageDetails/index.tsx
index 9cc50b5063..359bdc81b2 100644
--- a/apps/heureka/src/components/Service/ImageDetails/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/index.tsx
@@ -51,7 +51,7 @@ export const ImageDetails = ({
   }
 
   const handleVersionClick = (version: string) => {
-    navigate({
+    void navigate({
       to: "/services/$service/images/$image/versions/$version",
       params: {
         service,
diff --git a/apps/heureka/src/components/Service/ImageVersionDetails/ImageVersionIssuesList/index.tsx b/apps/heureka/src/components/Service/ImageVersionDetails/ImageVersionIssuesList/index.tsx
index 61241f4998..1e7f080196 100644
--- a/apps/heureka/src/components/Service/ImageVersionDetails/ImageVersionIssuesList/index.tsx
+++ b/apps/heureka/src/components/Service/ImageVersionDetails/ImageVersionIssuesList/index.tsx
@@ -41,7 +41,7 @@ export const ImageVersionIssuesList = ({ issuesPromise, service, image }: ImageV
           <DataGridHeadCell>Description</DataGridHeadCell>
         </DataGridRow>
 
-        {issuesPromise && (
+        {issuesPromise != null && (
           <ErrorBoundary
             displayErrorMessage
             fallbackRender={getErrorDataRowComponent({ colspan: 4 })}
diff --git a/apps/heureka/src/components/Service/index.tsx b/apps/heureka/src/components/Service/index.tsx
index e8adc227ac..bbb6e6c2f1 100644
--- a/apps/heureka/src/components/Service/index.tsx
+++ b/apps/heureka/src/components/Service/index.tsx
@@ -63,7 +63,7 @@ export const Service = () => {
         <ServiceImages
           imagesPromise={imagesPromise}
           onImageItemClick={(image) => {
-            navigate({
+            void navigate({
               to: "/services/$service/images/$image",
               params: { service, image: image.repository },
             })
diff --git a/apps/heureka/src/components/Services/Services.test.tsx b/apps/heureka/src/components/Services/Services.test.tsx
index 5a5cdcdf9f..c4a623de0a 100644
--- a/apps/heureka/src/components/Services/Services.test.tsx
+++ b/apps/heureka/src/components/Services/Services.test.tsx
@@ -38,7 +38,7 @@ const renderComponent = () => {
   const testRoute = createRoute({
     getParentRoute: () => rootRoute,
     path: "/services/",
-    loader: async () => ({
+    loader: () => ({
       servicesPromise: mockServicesPromise,
       filters: mockFilters,
       filterSettings: mockFilterSettings,
@@ -67,7 +67,7 @@ const renderComponent = () => {
 
 describe("Services", () => {
   it("should render correctly", async () => {
-    await act(async () => renderComponent())
+    await act(() => renderComponent())
     expect(await screen.findByText("alpha")).toBeInTheDocument()
   })
 })
diff --git a/apps/heureka/src/components/Services/ServicesFilters.tsx b/apps/heureka/src/components/Services/ServicesFilters.tsx
index 843428eca4..c39a94a5b6 100644
--- a/apps/heureka/src/components/Services/ServicesFilters.tsx
+++ b/apps/heureka/src/components/Services/ServicesFilters.tsx
@@ -16,7 +16,7 @@ export const ServicesFilters = () => {
 
   const handleFilterChange = useCallback(
     (updatedFilterSettings: FilterSettings) => {
-      navigate({
+      void navigate({
         to: "/services",
         search: (prev) => {
           const newFilterParams = getFiltersForUrl(updatedFilterSettings)
diff --git a/apps/heureka/src/components/Services/ServicesList/ServicePanel.test.tsx b/apps/heureka/src/components/Services/ServicesList/ServicePanel.test.tsx
index 33762c5024..5a48c8ae27 100644
--- a/apps/heureka/src/components/Services/ServicesList/ServicePanel.test.tsx
+++ b/apps/heureka/src/components/Services/ServicesList/ServicePanel.test.tsx
@@ -20,7 +20,7 @@ const renderComponent = () => {
   const testRoute = createRoute({
     getParentRoute: () => rootRoute,
     path: "/services/",
-    loader: async () => ({
+    loader: () => ({
       servicesPromise: mockServicesPromise,
     }),
     component: () => (
diff --git a/apps/heureka/src/components/Services/ServicesList/ServicePanel.tsx b/apps/heureka/src/components/Services/ServicesList/ServicePanel.tsx
index bcf52b5db5..a472d40a6d 100644
--- a/apps/heureka/src/components/Services/ServicesList/ServicePanel.tsx
+++ b/apps/heureka/src/components/Services/ServicesList/ServicePanel.tsx
@@ -37,7 +37,7 @@ export const ServicePanel = () => {
   }, [service, currentPageCursor, queryClient, apiClient])
 
   const closeServiceOverviewPanel = useCallback(() => {
-    navigate({
+    void navigate({
       to: "/services",
       search: (prev) => {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -52,13 +52,13 @@ export const ServicePanel = () => {
       if (service) {
         if (image) {
           // Navigate to image details page
-          navigate({
+          void navigate({
             to: "/services/$service/images/$image",
             params: { service: service, image: image.repository },
           })
         } else {
           // Navigate to service details page (no specific image)
-          navigate({
+          void navigate({
             to: "/services/$service",
             params: { service: service },
           })
@@ -70,7 +70,7 @@ export const ServicePanel = () => {
 
   return (
     <Panel
-      heading={!!service ? `${capitalizeFirstLetter(service)} Overview` : undefined}
+      heading={service ? `${capitalizeFirstLetter(service)} Overview` : undefined}
       opened={!!service}
       onClose={closeServiceOverviewPanel}
       size="large"
diff --git a/apps/heureka/src/components/Services/ServicesList/ServicesDataRows/index.tsx b/apps/heureka/src/components/Services/ServicesList/ServicesDataRows/index.tsx
index 09e06a9dda..c73bf120e5 100644
--- a/apps/heureka/src/components/Services/ServicesList/ServicesDataRows/index.tsx
+++ b/apps/heureka/src/components/Services/ServicesList/ServicesDataRows/index.tsx
@@ -26,7 +26,7 @@ export const ServicesDataRows = ({ servicesPromise }: ServicesDataRowsProps) =>
 
   const goToServiceDetailsPage = useCallback(
     (serviceItem: ServiceType) => {
-      navigate({
+      void navigate({
         to: "/services/$service",
         params: { service: serviceItem.name },
       })
diff --git a/apps/heureka/src/components/Services/ServicesList/index.test.tsx b/apps/heureka/src/components/Services/ServicesList/index.test.tsx
index 81c860e828..8fcbddfd91 100644
--- a/apps/heureka/src/components/Services/ServicesList/index.test.tsx
+++ b/apps/heureka/src/components/Services/ServicesList/index.test.tsx
@@ -19,7 +19,7 @@ const renderComponent = () => {
   const testRoute = createRoute({
     getParentRoute: () => rootRoute,
     path: "/services/",
-    loader: async () => ({
+    loader: () => ({
       servicesPromise: mockServicesPromise,
     }),
     component: () => (
diff --git a/apps/heureka/src/components/Services/utils.ts b/apps/heureka/src/components/Services/utils.ts
index 587c1bb883..0f2545d06a 100644
--- a/apps/heureka/src/components/Services/utils.ts
+++ b/apps/heureka/src/components/Services/utils.ts
@@ -125,13 +125,13 @@ export const getNormalizedError = (error?: { networkError?: unknown; message?: s
   if (isNil(error)) return undefined
 
   // Extract network errors if they exist
-  const networkErrors = error.networkError as any
+  const networkErrors = error.networkError as { result?: { errors?: Array<{ message?: string; path?: string[] }> } } | null
   const netErrors = networkErrors?.result?.errors
-  if (netErrors && netErrors?.length > 0) {
+  if (netErrors && netErrors.length > 0) {
     return netErrors
-      .map((e: any) => {
+      .map((e) => {
         const path = e.path ? ` (Path: ${e.path.join(" → ")})` : ""
-        return `${e.message}${path}`
+        return `${e.message ?? ""}${path}`
       })
       .join("; ")
   }
@@ -165,12 +165,12 @@ export type ImageVersion = {
 // ComponentInstance is not available in GetImages query but kept for backward compatibility
 export type ComponentInstance = {
   id: string
-  ccrn?: string | ""
-  region?: string | ""
-  cluster?: string | ""
-  namespace?: string | ""
-  pod?: string | ""
-  container?: string | ""
+  ccrn?: string
+  region?: string
+  cluster?: string
+  namespace?: string
+  pod?: string
+  container?: string
 }
 
 export type ServiceImage = {
@@ -304,7 +304,7 @@ function extractVulnerabilitiesFromImageNode(imageNode: ImageNodeFromQuery): Ima
         id: node.id || "",
         severity: node.severity || "",
         name: node.name || "",
-        earliestTargetRemediationDate: node.earliestTargetRemediationDate || "",
+        earliestTargetRemediationDate: (node.earliestTargetRemediationDate as string | null | undefined) || "",
         description: node.description || "",
         sourceUrl: node.sourceUrl || "",
       }
@@ -489,7 +489,7 @@ export const getNormalizedImageVersionDetailsResponse = (
         id: node.id || "",
         severity: node.severity || "",
         name: node.name || "",
-        earliestTargetRemediationDate: node.earliestTargetRemediationDate || "",
+        earliestTargetRemediationDate: (node.earliestTargetRemediationDate as string | null | undefined) || "",
         description: node.description || "",
         sourceUrl: node.sourceUrl || "",
       }
@@ -562,7 +562,7 @@ export const getNormalizedImageVersionDetailsResponse = (
     vulnerabilities,
   }
 
-  const pages = vulnerabilitiesPageInfo?.pages?.filter((edge: any): edge is Page => edge !== null) || []
+  const pages = vulnerabilitiesPageInfo?.pages?.filter((edge): edge is Page => edge !== null) || []
   const pageNumber = vulnerabilitiesPageInfo?.pageNumber || 1
   const hasNoResults = vulnerabilities.length === 0 || !vulnerabilitiesPageInfo
 
diff --git a/apps/heureka/src/components/Vulnerabilities/Vulnerabilities.test.tsx b/apps/heureka/src/components/Vulnerabilities/Vulnerabilities.test.tsx
index 557b2660e3..bd639776c3 100644
--- a/apps/heureka/src/components/Vulnerabilities/Vulnerabilities.test.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/Vulnerabilities.test.tsx
@@ -37,7 +37,7 @@ const renderComponent = () => {
   const testRoute = createRoute({
     getParentRoute: () => rootRoute,
     path: "/vulnerabilities/",
-    loader: async () => ({
+    loader: () => ({
       vulnerabilitiesPromise: mockVulnerabilitiesPromise,
       filters: mockFilters,
       filterSettings: mockFilterSettings,
@@ -64,7 +64,7 @@ const renderComponent = () => {
 
 describe("Vulnerabilities", () => {
   it("should render correctly", async () => {
-    await act(async () => renderComponent())
+    await act(() => renderComponent())
     expect(await screen.findByText("CVE-2024-1234")).toBeInTheDocument()
   })
 })
diff --git a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesFilters.tsx b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesFilters.tsx
index 88a2eac34d..7a0cdd7aa0 100644
--- a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesFilters.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesFilters.tsx
@@ -16,7 +16,7 @@ export const VulnerabilitiesFilters = () => {
 
   const handleFilterChange = useCallback(
     (updatedFilterSettings: FilterSettings) => {
-      navigate({
+      void navigate({
         to: "/vulnerabilities",
         search: (prev) => {
           // Get the new filter URL params
diff --git a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/index.tsx b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/index.tsx
index 7f3d853bf4..5936ceda6b 100644
--- a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/index.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/index.tsx
@@ -23,7 +23,7 @@ export const VulnerabilitiesDataRows = ({ vulnerabilitiesPromise }: Vulnerabilit
 
   const openVulnerabilityPanel = useCallback(
     (vuln: Vulnerability) => {
-      navigate({
+      void navigate({
         to: "/vulnerabilities",
         search: (prev) => ({ ...prev, vulnerability: vuln.name }),
       })
diff --git a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilityDetailsPanel/VulnerabilityServices.tsx b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilityDetailsPanel/VulnerabilityServices.tsx
index 67756c86d0..f21856917d 100644
--- a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilityDetailsPanel/VulnerabilityServices.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilityDetailsPanel/VulnerabilityServices.tsx
@@ -28,7 +28,7 @@ export const VulnerabilityServices = ({
     if (onServiceClick) {
       onServiceClick(serviceCcrn)
     } else {
-      navigate({
+      void navigate({
         to: "/services/$service",
         params: { service: serviceCcrn },
       })
diff --git a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilityDetailsPanel/index.tsx b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilityDetailsPanel/index.tsx
index 58aa2c1d2b..64377844ce 100644
--- a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilityDetailsPanel/index.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilityDetailsPanel/index.tsx
@@ -67,7 +67,7 @@ export const VulnerabilityPanel = () => {
   }, [vulnerability, currentServicesCursor, queryClient, apiClient])
 
   const closeVulnerabilityPanel = useCallback(() => {
-    navigate({
+    void navigate({
       to: "/vulnerabilities",
       search: (prev) => {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -79,7 +79,7 @@ export const VulnerabilityPanel = () => {
 
   const goToServiceDetailsPage = useCallback(
     (serviceCcrn: string) => {
-      navigate({
+      void navigate({
         to: "/services/$service",
         params: { service: serviceCcrn },
       })
@@ -89,7 +89,7 @@ export const VulnerabilityPanel = () => {
 
   return (
     <Panel
-      heading={!!vulnerability ? `${vulnerability} Overview` : undefined}
+      heading={vulnerability ? `${vulnerability} Overview` : undefined}
       opened={!!vulnerability}
       onClose={closeVulnerabilityPanel}
       size="large"
diff --git a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/index.test.tsx b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/index.test.tsx
index bd549edaa4..7999277401 100644
--- a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/index.test.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/index.test.tsx
@@ -19,7 +19,7 @@ const renderComponent = () => {
   const testRoute = createRoute({
     getParentRoute: () => rootRoute,
     path: "/vulnerabilities/",
-    loader: async () => ({
+    loader: () => ({
       vulnerabilitiesPromise: mockVulnerabilitiesPromise,
     }),
     component: () => (
diff --git a/apps/heureka/src/components/Vulnerabilities/utils.ts b/apps/heureka/src/components/Vulnerabilities/utils.ts
index 0d05b7b4b7..cd5f5e3b7b 100644
--- a/apps/heureka/src/components/Vulnerabilities/utils.ts
+++ b/apps/heureka/src/components/Vulnerabilities/utils.ts
@@ -10,9 +10,9 @@ import { isEmpty, omit } from "../../utils"
 
 const DEFAULT_COUNT = 0
 
-export function getActiveVulnerabilityFilter(filterSettings: FilterSettings) {
-  const filter: any = {}
-  filterSettings.selectedFilters?.forEach((f: any) => {
+export function getActiveVulnerabilityFilter(filterSettings: FilterSettings): Record<string, string[]> {
+  const filter: Record<string, string[]> = {}
+  filterSettings.selectedFilters?.forEach((f) => {
     if (f.name && f.value) {
       filter[f.name] = [f.value]
     }
@@ -47,9 +47,9 @@ export const getNormalizedFilters = (data: GetVulnerabilityFiltersQuery | undefi
         values: filter?.values?.filter((value) => value !== null) || [],
       }))
 
-export function sanitizeFilterSettings(filters: any, filterSettings: FilterSettings) {
+export function sanitizeFilterSettings(filters: { filterName: string }[], filterSettings: FilterSettings) {
   // Only keep filters that are supported by the backend
-  const supported = filters.map((f: any) => f.filterName)
+  const supported = filters.map((f) => f.filterName)
   return {
     ...filterSettings,
     selectedFilters: filterSettings.selectedFilters?.filter((f) => supported.includes(f.name)),
@@ -127,7 +127,7 @@ export function getNormalizedVulnerabilitiesResponse(data: unknown): NormalizedV
       return {
         name: edge?.node?.name || "",
         severity: edge?.node?.severity || "",
-        earliestTargetRemediationDate: edge?.node?.earliestTargetRemediationDate || "",
+        earliestTargetRemediationDate: (edge?.node?.earliestTargetRemediationDate as string | null | undefined) || "",
         sourceUrl: edge?.node?.sourceUrl || "",
         description: edge?.node?.description || "",
         servicesCount: edge?.node?.services?.totalCount || DEFAULT_COUNT,
@@ -136,7 +136,15 @@ export function getNormalizedVulnerabilitiesResponse(data: unknown): NormalizedV
       }
     }) || []
 
-  const counts = (typedData?.Vulnerabilities as any)?.counts
+  type VulnerabilitiesCounts = {
+    total?: number | null
+    critical?: number | null
+    high?: number | null
+    medium?: number | null
+    low?: number | null
+    none?: number | null
+  }
+  const counts = (typedData?.Vulnerabilities as { counts?: VulnerabilitiesCounts } | undefined)?.counts
 
   const totalVulnerabilities = counts?.total || DEFAULT_COUNT
   return {
diff --git a/apps/heureka/src/components/common/Breadcrumb.tsx b/apps/heureka/src/components/common/Breadcrumb.tsx
index e5b34368f2..e40b487839 100644
--- a/apps/heureka/src/components/common/Breadcrumb.tsx
+++ b/apps/heureka/src/components/common/Breadcrumb.tsx
@@ -29,7 +29,7 @@ export const Breadcrumb = () => {
             icon={"icon" in crumb ? crumb.icon : undefined}
             onClick={(e) => {
               e.preventDefault()
-              navigate({
+              void navigate({
                 to: pathname,
               })
             }}
diff --git a/apps/heureka/src/components/common/ErrorBoundary/index.test.tsx b/apps/heureka/src/components/common/ErrorBoundary/index.test.tsx
index 9bef02ac04..7bbc2ed04d 100644
--- a/apps/heureka/src/components/common/ErrorBoundary/index.test.tsx
+++ b/apps/heureka/src/components/common/ErrorBoundary/index.test.tsx
@@ -19,7 +19,7 @@ const ComponentThatThrows = () => {
 const CustomFallback = ({ error }: FallbackProps) => <div>Custom fallback: {(error as Error)?.message}</div>
 
 describe("ErrorBoundary", () => {
-  let consoleSpy: any
+  let consoleSpy: ReturnType<typeof vi.spyOn>
 
   beforeEach(() => {
     // mock console.error to suppress the error message being printed to the console
@@ -28,6 +28,7 @@ describe("ErrorBoundary", () => {
 
   afterEach(() => {
     // restore console.error to its original implementation
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
     consoleSpy.mockRestore()
   })
 
diff --git a/apps/heureka/src/components/common/ErrorBoundary/index.tsx b/apps/heureka/src/components/common/ErrorBoundary/index.tsx
index cf878860ac..09de4a8f74 100644
--- a/apps/heureka/src/components/common/ErrorBoundary/index.tsx
+++ b/apps/heureka/src/components/common/ErrorBoundary/index.tsx
@@ -17,12 +17,12 @@ export const ErrorBoundary = ({
   children: ReactNode
   displayErrorMessage?: boolean
   fallbackRender?: (props: FallbackProps) => ReactNode
-  resetKeys?: any
+  resetKeys?: unknown[]
   className?: string
 }) => (
   <ReactErrorBoundary
     resetKeys={resetKeys}
-    fallbackRender={!!displayErrorMessage ? fallbackRender || ErrorMessage : () => null}
+    fallbackRender={displayErrorMessage ? fallbackRender || ErrorMessage : () => null}
   >
     {className ? <div className={className}>{children}</div> : children}
   </ReactErrorBoundary>
diff --git a/apps/heureka/src/components/common/Navigation.tsx b/apps/heureka/src/components/common/Navigation.tsx
index 4e4afb0934..2dfff156de 100644
--- a/apps/heureka/src/components/common/Navigation.tsx
+++ b/apps/heureka/src/components/common/Navigation.tsx
@@ -62,7 +62,7 @@ export const Navigation = () => {
     const previouslyVisitedPath = Object.keys(visitedPages.current).filter((path) => path.startsWith(link))
     const to = previouslyVisitedPath.length > 0 ? previouslyVisitedPath[0] : link
 
-    navigate({
+    void navigate({
       to,
       params: visitedPages.current[to]?.params ?? {},
       search: visitedPages.current[to]?.search ?? {},
diff --git a/apps/heureka/src/generated/graphql.ts b/apps/heureka/src/generated/graphql.ts
index 46814ae1c8..eebe149681 100644
--- a/apps/heureka/src/generated/graphql.ts
+++ b/apps/heureka/src/generated/graphql.ts
@@ -1,3 +1,5 @@
+// This file is auto-generated by graphql-codegen. Do not edit manually.
+/* eslint-disable */
 import { gql } from "@apollo/client"
 export type Maybe<T> = T | null
 export type InputMaybe<T> = Maybe<T>
diff --git a/apps/heureka/src/mocks/getTestRouter.tsx b/apps/heureka/src/mocks/getTestRouter.tsx
index e32e2c1f69..9de3b81f9f 100644
--- a/apps/heureka/src/mocks/getTestRouter.tsx
+++ b/apps/heureka/src/mocks/getTestRouter.tsx
@@ -5,9 +5,10 @@
 
 import { QueryClient } from "@tanstack/react-query"
 import { ApolloClient, InMemoryCache, HttpLink } from "@apollo/client"
-import { createRouter, createMemoryHistory, RouterOptions } from "@tanstack/react-router"
+import { createRouter, createMemoryHistory } from "@tanstack/react-router"
 
-export const getTestRouter = ({ routeTree, history }: RouterOptions<any, any, any, any, any>) => {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export const getTestRouter = ({ routeTree, history }: { routeTree: any; history?: any }) => {
   const queryClient = new QueryClient({
     defaultOptions: {
       queries: {
@@ -33,7 +34,9 @@ export const getTestRouter = ({ routeTree, history }: RouterOptions<any, any, an
   })
 
   const options = {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     routeTree: routeTree,
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     history: history || createMemoryHistory(),
     defaultPendingMinMs: 0,
     context: {
diff --git a/apps/heureka/src/routes/services/index.tsx b/apps/heureka/src/routes/services/index.tsx
index 6425a66421..6209eefd39 100644
--- a/apps/heureka/src/routes/services/index.tsx
+++ b/apps/heureka/src/routes/services/index.tsx
@@ -28,7 +28,7 @@ export type ServicesSearchParams = z.infer<typeof servicesSearchSchema>
 
 function validateServicesSearch(search: Record<string, unknown>): ServicesSearchParams {
   const filtered = filterSearchParamsByPrefix(search, Object.keys(servicesSearchSchema.shape), [SELECTED_FILTER_PREFIX])
-  return servicesSearchSchema.parse(filtered) as ServicesSearchParams
+  return servicesSearchSchema.parse(filtered)
 }
 
 export const Route = createFileRoute("/services/")({
@@ -77,7 +77,7 @@ function RouteComponent() {
       const initialFilters = getInitialFilters(appProps.initialFilters)
 
       if (initialFilters.length > 0) {
-        navigate({
+        void navigate({
           to: "/services",
           search: getFiltersForUrl({
             searchTerm: "",
diff --git a/apps/heureka/src/routes/vulnerabilities/index.tsx b/apps/heureka/src/routes/vulnerabilities/index.tsx
index 3a2be9f963..e39330b1bb 100644
--- a/apps/heureka/src/routes/vulnerabilities/index.tsx
+++ b/apps/heureka/src/routes/vulnerabilities/index.tsx
@@ -27,7 +27,7 @@ function validateVulnerabilitiesSearch(search: Record<string, unknown>): Vulnera
   const filtered = filterSearchParamsByPrefix(search, Object.keys(vulnerabilitiesSearchSchema.shape), [
     SELECTED_FILTER_PREFIX,
   ])
-  return vulnerabilitiesSearchSchema.parse(filtered) as VulnerabilitiesSearchParams
+  return vulnerabilitiesSearchSchema.parse(filtered)
 }
 
 export const Route = createFileRoute("/vulnerabilities/")({
@@ -38,7 +38,7 @@ export const Route = createFileRoute("/vulnerabilities/")({
     return rest
   },
   shouldReload: false,
-  loader: async ({ context, deps }) => {
+  loader: ({ context, deps }) => {
     const { queryClient, apiClient } = context
     const filterSettings = extractFilterSettingsFromSearchParams(deps)
     // Dispatch both requests in parallel
diff --git a/apps/heureka/src/types/index.d.ts b/apps/heureka/src/types/index.d.ts
index 5711bc3cad..82bf401766 100644
--- a/apps/heureka/src/types/index.d.ts
+++ b/apps/heureka/src/types/index.d.ts
@@ -8,10 +8,10 @@
 
 declare module "@cloudoperators/juno-app-heureka" {
   export type PluginModule = {
-    mount: (container: HTMLElement, options?: Record<string, any>) => void
+    mount: (container: HTMLElement, options?: Record<string, unknown>) => void
     unmount: () => void
   }
 
-  export function mount(container: HTMLElement, options?: Record<string, any>): void
+  export function mount(container: HTMLElement, options?: Record<string, unknown>): void
   export function unmount(): void
 }
diff --git a/apps/heureka/src/utils.ts b/apps/heureka/src/utils.ts
index 6304e88e03..94e9e35bbd 100644
--- a/apps/heureka/src/utils.ts
+++ b/apps/heureka/src/utils.ts
@@ -65,7 +65,7 @@ export const useTextOverflow = (text: string | null) => {
  */
 
 // Replace _.isEmpty()
-export const isEmpty = (value: any): boolean => {
+export const isEmpty = (value: unknown): boolean => {
   if (value == null) return true
   if (typeof value === "string" || Array.isArray(value)) return value.length === 0
   if (typeof value === "object") return Object.keys(value).length === 0
@@ -73,12 +73,12 @@ export const isEmpty = (value: any): boolean => {
 }
 
 // Replace _.isNil()
-export const isNil = (value: any): value is null | undefined => {
+export const isNil = (value: unknown): value is null | undefined => {
   return value == null
 }
 
 // Replace _.omit()
-export const omit = <T extends Record<string, any>, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> => {
+export const omit = <T extends Record<string, unknown>, K extends keyof T>(obj: T, keys: K[]): Omit<T, K> => {
   const result = { ...obj }
   keys.forEach((key) => {
     delete result[key]
diff --git a/packages/config/eslint/vite-react-ts.mjs b/packages/config/eslint/vite-react-ts.mjs
index 4c5f009128..22f7a50952 100644
--- a/packages/config/eslint/vite-react-ts.mjs
+++ b/packages/config/eslint/vite-react-ts.mjs
@@ -9,17 +9,16 @@ import tseslint from "typescript-eslint"
 import reactHooks from "eslint-plugin-react-hooks"
 import reactRefresh from "eslint-plugin-react-refresh"
 
-export default [
+export default tseslint.config(
   // Global ignores
   {
     ignores: ["**/build/*", "**/dist/*", "**/vite.config.ts.timestamp-*", "**/storybook-static/*"],
   },
 
   // TypeScript and React configuration
-  // Note: Uses 'extends' (Vite 2026 pattern) instead of spreading configs at top level.
-  // This scopes all rules to TypeScript files only, preventing JS/TS rule conflicts.
-  // The 'files' key ensures configs apply only to .ts/.tsx files from the start,
-  // unlike spreading which applies configs globally then layers file-specific rules.
+  // Uses tseslint.config() to resolve 'extends' at config-creation time so ESLint
+  // never sees the key — required for compatibility with ESLint flat config.
+  // Scopes all rules to TypeScript files only, preventing JS/TS rule conflicts.
   {
     files: ["**/*.{ts,tsx}"],
     extends: [
@@ -45,5 +44,5 @@ export default [
         },
       ],
     },
-  },
-]
+  }
+)
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 994a8717be..0c607304a9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -464,6 +464,9 @@ importers:
       '@cloudoperators/juno-config':
         specifier: workspace:*
         version: link:../../packages/config
+      '@eslint/js':
+        specifier: 10.0.1
+        version: 10.0.1(eslint@10.3.0(jiti@2.7.0))
       '@graphql-codegen/cli':
         specifier: 6.3.1
         version: 6.3.1(@types/node@24.12.2)(graphql@16.13.2)(typescript@6.0.3)
@@ -533,9 +536,15 @@ importers:
       eslint-plugin-react-hooks:
         specifier: 7.1.1
         version: 7.1.1(eslint@10.3.0(jiti@2.7.0))
+      eslint-plugin-react-refresh:
+        specifier: 0.5.2
+        version: 0.5.2(eslint@10.3.0(jiti@2.7.0))
       eslint-plugin-tailwindcss:
         specifier: 3.18.3
         version: 3.18.3(tailwindcss@4.3.0)
+      globals:
+        specifier: 17.6.0
+        version: 17.6.0
       jsdom:
         specifier: 29.1.1
         version: 29.1.1
@@ -554,6 +563,9 @@ importers:
       typescript:
         specifier: 6.0.3
         version: 6.0.3
+      typescript-eslint:
+        specifier: 8.59.2
+        version: 8.59.2(eslint@10.3.0(jiti@2.7.0))(typescript@6.0.3)
       vite:
         specifier: 8.0.10
         version: 8.0.10(@types/node@24.12.2)(esbuild@0.27.7)(jiti@2.7.0)(tsx@4.21.0)(yaml@2.8.4)
@@ -9860,8 +9872,8 @@ snapshots:
 
   '@typescript-eslint/project-service@8.59.1(typescript@6.0.3)':
     dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.59.1(typescript@6.0.3)
-      '@typescript-eslint/types': 8.59.1
+      '@typescript-eslint/tsconfig-utils': 8.59.2(typescript@6.0.3)
+      '@typescript-eslint/types': 8.59.2
       debug: 4.4.3
       typescript: 6.0.3
     transitivePeerDependencies:

From 7511e24c8810cc54d7bf96c77d2c9e1377537c45 Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Tue, 11 Aug 2026 15:43:21 +0200
Subject: [PATCH 02/12] chore(heureka): apply Prettier formatting to migration
 changes

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 .../IssuesDataRows/IssuesDataRow/index.tsx    |  6 +++--
 .../RemediatedIssueDataRow/index.tsx          |  4 ++-
 .../RemediationHistoryPanel.test.tsx          | 27 ++++++++++++++++++-
 .../RemediationHistoryPanel/index.tsx         |  4 ++-
 .../RiskAcceptanceModal.test.tsx              | 14 +++++++++-
 apps/heureka/src/components/Services/utils.ts |  4 ++-
 6 files changed, 52 insertions(+), 7 deletions(-)

diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
index 6eee9bea67..322531f636 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
@@ -68,8 +68,10 @@ export const IssuesDataRow = ({
     setIsExpanded(!isExpanded)
   }
 
-type QueryFilter = { service?: string[]; image?: string[]; vulnerability?: string[] }
-type RemediationsCache = { data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } } }
+  type QueryFilter = { service?: string[]; image?: string[]; vulnerability?: string[] }
+  type RemediationsCache = {
+    data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } }
+  }
 
   const handleModalConfirm = async (input: RemediationInput): Promise<{ error: string } | void> => {
     setIsSubmitting(true)
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
index 7ddc5e975d..ee9ff2f793 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
@@ -35,7 +35,9 @@ const cellSeverityClasses = (severity: string) => {
 }
 
 type QueryFilter = { service?: string[]; image?: string[]; vulnerability?: string[] }
-type RemediationsCache = { data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } } }
+type RemediationsCache = {
+  data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } }
+}
 
 type RemediatedIssueDataRowProps = {
   issue: ImageVulnerability
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/RemediationHistoryPanel.test.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/RemediationHistoryPanel.test.tsx
index 36187c1a1b..d501b36441 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/RemediationHistoryPanel.test.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/RemediationHistoryPanel.test.tsx
@@ -27,7 +27,32 @@ const makeMockRemediationsPromise = (
     remediationDate: string | null
     expirationDate: string | null
   }>
-): Promise<{ data: { Remediations: { edges: Array<{ node: { id: string; type: RemediationTypeValues | null; description: string | null; url: string | null; remediatedBy: string | null; remediationDate: string | null; expirationDate: string | null; service: string; image: string; vulnerability: string } }>; totalCount: number } }; loading: boolean; networkStatus: number; partial: boolean; error: undefined; dataState: "complete" }> =>
+): Promise<{
+  data: {
+    Remediations: {
+      edges: Array<{
+        node: {
+          id: string
+          type: RemediationTypeValues | null
+          description: string | null
+          url: string | null
+          remediatedBy: string | null
+          remediationDate: string | null
+          expirationDate: string | null
+          service: string
+          image: string
+          vulnerability: string
+        }
+      }>
+      totalCount: number
+    }
+  }
+  loading: boolean
+  networkStatus: number
+  partial: boolean
+  error: undefined
+  dataState: "complete"
+}> =>
   Promise.resolve({
     data: {
       Remediations: {
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
index 2a517c4fec..bd1ab65df4 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
@@ -157,7 +157,9 @@ export const RemediationHistoryPanel = ({
             return true
           },
         },
-        (old: { data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } } }) => {
+        (old: {
+          data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } }
+        }) => {
           const edges = old?.data?.Remediations?.edges
           if (!edges) return old
           const newEdges = edges.filter((e) => e?.node?.id !== remediation.remediationId)
diff --git a/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx b/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx
index 26c057c49d..1a7231aa3a 100644
--- a/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx
@@ -16,7 +16,19 @@ vi.mock("@cloudoperators/juno-ui-components", async (importActual) => {
   const actual = await importActual<typeof import("@cloudoperators/juno-ui-components")>()
   return {
     ...actual,
-    DateTimePicker: ({ label, onChange, required, invalid, errortext }: { label: string; onChange: (dates: Date[]) => void; required?: boolean; invalid?: boolean; errortext?: string }) => (
+    DateTimePicker: ({
+      label,
+      onChange,
+      required,
+      invalid,
+      errortext,
+    }: {
+      label: string
+      onChange: (dates: Date[]) => void
+      required?: boolean
+      invalid?: boolean
+      errortext?: string
+    }) => (
       <div>
         <label htmlFor="mock-date-input">
           {label}
diff --git a/apps/heureka/src/components/Services/utils.ts b/apps/heureka/src/components/Services/utils.ts
index 0f2545d06a..9600c5f405 100644
--- a/apps/heureka/src/components/Services/utils.ts
+++ b/apps/heureka/src/components/Services/utils.ts
@@ -125,7 +125,9 @@ export const getNormalizedError = (error?: { networkError?: unknown; message?: s
   if (isNil(error)) return undefined
 
   // Extract network errors if they exist
-  const networkErrors = error.networkError as { result?: { errors?: Array<{ message?: string; path?: string[] }> } } | null
+  const networkErrors = error.networkError as {
+    result?: { errors?: Array<{ message?: string; path?: string[] }> }
+  } | null
   const netErrors = networkErrors?.result?.errors
   if (netErrors && netErrors.length > 0) {
     return netErrors

From a93f59e8147022cb1d274ac08b47f42e287763a8 Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Tue, 11 Aug 2026 15:44:29 +0200
Subject: [PATCH 03/12] chore(heureka): apply Prettier formatting to modal
 files

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 .../Service/ImageDetails/FalsePositiveModal/index.tsx     | 8 ++++++--
 .../Service/ImageDetails/RiskAcceptanceModal/index.tsx    | 8 ++++++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/apps/heureka/src/components/Service/ImageDetails/FalsePositiveModal/index.tsx b/apps/heureka/src/components/Service/ImageDetails/FalsePositiveModal/index.tsx
index ec9598abed..22112e6b70 100644
--- a/apps/heureka/src/components/Service/ImageDetails/FalsePositiveModal/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/FalsePositiveModal/index.tsx
@@ -49,8 +49,12 @@ export const FalsePositiveModal: React.FC<FalsePositiveModalProps> = ({
   // useAuth() from @cloudoperators/greenhouse-auth-provider returns a discriminated union without exported types
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
   const auth = useAuth() as any
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  const authUserId = auth.status === "authenticated" ? (auth.userId as string | undefined) || (auth.userName as string | undefined) : null
+  /* eslint-disable @typescript-eslint/no-unsafe-member-access */
+  const authUserId =
+    auth.status === "authenticated"
+      ? (auth.userId as string | undefined) || (auth.userName as string | undefined)
+      : null
+  /* eslint-enable @typescript-eslint/no-unsafe-member-access */
   const [description, setDescription] = useState<string>("")
   const [manualUserId, setManualUserId] = useState<string>("")
   const [expirationDate, setExpirationDate] = useState<Date | null>(null)
diff --git a/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/index.tsx b/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/index.tsx
index 90b1057053..b88beea422 100644
--- a/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/index.tsx
@@ -49,8 +49,12 @@ export const RiskAcceptanceModal: React.FC<RiskAcceptanceModalProps> = ({
   // useAuth() from @cloudoperators/greenhouse-auth-provider returns a discriminated union without exported types
   // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
   const auth = useAuth() as any
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-  const authUserId = auth.status === "authenticated" ? (auth.userId as string | undefined) || (auth.userName as string | undefined) : null
+  /* eslint-disable @typescript-eslint/no-unsafe-member-access */
+  const authUserId =
+    auth.status === "authenticated"
+      ? (auth.userId as string | undefined) || (auth.userName as string | undefined)
+      : null
+  /* eslint-enable @typescript-eslint/no-unsafe-member-access */
   const [description, setDescription] = useState<string>("")
   const [manualUserId, setManualUserId] = useState<string>("")
   const [sourceTicket, setSourceTicket] = useState<string>("")

From a12f9b790fecbe641022d9a91742f45b95765d25 Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Tue, 11 Aug 2026 16:00:31 +0200
Subject: [PATCH 04/12] chore(heureka): apply Prettier formatting after merge

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 .../RemediationHistoryPanel/index.tsx               | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
index e34b5e5ac9..912e7c4c26 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
@@ -185,7 +185,9 @@ export const RemediationHistoryPanel = ({
       // though other remediations still exist.
       if (vulnerability) {
         const panelFilter = { service: [service], image: [image], vulnerability: [vulnerability] }
-        type PanelCache = { data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } } }
+        type PanelCache = {
+          data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } }
+        }
         const panelCache = queryClient.getQueryData<PanelCache>(["remediations", panelFilter])
         const remainingEdges = (panelCache?.data?.Remediations?.edges ?? []).filter(
           (e) => e?.node?.id !== remediation.remediationId
@@ -195,7 +197,10 @@ export const RemediationHistoryPanel = ({
           queryClient.setQueriesData(
             {
               predicate: (query) => {
-                const [key, filter] = query.queryKey as [string, { service?: string[]; image?: string[]; vulnerability?: string[] }]
+                const [key, filter] = query.queryKey as [
+                  string,
+                  { service?: string[]; image?: string[]; vulnerability?: string[] },
+                ]
                 if (key !== "remediations") return false
                 if (filter?.service && !filter.service.includes(service)) return false
                 if (filter?.image && !filter.image.includes(image)) return false
@@ -203,7 +208,9 @@ export const RemediationHistoryPanel = ({
                 return true
               },
             },
-            (old: { data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } } }) => {
+            (old: {
+              data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } }
+            }) => {
               if (!old?.data?.Remediations) return old
               const edges = old.data.Remediations.edges ?? []
               const existingIds = new Set(edges.map((e) => e?.node?.id).filter(Boolean))

From 58ce3d226aa7d75de7de5a9ae472156a06b7fdea Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Tue, 11 Aug 2026 16:01:47 +0200
Subject: [PATCH 05/12] fix(heureka): address PR review comments

- Fix inaccurate comment in eslint.config.mjs: ignores excludes files
  entirely, not just from type-aware linting
- Fix bug: act() with sync callback returns void, not the render result;
  capture unmount from renderWithRouter() directly

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 apps/heureka/eslint.config.mjs                                 | 3 ++-
 .../ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx     | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/heureka/eslint.config.mjs b/apps/heureka/eslint.config.mjs
index 575b5be867..8482c93d37 100644
--- a/apps/heureka/eslint.config.mjs
+++ b/apps/heureka/eslint.config.mjs
@@ -8,7 +8,8 @@ import junoConfigs from "@cloudoperators/juno-config/eslint/vite-react-ts.mjs"
 export default [
   ...junoConfigs,
   {
-    // Config files are not included in tsconfig.json and don't need type-aware linting
+    // Config files are not included in tsconfig.json; ignoring them entirely
+    // avoids "parserOptions.project" errors for files outside the project's include list.
     ignores: ["vite.config.ts", "vitest.config.ts", "vitest.setup.ts", "tailwind.config.ts"],
   },
   {
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx
index 2950f673ca..99d50032e5 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx
@@ -250,7 +250,7 @@ describe("IssuesDataRows — risk acceptance", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-9999"])
     const withRemediation = makeRemediationsPromise(["CVE-2024-9999"])
 
-    const { unmount } = await act(() => renderWithRouter(issuesPromise, withRemediation))
+    const { unmount } = renderWithRouter(issuesPromise, withRemediation)
     expect(screen.queryByText("CVE-2024-9999")).not.toBeInTheDocument()
     unmount()
 

From 492a5a532d2f407c0f51f6e3e39869fb4f89cbf3 Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Wed, 12 Aug 2026 10:01:16 +0200
Subject: [PATCH 06/12] fix(heureka): fix CI lint errors from package type
 resolution differences

- Add explicit React.MouseEvent types to event handlers (stopPropagation,
  preventDefault) where juno-ui-components prop types resolve as any in CI
- Add explicit ChangeEvent/Date[] types to RemediationModal input handlers
- Add explicit string|undefined type to onSearch callbacks
- Add eslint-disable comments for greenhouse-auth-provider and
  juno-url-state-provider types that are error-typed in CI (EmbeddedAuth,
  AuthState, encodeV2, decodeV2)
- Add eslint-disable to vi.mock importActual calls in test files
- Add eslint-disable to getSeverityColor/getSeverityIcon assignments
- Set reportUnusedDisableDirectives: off to suppress unused-directive
  warnings for CI-only disables

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 apps/heureka/eslint.config.mjs                            | 5 +++++
 apps/heureka/src/App.tsx                                  | 6 ++++++
 .../IssuesDataRows/IssuesDataRow/index.tsx                | 2 +-
 .../RemediatedIssueDataRow/index.tsx                      | 6 +++---
 .../ImageIssuesList/RemediationHistoryPanel/index.tsx     | 2 +-
 .../Service/ImageDetails/ImageIssuesList/index.tsx        | 4 ++--
 .../RemediationModal/RemediationModal.test.tsx            | 2 ++
 .../Service/ImageDetails/RemediationModal/index.tsx       | 8 ++++----
 .../RiskAcceptanceModal/RiskAcceptanceModal.test.tsx      | 2 ++
 .../VulnerabilitiesDataRows/VulnerabilityDataRow.tsx      | 1 +
 apps/heureka/src/components/common/Breadcrumb.tsx         | 2 +-
 apps/heureka/src/components/common/Filters/index.tsx      | 2 +-
 apps/heureka/src/components/common/IssueIcon.tsx          | 1 +
 .../common/ServiceImages/ImagesDataRows/ImagesDataRow.tsx | 2 +-
 apps/heureka/src/components/common/SeverityCount.tsx      | 2 ++
 15 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/apps/heureka/eslint.config.mjs b/apps/heureka/eslint.config.mjs
index 8482c93d37..a6191c9912 100644
--- a/apps/heureka/eslint.config.mjs
+++ b/apps/heureka/eslint.config.mjs
@@ -26,5 +26,10 @@ export default [
       // dependency that triggered the effect.
       "react-hooks/set-state-in-effect": "off",
     },
+    // Some eslint-disable comments are needed only in CI where package type resolution differs.
+    // Silencing unused-directive warnings avoids false positives in local development.
+    linterOptions: {
+      reportUnusedDisableDirectives: "off",
+    },
   },
 ]
diff --git a/apps/heureka/src/App.tsx b/apps/heureka/src/App.tsx
index 68753f40b3..2fa0982db1 100644
--- a/apps/heureka/src/App.tsx
+++ b/apps/heureka/src/App.tsx
@@ -32,6 +32,7 @@ export type AppProps = {
   initialFilters?: InitialFilters
   basePath?: string
   enableHashedRouting?: boolean
+  // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
   auth?: EmbeddedAuth | AuthState
 }
 
@@ -65,9 +66,11 @@ const App = (props: AppProps) => {
     routeTree,
     context: { appProps: props, apiClient, queryClient },
     history: props.enableHashedRouting ? createHashHistory() : createBrowserHistory(),
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     stringifySearch: encodeV2,
     parseSearch: (searchString) => {
       if (!props.enableHashedRouting) {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
         return decodeV2(searchString)
       }
 
@@ -85,6 +88,7 @@ const App = (props: AppProps) => {
       const preHashParams = searchString.indexOf("?", postHashParams + 1)
       const searchStringFromHash = searchString.slice(postHashParams, preHashParams === -1 ? undefined : preHashParams)
 
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call
       return decodeV2(searchStringFromHash)
     },
   })
@@ -102,7 +106,9 @@ const App = (props: AppProps) => {
                   <AuthProvider
                     embedded={props.embedded && !!props.auth}
                     auth={
+                      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                       props.auth &&
+                      // eslint-disable-next-line @typescript-eslint/no-unsafe-return
                       ("getSnapshot" in props.auth ? props.auth : { getSnapshot: () => props.auth as AuthState })
                     }
                   >
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
index f1e9d827e5..00effb6348 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
@@ -163,7 +163,7 @@ export const IssuesDataRow = ({
           </Stack>
         </DataGridCell>
         {showFalsePositiveAction && (
-          <DataGridCell className="cursor-default interactive" onClick={(e) => e.stopPropagation()}>
+          <DataGridCell className="cursor-default interactive" onClick={(e: React.MouseEvent) => e.stopPropagation()}>
             {isSubmitting ? (
               <Spinner variant="primary" size="small" className="ml-auto" />
             ) : (
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
index eefc5684d3..ce870e9e64 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
@@ -138,7 +138,7 @@ export const RemediatedIssueDataRow = ({
                 target="_blank"
                 rel="noopener noreferrer"
                 className="link-hover"
-                onClick={(e) => e.stopPropagation()}
+                onClick={(e: React.MouseEvent) => e.stopPropagation()}
               >
                 <Stack gap="1.5" alignment="center">
                   <Icon icon="openInNew" size="16" />
@@ -162,7 +162,7 @@ export const RemediatedIssueDataRow = ({
             {issue.description && needsExpansion && (
               <a
                 href="#"
-                onClick={(e) => {
+                onClick={(e: React.MouseEvent) => {
                   e.stopPropagation()
                   toggleDescription(e)
                 }}
@@ -176,7 +176,7 @@ export const RemediatedIssueDataRow = ({
             )}
           </Stack>
         </DataGridCell>
-        <DataGridCell className="cursor-default interactive" onClick={(e) => e.stopPropagation()}>
+        <DataGridCell className="cursor-default interactive" onClick={(e: React.MouseEvent) => e.stopPropagation()}>
           {isSubmitting ? (
             <Spinner variant="primary" size="small" className="ml-auto" />
           ) : (
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
index 912e7c4c26..80294c78ce 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
@@ -94,7 +94,7 @@ const RemediationHistoryTable = ({
           <DataGridCell>{r.remediatedBy ?? "--"}</DataGridCell>
           <DataGridCell className="min-w-0">{r.description ?? "--"}</DataGridCell>
           <DataGridCell className="min-w-0">{r.type === "risk_accepted" ? (r.url ?? "--") : ""}</DataGridCell>
-          <DataGridCell className="cursor-default interactive" onClick={(e) => e.stopPropagation()}>
+          <DataGridCell className="cursor-default interactive" onClick={(e: React.MouseEvent) => e.stopPropagation()}>
             {revertingId === r.remediationId ? (
               <Spinner variant="primary" size="small" className="ml-auto" />
             ) : (
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
index 7ae2c6a4bb..be6620b443 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
@@ -78,7 +78,7 @@ const VulnerabilitiesTabContent = ({
         <SearchInput
           placeholder="Search for CVE number"
           className="w-96 ml-auto"
-          onSearch={(search) => setSearchTerm(search || "")}
+          onSearch={(search: string | undefined) => setSearchTerm(search || "")}
           onClear={() => {
             setSearchTerm("")
           }}
@@ -168,7 +168,7 @@ const RemediatedVulnerabilitiesTabContent = ({
         <SearchInput
           placeholder="Search for CVE number"
           className="w-96 ml-auto"
-          onSearch={(search) => setSearchTerm(search || "")}
+          onSearch={(search: string | undefined) => setSearchTerm(search || "")}
           onClear={() => setSearchTerm("")}
         />
       </Stack>
diff --git a/apps/heureka/src/components/Service/ImageDetails/RemediationModal/RemediationModal.test.tsx b/apps/heureka/src/components/Service/ImageDetails/RemediationModal/RemediationModal.test.tsx
index 74254b062a..8693a64236 100644
--- a/apps/heureka/src/components/Service/ImageDetails/RemediationModal/RemediationModal.test.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/RemediationModal/RemediationModal.test.tsx
@@ -16,7 +16,9 @@ import { RemediationTypeValues } from "../../../../generated/graphql"
 
 // Mock DateTimePicker so tests can set dates without flatpickr DOM interaction
 vi.mock("@cloudoperators/juno-ui-components", async (importActual) => {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const actual = await importActual<typeof import("@cloudoperators/juno-ui-components")>()
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
   return {
     ...actual,
     DateTimePicker: ({
diff --git a/apps/heureka/src/components/Service/ImageDetails/RemediationModal/index.tsx b/apps/heureka/src/components/Service/ImageDetails/RemediationModal/index.tsx
index c0a987a505..3bdca7aade 100644
--- a/apps/heureka/src/components/Service/ImageDetails/RemediationModal/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/RemediationModal/index.tsx
@@ -200,7 +200,7 @@ export const RemediationModal: React.FC<RemediationModalProps> = ({
           <TextInput
             label="User ID"
             value={authUserId ?? form.manualUserId}
-            onChange={(e) => {
+            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
               setForm((prev) => ({ ...prev, manualUserId: e.target.value }))
               if (errors.userId) setErrors((prev) => ({ ...prev, userId: "" }))
             }}
@@ -217,7 +217,7 @@ export const RemediationModal: React.FC<RemediationModalProps> = ({
             <TextInput
               label="Jira Ticket / Risk Acceptance Source Ticket"
               value={form.sourceTicket}
-              onChange={(e) => {
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
                 setForm((prev) => ({ ...prev, sourceTicket: e.target.value }))
                 if (errors.sourceTicket) setErrors((prev) => ({ ...prev, sourceTicket: "" }))
               }}
@@ -237,7 +237,7 @@ export const RemediationModal: React.FC<RemediationModalProps> = ({
           <DateTimePicker
             label="Expiration Date"
             value={form.expirationDate ?? undefined}
-            onChange={(dates) => {
+            onChange={(dates: Date[] | undefined) => {
               setForm((prev) => ({ ...prev, expirationDate: dates?.[0] ?? null }))
               if (errors.expirationDate) setErrors((prev) => ({ ...prev, expirationDate: "" }))
             }}
@@ -253,7 +253,7 @@ export const RemediationModal: React.FC<RemediationModalProps> = ({
             label="Description"
             placeholder={descriptionPlaceholder}
             value={form.description}
-            onChange={(e) => {
+            onChange={(e: React.ChangeEvent<HTMLTextAreaElement>) => {
               setForm((prev) => ({ ...prev, description: e.target.value }))
               if (errors.description) setErrors((prev) => ({ ...prev, description: "" }))
             }}
diff --git a/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx b/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx
index 1a7231aa3a..48fbf5bf85 100644
--- a/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/RiskAcceptanceModal/RiskAcceptanceModal.test.tsx
@@ -13,7 +13,9 @@ import { RemediationTypeValues } from "../../../../generated/graphql"
 
 // Mock DateTimePicker so tests can set dates without flatpickr DOM interaction
 vi.mock("@cloudoperators/juno-ui-components", async (importActual) => {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const actual = await importActual<typeof import("@cloudoperators/juno-ui-components")>()
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-return
   return {
     ...actual,
     DateTimePicker: ({
diff --git a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
index 53455016f7..72ba22d3ff 100644
--- a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
@@ -28,6 +28,7 @@ const cellSeverityClasses = (severity: string) => {
 
 const getIconForSeverity = (severity: string) => {
   const severityLower = (severity || "none").toLowerCase()
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const iconColor = getSeverityColor(severityLower || "none")
 
   return <Icon icon={iconMap[severityLower] || "help"} color={iconColor} />
diff --git a/apps/heureka/src/components/common/Breadcrumb.tsx b/apps/heureka/src/components/common/Breadcrumb.tsx
index e40b487839..672c816e43 100644
--- a/apps/heureka/src/components/common/Breadcrumb.tsx
+++ b/apps/heureka/src/components/common/Breadcrumb.tsx
@@ -27,7 +27,7 @@ export const Breadcrumb = () => {
             key={i}
             label={crumb?.label}
             icon={"icon" in crumb ? crumb.icon : undefined}
-            onClick={(e) => {
+            onClick={(e: React.MouseEvent) => {
               e.preventDefault()
               void navigate({
                 to: pathname,
diff --git a/apps/heureka/src/components/common/Filters/index.tsx b/apps/heureka/src/components/common/Filters/index.tsx
index 9ad51ea142..6c5d84d29c 100644
--- a/apps/heureka/src/components/common/Filters/index.tsx
+++ b/apps/heureka/src/components/common/Filters/index.tsx
@@ -74,7 +74,7 @@ export const Filters = ({ filtersPromise, filterSettings, onFilterChange, search
           className="w-96 ml-auto"
           data-testid="searchbar"
           value={filterSettings.searchTerm}
-          onSearch={(searchTerm) => {
+          onSearch={(searchTerm: string | undefined) => {
             onFilterChange({
               ...filterSettings,
               searchTerm,
diff --git a/apps/heureka/src/components/common/IssueIcon.tsx b/apps/heureka/src/components/common/IssueIcon.tsx
index 2bc985cb03..7fd5d971a7 100644
--- a/apps/heureka/src/components/common/IssueIcon.tsx
+++ b/apps/heureka/src/components/common/IssueIcon.tsx
@@ -13,6 +13,7 @@ type IssueIconProps = {
 
 const getIconForSeverity = (severity: string) => {
   const severityLower = severity.toLowerCase()
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const iconColor = getSeverityColor(severityLower)
 
   return <Icon icon={iconMap[severityLower] || "help"} color={iconColor} />
diff --git a/apps/heureka/src/components/common/ServiceImages/ImagesDataRows/ImagesDataRow.tsx b/apps/heureka/src/components/common/ServiceImages/ImagesDataRows/ImagesDataRow.tsx
index 5179eee04c..079beb20c0 100644
--- a/apps/heureka/src/components/common/ServiceImages/ImagesDataRows/ImagesDataRow.tsx
+++ b/apps/heureka/src/components/common/ServiceImages/ImagesDataRows/ImagesDataRow.tsx
@@ -46,7 +46,7 @@ export const ImagesDataRow = ({
                 target="_blank"
                 rel="noopener noreferrer"
                 className="hover:underline text-sm"
-                onClick={(e) => e.stopPropagation()}
+                onClick={(e: React.MouseEvent) => e.stopPropagation()}
                 aria-label={`Open image registry for ${version.repository} (opens in a new tab)`}
                 title={`Open image registry for ${version.repository} (opens in a new tab)`}
               >
diff --git a/apps/heureka/src/components/common/SeverityCount.tsx b/apps/heureka/src/components/common/SeverityCount.tsx
index b8ab6da09c..fc118ae83a 100644
--- a/apps/heureka/src/components/common/SeverityCount.tsx
+++ b/apps/heureka/src/components/common/SeverityCount.tsx
@@ -47,7 +47,9 @@ const getSeverityColor = (severity: SeverityCountProps["severity"]): string => {
 }
 
 export const SeverityCount = ({ severity, count, tooltipContent }: SeverityCountProps) => {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const icon = getSeverityIcon(severity)
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const color = getSeverityColor(severity)
 
   return (

From db502a694336bde2e9688abab80c927db1201294 Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Wed, 12 Aug 2026 10:20:41 +0200
Subject: [PATCH 07/12] fix(heureka): use inline eslint-disable for CI-only
 type errors

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 .../VulnerabilitiesDataRows/VulnerabilityDataRow.tsx           | 3 +--
 apps/heureka/src/components/common/Breadcrumb.tsx              | 2 +-
 apps/heureka/src/components/common/IssueIcon.tsx               | 3 +--
 .../common/ServiceImages/ImagesDataRows/ImagesDataRow.tsx      | 2 +-
 apps/heureka/src/components/common/SeverityCount.tsx           | 3 +--
 5 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
index 72ba22d3ff..25c4f9b03e 100644
--- a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
@@ -28,8 +28,7 @@ const cellSeverityClasses = (severity: string) => {
 
 const getIconForSeverity = (severity: string) => {
   const severityLower = (severity || "none").toLowerCase()
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  const iconColor = getSeverityColor(severityLower || "none")
+  const iconColor = getSeverityColor(severityLower || "none") // eslint-disable-line @typescript-eslint/no-unsafe-assignment
 
   return <Icon icon={iconMap[severityLower] || "help"} color={iconColor} />
 }
diff --git a/apps/heureka/src/components/common/Breadcrumb.tsx b/apps/heureka/src/components/common/Breadcrumb.tsx
index 672c816e43..77d3eca4e0 100644
--- a/apps/heureka/src/components/common/Breadcrumb.tsx
+++ b/apps/heureka/src/components/common/Breadcrumb.tsx
@@ -26,7 +26,7 @@ export const Breadcrumb = () => {
           <BreadcrumbItem
             key={i}
             label={crumb?.label}
-            icon={"icon" in crumb ? crumb.icon : undefined}
+            icon={"icon" in crumb ? crumb.icon : undefined} // eslint-disable-line @typescript-eslint/no-unsafe-assignment
             onClick={(e: React.MouseEvent) => {
               e.preventDefault()
               void navigate({
diff --git a/apps/heureka/src/components/common/IssueIcon.tsx b/apps/heureka/src/components/common/IssueIcon.tsx
index 7fd5d971a7..6410c3ec26 100644
--- a/apps/heureka/src/components/common/IssueIcon.tsx
+++ b/apps/heureka/src/components/common/IssueIcon.tsx
@@ -13,8 +13,7 @@ type IssueIconProps = {
 
 const getIconForSeverity = (severity: string) => {
   const severityLower = severity.toLowerCase()
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  const iconColor = getSeverityColor(severityLower)
+  const iconColor = getSeverityColor(severityLower) // eslint-disable-line @typescript-eslint/no-unsafe-assignment
 
   return <Icon icon={iconMap[severityLower] || "help"} color={iconColor} />
 }
diff --git a/apps/heureka/src/components/common/ServiceImages/ImagesDataRows/ImagesDataRow.tsx b/apps/heureka/src/components/common/ServiceImages/ImagesDataRows/ImagesDataRow.tsx
index 079beb20c0..4251c2c7dd 100644
--- a/apps/heureka/src/components/common/ServiceImages/ImagesDataRows/ImagesDataRow.tsx
+++ b/apps/heureka/src/components/common/ServiceImages/ImagesDataRows/ImagesDataRow.tsx
@@ -94,7 +94,7 @@ export const ImagesDataRow = ({
         />
       </DataGridCell>
       {displayDetailsButton && (
-        <DataGridCell className="cursor-default" onClick={(e) => e.stopPropagation()}>
+        <DataGridCell className="cursor-default" onClick={(e: React.MouseEvent) => e.stopPropagation()}>
           <Button size="small" label="Show Details" onClick={onDetailClick} className="whitespace-nowrap" />
         </DataGridCell>
       )}
diff --git a/apps/heureka/src/components/common/SeverityCount.tsx b/apps/heureka/src/components/common/SeverityCount.tsx
index fc118ae83a..4312abb5e9 100644
--- a/apps/heureka/src/components/common/SeverityCount.tsx
+++ b/apps/heureka/src/components/common/SeverityCount.tsx
@@ -49,8 +49,7 @@ const getSeverityColor = (severity: SeverityCountProps["severity"]): string => {
 export const SeverityCount = ({ severity, count, tooltipContent }: SeverityCountProps) => {
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const icon = getSeverityIcon(severity)
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  const color = getSeverityColor(severity)
+  const color = getSeverityColor(severity) // eslint-disable-line @typescript-eslint/no-unsafe-assignment
 
   return (
     <Tooltip triggerEvent="hover">

From 34e50f1678848ded9656e351f03f0a69dd495623 Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Wed, 12 Aug 2026 13:32:34 +0200
Subject: [PATCH 08/12] fix(heureka): type iconMap as Record<string, string> to
 avoid KnownIcons error type in CI

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 .../VulnerabilitiesDataRows/VulnerabilityDataRow.tsx           | 2 +-
 apps/heureka/src/components/common/IssueIcon.tsx               | 2 +-
 apps/heureka/src/components/common/SeverityCount.tsx           | 2 +-
 apps/heureka/src/utils.ts                                      | 3 +--
 4 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
index 25c4f9b03e..53455016f7 100644
--- a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
@@ -28,7 +28,7 @@ const cellSeverityClasses = (severity: string) => {
 
 const getIconForSeverity = (severity: string) => {
   const severityLower = (severity || "none").toLowerCase()
-  const iconColor = getSeverityColor(severityLower || "none") // eslint-disable-line @typescript-eslint/no-unsafe-assignment
+  const iconColor = getSeverityColor(severityLower || "none")
 
   return <Icon icon={iconMap[severityLower] || "help"} color={iconColor} />
 }
diff --git a/apps/heureka/src/components/common/IssueIcon.tsx b/apps/heureka/src/components/common/IssueIcon.tsx
index 6410c3ec26..2bc985cb03 100644
--- a/apps/heureka/src/components/common/IssueIcon.tsx
+++ b/apps/heureka/src/components/common/IssueIcon.tsx
@@ -13,7 +13,7 @@ type IssueIconProps = {
 
 const getIconForSeverity = (severity: string) => {
   const severityLower = severity.toLowerCase()
-  const iconColor = getSeverityColor(severityLower) // eslint-disable-line @typescript-eslint/no-unsafe-assignment
+  const iconColor = getSeverityColor(severityLower)
 
   return <Icon icon={iconMap[severityLower] || "help"} color={iconColor} />
 }
diff --git a/apps/heureka/src/components/common/SeverityCount.tsx b/apps/heureka/src/components/common/SeverityCount.tsx
index 4312abb5e9..d13789ebe5 100644
--- a/apps/heureka/src/components/common/SeverityCount.tsx
+++ b/apps/heureka/src/components/common/SeverityCount.tsx
@@ -49,7 +49,7 @@ const getSeverityColor = (severity: SeverityCountProps["severity"]): string => {
 export const SeverityCount = ({ severity, count, tooltipContent }: SeverityCountProps) => {
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   const icon = getSeverityIcon(severity)
-  const color = getSeverityColor(severity) // eslint-disable-line @typescript-eslint/no-unsafe-assignment
+  const color = getSeverityColor(severity)
 
   return (
     <Tooltip triggerEvent="hover">
diff --git a/apps/heureka/src/utils.ts b/apps/heureka/src/utils.ts
index 94e9e35bbd..60477a2af8 100644
--- a/apps/heureka/src/utils.ts
+++ b/apps/heureka/src/utils.ts
@@ -4,7 +4,6 @@
  */
 
 import { useState, useRef, useEffect, Dispatch, SetStateAction } from "react"
-import { KnownIcons } from "@cloudoperators/juno-ui-components"
 
 export const capitalizeFirstLetter = (str: string): string => {
   return str.charAt(0).toUpperCase() + str.slice(1)
@@ -27,7 +26,7 @@ export const getSeverityColor = (severity: string): string => {
   }
 }
 
-export const iconMap: Record<string, KnownIcons> = {
+export const iconMap: Record<string, string> = {
   critical: "severityCritical",
   high: "severityHigh",
   medium: "severityMedium",

From 3ea5287b990e3324d5bc7898e7b470dccb8d5427 Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Wed, 12 Aug 2026 13:36:17 +0200
Subject: [PATCH 09/12] fix(heureka): add file-level eslint-disable for
 KnownIcons CI type errors

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 .../VulnerabilitiesDataRows/VulnerabilityDataRow.tsx           | 1 +
 apps/heureka/src/components/common/IssueIcon.tsx               | 1 +
 apps/heureka/src/components/common/SeverityCount.tsx           | 1 +
 apps/heureka/src/utils.ts                                      | 3 ++-
 4 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
index 53455016f7..a30e3d503f 100644
--- a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
@@ -2,6 +2,7 @@
  * SPDX-FileCopyrightText: 2024 SAP SE or an SAP affiliate company and Juno contributors
  * SPDX-License-Identifier: Apache-2.0
  */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 
 import React, { useState } from "react"
 import { DataGridRow, DataGridCell, Stack, Icon } from "@cloudoperators/juno-ui-components"
diff --git a/apps/heureka/src/components/common/IssueIcon.tsx b/apps/heureka/src/components/common/IssueIcon.tsx
index 2bc985cb03..1c9c1e0034 100644
--- a/apps/heureka/src/components/common/IssueIcon.tsx
+++ b/apps/heureka/src/components/common/IssueIcon.tsx
@@ -2,6 +2,7 @@
  * SPDX-FileCopyrightText: 2024 SAP SE or an SAP affiliate company and Juno contributors
  * SPDX-License-Identifier: Apache-2.0
  */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 
 import React from "react"
 import { Icon } from "@cloudoperators/juno-ui-components"
diff --git a/apps/heureka/src/components/common/SeverityCount.tsx b/apps/heureka/src/components/common/SeverityCount.tsx
index d13789ebe5..1dd2d16ddc 100644
--- a/apps/heureka/src/components/common/SeverityCount.tsx
+++ b/apps/heureka/src/components/common/SeverityCount.tsx
@@ -2,6 +2,7 @@
  * SPDX-FileCopyrightText: 2024 SAP SE or an SAP affiliate company and Juno contributors
  * SPDX-License-Identifier: Apache-2.0
  */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 
 import React from "react"
 import { Icon, Tooltip, TooltipTrigger, TooltipContent, KnownIcons, Stack } from "@cloudoperators/juno-ui-components"
diff --git a/apps/heureka/src/utils.ts b/apps/heureka/src/utils.ts
index 60477a2af8..94e9e35bbd 100644
--- a/apps/heureka/src/utils.ts
+++ b/apps/heureka/src/utils.ts
@@ -4,6 +4,7 @@
  */
 
 import { useState, useRef, useEffect, Dispatch, SetStateAction } from "react"
+import { KnownIcons } from "@cloudoperators/juno-ui-components"
 
 export const capitalizeFirstLetter = (str: string): string => {
   return str.charAt(0).toUpperCase() + str.slice(1)
@@ -26,7 +27,7 @@ export const getSeverityColor = (severity: string): string => {
   }
 }
 
-export const iconMap: Record<string, string> = {
+export const iconMap: Record<string, KnownIcons> = {
   critical: "severityCritical",
   high: "severityHigh",
   medium: "severityMedium",

From 5ed0dc10d21a57a6c1ed032230a508f3b60c0b0c Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Wed, 12 Aug 2026 13:49:51 +0200
Subject: [PATCH 10/12] fix(heureka): restore await act(async) for
 Suspense-dependent tests

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 .../ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx  | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx
index 99d50032e5..9f3181a6ff 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRows.test.tsx
@@ -160,7 +160,8 @@ describe("IssuesDataRows — active/remediated split", () => {
     const issuesPromise = makeImagesPromise(["CVE-2024-1234"])
     const remediationsPromise = makeRemediationsPromise(["CVE-2024-1234"]) // this CVE is now remediated
 
-    act(() => {
+    // eslint-disable-next-line @typescript-eslint/require-await
+    await act(async () => {
       render(
         <Suspense fallback={<div>Loading...</div>}>
           <IssuesDataRows
@@ -201,7 +202,8 @@ describe("IssuesDataRows — active/remediated split", () => {
     const issuesPromise = makeImagesPromise(cves)
     const remediationsPromise = makeRemediationsPromise(cves) // both are remediated
 
-    act(() => {
+    // eslint-disable-next-line @typescript-eslint/require-await
+    await act(async () => {
       render(
         <Suspense fallback={<div>Loading...</div>}>
           <IssuesDataRows

From 72622c324cc9a859ec4ac6b32b7dc0dd4d164714 Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Fri, 14 Aug 2026 10:16:52 +0200
Subject: [PATCH 11/12] fix(heureka): address review comments

- Extract QueryFilter/RemediationsCache to shared remediationCacheTypes.ts
  and reuse across IssuesDataRow, RemediatedIssueDataRow, RemediationHistoryPanel
- Add explanatory comments to file-level eslint-disable in IssueIcon,
  SeverityCount, VulnerabilityDataRow (CI-only type resolution issue)
- Add eslint-disable with comment for refreshKey in RemediationHistoryPanel
  useMemo (intentional trigger dependency, not a data dependency)
- Fix useCallback missing deps: add setVulnerabilitiesSuccessMessage and
  setRemediatedSuccessMessage to dependency arrays in ImageIssuesList
- Align postcss version in package.json to 8.5.23 to match lockfile

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 apps/heureka/package.json                     |  2 +-
 .../IssuesDataRows/IssuesDataRow/index.tsx    |  6 +-----
 .../RemediatedIssueDataRow/index.tsx          |  6 +-----
 .../RemediationHistoryPanel/index.tsx         | 15 +++++++------
 .../ImageDetails/ImageIssuesList/index.tsx    |  8 +++----
 .../ImageIssuesList/remediationCacheTypes.ts  | 21 +++++++++++++++++++
 .../VulnerabilityDataRow.tsx                  |  3 +++
 .../src/components/common/IssueIcon.tsx       |  3 +++
 .../src/components/common/SeverityCount.tsx   |  3 +++
 pnpm-lock.yaml                                |  2 +-
 10 files changed, 45 insertions(+), 24 deletions(-)
 create mode 100644 apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/remediationCacheTypes.ts

diff --git a/apps/heureka/package.json b/apps/heureka/package.json
index c755b18790..0a8888fab0 100644
--- a/apps/heureka/package.json
+++ b/apps/heureka/package.json
@@ -69,7 +69,7 @@
     "eslint-plugin-tailwindcss": "3.18.3",
     "globals": "17.6.0",
     "jsdom": "30.0.1",
-    "postcss": "8.5.10",
+    "postcss": "8.5.23",
     "prettier": "3.8.5",
     "react-error-boundary": "6.1.2",
     "tailwindcss": "4.3.3",
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
index 00effb6348..a7d7bbf311 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/IssuesDataRows/IssuesDataRow/index.tsx
@@ -24,6 +24,7 @@ import { MitigateManuallyModal } from "../../../MitigateManuallyModal"
 import { useRouteContext } from "@tanstack/react-router"
 import { createRemediation } from "../../../../../../api/createRemediation"
 import { RemediationInput } from "../../../../../../generated/graphql"
+import type { RemediationsCache, RemediationQueryFilter as QueryFilter } from "../../remediationCacheTypes"
 
 const cellSeverityClasses = (severity: string) => {
   const borderColor = getSeverityColor(severity.toLowerCase())
@@ -72,11 +73,6 @@ export const IssuesDataRow = ({
     setIsExpanded(!isExpanded)
   }
 
-  type QueryFilter = { service?: string[]; image?: string[]; vulnerability?: string[] }
-  type RemediationsCache = {
-    data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } }
-  }
-
   const makeRemediationHandler =
     (onSuccess?: (cveNumber: string) => void | Promise<void>) =>
     async (input: RemediationInput): Promise<{ error: string } | void> => {
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
index ce870e9e64..c6dfac38eb 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediatedIssuesDataRows/RemediatedIssueDataRow/index.tsx
@@ -24,6 +24,7 @@ import { MitigateManuallyModal } from "../../../MitigateManuallyModal"
 import { useRouteContext } from "@tanstack/react-router"
 import { createRemediation } from "../../../../../../api/createRemediation"
 import { RemediationInput, RemediationTypeValues } from "../../../../../../generated/graphql"
+import type { RemediationsCache, RemediationQueryFilter as QueryFilter } from "../../remediationCacheTypes"
 
 const cellSeverityClasses = (severity: string) => {
   const borderColor = getSeverityColor(severity.toLowerCase())
@@ -35,11 +36,6 @@ const cellSeverityClasses = (severity: string) => {
   `
 }
 
-type QueryFilter = { service?: string[]; image?: string[]; vulnerability?: string[] }
-type RemediationsCache = {
-  data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } }
-}
-
 type RemediatedIssueDataRowProps = {
   issue: ImageVulnerability
   service: string
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
index 80294c78ce..9bcd58e299 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/RemediationHistoryPanel/index.tsx
@@ -29,6 +29,7 @@ import { LoadingDataRow } from "../../../../common/LoadingDataRow"
 import { getErrorDataRowComponent } from "../../../../common/getErrorDataRow"
 import type { RemediatedVulnerability } from "../../../../Services/utils"
 import { useTimedState } from "../../../../../utils"
+import type { RemediationsCache, RemediationQueryFilter } from "../remediationCacheTypes"
 
 type RemediationHistoryPanelProps = {
   service: string
@@ -137,6 +138,9 @@ export const RemediationHistoryPanel = ({
     // staleTime: 0 makes ensureQueryData treat any cached entry as immediately stale, forcing a
     // network request without cancelling in-flight queries (unlike removeQueries).
     return fetchRemediations({ apiClient, queryClient, filter, staleTime: 0 })
+    // refreshKey is intentionally included to force a re-fetch when the parent signals a data
+    // refresh (e.g. after a revert). It is not used inside the memo body by design.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [service, image, vulnerability, apiClient, queryClient, refreshKey])
 
   const handleRevert = async (remediation: RemediatedVulnerability) => {
@@ -150,16 +154,14 @@ export const RemediationHistoryPanel = ({
       queryClient.setQueriesData(
         {
           predicate: (query) => {
-            const [key, filter] = query.queryKey as [string, { service?: string[]; image?: string[] }]
+            const [key, filter] = query.queryKey as [string, RemediationQueryFilter]
             if (key !== "remediations") return false
             if (filter?.service && !filter.service.includes(service)) return false
             if (filter?.image && !filter.image.includes(image)) return false
             return true
           },
         },
-        (old: {
-          data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } }
-        }) => {
+        (old: RemediationsCache) => {
           const edges = old?.data?.Remediations?.edges
           if (!edges) return old
           const newEdges = edges.filter((e) => e?.node?.id !== remediation.remediationId)
@@ -185,10 +187,7 @@ export const RemediationHistoryPanel = ({
       // though other remediations still exist.
       if (vulnerability) {
         const panelFilter = { service: [service], image: [image], vulnerability: [vulnerability] }
-        type PanelCache = {
-          data?: { Remediations?: { edges?: Array<{ node?: { id?: string } }> | null; totalCount?: number | null } }
-        }
-        const panelCache = queryClient.getQueryData<PanelCache>(["remediations", panelFilter])
+        const panelCache = queryClient.getQueryData<RemediationsCache>(["remediations", panelFilter])
         const remainingEdges = (panelCache?.data?.Remediations?.edges ?? []).filter(
           (e) => e?.node?.id !== remediation.remediationId
         )
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
index be6620b443..e8728ad806 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
@@ -344,19 +344,19 @@ export const ImageIssuesList = ({
     setVulnerabilitiesSuccessMessage(
       `Vulnerability ${cveNumber} has been marked as a false positive and moved to the Remediated list.`
     )
-  }, [])
+  }, [setVulnerabilitiesSuccessMessage])
 
   const handleRiskAcceptanceSuccess = useCallback((cveNumber: string) => {
     setVulnerabilitiesSuccessMessage(
       `Vulnerability ${cveNumber} has been accepted as a risk and moved to the Remediated list.`
     )
-  }, [])
+  }, [setVulnerabilitiesSuccessMessage])
 
   const handleMitigateManuallySuccess = useCallback((cveNumber: string) => {
     setVulnerabilitiesSuccessMessage(
       `Vulnerability ${cveNumber} has been manually mitigated and moved to the Remediated list.`
     )
-  }, [])
+  }, [setVulnerabilitiesSuccessMessage])
 
   const handleRemediatedTabRemediationSuccess = useCallback(
     (cveNumber: string, remediationType: RemediationTypeValues) => {
@@ -369,7 +369,7 @@ export const ImageIssuesList = ({
       const text = `Vulnerability ${cveNumber} has been marked as ${remediationTypeLabel}.`
       setRemediatedSuccessMessage(text)
     },
-    []
+    [setRemediatedSuccessMessage]
   )
 
   return (
diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/remediationCacheTypes.ts b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/remediationCacheTypes.ts
new file mode 100644
index 0000000000..64657ac610
--- /dev/null
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/remediationCacheTypes.ts
@@ -0,0 +1,21 @@
+/*
+ * SPDX-FileCopyrightText: 2025 SAP SE or an SAP affiliate company and Juno contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/** Shape of the React Query cache entry for "remediations" queries. */
+export type RemediationsCache = {
+  data?: {
+    Remediations?: {
+      edges?: Array<{ node?: { id?: string } }> | null
+      totalCount?: number | null
+    }
+  }
+}
+
+/** Query key filter shape for "remediations" predicate lookups. */
+export type RemediationQueryFilter = {
+  service?: string[]
+  image?: string[]
+  vulnerability?: string[]
+}
diff --git a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
index a30e3d503f..c65db0788d 100644
--- a/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
+++ b/apps/heureka/src/components/Vulnerabilities/VulnerabilitiesList/VulnerabilitiesDataRows/VulnerabilityDataRow.tsx
@@ -2,6 +2,9 @@
  * SPDX-FileCopyrightText: 2024 SAP SE or an SAP affiliate company and Juno contributors
  * SPDX-License-Identifier: Apache-2.0
  */
+// juno-ui-components' KnownIcons and color types resolve as error-typed values in CI
+// (node_modules not fully resolved during type-checking). This disable is CI-only
+// and has no effect in local development where types resolve correctly.
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 
 import React, { useState } from "react"
diff --git a/apps/heureka/src/components/common/IssueIcon.tsx b/apps/heureka/src/components/common/IssueIcon.tsx
index 1c9c1e0034..1b0b57760b 100644
--- a/apps/heureka/src/components/common/IssueIcon.tsx
+++ b/apps/heureka/src/components/common/IssueIcon.tsx
@@ -2,6 +2,9 @@
  * SPDX-FileCopyrightText: 2024 SAP SE or an SAP affiliate company and Juno contributors
  * SPDX-License-Identifier: Apache-2.0
  */
+// juno-ui-components' KnownIcons and color types resolve as error-typed values in CI
+// (node_modules not fully resolved during type-checking). This disable is CI-only
+// and has no effect in local development where types resolve correctly.
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 
 import React from "react"
diff --git a/apps/heureka/src/components/common/SeverityCount.tsx b/apps/heureka/src/components/common/SeverityCount.tsx
index 1dd2d16ddc..4d40e74eff 100644
--- a/apps/heureka/src/components/common/SeverityCount.tsx
+++ b/apps/heureka/src/components/common/SeverityCount.tsx
@@ -2,6 +2,9 @@
  * SPDX-FileCopyrightText: 2024 SAP SE or an SAP affiliate company and Juno contributors
  * SPDX-License-Identifier: Apache-2.0
  */
+// juno-ui-components' KnownIcons and color types resolve as error-typed values in CI
+// (node_modules not fully resolved during type-checking). These disables are CI-only
+// suppressions and have no effect in local development where types resolve correctly.
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
 
 import React from "react"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 23d44de25a..a23d966f43 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -536,7 +536,7 @@ importers:
         specifier: 30.0.1
         version: 30.0.1
       postcss:
-        specifier: ^8.5.18
+        specifier: 8.5.23
         version: 8.5.23
       prettier:
         specifier: 3.8.5

From d8cc78b1f7a3e3d876b366042179c42352bb98d7 Mon Sep 17 00:00:00 2001
From: Hoda Noori <hoda.noori@sap.com>
Date: Fri, 14 Aug 2026 10:40:14 +0200
Subject: [PATCH 12/12] chore(heureka): apply Prettier 3.8.5 formatting to
 ImageIssuesList

Signed-off-by: Hoda Noori <hoda.noori@sap.com>
---
 .../ImageDetails/ImageIssuesList/index.tsx    | 39 ++++++++++++-------
 1 file changed, 24 insertions(+), 15 deletions(-)

diff --git a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
index e8728ad806..eafc7a244e 100644
--- a/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
+++ b/apps/heureka/src/components/Service/ImageDetails/ImageIssuesList/index.tsx
@@ -340,23 +340,32 @@ export const ImageIssuesList = ({
     },
   })
 
-  const handleFalsePositiveSuccess = useCallback((cveNumber: string) => {
-    setVulnerabilitiesSuccessMessage(
-      `Vulnerability ${cveNumber} has been marked as a false positive and moved to the Remediated list.`
-    )
-  }, [setVulnerabilitiesSuccessMessage])
+  const handleFalsePositiveSuccess = useCallback(
+    (cveNumber: string) => {
+      setVulnerabilitiesSuccessMessage(
+        `Vulnerability ${cveNumber} has been marked as a false positive and moved to the Remediated list.`
+      )
+    },
+    [setVulnerabilitiesSuccessMessage]
+  )
 
-  const handleRiskAcceptanceSuccess = useCallback((cveNumber: string) => {
-    setVulnerabilitiesSuccessMessage(
-      `Vulnerability ${cveNumber} has been accepted as a risk and moved to the Remediated list.`
-    )
-  }, [setVulnerabilitiesSuccessMessage])
+  const handleRiskAcceptanceSuccess = useCallback(
+    (cveNumber: string) => {
+      setVulnerabilitiesSuccessMessage(
+        `Vulnerability ${cveNumber} has been accepted as a risk and moved to the Remediated list.`
+      )
+    },
+    [setVulnerabilitiesSuccessMessage]
+  )
 
-  const handleMitigateManuallySuccess = useCallback((cveNumber: string) => {
-    setVulnerabilitiesSuccessMessage(
-      `Vulnerability ${cveNumber} has been manually mitigated and moved to the Remediated list.`
-    )
-  }, [setVulnerabilitiesSuccessMessage])
+  const handleMitigateManuallySuccess = useCallback(
+    (cveNumber: string) => {
+      setVulnerabilitiesSuccessMessage(
+        `Vulnerability ${cveNumber} has been manually mitigated and moved to the Remediated list.`
+      )
+    },
+    [setVulnerabilitiesSuccessMessage]
+  )
 
   const handleRemediatedTabRemediationSuccess = useCallback(
     (cveNumber: string, remediationType: RemediationTypeValues) => {