From bcb3e9e2c930f60611a70685dc79ca426d04e858 Mon Sep 17 00:00:00 2001
From: Bekiboo <julien.connault@gmail.com>
Date: Mon, 26 Jan 2026 15:54:22 +0300
Subject: [PATCH 1/3] Fix: add spacers for mobile view modals

---
 .../src/components/modals/other-calculation-modal.tsx      | 3 ++-
 .../client/src/components/modals/reference-modal.tsx       | 7 ++-----
 platforms/eReputation/vite.config.ts                       | 1 +
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx b/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx
index fdf61d8f..1ee1ce2f 100644
--- a/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx
+++ b/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx
@@ -1,6 +1,5 @@
 import { useState, useEffect } from "react";
 import { useMutation, useQueryClient, useQuery } from "@tanstack/react-query";
-import { useDebouncedCallback } from 'use-debounce';
 import ReactMarkdown from "react-markdown";
 import { apiClient } from "@/lib/apiClient";
 import { useToast } from "@/hooks/use-toast";
@@ -283,6 +282,7 @@ export default function OtherCalculationModal({ open, onOpenChange }: OtherCalcu
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="w-full max-w-full sm:max-w-2xl h-screen sm:h-[90vh] mx-0 sm:mx-4 overflow-hidden bg-fig-10 border-0 sm:border-2 border-fig/20 shadow-2xl rounded-none sm:rounded-xl flex flex-col">
+        <div className="h-12 flex-shrink-0 sm:hidden" />
         <DialogHeader className="bg-transparent text-fig p-3 sm:p-6 -m-6 mb-0 rounded-t-xl flex-shrink-0">
           <div className="flex items-center gap-2 sm:gap-4">
             <div className="hidden sm:flex w-12 h-12 bg-fig rounded-2xl items-center justify-center flex-shrink-0 transform rotate-12">
@@ -629,6 +629,7 @@ export default function OtherCalculationModal({ open, onOpenChange }: OtherCalcu
             </Button>
           </div>
         </div>
+        <div className="h-10 flex-shrink-0 sm:hidden" />
       </DialogContent>
 
       {/* View Reputation Modal */}
diff --git a/platforms/eReputation/client/src/components/modals/reference-modal.tsx b/platforms/eReputation/client/src/components/modals/reference-modal.tsx
index 011a4d5a..183c344d 100644
--- a/platforms/eReputation/client/src/components/modals/reference-modal.tsx
+++ b/platforms/eReputation/client/src/components/modals/reference-modal.tsx
@@ -11,9 +11,6 @@ import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
 import { Label } from "@/components/ui/label";
 import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
-import FileUpload from "@/components/ui/file-upload";
-import { useDebouncedCallback } from "use-debounce";
 
 interface ReferenceModalProps {
   open: boolean;
@@ -455,8 +452,8 @@ export default function ReferenceModal({ open, onOpenChange }: ReferenceModalPro
                       <Label
                         key={type.value}
                         className={`flex flex-col items-center gap-1 sm:gap-2 p-2 sm:p-4 border-2 rounded-2xl cursor-pointer transition-all duration-200 ${targetType === type.value
-                            ? 'border-fig/40 bg-fig-30'
-                            : 'border-fig/20 hover:border-fig/30 hover:bg-fig-10'
+                          ? 'border-fig/40 bg-fig-30'
+                          : 'border-fig/20 hover:border-fig/30 hover:bg-fig-10'
                           }`}
                       >
                         <RadioGroupItem value={type.value} className="sr-only" />
diff --git a/platforms/eReputation/vite.config.ts b/platforms/eReputation/vite.config.ts
index 09d3e855..4499f3d0 100644
--- a/platforms/eReputation/vite.config.ts
+++ b/platforms/eReputation/vite.config.ts
@@ -30,6 +30,7 @@ export default defineConfig(async () => {
       emptyOutDir: true,
     },
     server: {
+      host: true,
       fs: {
         strict: true,
         deny: ["**/.*"],

From 016e54c0c7781b3d6b5a982a769ece05d416efa0 Mon Sep 17 00:00:00 2001
From: Bekiboo <julien.connault@gmail.com>
Date: Mon, 26 Jan 2026 18:40:44 +0300
Subject: [PATCH 2/3] fix: add aria-hidden attribute

---
 .../client/src/components/modals/other-calculation-modal.tsx  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx b/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx
index 1ee1ce2f..65c2616b 100644
--- a/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx
+++ b/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx
@@ -282,7 +282,7 @@ export default function OtherCalculationModal({ open, onOpenChange }: OtherCalcu
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="w-full max-w-full sm:max-w-2xl h-screen sm:h-[90vh] mx-0 sm:mx-4 overflow-hidden bg-fig-10 border-0 sm:border-2 border-fig/20 shadow-2xl rounded-none sm:rounded-xl flex flex-col">
-        <div className="h-12 flex-shrink-0 sm:hidden" />
+        <div className="h-12 flex-shrink-0 sm:hidden" aria-hidden="true" />
         <DialogHeader className="bg-transparent text-fig p-3 sm:p-6 -m-6 mb-0 rounded-t-xl flex-shrink-0">
           <div className="flex items-center gap-2 sm:gap-4">
             <div className="hidden sm:flex w-12 h-12 bg-fig rounded-2xl items-center justify-center flex-shrink-0 transform rotate-12">
@@ -629,7 +629,7 @@ export default function OtherCalculationModal({ open, onOpenChange }: OtherCalcu
             </Button>
           </div>
         </div>
-        <div className="h-10 flex-shrink-0 sm:hidden" />
+        <div className="h-10 flex-shrink-0 sm:hidden" aria-hidden="true" />
       </DialogContent>
 
       {/* View Reputation Modal */}

From 4cbbd3c847b3216c88bea2d219d9af2f2281ea4e Mon Sep 17 00:00:00 2001
From: Bekiboo <julien.connault@gmail.com>
Date: Mon, 26 Jan 2026 18:44:42 +0300
Subject: [PATCH 3/3] fix: move spacers directly into Dialog component

---
 .../client/src/components/modals/other-calculation-modal.tsx    | 2 --
 platforms/eReputation/client/src/components/ui/dialog.tsx       | 2 ++
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx b/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx
index 65c2616b..5b7784b7 100644
--- a/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx
+++ b/platforms/eReputation/client/src/components/modals/other-calculation-modal.tsx
@@ -282,7 +282,6 @@ export default function OtherCalculationModal({ open, onOpenChange }: OtherCalcu
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>
       <DialogContent className="w-full max-w-full sm:max-w-2xl h-screen sm:h-[90vh] mx-0 sm:mx-4 overflow-hidden bg-fig-10 border-0 sm:border-2 border-fig/20 shadow-2xl rounded-none sm:rounded-xl flex flex-col">
-        <div className="h-12 flex-shrink-0 sm:hidden" aria-hidden="true" />
         <DialogHeader className="bg-transparent text-fig p-3 sm:p-6 -m-6 mb-0 rounded-t-xl flex-shrink-0">
           <div className="flex items-center gap-2 sm:gap-4">
             <div className="hidden sm:flex w-12 h-12 bg-fig rounded-2xl items-center justify-center flex-shrink-0 transform rotate-12">
@@ -629,7 +628,6 @@ export default function OtherCalculationModal({ open, onOpenChange }: OtherCalcu
             </Button>
           </div>
         </div>
-        <div className="h-10 flex-shrink-0 sm:hidden" aria-hidden="true" />
       </DialogContent>
 
       {/* View Reputation Modal */}
diff --git a/platforms/eReputation/client/src/components/ui/dialog.tsx b/platforms/eReputation/client/src/components/ui/dialog.tsx
index f38593bd..f4ebf4b2 100644
--- a/platforms/eReputation/client/src/components/ui/dialog.tsx
+++ b/platforms/eReputation/client/src/components/ui/dialog.tsx
@@ -43,7 +43,9 @@ const DialogContent = React.forwardRef<
       )}
       {...props}
     >
+      <div className="h-12 flex-shrink-0 sm:hidden" aria-hidden="true" />
       {children}
+      <div className="h-10 flex-shrink-0 sm:hidden" aria-hidden="true" />
       <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
         <X className="h-4 w-4" />
         <span className="sr-only">Close</span>