Adding the Edit/creation for agent.

src/components/wrappers/Agent/AgentForm/AgentForm.tsx

@@ -0,0 +1,130 @@
+"use client";
+
+import {Card, CardContent, CardHeader, CardTitle} from "@/components/ui/card";
+import {
+    FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useZodForm
+} from "@/components/ui/form";
+import {Input} from "@/components/ui/input";
+import {Form} from "@/components/ui/form"
+import {Button} from "@/components/ui/button";
+import {useRouter} from "next/navigation";
+import {useMutation} from "@tanstack/react-query";
+import {TooltipProvider} from "@/components/ui/tooltip";
+import {AgentSchema, AgentType} from "@/components/wrappers/Agent/AgentForm/action-form.schema";
+import {toast} from "sonner";
+import {createAgentAction, updateAgentAction} from "@/components/wrappers/Agent/AgentForm/agent-form.action";
+
+export type agentFormProps = {
+    defaultValues?: AgentType;
+    agentId?: string;
+}
+
+export const AgentForm = (props: agentFormProps) => {
+
+    const isCreate = !Boolean(props.defaultValues)
+    // const defaultValues = isCreate ? {slug: ""} : props.defaultValues
+
+    const form = useZodForm({
+        schema: AgentSchema,
+        defaultValues: props.defaultValues,
+    });
+
+    const router = useRouter();
+
+    const mutation = useMutation({
+        mutationFn: async (values: AgentType) => {
+            console.log("values", values)
+
+            const createAgent = isCreate ? await createAgentAction(values) : await updateAgentAction({
+                id: props.agentId ?? "-",
+                data: values
+            });
+
+            const data = createAgent?.data?.data
+            if (createAgent?.serverError || !data) {
+                console.log(createAgent?.serverError);
+                toast.error(createAgent?.serverError);
+                return;
+            }
+            toast.success(`Success`);
+            router.push(`/dashboard/agents/${data.id}`);
+            router.refresh()
+        }
+    })
+
+    return (
+        <TooltipProvider>
+            <Card>
+                <CardContent>
+                    <Form form={form}
+                          className="flex flex-col gap-4 mt-3"
+                          onSubmit={async (values) => {
+                              await mutation.mutateAsync(values);
+                          }}
+                    >
+                                <FormField
+                                    control={form.control}
+                                    name="name"
+                                    defaultValue=""
+                                    render={({field}) => (
+                                        <FormItem>
+                                            <FormLabel>Name</FormLabel>
+                                            <FormControl>
+                                                <Input
+                                                    placeholder={"Project 1"} {...field} />
+                                            </FormControl>
+                                            <FormDescription>{"Your agent project name"}</FormDescription>
+                                            <FormMessage/>
+                                        </FormItem>
+                                    )}
+                                />
+                        <FormField
+                            control={form.control}
+                            defaultValue=""
+
+                            name="slug"
+                            render={({field}) => (
+                                <FormItem>
+                                    <FormLabel>Slug</FormLabel>
+                                    <FormControl>
+                                        <Input
+                                            value={field.value ?? ""}
+                                            placeholder={"agent-5-project-1"} {...field}
+                                               onChange={(e) => {
+                                                   const value = e.target.value.replaceAll(" ", "-").toLowerCase()
+                                                   field.onChange(value)
+                                               }}
+                                        />
+                                    </FormControl>
+                                    <FormDescription>{'The slug is used in the url of the agent'}</FormDescription>
+                                    <FormMessage/>
+                                </FormItem>
+                            )}
+                        />
+                        <FormField
+                            control={form.control}
+                            defaultValue=""
+
+                            name="description"
+                            render={({field}) => (
+                                <FormItem>
+                                    <FormLabel>Description</FormLabel>
+                                    <FormControl>
+                                        <Input
+                                            placeholder={'This agent is for the client exemple.com'} {...field}
+                                            value={field.value ?? ""}/>
+                                    </FormControl>
+                                    <FormDescription>{"Enter your project agent description"}</FormDescription>
+                                    <FormMessage/>
+                                </FormItem>
+                            )}
+                        />
+                        <Button>
+                            {isCreate ? `Create agent` : `Save agent`}
+                        </Button>
+                    </Form>
+                </CardContent>
+            </Card>
+        </TooltipProvider>
+    )
+}

src/components/wrappers/Agent/AgentForm/action-form.schema.ts

@@ -0,0 +1,9 @@
+import {z} from "zod";
+
+export const AgentSchema = z.object({
+    name: z.string(),
+    slug: z.string().regex(/^[a-zA-Z0-9_-]*$/).min(5).max(25),
+    description: z.string().optional().nullable(),
+});
+
+export type AgentType = z.infer<typeof AgentSchema>;

src/components/wrappers/Agent/AgentForm/agent-form.action.ts

@@ -0,0 +1,68 @@
+"use server"
+import {ActionError, userAction} from "@/safe-actions";
+import {prisma} from "@/prisma";
+import {AgentSchema} from "@/components/wrappers/Agent/AgentForm/action-form.schema";
+import {z} from "zod";
+
+
+const verifySlugUniqueness = async (slug: string, agentId?: string) => {
+    const slugExists = await prisma.agent.count({
+        where: {
+            slug: slug,
+            id: agentId ? {
+                not: agentId
+            } : undefined,
+        },
+    })
+
+    console.log(slugExists)
+    if (slugExists) {
+        throw new ActionError("Slug already exists");
+    }
+}
+
+
+export const createAgentAction = userAction
+    .schema(AgentSchema)
+    .action(async ({parsedInput, ctx}) => {
+        // Verify if slug already exist
+        await verifySlugUniqueness(parsedInput.slug);
+        const agent = await prisma.agent.create({
+            data: {
+                ...parsedInput
+            }
+        })
+
+        // await sendEmailIfUserCreatedFirstForm(ctx.user)
+
+        return {
+            data: agent,
+        }
+    });
+
+
+export const updateAgentAction = userAction
+    .schema(
+        z.object({
+                id: z.string(),
+                data: AgentSchema,
+            }
+        )
+    )
+    .action(async ({parsedInput, ctx}) => {
+        await verifySlugUniqueness(parsedInput.data.slug, parsedInput.id);
+
+        console.log("parsedInput", parsedInput.data)
+
+        const updatedAgent = await prisma.agent.update({
+            where: {
+                id: parsedInput.id,
+            },
+            data: parsedInput.data,
+        })
+
+        return {
+            data: updatedAgent,
+
+        }
+    })

src/components/wrappers/Auth/Login/LoginForm/LoginForm.tsx

@@ -12,7 +12,7 @@ import {useMutation} from "@tanstack/react-query";
 import {TooltipProvider} from "@/components/ui/tooltip";
 import Link from "next/link";
 import {PasswordInput} from "@/components/wrappers/Auth/PaswordInput/password-input";
-import {LoginSchema, LoginType} from "@/components/wrappers/Auth/Login/LoginForm/login-form-schema";
+import {LoginSchema, LoginType} from "@/components/wrappers/Auth/Login/LoginForm/login-form.schema";
 import {signInAction} from "@/features/auth/auth.action";
 import {SocialAuthButton} from "@/components/wrappers/Auth/Login/SocialAuth/SocialAuthButtons/SocialAuthButton";
 import Image from 'next/image';