feat: criada aba Testar ações para executar cortes JSON pela engin

- criada aba Testar ações para executar cortes JSON pela engine Python e ponte MCP

Resumo:
- 2 arquivos alterados
- 0 novos
- 2 modificados
- 0 removidos

 2 files changed, 105 insertions(+)

Arquivos:
  - code/cep-plugin/index.html
  - code/cep-plugin/main.js
This commit is contained in:
João Henrique
2026-09-09 11:58:55 -04:00
parent 037f40ad3d
commit 73bfb05f52
2 changed files with 105 additions and 0 deletions
+27
View File
@@ -46,6 +46,9 @@
<button class="tab-button" id="tabBtnSettings" role="tab" aria-selected="false" aria-controls="tabSettings" onclick="switchTab('settings')" type="button">
<span class="tab-icon" aria-hidden="true">⚙</span>Ajustes
</button>
<button class="tab-button" id="tabBtnTestarAcoes" role="tab" aria-selected="false" aria-controls="tabTestarAcoes" onclick="switchTab('testar-acoes')" type="button">
<span class="tab-icon" aria-hidden="true">⚗</span>Testar ações
</button>
</nav>
<!-- O painel é reposicionado para a aba que iniciou a operação. -->
@@ -580,6 +583,30 @@
</div>
<!-- ============================ TESTAR AÇÕES ============================ -->
<div class="tab-panel" id="tabTestarAcoes" role="tabpanel" aria-labelledby="tabBtnTestarAcoes" hidden>
<p class="tab-intro">Teste a execução de um plano JSON pela engine Python antes de integrar a ação ao fluxo normal de edição.</p>
<section class="card">
<div class="card-head">
<h2>Plano de teste</h2>
<span class="step-chip">Somente corte</span>
</div>
<p class="field-help">Cole um JSON com uma ou mais actions <code>kind: "cut"</code>. Os tempos precisam estar na mídia original.</p>
<textarea id="testarAcoesJson" rows="12" spellcheck="false" aria-label="JSON de ações para teste"></textarea>
<div class="button-row">
<button class="button button-ghost" id="btnTestarAcoesExemplo" onclick="testarAcoesCarregarExemplo()" type="button">Carregar exemplo</button>
<button class="button button-danger" id="btnTestarAcoesExecutar" onclick="testarAcoesExecutar()" type="button">Executar na timeline</button>
</div>
<p class="field-help" id="testarAcoesStatus"></p>
</section>
<details class="log-details">
<summary>Detalhes técnicos <span class="log-hint">(engine Python e MCP)</span></summary>
<div id="testarAcoesLog" role="log" aria-live="polite" aria-relevant="additions" tabindex="0" aria-label="Log do teste de ações"></div>
</details>
</div>
<!-- =============================== AJUSTES =============================== -->
<div class="tab-panel" id="tabSettings" role="tabpanel" aria-labelledby="tabBtnSettings" hidden>