From f5c12674fad11926019765480ad710160a906407 Mon Sep 17 00:00:00 2001
From: Soumyadas15 <saumyadas2017@gmail.com>
Date: Mon, 26 May 2025 22:38:15 +0530
Subject: [PATCH] chore(dev): configuarble agents

---
 .../src/app/(dashboard)/dashboard/page.tsx    | 39 +++++++------------
 1 file changed, 15 insertions(+), 24 deletions(-)

diff --git a/frontend/src/app/(dashboard)/dashboard/page.tsx b/frontend/src/app/(dashboard)/dashboard/page.tsx
index bb3fad5a..19529abd 100644
--- a/frontend/src/app/(dashboard)/dashboard/page.tsx
+++ b/frontend/src/app/(dashboard)/dashboard/page.tsx
@@ -26,9 +26,9 @@ import { config } from '@/lib/config';
 import { useInitiateAgentWithInvalidation } from '@/hooks/react-query/dashboard/use-initiate-agent';
 import { ModalProviders } from '@/providers/modal-providers';
 import { AgentSelector } from '@/components/dashboard/agent-selector';
+import { cn } from '@/lib/utils';
 import { useModal } from '@/hooks/use-modal-store';
 import { Examples } from './_components/suggestions/examples';
-import { cn } from '@/lib/utils';
 
 const PENDING_PROMPT_KEY = 'pendingAgentPrompt';
 
@@ -160,29 +160,20 @@ function DashboardContent() {
           </div>
         )}
 
-        <div className={cn(
-          "flex-1 flex flex-col items-center justify-center px-4",
-          "lg:justify-center",
-          "sm:justify-center sm:px-6"
-        )}>
-          <div className={cn(
-            "flex flex-col items-center text-center w-full",
-            "max-w-full",
-            "sm:max-w-3xl"
-          )}>
-            <h1 className={cn(
-              'tracking-tight font-semibold leading-tight',
-              'text-3xl',
-              'sm:text-4xl'
-            )}>
-              Hey
-            </h1>
-            <p className={cn(
-              "tracking-tight font-normal text-muted-foreground/80 mt-2 flex items-center gap-2",
-              "text-2xl",
-              "sm:text-3xl sm:mt-3 sm:px-4"
-            )}>
-              What would you like Suna to do today?
+        <div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[650px] max-w-[90%]">
+          <div className="flex flex-col items-center text-center w-full">
+            <div className="flex items-center gap-1">
+              <h1 className="tracking-tight text-4xl text-muted-foreground leading-tight">
+                Hey, I am
+              </h1>
+              <AgentSelector 
+                selectedAgentId={selectedAgentId}
+                onAgentSelect={setSelectedAgentId}
+                variant="heading"
+              />
+            </div>
+            <p className="tracking-tight text-3xl font-normal text-muted-foreground/80 mt-2">
+              What would you like to do today?
             </p>
           </div>