ui fixes

src/components/wrappers/auth/login/login-form/login-form.tsx

@@ -63,7 +63,6 @@ export const LoginForm = (props: loginFormProps) => {
                         toast.success("Login success");
                     },
                     onError: (error) => {
-                        console.log(error);
                         toast.error(error.error.message);
                     },
                 }

src/components/wrappers/auth/login/reset-password-form/reset-password-form.action.ts

@@ -28,7 +28,6 @@ export const resetPasswordAction = action
             }
 
             const user = await (await auth.$context).internalAdapter.findUserById(verification.value);
-            console.log(user)
             if (!user) {
                 return {
                     success: false,
@@ -39,28 +38,6 @@ export const resetPasswordAction = action
                 };
             }
 
-            const hashedPassword = await (await auth.$context).password.hash(parsedInput.schema.password);
-            console.log(hashedPassword)
-            console.log("ok")
-            // await (await auth.$context).internalAdapter.updatePassword(user.id, hashedPassword);
-            console.log("ici")
-            // await (await auth.$context).internalAdapter.deleteSessions(user.id);
-            // console.log("ici2")
-            // await (await auth.$context).internalAdapter.deleteVerificationValue(verification.id);
-            // console.log("ici3");
-            //
-            // (await auth.$context).internalAdapter.updateUser(user.id, {
-            //     lastChangedPasswordAt: new Date(),
-            // });
-
-            // await auth.api.resetPassword({
-            //     headers: await headers(),
-            //     body: {
-            //         newPassword: parsedInput.schema.password,
-            //         token: parsedInput.token,
-            //     },
-            // });
-
             await (
                 await auth.$context
             ).internalAdapter.updateUser(user.id, {

src/components/wrappers/auth/login/reset-password-form/reset-password-form.tsx

@@ -44,7 +44,6 @@ export const ResetPasswordForm = (props: ResetPasswordFormProps) => {
             setTimeout(() => router.push("/"), 1400);
         },
         onError: (error: BetterAuthError) => {
-            console.log(error)
             toast.error("An error occurred while resetting password");
         },
     });

src/components/wrappers/auth/register/register-form/register-form.tsx

@@ -36,7 +36,6 @@ export const RegisterForm = (props: registerFormProps) => {
                     router.push(`/login`);
                 },
                 onError: (error) => {
-                    console.log(error);
                     toast.error(error.error.message);
                 },
             });

src/components/wrappers/auth/reset-password/reset-password-form.tsx

@@ -6,7 +6,7 @@ import {Form, FormControl, FormField, FormItem, FormLabel, useZodForm} from "@/c
 import {PasswordStrengthInput} from "@/components/ui/password-input-indicator";
 import {ResetPasswordSchema, ResetPasswordType} from "@/components/wrappers/auth/reset-password/reset-password-schema";
 import {PasswordInput} from "@/components/ui/password-input";
-import {Card, CardContent, CardHeader} from "@/components/ui/card";
+import {CardContent, CardHeader} from "@/components/ui/card";
 import {ButtonWithLoading} from "@/components/wrappers/common/button/button-with-loading";
 import {authClient} from "@/lib/auth/auth-client";
 import {toast} from "sonner";
