diff --git a/docs/plans/acervo-abrir-fonte-so-com-fonte-oficial.md b/docs/plans/acervo-abrir-fonte-so-com-fonte-oficial.md index 033d1a75..a3818f64 100644 --- a/docs/plans/acervo-abrir-fonte-so-com-fonte-oficial.md +++ b/docs/plans/acervo-abrir-fonte-so-com-fonte-oficial.md @@ -11,7 +11,7 @@ Responsável: — ## Intenção -O acervo de falas mostra o botão "Abrir fonte" desde antes do C160. Depois que "Abrir no YouTube" chegou (com o timestamp da fala), o usuário relatou: *"O botão 'abrir fonte' se tornou inutil, já que agora temos o 'Abrir no Youtube', podemos remove-lo. Inclusive o link atual do 'Abrir fonte' vai para o video sem marcar o inicio, o que pode confundir o usuario."* +O acervo de falas mostra o botão "Abrir fonte" desde antes do C160. Depois que "Abrir no YouTube" chegou (com o timestamp da fala), o usuário relatou: _"O botão 'abrir fonte' se tornou inutil, já que agora temos o 'Abrir no Youtube', podemos remove-lo. Inclusive o link atual do 'Abrir fonte' vai para o video sem marcar o inicio, o que pode confundir o usuario."_ O defeito concreto: quando a fala tem o PDF oficial do Diário (`officialTextUrl`), o botão está certo e aponta para a fonte oficial. Quando o import **não** resolveu o Diário, o código cai num fallback (`view.officialTextUrl ?? view.youtubeUrl`) e o botão abre o **vídeo cru no YouTube, sem timestamp** — exatamente o que "Abrir no YouTube" já faz melhor. Ou seja, hoje o mesmo botão às vezes é proveniência oficial e às vezes é um atalho pior e duplicado. Este item faz "Abrir fonte" significar uma coisa só: a fonte oficial. Sem fonte oficial, o botão não aparece. diff --git a/docs/plans/acervo-encontrar-cortes-ui-design.html b/docs/plans/acervo-encontrar-cortes-ui-design.html index 6ee25a4d..8c764465 100644 --- a/docs/plans/acervo-encontrar-cortes-ui-design.html +++ b/docs/plans/acervo-encontrar-cortes-ui-design.html @@ -59,26 +59,47 @@ --estimate-pending-foreground: #92400e; } - * { box-sizing: border-box; } - body { font-family: Inter, ui-sans-serif, system-ui, sans-serif; } - button, a { -webkit-tap-highlight-color: transparent; } + * { + box-sizing: border-box; + } + body { + font-family: Inter, ui-sans-serif, system-ui, sans-serif; + } + button, + a { + -webkit-tap-highlight-color: transparent; + } .artifact-grid { background-image: radial-gradient(rgb(28 25 23 / 9%) 0.7px, transparent 0.7px); background-size: 16px 16px; } - .frame-shadow { box-shadow: 0 18px 54px rgb(28 25 23 / 10%); } - .cut-row-dashed { border-style: dashed; } + .frame-shadow { + box-shadow: 0 18px 54px rgb(28 25 23 / 10%); + } + .cut-row-dashed { + border-style: dashed; + }
- C174 · gate hi-fi - Campanha · Comunicação + C174 · gate hi-fi + Campanha · Comunicação
-

Encontrar cortes sem recortar de novo

-

A assessoria reencontra um corte pela navegação, pela fala de origem ou pela busca. Cenas estáticas para aprovar hierarquia, estados, densidade e responsividade.

+

+ Encontrar cortes sem recortar de novo +

+

+ A assessoria reencontra um corte pela navegação, pela fala de origem ou pela busca. Cenas + estáticas para aprovar hierarquia, estados, densidade e responsividade. +

@@ -86,64 +107,222 @@

CENA 01

-

Nav subitems · desktop · 256 px

+

+ Nav subitems · desktop · 256 px +

- +
@@ -153,37 +332,176 @@

CENA 02

-

Fala · desktop ~1280 · Cortes desta fala (populado)

+

+ Fala · desktop ~1280 · Cortes desta fala (populado) +

-

Pequeno Expediente

Data da fala · Câmara dos Deputados

+
+
+

Pequeno Expediente

