feat: criada a aba Tipos de vídeo com cinco perfis editoriais pré-
- criada a aba Tipos de vídeo com cinco perfis editoriais pré-cadastrados e catálogo local pronto para integração com o Schedule Light - ampliado o cadastro vertical dos perfis com objetivos, narrativa, emoção, prioridades, formato, áudio e regras para IA - criado plano JSON para resumir a entrevista jornalística em até três minutos Resumo: - 4 arquivos alterados - 1 novos - 3 modificados - 0 removidos 3 files changed, 318 insertions(+), 3 deletions(-) Arquivos: - code/cep-plugin/index.html - code/cep-plugin/main.js - code/cep-plugin/styles.css - plano-resumo-video.json
This commit is contained in:
João Henrique
@@ -119,6 +119,7 @@ h1, h2, h3 { margin: 0; }
|
||||
padding: 0 14px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
background: var(--bg);
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.tab-button {
|
||||
@@ -139,6 +140,8 @@ h1, h2, h3 { margin: 0; }
|
||||
white-space: nowrap;
|
||||
transition: color .15s, border-color .15s;
|
||||
}
|
||||
.tab-bar::-webkit-scrollbar { height: 3px; }
|
||||
.tab-bar::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }
|
||||
.tab-icon { font-size: 11px; opacity: .8; }
|
||||
.tab-button:hover { color: var(--text-secondary); }
|
||||
.tab-button.active { color: var(--text); border-bottom-color: var(--violet); }
|
||||
@@ -332,7 +335,7 @@ h1, h2, h3 { margin: 0; }
|
||||
.field-static { margin: 0; padding: 8px 0; color: var(--text-secondary); font-size: 10.5px; }
|
||||
.field-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: 10px; }
|
||||
|
||||
.select-field, .path-field input, textarea, .file-field input {
|
||||
.select-field, .text-field, .path-field input, textarea, .file-field input {
|
||||
width: 100%;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 6px;
|
||||
@@ -342,14 +345,15 @@ h1, h2, h3 { margin: 0; }
|
||||
transition: border-color .15s, box-shadow .15s;
|
||||
}
|
||||
.select-field { height: 32px; padding: 0 8px; font-size: 10.5px; }
|
||||
.text-field { height: 32px; padding: 0 9px; font-size: 10.5px; outline: none; user-select: text; }
|
||||
.range-field-row { display: flex; align-items: center; gap: 10px; }
|
||||
.range-field-row input[type="range"] { flex: 1 1 auto; accent-color: var(--violet); height: 20px; }
|
||||
.range-field-value { flex: 0 0 auto; min-width: 84px; text-align: right; font: 10.5px var(--font-mono); color: var(--text-secondary); }
|
||||
.path-field input, .file-field input { height: 34px; padding: 0 10px; font: 10px var(--font-mono); color: var(--text-secondary); user-select: text; }
|
||||
.path-field > svg + input { padding-left: 32px; }
|
||||
textarea { padding: 8px 10px; font: 10px var(--font-mono); color: var(--text-secondary); resize: vertical; user-select: text; }
|
||||
.select-field:hover, .path-field input:hover, textarea:hover, .file-field input:hover { border-color: var(--border-strong); }
|
||||
.select-field:focus, .path-field input:focus, textarea:focus, .file-field input:focus { border-color: var(--violet); color: var(--text); box-shadow: 0 0 0 2px var(--violet-soft); }
|
||||
.select-field:hover, .text-field:hover, .path-field input:hover, textarea:hover, .file-field input:hover { border-color: var(--border-strong); }
|
||||
.select-field:focus, .text-field:focus, .path-field input:focus, textarea:focus, .file-field input:focus { border-color: var(--violet); color: var(--text); box-shadow: 0 0 0 2px var(--violet-soft); }
|
||||
|
||||
.path-field { position: relative; display: flex; align-items: center; }
|
||||
.path-field > svg { position: absolute; left: 10px; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; color: var(--text-muted); pointer-events: none; }
|
||||
@@ -381,6 +385,31 @@ textarea { padding: 8px 10px; font: 10px var(--font-mono); color: var(--text-sec
|
||||
.button-row { display: flex; gap: 8px; }
|
||||
.button-row .button { flex: 1; }
|
||||
|
||||
/* -------------------------- Catálogo editorial ------------------------- */
|
||||
.video-type-list { display: grid; gap: 6px; }
|
||||
.video-type-row { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 1px solid var(--border); border-radius: 6px; background: var(--surface-deep); }
|
||||
.video-type-row.is-selected { border-color: rgba(155, 108, 255, .55); background: var(--violet-soft); }
|
||||
.video-type-copy { flex: 1; min-width: 0; }
|
||||
.video-type-copy strong, .video-type-copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
|
||||
.video-type-copy strong { color: var(--text); font-size: 10.5px; font-weight: 650; }
|
||||
.video-type-copy span { margin-top: 3px; color: var(--text-muted); font-size: 9px; }
|
||||
.video-type-meta { max-width: 32%; overflow: hidden; color: var(--text-muted); font: 8.5px var(--font-mono); text-overflow: ellipsis; white-space: nowrap; }
|
||||
.video-type-row .button { height: 27px; padding: 0 9px; flex: 0 0 auto; font-size: 9px; }
|
||||
.profile-section { margin-top: 12px; padding: 12px; border: 1px solid var(--border); border-radius: 7px; background: var(--surface-deep); }
|
||||
.profile-section-head { display: flex; align-items: center; gap: 9px; margin-bottom: 11px; }
|
||||
.profile-section-head > span { display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; flex: 0 0 auto; border-radius: 50%; background: var(--violet-soft); color: var(--violet-hover); font-size: 10px; font-weight: 700; }
|
||||
.profile-section-head strong, .profile-section-head small { display: block; }
|
||||
.profile-section-head strong { font-size: 10.5px; font-weight: 650; }
|
||||
.profile-section-head small { margin-top: 2px; color: var(--text-muted); font-size: 9px; }
|
||||
.profile-section > * + * { margin-top: 9px; }
|
||||
.profile-section .checkbox-field { margin-top: 9px; }
|
||||
.profile-section output { float: right; color: var(--text-muted); font: 9px var(--font-mono); }
|
||||
.profile-section input[type="range"] { width: 100%; accent-color: var(--violet); }
|
||||
.priority-list { display: grid; gap: 6px; }
|
||||
.priority-row { display: flex; align-items: center; gap: 7px; }
|
||||
.priority-number { display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; flex: 0 0 auto; border-radius: 50%; background: var(--surface-raised); color: var(--text-muted); font: 9px var(--font-mono); }
|
||||
.priority-input { flex: 1; }
|
||||
|
||||
/* ---------------------------- Chave/valor, stats ---------------------------- */
|
||||
.kv { display: grid; gap: 1px; margin: 0; padding: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 6px; background: var(--border); }
|
||||
.kv[hidden] { display: none; }
|
||||
|
||||
Reference in New Issue
Block a user