@@ -31,7 +31,6 @@ export const ResetPasswordForm = ({token}: ResetPasswordFormProps) => {
                 token,
             }, {
                 onSuccess: (response) => {
-                    console.log(response);
                     toast.success("Password changed successfully.");
                     setTimeout(() => router.push("/"), 1000);
                 },

src/components/wrappers/common/connection-circle.tsx

@@ -12,8 +12,6 @@ export const ConnectionCircle = ({date}: ConnectionCircleProps) => {
         const timestamp = date.getTime();
         const interval_seconds = (now - timestamp) / 1000;
 
-        console.log({now, timestamp, interval_seconds});
-
         if (interval_seconds < 55) {
             style = "bg-green-400 border-green-600";
         } else if (interval_seconds <= 60) {
@@ -25,7 +23,5 @@ export const ConnectionCircle = ({date}: ConnectionCircleProps) => {
         console.warn("Invalid date passed to ConnectionCircle:", date);
     }
 
-    console.log(style);
-
     return <div className={cn("w-5 h-5 rounded-full border-4", style)}/>;
 };

src/components/wrappers/dashboard/admin/notifications/channels/organization/notification-channels-organization-form.tsx

@@ -29,10 +29,6 @@ export const NotifierChannelOrganisationForm = ({
 
     const router = useRouter();
 
-
-    console.log("defaultValues", defaultValues);
-    console.log("organizations", organizations);
-
     const defaultOrganizationIds = defaultValues?.organizations?.map(organization => organization.organizationId) ?? []
 
 

src/components/wrappers/dashboard/admin/organizations/organization/details/organization-add-member-form.tsx

@@ -34,13 +34,11 @@ export const OrganizationAddMemberForm = ({onSuccessAction, users, organization}
 
     const mutationAddMemberOrganisation = useMutation({
         mutationFn: async (data: AddMemberSchemaType) => {
-            console.log(data);
             const result = await addMemberOrganizationAction({
                 userId: data.userId,
                 organizationId: organization.id,
                 role: "member",
             });
-            console.log(result);
             toast.success("Member successfully added!");
             router.refresh();
             onSuccessAction?.();
@@ -71,7 +69,6 @@ export const OrganizationAddMemberForm = ({onSuccessAction, users, organization}
                                 placeholder="Enter a user email"
                                 entries={filteredUsers}
                                 onSelect={(entySelected: any) => {
-                                    console.log("Form selection:", entySelected);
                                     field.onChange(entySelected.value);
                                 }}
                             />

src/components/wrappers/dashboard/admin/organizations/organization/details/organization-delete-member-modal.tsx

@@ -35,13 +35,11 @@ export const OrganizationDeleteMemberModal = ({ member, open, onOpenChangeAction
                 },
                 {
                     onSuccess: async (response) => {
-                        console.log(response);
                         toast.success("Member successfully deleted!");
                         onOpenChangeAction(false);
                         router.refresh();
                     },
                     onError: async (error) => {
-                        console.log(error);
                         toast.error("An error occurred while deleting member!");
                         onOpenChangeAction(false);
                     },

src/components/wrappers/dashboard/admin/organizations/organization/details/organization-member-change-role.tsx

@@ -49,7 +49,6 @@ export const OrganizationMemberChangeRoleModal = (props: OrganizationMemberChang
             router.refresh();
         },
         onError: (error) => {
-            console.log(error);
             toast.error("An error occurred while updating member");
             onOpenChangeAction(false);
         },

src/components/wrappers/dashboard/admin/settings/storage/storage-s3/storage-s3-form.tsx

@@ -28,11 +28,9 @@ export const StorageS3Form = (props: S3FormProps) => {
 
     const mutation = useMutation({
         mutationFn: async (values: S3FormType) => {
-            console.log(values);
             const updateS3Settings = await updateS3SettingsAction({ name: "system", data: values });
             const data = updateS3Settings?.data?.data;
             if (updateS3Settings?.serverError || !data) {
-                console.log(updateS3Settings?.serverError);
                 toast.error(updateS3Settings?.serverError);
                 return;
             }

src/components/wrappers/dashboard/admin/users/admin-user-edit-form.tsx

@@ -39,7 +39,6 @@ export const AdminUserEditForm = ({ onSuccess, defaultValues }: AdminUserEditFor
                 ...data,
                 id: defaultValues?.id || "",
             });
-            console.log(result)
             const inner = result?.data;
             if (inner?.success) {
                 toast.success("User Successfully updated");

src/components/wrappers/dashboard/agent/agent-content.tsx

@@ -5,7 +5,7 @@ import {Server} from "lucide-react";
 import {formatDateLastContact} from "@/utils/date-formatting";
 import {AgentCardKey} from "@/components/wrappers/dashboard/agent/agent-card-key/agent-card-key";
 import {CardsWithPagination} from "@/components/wrappers/common/cards-with-pagination";
-import {DatabaseCard} from "@/components/wrappers/dashboard/projects/project-card/project-database-card";
+import {AgentDatabaseCard} from "@/components/wrappers/dashboard/agent/agent-database-card";
 import {AgentWithDatabases} from "@/db/schema/08_agent";
 import {eventUpdate} from "@/types/events";
 import {useAutoRefresh} from "@/hooks/use-auto-refresh";
@@ -72,7 +72,7 @@ export const AgentContentPage = ({edgeKey, agent}: AgentContentPageProps) => {
                 </CardContent>
             </Card>
             <CardsWithPagination cardsPerPage={4} numberOfColumns={2} data={agent.databases}
-                                 cardItem={DatabaseCard}/>
+                                 cardItem={AgentDatabaseCard}/>
 
         </>
     )

src/components/wrappers/dashboard/agent/agent-database-card.tsx

@@ -0,0 +1,26 @@
+"use client";
+
+import {Database} from "@/db/schema/07_database";
+import {DatabaseCard} from "@/components/wrappers/dashboard/projects/project-card/project-database-card";
+
+export type agentDatabaseCardProps = {
+    data: Database;
+};
+
+export const AgentDatabaseCard = (props: agentDatabaseCardProps) => {
+    const {data: database} = props;
+
+    return <DatabaseCard data={database}/>;
+
+    //todo: à remettre quand on aura fait l'impersonation des admins
+   /* if (!database.projectId) {
+         return <DatabaseCard data={database}/>;
+    }
+
+    return (
+        <Link className="group block transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-xl"
+              href={`/dashboard/projects/${database.projectId}/database/${database.id}`}>
+            <DatabaseCard data={database}/>
+        </Link>
+    );*/
+};

src/components/wrappers/dashboard/agent/agent-form/agent-form.tsx

@@ -47,7 +47,6 @@ export const AgentForm = (props: agentFormProps) => {
 
             const data = createAgent?.data?.data;
             if (createAgent?.serverError || !data) {
-                console.log(createAgent?.serverError);
                 toast.error(createAgent?.serverError);
                 return;
             }

src/components/wrappers/dashboard/common/notifier/notifier-form/notifier-test-channel-button.tsx

@@ -20,15 +20,6 @@ export const NotifierTestChannelButton = ({notificationChannel, organizationId}:
     const mutation = useMutation({
         mutationFn: async () => {
 
-            // const payload: EventPayload = {
-            //     title: 'Database Down',
-            //     message: 'Primary DB instance is unreachable',
-            //     level: 'critical',
-            //     data: {host: 'db-prod-01', error: 'connection timeout'},
-            // };
-
-            console.log("organizationId ici", organizationId);
-
             const payload: EventPayload = {
                 title: 'Test Channel',
                 message: `We are testing channel ${notificationChannel.name}`,

src/components/wrappers/dashboard/database/alert-policy/alert-policy-form.tsx

@@ -296,9 +296,7 @@ export const AlertPolicyForm = ({database, notificationChannels, organizationId,
                                             </div>
                                             
                                             <div className="flex flex-col gap-1.5">
-                                                <Label className="text-[10px] font-bold text-transparent uppercase tracking-widest select-none">
-                                                    Actions
-                                                </Label>
+                                         
                                                 <Button
                                                     type="button"
                                                     variant="outline"

src/components/wrappers/dashboard/organization/create-organisation-modal.tsx

@@ -38,7 +38,6 @@ export function CreateOrganizationModal({
 
     const mutation = useMutation({
         mutationFn: async (values: OrganizationSchema) => {
-            console.log(values);
 
             const result = await createOrganizationAction(values);
 
@@ -73,7 +72,6 @@ export function CreateOrganizationModal({
                         form={form}
                         className="flex flex-col gap-4"
                         onSubmit={async (values) => {
-                            console.log(values);
                             await mutation.mutateAsync(values);
                         }}
                     >

src/components/wrappers/dashboard/profile/components/avatar-with-upload.tsx

@@ -25,7 +25,6 @@ export const AvatarWithUpload = (props: AvatarWithUploadProps) => {
             const data = uploadImage?.data?.data;
 
             if (uploadImage?.serverError || !data) {
-                console.log(uploadImage?.serverError);
                 toast.error(uploadImage?.serverError);
                 return;
             }
@@ -34,7 +33,6 @@ export const AvatarWithUpload = (props: AvatarWithUploadProps) => {
             const dataUser = updateUser?.data?.data;
 
             if (updateUser?.serverError || !dataUser) {
-                console.log(updateUser?.serverError);
                 toast.error(updateUser?.serverError);
                 return;
             }

src/components/wrappers/dashboard/profile/profile-account.tsx

@@ -58,7 +58,6 @@ export function ProfileAccount({user}: ProfileAccountProps) {
             router.refresh();
         },
         onError: (error: BetterAuthError) => {
-            console.log(error)
             if (error.code === "USER_ALREADY_EXISTS_USE_ANOTHER_EMAIL") {
                 toast.error("User already exists, use another email address!");
                 emailForm.reset({email: user.email});

src/components/wrappers/dashboard/projects/button-delete-project/delete-project.action.ts

@@ -21,8 +21,6 @@ export const deleteProjectAction = userAction.schema(z.string()).action(async ({
 
 
         const databasesToRemove = databasesUpdated.map((db) => db.id);
-        console.log(databasesUpdated);
-        console.log(databasesToRemove);
 
         await db.delete(drizzleDb.schemas.retentionPolicy)
             .where(inArray(drizzleDb.schemas.retentionPolicy.databaseId, databasesToRemove)).execute();

src/components/wrappers/dashboard/projects/database/database-backup-list.tsx

@@ -125,7 +125,6 @@ export const DatabaseBackupList = (props: DatabaseBackupListProps) => {
                                     <DropdownMenuContent align="start">
                                         <DropdownMenuItem
                                             onClick={async () => {
-                                                console.log("Deleting rows:", rows)
                                                 await mutationDeleteBackups.mutateAsync(rows)
                                             }}
                                             className="text-red-600 focus:text-red-700"

src/components/wrappers/dashboard/projects/project-card/project-card.tsx

@@ -20,18 +20,18 @@ export const ProjectCard = (props: projectCardProps) => {
             href={`/dashboard/projects/${project.id}`}
             className="group block transition-all duration-200 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-xl"
         >
-            <Card className="relative h-full flex flex-col p-5 transition-all border-border/50 bg-card hover:bg-accent/50 hover:border-primary/50 group-hover:shadow-lg overflow-hidden">
-                <div className="flex items-start justify-between mb-4">
-                    <div className="flex items-center justify-center w-12 h-12 rounded-2xl bg-primary/10 text-primary group-hover:bg-primary group-hover:text-primary-foreground transition-all duration-300 shadow-inner">
-                        <Folder className="w-6 h-6" />
+            <Card className="relative h-full flex flex-col p-4 transition-all border-border/50 bg-card hover:bg-accent/50 hover:border-primary/50 group-hover:shadow-lg overflow-hidden gap-0">
+                <div className="flex items-start justify-between mb-2">
+                    <div className="flex items-center justify-center w-12 h-12 rounded-xl bg-primary/10 text-primary group-hover:bg-primary group-hover:text-primary-foreground transition-all duration-300 shadow-inner">
+                        <Folder className="w-8 h-8" />
                     </div>
-                    <Badge className="text-xs font-medium px-2 py-1 rounded-lg bg-secondary/50 text-foreground">{dbCount} {dbCount === 1 ? "Database" : "Databases"}
+                    <Badge className="text-[10px] font-medium px-2 py-1 rounded-lg bg-secondary/50 text-foreground">{dbCount} {dbCount === 1 ? "Database" : "Databases"}
                     </Badge>
                     
                 </div>
 
-                <div className="flex flex-col gap-1.5 flex-1">
-                    <h3 className="text-xl font-black text-foreground group-hover:text-primary transition-colors line-clamp-1">
+                <div className="flex flex-col gap-2 flex-1">
+                    <h3 className="text-lg font-black text-foreground group-hover:text-primary transition-colors line-clamp-1 tracking-tight">
                         {project.name}
                     </h3>
                     <p className="text-xs text-muted-foreground line-clamp-2 leading-relaxed">
@@ -39,11 +39,11 @@ export const ProjectCard = (props: projectCardProps) => {
                     </p>
                 </div>
                 
-                <div className="mt-6 flex items-center justify-between pt-4 border-t border-border/50">
+                <div className="mt-4 flex items-center justify-between pt-3 border-t border-border/50">
                     <span className="text-[10px] font-bold uppercase tracking-widest text-primary opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-x-[-10px] group-hover:translate-x-0">View Project</span>
                     <div className="flex items-center gap-1 text-muted-foreground group-hover:text-primary transition-colors">
                         <span className="text-[10px] font-bold uppercase tracking-widest group-hover:hidden">Details</span>
-                        <ChevronRight className="w-4 h-4 group-hover:translate-x-1 transition-transform" />
+                        <ChevronRight className="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform" />
                     </div>
                 </div>
             </Card>

src/components/wrappers/dashboard/projects/project-card/project-database-card.tsx

@@ -43,61 +43,61 @@ export const DatabaseCard = (props: databaseCardProps) => {
     };
 
     return (
-        <Card className="relative h-full flex flex-col p-6 transition-all border-border/50 bg-card hover:bg-accent/50 hover:border-primary/50 group-hover:shadow-lg overflow-hidden">
-            <div className="flex items-start justify-between mb-6">
-                <div className="relative w-16 h-16 p-3 bg-background rounded-2xl border border-border/50 shadow-sm flex items-center justify-center group-hover:border-primary/30 transition-all duration-300 group-hover:scale-105">
+        <Card className="relative h-full flex flex-col p-4 transition-all border-border/50 bg-card hover:bg-accent/50 hover:border-primary/50 group-hover:shadow-lg overflow-hidden gap-0">
+            <div className="flex items-start justify-between mb-2">
+                <div className="relative w-12 h-12 p-2 bg-background rounded-xl border border-border/50 shadow-sm flex items-center justify-center group-hover:border-primary/30 transition-all duration-300 group-hover:scale-105">
                     <Image 
                         src={`/images/${database.dbms}.png`} 
                         alt={`${database.dbms} icon`}
-                        width={48} 
-                        height={48}
+                        width={32} 
+                        height={32}
                         className="object-contain w-full h-full"
                     />
                 </div>
                 <div className="flex flex-col items-end gap-3">
-                    <div className="scale-125 origin-right">
+                    <div className="scale-100 origin-right">
                         <ConnectionCircle date={database.lastContact}/>
                     </div>
                 </div>
             </div>
             
-            <div className="flex flex-col gap-4 flex-1">
-                <h3 className="text-xl font-black text-foreground group-hover:text-primary transition-colors truncate tracking-tight">
+            <div className="flex flex-col gap-2 flex-1">
+                <h3 className="text-lg font-black text-foreground group-hover:text-primary transition-colors truncate tracking-tight">
                     {database.name}
                 </h3>
                 
-                <div className="flex flex-col gap-3">
-                    <div className="flex items-center gap-2.5 text-muted-foreground group-hover:text-foreground transition-colors">
-                        <div className="p-1.5 bg-muted/50 rounded-lg">
-                            <Fingerprint className="w-4 h-4" />
+                <div className="flex flex-col gap-2">
+                    <div className="flex items-center gap-2 text-muted-foreground group-hover:text-foreground transition-colors">
+                        <div className="p-1 bg-muted/50 rounded-lg">
+                            <Fingerprint className="w-3.5 h-3.5" />
                         </div>
-                        <span className="font-mono text-xs font-bold truncate">
+                        <span className="font-mono text-[10px] font-bold truncate">
                             {database.agentDatabaseId}
                         </span>
                         <button
                             onClick={handleCopy}
-                            className="ml-1 p-1 hover:bg-muted rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 z-10"
+                            className="ml-1 p-0.5 hover:bg-muted rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 z-10"
                             title="Copy ID"
                         >
-                            {isCopied ? <Check className="w-3 h-3 text-green-500" /> : <Copy className="w-3 h-3" />}
+                            {isCopied ? <Check className="w-2.5 h-2.5 text-green-500" /> : <Copy className="w-2.5 h-2.5" />}
                         </button>
                     </div>
-                    <div className="flex items-center gap-2.5 text-muted-foreground group-hover:text-foreground transition-colors">
-                        <div className="p-1.5 bg-muted/50 rounded-lg">
-                            <Activity className="w-4 h-4" />
+                    <div className="flex items-center gap-2 text-muted-foreground group-hover:text-foreground transition-colors">
+                        <div className="p-1 bg-muted/50 rounded-lg">
+                            <Activity className="w-3.5 h-3.5" />
                         </div>
-                        <span className="text-xs font-bold uppercase tracking-tight">
+                        <span className="text-[10px] font-bold uppercase tracking-tight">
                             {formatDateLastContact(database.lastContact)}
                         </span>
                     </div>
                 </div>
             </div>
             
-            <div className="mt-8 flex items-center justify-between pt-4 border-t border-border/50">
-                <span className="text-[10px] font-black uppercase tracking-widest text-primary opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-x-[-10px] group-hover:translate-x-0">Open Explorer</span>
+            <div className="mt-4 flex items-center justify-between pt-3 border-t border-border/50">
+                <span className="text-[10px] font-black uppercase tracking-widest text-primary opacity-0 group-hover:opacity-100 transition-all duration-300 transform translate-x-[-10px] group-hover:translate-x-0">Open</span>
                 <div className="flex items-center gap-1 text-muted-foreground group-hover:text-primary transition-colors">
                     <span className="text-[10px] font-bold uppercase tracking-widest group-hover:hidden">Details</span>
-                    <ChevronRight className="w-4 h-4 group-hover:translate-x-1 transition-transform" />
+                    <ChevronRight className="w-3.5 h-3.5 group-hover:translate-x-1 transition-transform" />
                 </div>
             </div>
         </Card>

src/components/wrappers/dashboard/projects/project-form/project-form.action.ts

@@ -62,7 +62,6 @@ export const createProjectAction = userAction
                 },
             };
         } catch (error) {
-            console.log(error);
             return {
                 success: false,
                 actionError: {