+

Data da fala · Câmara dos Deputados

+
+
+
- ← Voltar ao acervo + ← Voltar ao acervo

Pequeno Expediente

-

Data da fala · Fase da sessão · 12:34

-
-
▶
NEEDS ASSET — miniatura real do vídeo
+

+ Data da fala · Fase da sessão · 12:34 +

+
+
+
+ ▶ +
+ NEEDS ASSET — miniatura real do vídeo +
- +
-

Cortes desta fala

Abra um corte existente para editar ou reaproveitar.

+
+
+

+ Cortes desta fala +

+

+ Abra um corte existente para editar ou reaproveitar. +

+
+
-
TítuloStatusDuraçãoAção
-

Trecho selecionado da fala

Publicado00:48Abrir corte
-

Declaração para redes

Despublicado01:06Abrir corte
-

Trecho em preparação

Processando00:36Abrir corte
-

Trecho com falha

Falhou00:29Abrir corte
+
+ TítuloStatusDuraçãoAção +
+
+

Trecho selecionado da fala

+ Publicado00:48Abrir corte +
+
+

Declaração para redes

+ Despublicado01:06Abrir corte +
+
+

Trecho em preparação

+ Processando00:36Abrir corte +
+
+

Trecho com falha

+ Falhou00:29Abrir corte +
@@ -196,55 +514,603 @@

CENA 03

-

Fala · desktop ~1280 · Cortes desta fala (vazio)

+

+ Fala · desktop ~1280 · Cortes desta fala (vazio) +

- -

Grande Expediente

Data da fala · Câmara dos Deputados

← Voltar ao acervo

Grande Expediente

Data da fala · 10:42

NEEDS ASSET — miniatura real do vídeo
-

Cortes desta fala

Nenhum corte desta fala ainda

Selecione um trecho no player para criar o primeiro corte.

Selecionar trecho
-
+ +
+
+
+

Grande Expediente

+

Data da fala · Câmara dos Deputados

+
+
+
+ ← Voltar ao acervo +
+
+

Grande Expediente

+

Data da fala · 10:42

+
+ NEEDS ASSET — miniatura real do vídeo +
+
+
+
+
+
+
+
+
+

Cortes desta fala

+
+
+ + + + + + +
+

Nenhum corte desta fala ainda

+

+ Selecione um trecho no player para criar o primeiro corte. +

+ Selecionar trecho +
+
+
+
-

CENA 04

Busca no acervo · fala encontrada com corte aninhado

-
-

Acervo de falas

Encontre falas por tema, local ou palavra-chave

AnoTemaMunicípio
-
Data da fala·Pequeno Expediente·12:34

… trecho da fala em que o tema pesquisado aparece no contexto …

Tema da falapalavra-chave
▶ Ver fala -

1 corte desta fala

Publicado00:48

Trecho sobre o tema pesquisado

Abrir corte →
-

1 fala encontrada

-
+
+

CENA 04

+

+ Busca no acervo · fala encontrada com corte aninhado +

+
+
+
+ +
+
+
+

Acervo de falas

+

+ Encontre falas por tema, local ou palavra-chave +

+
+
+
+
+ +
+ + + +
+
+ AnoTemaMunicípio +
+
+
+
+ Data da fala·Pequeno Expediente·12:34 +
+

+ … trecho da fala em que o + tema pesquisado + aparece no contexto … +

+
+ Tema da falapalavra-chave +
+ ▶ Ver fala +
+

1 corte desta fala

+
+
+ Publicado00:48 +
+
+

Trecho sobre o tema pesquisado

+ Abrir corte → +
+
+
+
+

1 fala encontrada

+
+
+
+
-

CENA 05

Busca no acervo · corte casa, fala aparece como origem (opção B)

-

Acervo de falas

Resultado mantido em uma única lista

Biblioteca de cortes
⌕
-
Fala de origem·Data da fala·Grande Expediente

A fala não contém o termo exato; ela aparece porque um corte vinculado corresponde à busca.

Ver fala

Correspondência no corte

Despublicado01:06

Título com a expressão do corte

Descrição curta do corte correspondente.

Abrir corte →

1 fala encontrada por corte vinculado

+
+

CENA 05

+

+ Busca no acervo · corte casa, fala aparece como origem (opção B) +

