feat: add AI agent dispatch panel with floating button and new task button on agents page

apps/web/app/(dashboard)/agents/page.tsx

@@ -7,6 +7,7 @@ import { Button } from '@/components/ui/button';
 import { Badge } from '@/components/ui/badge';
 import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
 import { Avatar, AvatarFallback } from '@/components/ui/avatar';
+import { DispatchPanel } from '@/components/agents/dispatch-panel';
 
 interface Agent {
   id: string;
@@ -164,11 +165,15 @@ export default function AgentsPage() {
 
   return (
     <div>
-      <div className="mb-6">
-        <h1 className="text-2xl font-bold">Agent Activity</h1>
-        <p className="mt-1 text-muted-foreground">
-          Every agent action, visible and reversible.
-        </p>
+      <div className="mb-6 flex items-start justify-between">
+        <div>
+          <h1 className="text-2xl font-bold">Agent Activity</h1>
+          <p className="mt-1 text-muted-foreground">
+            Every agent action, visible and reversible.
+          </p>
+        </div>
+        <DispatchPanel triggerLabel="+ New task" triggerVariant="default" />
+      </div>
         {feedback && (
           <p
             className={`mt-3 text-sm ${