feat: terraform prompt generator, provider parameter matrix, and model penalties
- Add Terraform Prompt Generator: AI-powered structured prompt generation with dedicated chat UI, curated model selection (7 models), conversation history with persistent sessions, and OCI TF resource reference context - Provider parameter matrix: segment API params per model/provider, explicitly null unsupported params (freq/pres penalty, temperature) to prevent OCI SDK serialization errors - Add penalties flag to model catalog: only GPT-4.1/4.1-mini/4o support frequency_penalty and presence_penalty - Flat workspace enforcement: prohibit module blocks and duplicate variable declarations in Terraform system prompt - Prompt Generator history: sidebar panel with session persistence, restore, rename/delete (agent_type tf-prompt)
This commit is contained in:
nogueiraguh
@@ -379,6 +379,10 @@ html .spinner,html [class*="kpi-bar-fill"],html canvas{transition:none!important
|
||||
.tf-chat{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}
|
||||
.tf-toolbar{display:flex;align-items:center;gap:.5rem;padding:.45rem .7rem;border-bottom:1px solid var(--bd);flex-wrap:wrap;background:var(--bg)}
|
||||
.tf-msgs{flex:1;overflow-y:auto;padding:.7rem}
|
||||
.tfp-act{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.6rem;border-radius:5px;border:1px solid var(--bd);background:var(--bg2);color:var(--t2);cursor:pointer;transition:all .15s;font-family:inherit;line-height:1.3}
|
||||
.tfp-act:hover{background:var(--bg3);border-color:var(--t4)}
|
||||
.tfp-act-tf{background:#7b42bc18;border-color:#7b42bc55;color:#7b42bc}
|
||||
.tfp-act-tf:hover{background:#7b42bc30;border-color:#7b42bc}
|
||||
.tf-input{display:flex;gap:.5rem;padding:.5rem .7rem;border-top:1px solid var(--bd)}
|
||||
.tf-input textarea,.tf-input input{flex:1;font-family:inherit;font-size:inherit;line-height:1.4;padding:.45rem .65rem;border:1.5px solid var(--bd);border-radius:10px;background:var(--bg2);min-height:36px;max-height:200px}
|
||||
.tf-resize{height:5px;cursor:row-resize;background:var(--bd);transition:background .15s;position:relative;flex-shrink:0}
|
||||
@@ -523,14 +527,16 @@ const LOGO_R=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36" width=
|
||||
|
||||
const S={user:null,token:null,tab:'chat',msgs:[],sid:null,reports:[],ociCfg:[],genaiCfg:[],adbCfg:[],mcpSvr:[],users:[],models:{},regions:[],embModels:{},expData:null,expCfg:'',expSelRegions:[],expRegDdOpen:false,expTree:[],expSelComp:'',expCat:'Compute',expResType:'instances',expTreeOpen:{},expLoading:false,expRegions:[],expCounts:{},expTreeW:null,editing:null,
|
||||
chatModel:'',chatOci:'',chatRegion:'',chatCompartment:'',chatHistOpen:false,chatHistory:[],tfHistOpen:false,tfHistory:[],
|
||||
chatParams:{temperature:1,max_tokens:6000,top_p:0.95,top_k:1,frequency_penalty:0,presence_penalty:0},chatPanel:'',chatUseTools:true,
|
||||
chatParams:{temperature:1,max_tokens:6000,top_p:0.95,top_k:1,frequency_penalty:0,presence_penalty:0,reasoning_effort:'medium'},chatPanel:'',chatUseTools:true,
|
||||
chatPrompts:[],editingPrompt:null,trackingReportId:null,ociRegions:{},rptSelRegions:[],rptRegionsOpen:false,rptRegionFilter:'',
|
||||
rptOciOpen:false,rptOciFilter:'',rptOciVal:'',rptRselOpen:false,rptRselFilter:'',rptRselVal:'',ociFormRegOpen:false,ociFormRegFilter:'',ociFormRegVal:'',
|
||||
rptLevel:2,rptObp:false,rptRaw:false,rptRedact:false,reportFiles:{},dlExpandedRid:null,dlTenancyFilter:'',dlSectionFilter:'',
|
||||
cisVer:null,cisCheckResult:null,cisUpdating:false,rptHistFilter:'',rptKpi:null,rptKpiLoading:false,chatFiles:[],
|
||||
tfMsgs:[],tfSid:null,tfModel:'',tfOci:'',tfRegion:'',tfCompartment:'',tfPlan:[],tfCode:'',tfPanel:'',
|
||||
tfWs:null,tfWsList:[],tfPlanOut:'',tfApplyOut:'',tfDestroyOut:'',tfStatus:'draft',tfRunning:false,tfConfirmDest:false,tfMdOpen:false,
|
||||
tfComps:[],tfCompLoading:false,tfFiles:[],tfBtab:'files',tfEditIdx:-1,tfResources:null,tfResLoading:false,tfRefStatus:'',tfBottomH:null};
|
||||
tfComps:[],tfCompLoading:false,tfFiles:[],tfBtab:'files',tfEditIdx:-1,tfResources:null,tfResLoading:false,tfRefStatus:'',tfBottomH:null,
|
||||
tfpMsgs:[],tfpLoading:false,tfpCopied:false,tfpModel:'',tfpMdOpen:false,tfpOci:'',tfpRegion:'',tfpCompartment:'',
|
||||
tfpHistOpen:false,tfpHistory:[],tfpSid:null};
|
||||
const API='/api';
|
||||
|
||||
async function $api(p,o={}){const h={...(o.headers||{})};if(S.token)h['Authorization']='Bearer '+S.token;
|
||||
@@ -612,14 +618,14 @@ function rApp(){return`<div class="app">${rSb()}<div class="mc">${rTb()}<div cla
|
||||
|
||||
const TF_IC='<svg viewBox="0 0 16 16" width="14" height="14" style="vertical-align:-2px;margin-right:2px"><path d="M5.6 1v4.2l3.6 2.1V3.1L5.6 1zm4.4 2.1v4.2l3.6-2.1V1L10 3.1zM1.4 3.5v4.2l3.6 2.1V5.6L1.4 3.5zM5.6 8.1v4.2L9.2 14.4V10.2L5.6 8.1z" fill="#7b42bc"/></svg>';
|
||||
function rSb(){
|
||||
const tabs=[['chat',IC.chat,'Chat Agent'],['terraform',TF_IC,'Terraform'],['explorer',IC.search,'OCI Explorer'],['report',IC.chart,'Reports'],['downloads',IC.folder,'Downloads']];
|
||||
const tabs=[['chat',IC.chat,'Chat Agent'],['terraform',TF_IC,'Terraform'],['tf-prompt',IC.edit,'Prompt Generator','sub'],['explorer',IC.search,'OCI Explorer'],['report',IC.chart,'Reports'],['downloads',IC.folder,'Downloads']];
|
||||
const ctabs=[['oci-config',IC.cloud,'Credenciais OCI'],['genai',IC.brain,'GenAI Config'],['mcp',IC.plug,'MCP Servers'],['adb',IC.db,'ADB Vector'],['embeddings',IC.dna,'Embeddings'],['emb-consult',IC.search,'Consultar Embeddings','sub']];
|
||||
const atabs=[['users',IC.users,'Usuários'],['mfa',IC.lock,'MFA'],['audit',IC.log,'Audit Log']];
|
||||
const i=(S.user?.first_name||S.user?.username||'?')[0].toUpperCase();
|
||||
return`<div class="sb">
|
||||
<div class="sb-h"><h1>${LOGO_W} OCI CIS Agent</h1><div class="st">Infrastructure & Security · v${V}</div></div>
|
||||
<div class="nav"><div class="nl">Principal</div>
|
||||
${tabs.map(t=>`<div class="ni ${S.tab===t[0]?'on':''}" onclick="switchTab('${t[0]}')"><span class="ic">${t[1]}</span>${t[2]}</div>`).join('')}
|
||||
${tabs.map(t=>`<div class="ni ${S.tab===t[0]?'on':''}" onclick="switchTab('${t[0]}')" ${t[3]==='sub'?'style="padding-left:2.2rem;font-size:.78rem;opacity:.9"':''}><span class="ic">${t[1]}</span>${t[2]}</div>`).join('')}
|
||||
<div class="nl">Configuração</div>
|
||||
${ctabs.map(t=>`<div class="ni ${S.tab===t[0]?'on':''}" onclick="switchTab('${t[0]}')" ${t[3]==='sub'?'style="padding-left:2.2rem;font-size:.78rem;opacity:.9"':''}><span class="ic">${t[1]}</span>${t[2]}</div>`).join('')}
|
||||
${S.user?.role==='admin'?`<div class="nl">Administração</div>
|
||||
@@ -628,10 +634,10 @@ ${atabs.map(t=>`<div class="ni ${S.tab===t[0]?'on':''}" onclick="switchTab('${t[
|
||||
<div class="lo-btn" onclick="toggleTheme()" title="Alternar tema">${document.documentElement.classList.contains('dark')?IC.sun:IC.moon}</div>
|
||||
<div class="lo-btn" onclick="doLogout()" title="Sair">⏻</div></div></div></div>`}
|
||||
|
||||
function rTb(){const t={'chat':IC.chat+' AI Agent Chat','terraform':TF_IC+' Terraform Agent','explorer':IC.search+' OCI Account Explorer','report':IC.chart+' Compliance Reports','downloads':IC.folder+' Downloads','oci-config':IC.cloud+' Credenciais OCI','genai':IC.brain+' OCI Generative AI','mcp':IC.plug+' MCP Servers','adb':IC.db+' Autonomous DB Vector','embeddings':IC.dna+' Embeddings','emb-consult':IC.search+' Consultar Embeddings','users':IC.users+' Gerenciar Usuários','mfa':IC.lock+' Autenticação MFA','audit':IC.log+' Audit Log'};
|
||||
function rTb(){const t={'chat':IC.chat+' AI Agent Chat','terraform':TF_IC+' Terraform Agent','tf-prompt':IC.edit+' Prompt Generator','explorer':IC.search+' OCI Account Explorer','report':IC.chart+' Compliance Reports','downloads':IC.folder+' Downloads','oci-config':IC.cloud+' Credenciais OCI','genai':IC.brain+' OCI Generative AI','mcp':IC.plug+' MCP Servers','adb':IC.db+' Autonomous DB Vector','embeddings':IC.dna+' Embeddings','emb-consult':IC.search+' Consultar Embeddings','users':IC.users+' Gerenciar Usuários','mfa':IC.lock+' Autenticação MFA','audit':IC.log+' Audit Log'};
|
||||
return`<div class="tb"><div class="tb-t">${t[S.tab]||''}</div><div class="tb-a"><span class="tag">v${V}</span></div></div>`}
|
||||
|
||||
function rPg(){switch(S.tab){case'chat':return rChat();case'terraform':return rTerraform();case'explorer':return rExplorer();case'report':return rReport();case'downloads':return rDl();case'oci-config':return rOci();case'genai':return rGenAI();case'mcp':return rMCP();case'adb':return rADB();case'embeddings':return rEmbeddings();case'emb-consult':return rEmbConsultPage();case'users':return rUsers();case'mfa':return rMfa();case'audit':return rAudit();default:return''}}
|
||||
function rPg(){switch(S.tab){case'chat':return rChat();case'terraform':return rTerraform();case'tf-prompt':return rTfPrompt();case'explorer':return rExplorer();case'report':return rReport();case'downloads':return rDl();case'oci-config':return rOci();case'genai':return rGenAI();case'mcp':return rMCP();case'adb':return rADB();case'embeddings':return rEmbeddings();case'emb-consult':return rEmbConsultPage();case'users':return rUsers();case'mfa':return rMfa();case'audit':return rAudit();default:return''}}
|
||||
|
||||
/* ── Chat ── */
|
||||
function rChat(){
|
||||
@@ -672,16 +678,27 @@ ${S.chatFiles.length?`<div style="display:flex;gap:.4rem;flex-wrap:wrap;padding:
|
||||
<button class="btn bs" onclick="document.getElementById('chf').click()" title="Anexar arquivo" style="font-size:1rem;padding:.3rem .5rem">${IC.clip}</button>
|
||||
<textarea id="chi" placeholder="Digite sua mensagem... (Shift+Enter para nova linha)" rows="1" onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();sChat()}" oninput="autoGrow(this)" onpaste="setTimeout(()=>autoGrow(this),0)" style="resize:none;overflow-y:auto"></textarea>
|
||||
<button class="btn bp" onclick="sChat()">Enviar →</button></div></div></div>`}
|
||||
function _getModelInfo(){
|
||||
let mid='';
|
||||
if(S.chatModel.startsWith('cfg:')){const g=S.genaiCfg.find(x=>x.id===S.chatModel.slice(4));if(g)mid=g.model_id}
|
||||
else mid=S.chatModel;
|
||||
return S.models[mid]||{}}
|
||||
function _isReasoningModel(){return _getModelInfo().reasoning||false}
|
||||
function rChatConfig(isDirect,toolCount){
|
||||
const pp=S.chatParams;
|
||||
const pp=S.chatParams;const mi=_getModelInfo();const pv=mi.provider||'';const isR=mi.reasoning||false;
|
||||
const maxLim=mi.max_tokens||128000;
|
||||
const hasTopK=pv==='meta'||pv==='google'||pv==='';
|
||||
const hasPenalties=mi.penalties===true;
|
||||
return`<div class="ch-side-title">${IC.settings} Configurações</div>
|
||||
<div class="ch-side-section"><div class="g2">
|
||||
<div><label>Temperature</label><input type="number" value="${pp.temperature}" step="0.1" min="0" max="2" onchange="S.chatParams.temperature=+this.value"></div>
|
||||
<div><label>Max Tokens</label><input type="number" value="${pp.max_tokens}" min="1" max="128000" onchange="S.chatParams.max_tokens=+this.value"></div>
|
||||
${isR?`<div><label>Max Tokens <span style="font-size:.6rem;color:var(--t4)">(max ${maxLim.toLocaleString()})</span></label><input type="number" value="${pp.max_tokens}" min="1" max="${maxLim}" onchange="S.chatParams.max_tokens=+this.value"></div>
|
||||
<div><label>Reasoning Effort</label><select onchange="S.chatParams.reasoning_effort=this.value"><option value="low"${pp.reasoning_effort==='low'?' selected':''}>Low</option><option value="medium"${pp.reasoning_effort==='medium'?' selected':''}>Medium</option><option value="high"${pp.reasoning_effort==='high'?' selected':''}>High</option></select></div>`
|
||||
:`<div><label>Temperature</label><input type="number" value="${pp.temperature}" step="0.1" min="0" max="2" onchange="S.chatParams.temperature=+this.value"></div>
|
||||
<div><label>Max Tokens <span style="font-size:.6rem;color:var(--t4)">(max ${maxLim.toLocaleString()})</span></label><input type="number" value="${pp.max_tokens}" min="1" max="${maxLim}" onchange="S.chatParams.max_tokens=+this.value"></div>
|
||||
<div><label>Top P</label><input type="number" value="${pp.top_p}" step="0.05" min="0" max="1" onchange="S.chatParams.top_p=+this.value"></div>
|
||||
<div><label>Top K</label><input type="number" value="${pp.top_k}" min="-1" max="500" onchange="S.chatParams.top_k=+this.value"></div>
|
||||
<div><label>Freq Penalty</label><input type="number" value="${pp.frequency_penalty}" step="0.1" min="0" max="2" onchange="S.chatParams.frequency_penalty=+this.value"></div>
|
||||
<div><label>Pres Penalty</label><input type="number" value="${pp.presence_penalty}" step="0.1" min="0" max="2" onchange="S.chatParams.presence_penalty=+this.value"></div>
|
||||
${hasTopK?`<div><label>Top K</label><input type="number" value="${pp.top_k}" min="-1" max="500" onchange="S.chatParams.top_k=+this.value"></div>`:''}
|
||||
${hasPenalties?`<div><label>Freq Penalty</label><input type="number" value="${pp.frequency_penalty}" step="0.1" min="0" max="2" onchange="S.chatParams.frequency_penalty=+this.value"></div>
|
||||
<div><label>Pres Penalty</label><input type="number" value="${pp.presence_penalty}" step="0.1" min="0" max="2" onchange="S.chatParams.presence_penalty=+this.value"></div>`:''}`}
|
||||
</div></div>
|
||||
<div class="ch-side-section" style="border-top:1px solid var(--bd);padding-top:.65rem">
|
||||
<label style="display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.76rem"><input type="checkbox" ${S.chatUseTools?'checked':''} onchange="S.chatUseTools=this.checked"> ${IC.plug} MCP Tools</label>
|
||||
@@ -753,6 +770,7 @@ async function sChat(){const el=document.getElementById('chi');const m=el.value.
|
||||
fd.append('temperature',S.chatParams.temperature);fd.append('max_tokens',S.chatParams.max_tokens);
|
||||
fd.append('top_p',S.chatParams.top_p);fd.append('top_k',S.chatParams.top_k);
|
||||
fd.append('frequency_penalty',S.chatParams.frequency_penalty);fd.append('presence_penalty',S.chatParams.presence_penalty);
|
||||
if(_isReasoningModel()&&S.chatParams.reasoning_effort)fd.append('reasoning_effort',S.chatParams.reasoning_effort);
|
||||
S.chatFiles.forEach(f=>fd.append('files',f.file));
|
||||
d=await $api('/chat/upload',{method:'POST',body:fd});S.chatFiles=[]
|
||||
}else{
|
||||
@@ -760,12 +778,14 @@ async function sChat(){const el=document.getElementById('chi');const m=el.value.
|
||||
if(S.chatModel.startsWith('cfg:')){
|
||||
body.genai_config_id=S.chatModel.slice(4);
|
||||
body.temperature=S.chatParams.temperature;body.max_tokens=S.chatParams.max_tokens;body.top_p=S.chatParams.top_p;
|
||||
body.top_k=S.chatParams.top_k;body.frequency_penalty=S.chatParams.frequency_penalty;body.presence_penalty=S.chatParams.presence_penalty}
|
||||
body.top_k=S.chatParams.top_k;body.frequency_penalty=S.chatParams.frequency_penalty;body.presence_penalty=S.chatParams.presence_penalty;
|
||||
if(_isReasoningModel()&&S.chatParams.reasoning_effort)body.reasoning_effort=S.chatParams.reasoning_effort}
|
||||
else if(S.chatModel){
|
||||
if(!S.chatOci){S.msgs.pop();S.msgs.push({r:'assistant',c:IC.warn+' Selecione uma credencial OCI.'});R();el.disabled=false;btns.forEach(b=>{b.disabled=false});if(sendBtn)sendBtn.textContent=sendBtn.dataset.origText;return}
|
||||
body.model_id=S.chatModel;body.oci_config_id=S.chatOci;body.genai_region=S.chatRegion;body.compartment_id=S.chatCompartment;
|
||||
body.temperature=S.chatParams.temperature;body.max_tokens=S.chatParams.max_tokens;body.top_p=S.chatParams.top_p;
|
||||
body.top_k=S.chatParams.top_k;body.frequency_penalty=S.chatParams.frequency_penalty;body.presence_penalty=S.chatParams.presence_penalty}
|
||||
body.top_k=S.chatParams.top_k;body.frequency_penalty=S.chatParams.frequency_penalty;body.presence_penalty=S.chatParams.presence_penalty;
|
||||
if(_isReasoningModel()&&S.chatParams.reasoning_effort)body.reasoning_effort=S.chatParams.reasoning_effort}
|
||||
d=await $api('/chat',{method:'POST',body})}
|
||||
S.sid=d.session_id;
|
||||
if(S.chatHistOpen)loadHistory('chat');
|
||||
@@ -846,14 +866,16 @@ async function tfRefreshRef(){
|
||||
|
||||
async function loadHistory(type){
|
||||
try{const h=await $api('/chat/sessions?agent_type='+type+'&limit=50');
|
||||
if(type==='chat')S.chatHistory=h;else S.tfHistory=h}
|
||||
catch(e){if(type==='chat')S.chatHistory=[];else S.tfHistory=[]}
|
||||
if(type==='chat')S.chatHistory=h;else if(type==='tf-prompt')S.tfpHistory=h;else S.tfHistory=h}
|
||||
catch(e){if(type==='chat')S.chatHistory=[];else if(type==='tf-prompt')S.tfpHistory=[];else S.tfHistory=[]}
|
||||
R();
|
||||
}
|
||||
async function loadSession(sid,type){
|
||||
try{const d=await $api('/chat/sessions/'+sid+'/messages');
|
||||
if(type==='chat'){
|
||||
S.sid=sid;S.msgs=d.messages.map(m=>({r:m.role,c:m.content,t:m.created_at?.slice(11,16)||''}));R();scCh();
|
||||
}else if(type==='tf-prompt'){
|
||||
S.tfpSid=sid;S.tfpMsgs=d.messages.map(m=>({r:m.role,c:m.content,_raw:m.role==='assistant'?m.content:undefined,t:m.created_at?.slice(11,16)||''}));R();
|
||||
}else{
|
||||
S.tfSid=sid;S.tfMsgs=d.messages.map(m=>({r:m.role,c:m.content,t:m.created_at?.slice(11,16)||''}));
|
||||
S.tfFiles=[];S.tfCode='';S.tfPlan=[];S.tfPlanOut='';S.tfApplyOut='';S.tfDestroyOut='';
|
||||
@@ -903,6 +925,7 @@ async function delSession(sid,type){
|
||||
if(!confirm('Excluir esta conversa?'))return;
|
||||
try{await $api('/chat/'+sid,{method:'DELETE'})}catch(e){}
|
||||
if(type==='chat'){if(S.sid===sid)newChat();S.chatHistory=S.chatHistory.filter(s=>s.id!==sid)}
|
||||
else if(type==='tf-prompt'){if(S.tfpSid===sid){S.tfpMsgs=[];S.tfpSid=null}S.tfpHistory=S.tfpHistory.filter(s=>s.id!==sid)}
|
||||
else{if(S.tfSid===sid)newTfChat();S.tfHistory=S.tfHistory.filter(s=>s.id!==sid)}
|
||||
R();
|
||||
}
|
||||
@@ -1160,16 +1183,106 @@ function fmTf(t){
|
||||
}
|
||||
function tfCopyBlock(i){const b=S.tfFiles[i];if(b)navigator.clipboard.writeText(b.content).then(()=>alert('Copiado!'))}
|
||||
|
||||
/* ── Terraform Prompt Generator ── */
|
||||
const TFP_EXAMPLES=[
|
||||
'VCN com subnets pública e privada, internet gateway, NAT gateway e 2 compute instances Ubuntu',
|
||||
'Ambiente multi-region MAD1 + MAD3 com DRG, RPC e VCNs espelhadas',
|
||||
'Cluster OKE com 3 node pools, load balancer e container registry',
|
||||
'Banco Autonomous Database com vault, encryption key e bastion para acesso',
|
||||
'Infraestrutura completa: VCN, compute, block storage, object storage, IAM policies e monitoring',
|
||||
];
|
||||
function rTfPrompt(){
|
||||
const msgs=S.tfpMsgs;
|
||||
const msHtml=msgs.length===0
|
||||
?`<div class="tf-empty">${IC.edit}<p>Descreva a infraestrutura OCI que você precisa</p><p style="font-size:.68rem;opacity:.6">O agente vai gerar um prompt estruturado e otimizado para o Terraform Agent.</p>
|
||||
<div style="display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.75rem;justify-content:center">${TFP_EXAMPLES.map(e=>`<button class="btn bs bsm" onclick="document.getElementById('tfpi').value='${e.replace(/'/g,"\\'")}';document.getElementById('tfpi').focus()" style="font-size:.66rem;white-space:normal;text-align:left;max-width:280px;line-height:1.35">${e}</button>`).join('')}</div></div>`
|
||||
:msgs.map((m,i)=>`<div class="cm cm-${m.r}"><div class="cb">${fm(m.c)}</div>${m._raw?`<div style="display:flex;gap:.3rem;margin-top:.35rem;padding-top:.3rem;border-top:1px solid var(--bd)">
|
||||
<button class="tfp-act" onclick="tfpCopy(${i})">${m._copied?IC.ok+' Copiado':IC.clip+' Copiar'}</button>
|
||||
<button class="tfp-act tfp-act-tf" onclick="tfpSendToTf(${i})">${TF_IC} Terraform</button></div>`:''}</div>`).join('');
|
||||
// Model dropdown — only recommended models, grouped by provider
|
||||
const tfpAllowed=['openai.gpt-4.1','openai.o3','openai.o4-mini','openai.gpt-5.1','openai.gpt-5.2','google.gemini-2.5-pro','google.gemini-2.5-flash'];
|
||||
const tfpProvs={};tfpAllowed.forEach(mid=>{const mi=S.models[mid];if(mi){const p=mi.provider||'other';if(!tfpProvs[p])tfpProvs[p]=[];tfpProvs[p].push({id:mid,name:mi.name})}});
|
||||
const tfpProvOrder=['openai','google'];
|
||||
let ddItems='';
|
||||
if(S.genaiCfg.length){const cfgFiltered=S.genaiCfg.filter(g=>tfpAllowed.includes(g.model_id));if(cfgFiltered.length){ddItems+='<div class="grp">Configs Salvas</div>';cfgFiltered.forEach(g=>{const mi=S.models[g.model_id];ddItems+=`<div class="itm${S.tfpModel==='cfg:'+g.id?' sel':''}" onclick="tfpPickModel('cfg:${g.id}')">${g.name||mi?.name||g.model_id}</div>`})}}
|
||||
tfpProvOrder.filter(p=>tfpProvs[p]).forEach(p=>{ddItems+=`<div class="grp">${p[0].toUpperCase()+p.slice(1)}</div>`;tfpProvs[p].forEach(m=>{ddItems+=`<div class="itm${S.tfpModel===m.id?' sel':''}" onclick="tfpPickModel('${m.id}')">${m.name}</div>`})});
|
||||
let curLabel='Selecione modelo...';
|
||||
if(S.tfpModel.startsWith('cfg:')){const g=S.genaiCfg.find(x=>x.id===S.tfpModel.slice(4));curLabel=g?(g.name||g.model_id):'Config...'}
|
||||
else if(S.tfpModel){const mi=S.models[S.tfpModel];curLabel=mi?mi.name:S.tfpModel}
|
||||
const isDirect=S.tfpModel&&!S.tfpModel.startsWith('cfg:');
|
||||
const ociSel=isDirect?`<select onchange="S.tfpOci=this.value;const c=S.ociCfg.find(x=>x.id===this.value);if(c){S.tfpRegion=c.region;S.tfpCompartment=c.compartment_id||''}" style="max-width:180px"><option value="">OCI Config...</option>${S.ociCfg.map(c=>`<option value="${c.id}"${S.tfpOci===c.id?' selected':''}>${c.tenancy_name} (${c.region})</option>`).join('')}</select>`:'';
|
||||
return`<div class="tf-wrap">
|
||||
<div style="display:flex;flex:1;min-height:0;overflow:hidden">
|
||||
<div class="ch-hp${S.tfpHistOpen?' open':''}"><div class="ch-hp-inner">
|
||||
<div class="ch-hp-hdr"><span>${IC.history} Histórico</span><div class="ch-hp-new" onclick="S.tfpMsgs=[];S.tfpSid=null;R()">+ Nova Conversa</div></div>
|
||||
<div class="ch-hp-list">${rHistList('tf-prompt',S.tfpHistory,S.tfpSid)}</div>
|
||||
</div></div>
|
||||
<div class="tf-chat">
|
||||
<div class="tf-toolbar">
|
||||
<div class="ch-icon-btn${S.tfpHistOpen?' active':''}" onclick="S.tfpHistOpen=!S.tfpHistOpen;if(S.tfpHistOpen)loadHistory('tf-prompt');R()" title="Histórico" style="width:24px;height:24px;font-size:.85rem">☰</div>
|
||||
${IC.edit}
|
||||
<div class="mdrop"><div class="mdrop-btn" onclick="tfpToggleModelDrop()">${curLabel} <span class="arr">▼</span></div>
|
||||
<div class="mdrop-dd" id="tfpmdd"><input type="text" id="tfpmds" placeholder="Buscar..." oninput="tfpFilterModels(this.value)"><div class="mdrop-list" id="tfpmdl">${ddItems}</div></div>
|
||||
</div>
|
||||
${ociSel}
|
||||
<div style="flex:1"></div>
|
||||
</div>
|
||||
<div class="tf-msgs" id="tfpchm">${msHtml}${S.tfpLoading?'<div class="cm cm-assistant"><div class="cb"><span class="spinner" style="width:16px;height:16px;border-width:2px;vertical-align:middle"></span> Gerando prompt...</div></div>':''}</div>
|
||||
<div class="tf-input">
|
||||
<textarea id="tfpi" placeholder="Descreva a infraestrutura desejada... (Shift+Enter para nova linha)" rows="1" onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();tfpSend()}" oninput="autoGrow(this)" onpaste="setTimeout(()=>autoGrow(this),0)" style="resize:none;overflow-y:auto"></textarea>
|
||||
<button class="btn bp" onclick="tfpSend()" style="background:#7b42bc;border-color:#7b42bc">Enviar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div></div>`}
|
||||
function tfpToggleModelDrop(){const dd=document.getElementById('tfpmdd');if(!dd)return;dd.classList.toggle('open');if(dd.classList.contains('open'))document.getElementById('tfpmds')?.focus()}
|
||||
function tfpFilterModels(q){const l=document.getElementById('tfpmdl');if(!l)return;l.querySelectorAll('.itm').forEach(el=>{el.style.display=el.textContent.toLowerCase().includes(q.toLowerCase())?'':'none'})}
|
||||
async function tfpSend(){
|
||||
const el=document.getElementById('tfpi');const m=(el?.value||'').trim();if(!m||S.tfpLoading)return;
|
||||
el.value='';el.style.height='auto';
|
||||
S.tfpMsgs.push({r:'user',c:m});S.tfpLoading=true;R();
|
||||
const mc=document.getElementById('tfpchm');if(mc)mc.scrollTop=mc.scrollHeight;
|
||||
try{
|
||||
const gc=await _tfpResolveGenai();
|
||||
const hist=S.tfpMsgs.slice(0,-1).filter(x=>x.r==='user'||x.r==='assistant').map(x=>({role:x.r==='user'?'USER':'CHATBOT',content:x._raw||x.c}));
|
||||
const body={message:m,genai_config:gc,history:hist.length?hist:null};
|
||||
if(S.tfpSid)body.session_id=S.tfpSid;
|
||||
const d=await $api('/terraform/generate-prompt',{method:'POST',body});
|
||||
if(d.session_id)S.tfpSid=d.session_id;
|
||||
S.tfpMsgs.push({r:'assistant',c:d.prompt,_raw:d.prompt});
|
||||
}catch(e){S.tfpMsgs.push({r:'assistant',c:IC.err+' Erro: '+e.message})}
|
||||
S.tfpLoading=false;R();
|
||||
const mc2=document.getElementById('tfpchm');if(mc2)mc2.scrollTop=mc2.scrollHeight}
|
||||
function tfpPickModel(v){S.tfpModel=v;S.tfpMdOpen=false;
|
||||
if(v&&!v.startsWith('cfg:')&&!S.tfpOci&&S.ociCfg.length){S.tfpOci=S.ociCfg[0].id;S.tfpRegion=S.ociCfg[0].region;S.tfpCompartment=S.ociCfg[0].compartment_id||''}
|
||||
else if(v&&v.startsWith('cfg:')){const g=S.genaiCfg.find(x=>x.id===v.slice(4));if(g&&g.oci_config_id&&!S.tfpOci){S.tfpOci=g.oci_config_id;const c=S.ociCfg.find(x=>x.id===g.oci_config_id);if(c){S.tfpRegion=c.region;S.tfpCompartment=c.compartment_id||''}}}
|
||||
R()}
|
||||
async function _tfpResolveGenai(){
|
||||
if(S.tfpModel.startsWith('cfg:'))return{genai_config_id:S.tfpModel.slice(4)};
|
||||
if(S.tfpModel&&S.tfpOci)return{oci_config_id:S.tfpOci,model_id:S.tfpModel,genai_region:S.tfpRegion,compartment_id:S.tfpCompartment};
|
||||
const def=S.genaiCfg.find(g=>g.is_default)||S.genaiCfg[0];
|
||||
if(def)return{genai_config_id:def.id};
|
||||
if(!S.ociCfg.length)return{};
|
||||
const oc=S.ociCfg[0];
|
||||
return{oci_config_id:oc.id,model_id:'openai.gpt-4.1',genai_region:oc.region,compartment_id:oc.compartment_id}}
|
||||
function tfpCopy(idx){
|
||||
const m=S.tfpMsgs[idx];if(!m||!m._raw)return;
|
||||
navigator.clipboard.writeText(m._raw).then(()=>{m._copied=true;R();setTimeout(()=>{m._copied=false;R()},2000)})}
|
||||
function tfpSendToTf(idx){
|
||||
const m=S.tfpMsgs[idx];if(!m||!m._raw)return;
|
||||
S.tab='terraform';
|
||||
setTimeout(()=>{const el=document.getElementById('tfi');if(el){el.value=m._raw;el.style.height='auto';el.style.height=el.scrollHeight+'px'}R()},100)}
|
||||
|
||||
function rTerraform(){
|
||||
const ms=S.tfMsgs.length===0
|
||||
?`<div class="tf-empty">${TF_ICON}<p>Descreva a infraestrutura OCI desejada</p><p style="font-size:.68rem;opacity:.6">Ex: "Crie uma VCN com subnets pública e privada, internet gateway e um compute instance"</p></div>`
|
||||
:S.tfMsgs.map(m=>`<div class="cm cm-${m.r}"><div class="cb">${m.r==='assistant'?fmTf(m.c):fm(m.c)}</div>${m.t?`<div class="cm-ts">${m.t}</div>`:''}</div>`).join('');
|
||||
|
||||
// Model dropdown
|
||||
const provs={};for(const[mid,info]of Object.entries(S.models)){const p=info.provider||'other';if(!provs[p])provs[p]=[];provs[p].push({id:mid,name:info.name})}
|
||||
const provOrder=['openai','google','meta','xai'];
|
||||
// Model dropdown — same filtered models as Prompt Generator, grouped by provider
|
||||
const tfAllowed=['openai.gpt-4.1','openai.o3','openai.o4-mini','openai.gpt-5.1','openai.gpt-5.2','google.gemini-2.5-pro','google.gemini-2.5-flash'];
|
||||
const provs={};tfAllowed.forEach(mid=>{const mi=S.models[mid];if(mi){const p=mi.provider||'other';if(!provs[p])provs[p]=[];provs[p].push({id:mid,name:mi.name})}});
|
||||
const provOrder=['openai','google'];
|
||||
let ddItems='';
|
||||
if(S.genaiCfg.length){ddItems+='<div class="grp">Configs Salvas</div>';S.genaiCfg.forEach(g=>{const mi=S.models[g.model_id];ddItems+=`<div class="itm${S.tfModel==='cfg:'+g.id?' sel':''}" onclick="tfPickModel('cfg:${g.id}')">${g.name||mi?.name||g.model_id}</div>`})}
|
||||
if(S.genaiCfg.length){const cfgF=S.genaiCfg.filter(g=>tfAllowed.includes(g.model_id));if(cfgF.length){ddItems+='<div class="grp">Configs Salvas</div>';cfgF.forEach(g=>{const mi=S.models[g.model_id];ddItems+=`<div class="itm${S.tfModel==='cfg:'+g.id?' sel':''}" onclick="tfPickModel('cfg:${g.id}')">${g.name||mi?.name||g.model_id}</div>`})}}
|
||||
provOrder.filter(p=>provs[p]).forEach(p=>{ddItems+=`<div class="grp">${p[0].toUpperCase()+p.slice(1)}</div>`;provs[p].forEach(m=>{ddItems+=`<div class="itm${S.tfModel===m.id?' sel':''}" onclick="tfPickModel('${m.id}')">${m.name}</div>`})});
|
||||
let curLabel='Selecione modelo...';
|
||||
if(S.tfModel.startsWith('cfg:')){const g=S.genaiCfg.find(x=>x.id===S.tfModel.slice(4));curLabel=g?(g.name||g.model_id):'Config...'}
|
||||
@@ -1216,7 +1329,7 @@ function rTerraform(){
|
||||
<div class="tf-msgs" id="tfchm">${ms}</div>
|
||||
<div class="tf-input">
|
||||
<textarea id="tfi" placeholder="Descreva a infraestrutura desejada... (Shift+Enter para nova linha)" rows="1" onkeydown="if(event.key==='Enter'&&!event.shiftKey){event.preventDefault();tfSend()}" oninput="autoGrow(this)" onpaste="setTimeout(()=>autoGrow(this),0)" style="resize:none;overflow-y:auto"></textarea>
|
||||
<button class="btn bp" onclick="tfSend()" style="background:#7b42bc;border-color:#7b42bc">Gerar</button>
|
||||
<button class="btn bp" onclick="tfSend()" style="background:#7b42bc;border-color:#7b42bc">Enviar</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1904,7 +2017,7 @@ ${S.rptRselOpen?`<div class="mdrop-list" style="position:absolute;top:100%;left:
|
||||
${rselDdItems||'<div style="padding:.5rem;color:var(--t4);font-size:.72rem">Nenhum relatório encontrado</div>'}
|
||||
</div>`:''}
|
||||
</div></div>
|
||||
${rKpi()}<iframe class="rif" id="rfr" src="${API}/reports/${(selRpt||lt).id}/html"></iframe>${rRunRpt()}${rReportHistory()}`}
|
||||
<div id="kpi-wrap">${rKpi()}</div><iframe class="rif" id="rfr" src="${API}/reports/${(selRpt||lt).id}/html"></iframe>${rRunRpt()}${rReportHistory()}`}
|
||||
function rRunRpt(){if(S.user?.role==='viewer')return'';
|
||||
const selTags=S.rptSelRegions.map(r=>`<span class="tag" style="background:var(--b2);font-size:.62rem;display:inline-flex;align-items:center;gap:.2rem">${r}<span onclick="rptRemoveRegion('${r}')" style="cursor:pointer;font-weight:700;color:var(--err)">×</span></span>`).join(' ');
|
||||
const f=S.rptRegionFilter.toLowerCase();
|
||||
@@ -1968,7 +2081,7 @@ function rptPickRegion(r){S.rptSelRegions.push(r);S.rptRegionFilter='';R()}
|
||||
function rptRemoveRegion(r){S.rptSelRegions=S.rptSelRegions.filter(x=>x!==r);R()}
|
||||
function rptPickOci(id){S.rptOciVal=id;S.rptOciOpen=false;S.rptOciFilter='';R()}
|
||||
function rptPickRsel(id){S.rptRselVal=id;S.rptRselOpen=false;S.rptRselFilter='';const f=document.getElementById('rfr');if(f)f.src=API+'/reports/'+id+'/html';loadRptKpi(id);R()}
|
||||
async function loadRptKpi(rid){S.rptKpiLoading=true;S.rptKpi=null;R();try{S.rptKpi=await $api('/reports/'+rid+'/summary')}catch(e){S.rptKpi=null}S.rptKpiLoading=false;R()}
|
||||
async function loadRptKpi(rid){S.rptKpiLoading=true;S.rptKpi=null;const w=document.getElementById('kpi-wrap');if(w)w.innerHTML=rKpi();try{S.rptKpi=await $api('/reports/'+rid+'/summary')}catch(e){S.rptKpi=null}S.rptKpiLoading=false;const w2=document.getElementById('kpi-wrap');if(w2)w2.innerHTML=rKpi()}
|
||||
let _kpiCharts={};
|
||||
function _destroyKpiCharts(){Object.values(_kpiCharts).forEach(c=>{try{c.destroy()}catch(e){}});_kpiCharts={}}
|
||||
function _initKpiCharts(){
|
||||
|
||||
Reference in New Issue
Block a user