+
+
+
+
+
+
+

Acervo de falas

+

Resultado mantido em uma única lista

+
+ Biblioteca de cortes +
+
+ +
+ ⌕ +
+
+
+
+
+
+ Fala de origem·Data da fala·Grande Expediente +
+

+ A fala não contém o termo exato; ela aparece porque um corte vinculado + corresponde à busca. +

+
+ Ver fala +
+
+

+ Correspondência no corte +

+
+
+ Despublicado01:06 +
+

+ Título com a + expressão do corte +

+

+ Descrição curta do corte correspondente. +

+ Abrir corte → +
+
+
+

+ 1 fala encontrada por corte vinculado +

+
+
+
-

CENA 06

Mobile ~390 · resultado aninhado + seção da fala

+
+

CENA 06

+

+ Mobile ~390 · resultado aninhado + seção da fala +

+
-
S

Acervo de falas

Comunicação

⌕
AnoTemaMunicípio
-

Data da fala · Pequeno Expediente · 12:34

… trecho da fala sobre o tema pesquisado …

Tema da fala
Ver fala

1 corte desta fala

Publicado00:48

Trecho sobre o tema pesquisado

Abrir corte

1 fala encontrada

⌂Início
⌖Municípios
◉Atualizações
□Agenda
•••Mais
+
+
+
+
+ S +
+
+

Acervo de falas

+

Comunicação

+
+
+
+
+
+ +
+ ⌕ +
+
+ AnoTemaMunicípio +
+
+

+ Data da fala · Pequeno Expediente · 12:34 +

+

+ … trecho da fala sobre o + tema pesquisado + … +

+
+ Tema da fala +
+ Ver fala +
+

1 corte desta fala

+
+
+ Publicado00:48 +
+

Trecho sobre o tema pesquisado

+ Abrir corte +
+
+
+

1 fala encontrada

+
+
+
⌂Início
+
⌖Municípios
+
+ ◉Atualizações +
+
□Agenda
+
+ •••Mais +
+
+
-
←

Pequeno Expediente

Data da fala

Pequeno Expediente

Data da fala · 12:34

NEEDS ASSET — miniatura real

Cortes desta fala

Publicado00:48

Trecho selecionado da fala

Abrir corte
Processando00:36

Trecho em preparação

Abrir corte
+
+
+ ← +
+

Pequeno Expediente

+

Data da fala

+
+
+
+

Pequeno Expediente

+

Data da fala · 12:34

+
+ NEEDS ASSET — miniatura real +
+
+

Cortes desta fala

+
+
+
+ Publicado00:48 +
+

Trecho selecionado da fala

+ Abrir corte +
+
+
+ Processando00:36 +
+

Trecho em preparação

+ Abrir corte +
+
+
+
+
-

CENA 07

Biblioteca de cortes · glimpse do destino

-

Biblioteca de cortes

Cortes guardados para editar, baixar e republicar

⌕

2 cortes encontrados

+
+

CENA 07

+

+ Biblioteca de cortes · glimpse do destino +

+
+
+
+ +
+
+
+

Biblioteca de cortes

+

+ Cortes guardados para editar, baixar e republicar +

+
+
+
+ +
+ ⌕ +
+
+ + +
+

2 cortes encontrados

