Add Agent Command Centers - /agent/[id] with vertical sections

components/council/Council.tsx

@@ -1,11 +1,13 @@
 "use client";
 
 import { useState, useEffect } from "react";
+import { useRouter } from "next/navigation";
 import { Agent, AgentTeam, defaultTeams } from "@/lib/council/types";
 
 const STORAGE_KEY = "horus:council";
 
 export default function Council() {
+  const router = useRouter();
   const [teams, setTeams] = useState<AgentTeam[]>(defaultTeams);
   const [selectedTeam, setSelectedTeam] = useState<string | null>(null);
   const [runningTask, setRunningTask] = useState<string>("");
@@ -144,6 +146,14 @@ export default function Council() {
                 
                 <p className="text-sm text-white/60 mb-3">{agent.description}</p>
 
+                {/* Open Agent Command Center */}
+                <button
+                  onClick={() => router.push(`/agent/${agent.id}`)}
+                  className="w-full mb-3 px-3 py-2 bg-white/10 hover:bg-white/20 border border-white/20 rounded-lg text-sm text-center transition"
+                >
+                  🧑‍💼 Open {agent.name} Command Center
+                </button>
+
                 {/* Task Input */}
                 <div className="flex gap-2">
                   <input