feat: add better provider support, icons, regen, and a lot more

app/components/Sidenav/NavHome.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const { agents } = await useAgents();
+const { agents, unsubscribe: unsubscribeAgents, createAgent } = await useAgents();
 const agentsListRef = ref<HTMLElement | null>(null);
 const agentsOpen = ref(true);
 const agentsListHeight = ref('auto');
@@ -62,30 +62,15 @@ const newAgent = async () => {
 
     if (!user.value) throw new Error('User not logged in');
 
-    const agent = await triplit.insert('agents', {
-        name: 'New Agent',
-        userId: user.value.id,
-        systemPrompt: 'You are a helpful assistant.',
-        imageUrl: null,
-        createdAt: new Date(),
-    });
-
-    console.log(agents.value, agent);
+    const agent = await createAgent();
     if (!agent) throw new Error('Failed to create agent');
 
-    let agentExists: () => void;
-    const agentExistsPromise = new Promise<void>((resolve) => {
-        agentExists = resolve;
-    });
-
-    watch(agents, () => {
-        agentExists();
-    });
-
-    await agentExistsPromise;
-
-    navigateTo(`/agent/${agent.id}`);
+    return navigateTo(`/agent/${agent.id}`);
 };
+
+onUnmounted(() => {
+    unsubscribeAgents?.();
+});
 </script>
 
 <template>