Linked json generated file to supabase

package.json

@@ -12,6 +12,7 @@
     "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-toast": "^1.2.6",
     "@radix-ui/react-tooltip": "^1.1.8",
+    "@supabase/supabase-js": "^2.48.1",
     "@types/react-syntax-highlighter": "^15.5.13",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",

src/app/create-agent/components/AgentForm.tsx

@@ -12,6 +12,7 @@ import { useToast } from "@/hooks/use-toast";
 import { AgentData } from "../types/agent";
 import { v4 as uuidv4 } from "uuid";
 import { allPlugins } from "../../../../data/plugins";
+import { supabase } from "@/lib/supabase";
 
 const AgentForm = () => {
   const { toast } = useToast();
@@ -77,7 +78,7 @@ const AgentForm = () => {
     [formData, setFormData],
   );
 
-  const handleSubmit = () => {
+  const handleSubmit = async () => {
     const selectedPluginIds = formData.plugins;
     const internal_plugins: string[] = [];
     const external_plugins: string[] = [];
@@ -97,6 +98,7 @@ const AgentForm = () => {
 
     // Format the data
     try {
+      const agent_id = uuidv4();
       const agentConfig = {
         name: formData.name,
         bio: formData.bio,
@@ -109,6 +111,21 @@ const AgentForm = () => {
         internal_plugins,
       };
 
+      // Save to Supabase with our generated ID
+      const { error } = await supabase.from("agents").insert({
+        id: agent_id,
+        config: agentConfig,
+      });
+
+      if (error) throw error;
+
+      // Show success message with the agent ID we generated
+      toast({
+        title: "Success!",
+        description: `Agent created successfully! Your agent ID is: ${agent_id}`,
+        duration: 5000,
+      });
+
       // Create a Blob containing the JSON data
       const jsonString = JSON.stringify(agentConfig, null, 2);
       const blob = new Blob([jsonString], { type: "application/json" });

src/lib/supabase.ts

@@ -0,0 +1,6 @@
+import { createClient } from "@supabase/supabase-js";
+
+const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!;
+const supabaseKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!;
+
+export const supabase = createClient(supabaseUrl, supabaseKey);