diff --git a/src/interface/web/app/agents/page.tsx b/src/interface/web/app/agents/page.tsx
index b03d248c..0d8e4b72 100644
--- a/src/interface/web/app/agents/page.tsx
+++ b/src/interface/web/app/agents/page.tsx
@@ -25,6 +25,7 @@ import {
     AgentCard,
     EditAgentSchema,
     AgentModificationForm,
+    AgentData,
 } from "@/app/components/agentCard/agentCard";
 
 import { useForm } from "react-hook-form";
@@ -35,21 +36,6 @@ import { Separator } from "@/components/ui/separator";
 import { KhojLogoType } from "../components/logo/khojLogo";
 import { DialogTitle } from "@radix-ui/react-dialog";
 
-export interface AgentData {
-    slug: string;
-    name: string;
-    persona: string;
-    color: string;
-    icon: string;
-    privacy_level: string;
-    files?: string[];
-    creator?: string;
-    managed_by_admin: boolean;
-    chat_model: string;
-    input_tools: string[];
-    output_modes: string[];
-}
-
 const agentsFetcher = () =>
     window
         .fetch("/api/agents")
@@ -321,6 +307,7 @@ export default function Agents() {
                                             chat_model: "",
                                             input_tools: [],
                                             output_modes: [],
+                                            is_hidden: false,
                                         }}
                                         userProfile={
                                             authenticationLoading