Working on some bugs.

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

@@ -1,7 +1,7 @@
 "use client";
 import {generateEdgeKey} from "@/utils/edge_key";
 import {getServerUrl} from "@/utils/get-server-url";
-import {PasswordInput} from "@/components/wrappers/auth/PaswordInput/password-input";
+import {PasswordInput} from "@/components/wrappers/auth/password-input/password-input";
 import {useState} from "react";
 import {CopyButton} from "@/components/wrappers/common/button/copy-button";
 import {Agent} from "@/db/schema/07_agent";

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

@@ -16,7 +16,7 @@ export const AgentCard = (props: agentCardProps) => {
     return (
         <Link href={`/dashboard/agents/${agent.id}`} className="block transition-all duration-200 hover:scale-[1.01] hover:shadow-md">
             <Card className="flex flex-row justify-between">
-                <div>
+                <div className="flex-1 text-left">
                     <CardHeader className="text-2xl font-bold">{agent.name}</CardHeader>
                     <CardContent>Last contact: {formatDateLastContact(agent.lastContact)}</CardContent>
                 </div>

src/components/wrappers/dashboard/agent/agent-form/agent-form.action.ts

@@ -1,6 +1,6 @@
 "use server";
 import {ActionError, userAction} from "@/safe-actions";
-import {AgentSchema} from "@/components/wrappers/dashboard/agent/AgentForm/agent-form.schema";
+import {AgentSchema} from "@/components/wrappers/dashboard/agent/agent-form/agent-form.schema";
 import {z} from "zod";
 import {eq, and, ne, count} from "drizzle-orm";
 import {db} from "@/db";

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

@@ -16,9 +16,9 @@ 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/dashboard/agent/AgentForm/agent-form.schema";
+import {AgentSchema, AgentType} from "@/components/wrappers/dashboard/agent/agent-form/agent-form.schema";
 import {toast} from "sonner";
-import {createAgentAction, updateAgentAction} from "@/components/wrappers/dashboard/agent/AgentForm/agent-form.action";
+import {createAgentAction, updateAgentAction} from "@/components/wrappers/dashboard/agent/agent-form/agent-form.action";
 
 export type agentFormProps = {
     defaultValues?: AgentType;

src/components/wrappers/dashboard/agent/agent-modal-key/agent-modal-key.tsx

@@ -7,7 +7,7 @@ import { generateEdgeKey } from "@/utils/edge_key";
 import { PropsWithChildren } from "react";
 import { CopyButton } from "@/components/wrappers/common/button/copy-button";
 import { getServerUrl } from "@/utils/get-server-url";
-import { CodeSnippet } from "@/components/wrappers/code-snippet/CodeSnippet";
+import { CodeSnippet } from "@/components/wrappers/code-snippet/code-snippet";
 import {Agent} from "@/db/schema/07_agent";
 
 export type agentRegistrationDialogProps = PropsWithChildren<{

src/components/wrappers/dashboard/agent/button-delete-agent/button-delete-agent.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import { Trash2 } from "lucide-react";
+import { ButtonWithConfirm } from "@/components/wrappers/common/button/button-with-confirm";
+import { useMutation } from "@tanstack/react-query";
+import { useRouter } from "next/navigation";
+import { toast } from "sonner";
+import {deleteAgentAction} from "@/components/wrappers/dashboard/agent/button-delete-agent/delete-agent.action";
+
+export type ButtonDeleteAgentProps = {
+    text?: string;
+    agentId: string;
+};
+
+export const ButtonDeleteAgent = (props: ButtonDeleteAgentProps) => {
+    const router = useRouter();
+
+    const mutation = useMutation({
+        mutationFn: () => deleteAgentAction(props.agentId),
+        onSuccess: async (result: any) => {
+            if (result.data?.success) {
+                toast.success(result.data.actionSuccess.message);
+                router.push("/dashboard/agents");
+            } else {
+                toast.error(result.data.actionError.message || "Unknown error occurred.");
+            }
+        },
+    });
+
+    return (
+        <ButtonWithConfirm
+            text={props.text ? props.text : ""}
+            onClick={() => {
+                mutation.mutate();
+            }}
+            variant={"destructive"}
+            isPending={mutation.isPending}
+            className="gap-2"
+            icon={<Trash2 />}
+        />
+    );
+};

src/components/wrappers/dashboard/agent/button-delete-agent/delete-agent.action.ts

@@ -0,0 +1,53 @@
+"use server";
+
+import {userAction} from "@/safe-actions";
+import {z} from "zod";
+import {v4 as uuidv4} from "uuid";
+import {ServerActionResult} from "@/types/action-type";
+import {eq} from "drizzle-orm";
+import {db} from "@/db";
+import * as drizzleDb from "@/db";
+import {Agent} from "@/db/schema/07_agent";
+
+export const deleteAgentAction = userAction.schema(z.string()).action(async ({parsedInput}): Promise<ServerActionResult<Agent>> => {
+    try {
+
+        // const deletedAgent: Agent[] = await db.delete(drizzleDb.schemas.agent).where(eq(drizzleDb.schemas.agent.id, parsedInput)).returning();
+
+        const uuid = uuidv4();
+
+        const updatedAgent = await db
+            .update(drizzleDb.schemas.agent)
+            .set({
+                isArchived: true,
+                slug: uuid,
+            })
+            .where(eq(drizzleDb.schemas.agent.id, parsedInput))
+            .returning();
+
+
+        if (!updatedAgent[0]) {
+            throw new Error("Agent not found or update failed");
+        }
+
+
+        return {
+            success: true,
+            value: updatedAgent[0],
+            actionSuccess: {
+                message: "Agent has been successfully deleted.",
+                messageParams: {projectId: parsedInput},
+            },
+        };
+    } catch (error) {
+        return {
+            success: false,
+            actionError: {
+                message: "Failed to delete agent.",
+                status: 500,
+                cause: error instanceof Error ? error.message : "Unknown error",
+                messageParams: {projectId: parsedInput},
+            },
+        };
+    }
+});