+
+
+
+
diff --git a/docs/plans/acervo-encontrar-cortes.md b/docs/plans/acervo-encontrar-cortes.md index 1b728b1f..ba1304c4 100644 --- a/docs/plans/acervo-encontrar-cortes.md +++ b/docs/plans/acervo-encontrar-cortes.md @@ -48,8 +48,8 @@ Quatro pedidos da assessoria são o mesmo job: **achar e reaproveitar um corte q ## Dados (intenção) - **Vou apresentar dados?** Sim, superfície neste item: **uma lista paginada** (a biblioteca de cortes, já do C168) e **um resultado de busca** (cortes aninhados no acervo de falas). **Sem KPI agregado** — não há decisão que peça contagem/gráfico de cortes. -- **Decisões desbloqueadas:** assessoria escolhe *reusar/editar* vs *cortar de novo* ao ver o corte existente na fala; escolhe *abrir a biblioteca* vs seguir navegando ao vê-la no chrome. -- **Forma:** *adiada ao plano de implementação* — aqui só restrição de produto: contagem honesta na lista ("N cortes"), sem percentual/taxa. +- **Decisões desbloqueadas:** assessoria escolhe _reusar/editar_ vs _cortar de novo_ ao ver o corte existente na fala; escolhe _abrir a biblioteca_ vs seguir navegando ao vê-la no chrome. +- **Forma:** _adiada ao plano de implementação_ — aqui só restrição de produto: contagem honesta na lista ("N cortes"), sem percentual/taxa. ## Dados da decisão (literais) diff --git a/docs/plans/acervo-player-preview-do-trecho-ui-design.html b/docs/plans/acervo-player-preview-do-trecho-ui-design.html index e9b382c8..520de59e 100644 --- a/docs/plans/acervo-player-preview-do-trecho-ui-design.html +++ b/docs/plans/acervo-player-preview-do-trecho-ui-design.html @@ -47,21 +47,45 @@ --sidebar-foreground: #1c1917; } - * { box-sizing: border-box; } - body { font-family: var(--font-sans); } - svg { stroke-linecap: round; stroke-linejoin: round; } + * { + box-sizing: border-box; + } + body { + font-family: var(--font-sans); + } + svg { + stroke-linecap: round; + stroke-linejoin: round; + } .btn { @apply inline-flex min-h-10 shrink-0 items-center justify-center gap-1.5 rounded-lg border border-transparent px-2.5 text-sm font-medium whitespace-nowrap transition-colors; } - .btn-primary { @apply bg-primary text-primary-foreground; } - .btn-outline { @apply border-border bg-background text-foreground; } - .btn-secondary { @apply bg-secondary text-secondary-foreground; } - .icon { @apply size-4 shrink-0 fill-none stroke-current stroke-2; } - .scene-label { @apply mb-3 flex items-center gap-2 text-xs font-medium text-muted-foreground; } - .scene-label::before { content: ''; @apply h-px w-6 bg-border; } - .frame { @apply overflow-hidden rounded-xl border border-border bg-background; } - .selection-card { @apply rounded-lg border border-border bg-muted/30 p-3; } + .btn-primary { + @apply bg-primary text-primary-foreground; + } + .btn-outline { + @apply border-border bg-background text-foreground; + } + .btn-secondary { + @apply bg-secondary text-secondary-foreground; + } + .icon { + @apply size-4 shrink-0 fill-none stroke-current stroke-2; + } + .scene-label { + @apply mb-3 flex items-center gap-2 text-xs font-medium text-muted-foreground; + } + .scene-label::before { + content: ''; + @apply h-px w-6 bg-border; + } + .frame { + @apply overflow-hidden rounded-xl border border-border bg-background; + } + .selection-card { + @apply rounded-lg border border-border bg-muted/30 p-3; + } .video-placeholder { background: radial-gradient(circle at 50% 34%, rgb(255 255 255 / 9%), transparent 24%), @@ -73,28 +97,39 @@

C173 · Design de gate

-

Pré-visualizar o trecho selecionado

+

+ Pré-visualizar o trecho selecionado +

- Assessoria de comunicação confere o intervalo no mesmo player antes de compartilhar ou cortar. - O controle pertence à seleção; a fileira de ações permanece intacta. + Assessoria de comunicação confere o intervalo no mesmo player antes de compartilhar ou + cortar. O controle pertence à seleção; a fileira de ações permanece intacta.

