function CapabilityProfilesScreen() {
  const { PageHeader, Card, Input, Button, Table, Badge, Toast } = window.VRticeDesignSystem_d763eb;
  const [rows,setRows]=React.useState([]),[form,setForm]=React.useState({name:'',sectors:'',ufs:'SP',minValue:'',maxValue:'',equipment:'',workforceCapacity:'',experience:'',validDocuments:''}),[toast,setToast]=React.useState('');
  const load=React.useCallback(async()=>{const r=await window.VxOpportunityRuntime.listCapabilities();if(!r.error)setRows(r.data||[]);else setToast(r.error);},[]);
  React.useEffect(()=>{load()},[load]);
  const set=(k,v)=>setForm(s=>({...s,[k]:v}));
  const save=async()=>{const ctx=await window.VxOpportunityRuntime.context();if(ctx.error)return setToast(ctx.error);const c=window.supabase.createClient(window.VX_SUPABASE.url,window.VX_SUPABASE.anonKey);const csv=k=>form[k].split(',').map(x=>x.trim()).filter(Boolean);const payload={organization_id:ctx.data.organization_id,environment_id:ctx.data.environment_id,name:form.name,sectors:csv('sectors'),ufs:csv('ufs').map(x=>x.toUpperCase()),min_value:form.minValue?Number(form.minValue):null,max_value:form.maxValue?Number(form.maxValue):null,equipment:csv('equipment'),workforce_capacity:Number(form.workforceCapacity||0),experience:csv('experience'),valid_documents:csv('validDocuments'),created_by:ctx.data.userId};const r=await c.from('capability_profiles').insert(payload);setToast(r.error?r.error.message:'Perfil criado.');if(!r.error)load();};
  return <BlockGrid.Auto id="capability-profiles"><PageHeader eyebrow="Capacidade" title="Capability Profiles" description="Cadastre a capacidade operacional real usada pelo Opportunity Match."/><Card variant="analysis" padding={24} gap={16}><Input label="Nome" value={form.name} onChange={e=>set('name',e.target.value)} placeholder="Perfil principal SP"/><Input label="Setores" value={form.sectors} onChange={e=>set('sectors',e.target.value)} placeholder="engenharia, manutenção"/><Input label="UFs" value={form.ufs} onChange={e=>set('ufs',e.target.value)}/><div style={{display:'grid',gridTemplateColumns:'1fr 1fr',gap:12}}><Input label="Valor mínimo" value={form.minValue} onChange={e=>set('minValue',e.target.value)}/><Input label="Valor máximo" value={form.maxValue} onChange={e=>set('maxValue',e.target.value)}/></div><Input label="Equipamentos" value={form.equipment} onChange={e=>set('equipment',e.target.value)}/><Input label="Capacidade de equipe" value={form.workforceCapacity} onChange={e=>set('workforceCapacity',e.target.value)}/><Input label="Experiência" value={form.experience} onChange={e=>set('experience',e.target.value)}/><Input label="Documentos válidos" value={form.validDocuments} onChange={e=>set('validDocuments',e.target.value)}/><Button onClick={save}>Salvar Capability Profile</Button></Card><Card variant="flat" padding={0} gap={0}><VxTable id="capacidades" columns={[{key:'name',label:'Perfil',width:'minmax(220px,1fr)',strong:true},{key:'ufs',label:'UFs',width:'120px',render:r=>(r.ufs||[]).join(', ')},{key:'workforce_capacity',label:'Equipe',width:'100px',mono:true},{key:'active',label:'Status',width:'120px',render:r=><Badge tone={r.active?'success':'neutral'}>{r.active?'Ativo':'Inativo'}</Badge>}]} rows={rows}/></Card>{toast&&<Toast>{toast}</Toast>}</BlockGrid.Auto>;
}
window.CapabilityProfilesScreen=CapabilityProfilesScreen;