Layout padrão do PrimeFaces com menu

Front-end
#1

ae galera blz… estou com o seguinte problema, utilizo o layout padrão do PrimeFaces e implementei um menuItem no canto esquerto … para facilitar o código eu dividi ele em componetes Facelets ui:components certo? agora eu tenho o meu centro que quero que ao clicar em meus menus ele abra a tela no meio do Layout… estou utilizando Frame… porem é muito antigoo! ahhuahuauha Frame tem cara de 1995, alguem tem alguma ideia de como realizar este procedimento tetei utilizar update="", nao tive sucesso…

o que estou fazendo é o seguinte…

index.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <!-- CABEÇALHO -->
    <h:head>
        <title>Gerenciador Engenharia</title>
        <link rel="stylesheet" type="text/css" href="ui-darkness/skin.css" />           
    </h:head>
    <!--/CABEÇALHO -->

    <h:body>
        <p:layout fullPage="true">  

            <!-- LAYOUT DO TOPO -->          
            <p:layoutUnit position="top" header="" height="130"  resizable="false" closable="false" collapsible="false">  
                <div aling="center">
                    <ui:insert name="top">
                        <ui:include src="topo.xhtml"/>
                    </ui:insert>
                </div>
            </p:layoutUnit> 
            <!-- /LAYOUT DO TOPO -->

            <!-- LAYOUT DE BAIXO -->
            <p:layoutUnit position="bottom" height="40" header="" resizable="false" closable="false" collapsible="false">  
                <h:outputText value="Conteúdo." />  
            </p:layoutUnit> 
            <!-- /LAYOUT DE BAIXO -->

            <!-- LAYOUT MENU ESQUERDA -->
            <p:layoutUnit position="left" width="200" header="Menu" resizable="false" closable="false" collapsible="true" scrollable="false">  
                <ui:insert name="left">
                    <ui:include src="menu-esquerda.xhtml"/>
                </ui:insert>
            </p:layoutUnit> 
            <!-- /LAYOUT MENU ESQUERDA -->


            <!-- LAYOUT MENU DIREITA -->
            <p:layoutUnit position="right" width="186" header="Utilitários" resizable="false" closable="false" collapsible="true" collapsed="false">  
                <ui:insert name="right">
                    <ui:include src="menu-direita.xhtml"/>
                </ui:insert>
            </p:layoutUnit>					
            <!-- /LAYOUT MENU DIREITA -->

            <!-- LAYOUT CENTAL-->

            <p:layoutUnit  position="center">               
                <iframe name="Frame" id="Frame" style="width: 63.5em; height: 23.45em; background-color: #000000;" frameborder="0">

                </iframe>
            </p:layoutUnit>   

        </p:layout>
    </h:body>

</html>

MENU ESQUERDA

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.prime.com.tr/ui"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets">
    <body>
    <p:accordionPanel event="mouseover" autoHeight="true" styleClass="painel">
        <!-- TICKET -->
        <p:tab title="Gestão">
            <h:form id="form-menu-esquerda"  styleClass="form-menu-esquerda">  
                <p:menu position="center" styleClass="menu-esquerda">   
                    <p:menuitem value="Ticket" icon="/img/busca16.png" url="view/teste.jsf" target="Frame"  />   
                    <p:menuitem value="Atividades" icon="/img/busca16.png" url="view/home.jsf" target="Frame"/>   
                    <p:menuitem value="Pessoa" icon="/img/busca16.png" url="view/Pessoa.jsf" target="Frame" />  
                    <p:menuitem value="Escala" icon="/img/busca16.png" url="view/Escala.jsf" target="Frame"/>  
                </p:menu> 
            </h:form>    
        </p:tab>
        <!-- /TICKET -->

        <!-- ESCALA -->
        <p:tab title="Escala">
            <p:lightBox iframe="true" width="80%" height="80%">  
                <h:outputLink value="view/Pessoa.jsf" title="Cadastro de Pessoa">  
                    <h:outputText value="PrimeFaces HomePage"/>  
                </h:outputLink>  
            </p:lightBox>  
        </p:tab>
        <!-- /ESCALA -->
        <!-- OPEC -->
        <p:tab title="OPEC">
        </p:tab>
        <!-- /OPEC -->
        <!-- GESTÃO -->
        <p:tab title="Gestão">
        </p:tab>
        <!-- /GESTÃO -->
    </p:accordionPanel>  
</body>
</ui:composition>

uma das paginas que estou chamando.
Escala.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"      
      xmlns:h="http://java.sun.com/jsf/html"      
      xmlns:p="http://primefaces.prime.com.tr/ui" >     
    <h:head>         
        <title>Sistema Integrado de Engenharia - Escala</title>     
    </h:head>     
    <h:body>         
        <p:growl id="avisos" showDetail="true" life="3000" />        
        <p:fieldset legend="Meu Cadastro" toggleable="true">             
            <h:form>                 
                <p:focus for="nome" />                   
                <h:panelGrid columns="2">                     
                    <h:outputText value="Nome:" />                     
                    <p:inputText id="nome" value="#{testeBean.nome}" />                       
                    <h:outputText value="Observações:" />                     
                    <p:inputTextarea value="#{testeBean.observacao}" />                       
                    <h:outputText value="Data cadastro:" />                     
                    <p:calendar value="#{testeBean.dataCadastro}" />                       
                    <h:outputText value="Telefone:" />                     
                    <p:inputMask mask="(999)9999-9999" value="#{testeBean.telefone}" />    
                    <h:outputText value="CPF:" />                     
                    <p:inputMask mask="999.999.999-99" value="#{testeBean.cpf}" />                       
                    <h:outputText value="Descrição:" />                     
                    <p:keyboard layout="qwertyBasic" value="#{testeBean.descricao}" />                     
                    <h:outputText value="Senha:" />                     
                    <p:keyboard password="true" keypadOnly="true" value="#{testeBean.descricao}" />  
                </h:panelGrid>                 <p:separator style="width: 80%; height: 5px" />       
                <p:commandButton value="Testar" actionListener="#{testeBean.testar}" update="avisos,mensagens" />   
            </h:form>         
        </p:fieldset>         
        <p:messages id="mensagens" showDetail="true" />        
    </h:body>   
</html>
#2