-
Cena 01 · Desktop · viewport de referência 1280 px
+
+ Cena 01 · Desktop · viewport de referência 1280 px +
diff --git a/docs/plans/acervo-player-youtube-sem-parede-de-signin-ui-design.html b/docs/plans/acervo-player-youtube-sem-parede-de-signin-ui-design.html index 35daf8a5..87eaea2c 100644 --- a/docs/plans/acervo-player-youtube-sem-parede-de-signin-ui-design.html +++ b/docs/plans/acervo-player-youtube-sem-parede-de-signin-ui-design.html @@ -23,14 +23,18 @@ --color-sidebar-foreground: #1c1917; } - * { box-sizing: border-box; } - body { margin: 0; } + * { + box-sizing: border-box; + } + body { + margin: 0; + } .scene-label { @apply mb-3 flex items-center gap-2 text-xs font-medium text-muted-foreground; } .scene-label::before { - content: ""; + content: ''; @apply h-px w-5 bg-primary; } .btn { @@ -49,7 +53,7 @@ @apply relative flex aspect-video w-full cursor-pointer items-center justify-center overflow-hidden rounded-lg border bg-stone-900 outline-none transition-all; } .poster-facade::after { - content: ""; + content: ''; @apply pointer-events-none absolute inset-0 ring-0 ring-primary/50 ring-inset transition-all; } .poster-facade:hover::after, @@ -67,7 +71,12 @@ @apply ring-3 ring-ring/50; } @media (prefers-reduced-motion: reduce) { - *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } + *, + *::before, + *::after { + scroll-behavior: auto !important; + transition: none !important; + } } @@ -83,7 +92,9 @@ Câmara na página ou uma capa honesta com saída externa em um clique.

- + data-theme="campaign" @@ -91,20 +102,34 @@
-
Desktop (~1280px), cena A — trecho da Câmara tocando na página
-
+
+ Desktop (~1280px), cena A — trecho da Câmara tocando na página +
+
@@ -117,34 +142,93 @@

Discurso

-

Sessão plenária · duração da fala

+

+ Sessão plenária · duração da fala +

-
+
-
-
+
+
Trecho da Câmara Fonte oficial
-
- +
+
-
-
+
+
+
+
- + 01:42 / 04:31 - - + +
@@ -153,11 +237,26 @@
-

Se o vídeo não abrir aqui, assista por outro caminho:

-

O trecho da Câmara toca nesta página; o YouTube abre no ponto da fala.

+

+ Se o vídeo não abrir aqui, assista por outro caminho: +

+

+ O trecho da Câmara toca nesta página; o YouTube abre no ponto da fala. +

- + Abrir no YouTube
@@ -170,18 +269,47 @@
-

Transcrição (clique para posicionar)

+

+ Transcrição (clique para posicionar) +

-
01:42Trecho da fala em reprodução nesta página.
-
01:58A transcrição permanece disponível para posicionar o vídeo.
+
+ 01:42Trecho da fala em reprodução nesta página. +
+
+ 01:58A transcrição permanece disponível para posicionar o vídeo. +
@@ -192,26 +320,62 @@
-
Desktop, cena B — sem trecho da Câmara: capa clicável (hover/foco)
-
+
+ Desktop, cena B — sem trecho da Câmara: capa clicável (hover/foco) +
+

Discurso

Sessão plenária · data da fala

- @@ -219,22 +383,55 @@

Abrir no YouTube

- + Abrir no YouTube
-
+
+ +
-
-
+
Tema público · editorial neutro
@@ -94,8 +99,17 @@ class="mt-7 flex items-start gap-3 rounded-xl border border-stone-300 bg-white px-4 py-4 text-sm leading-6 text-stone-700" aria-label="Decisão sobre a superfície" > - - + @@ -120,25 +134,62 @@

Publicado · com link opcional da sessão

-
+
Jorge Solla -
-
+
-

Hotspot da correção: todo o plano do player até o crédito é branco neutro; a antiga área tintada não existe mais.

+

+ Hotspot da correção: todo o plano do player até + o crédito é branco neutro; a antiga área tintada não existe mais. +

@@ -229,40 +366,93 @@
-
+
Jorge Solla
-
- +
+ NEEDS ASSET · poster real - - + +
- +
0:00 / 2:14
-

+

Título do corte publicado

Discurso · 12/08/2026 · 2:14

- - + + Compartilhar no WhatsApp @@ -272,32 +462,72 @@

- - + + Copiar link - - + + Baixar arquivo (MP4)
- + Ver sessão no YouTube ↗ -
+

Fonte: Câmara dos Deputados · CC BY 4.0

-

Página não listada — o link circula, mas não é indexada nem aparece em buscas.

+

+ Página não listada — o link circula, mas não é indexada nem aparece em buscas. +

-
- dobra ~844 px +
+ dobra ~844 px
-
-
+
-
+
Jorge Solla
- - + -

+

Este corte não está disponível

O conteúdo pode ter sido removido ou o endereço não está correto.

- + Voltar ao início
@@ -353,7 +604,9 @@
-