/* global React, Icon, Pill, fmt,
BlockCard, Punch, BigStat, TEAM */
const { useState: useStateTr, useEffect: useEffectTr, useMemo: useMemoTr } = React;
/* ============================================================
TRANSCRIPTIONS · All Hands + reuniões com clientes
----
Cole a transcrição (Meet, Zoom, gravação) e o Claude extrai
automaticamente: resumo, decisões, ações com responsável,
itens pra mural, próximos passos.
============================================================ */
const TRANSCRIPT_LS_KEY = 'beza_transcripts_v1';
function loadTranscripts() {
try { return JSON.parse(localStorage.getItem(TRANSCRIPT_LS_KEY) || '[]'); } catch { return []; }
}
function saveTranscripts(arr) {
try { localStorage.setItem(TRANSCRIPT_LS_KEY, JSON.stringify(arr)); } catch (e) {}
}
/* Histórico mock pra demonstrar */
const MOCK_HISTORY = [
{ id: 't1', kind: 'all-hands', date: '11 de maio', client: null, durationMin: 38, processedAt: 'há 4 dias' },
{ id: 't2', kind: 'cliente', date: '08 de maio', client: 'Soldado de Deus', contact: 'Robert L. Grier', durationMin: 42, processedAt: 'há 7 dias' },
{ id: 't3', kind: 'cliente', date: '06 de maio', client: 'Áurea Clínica', contact: 'Dra. Renata', durationMin: 28, processedAt: 'há 9 dias' },
{ id: 't4', kind: 'all-hands', date: '04 de maio', client: null, durationMin: 45, processedAt: 'há 11 dias' },
{ id: 't5', kind: 'cliente', date: '02 de maio', client: 'Wanderson Braga', contact: 'Wanderson', durationMin: 35, processedAt: 'há 13 dias' },
];
function SectionTranscriptions() {
const [tab, setTab] = useStateTr('upload');
const [kind, setKind] = useStateTr('all-hands');
const [client, setClient] = useStateTr('');
const [date, setDate] = useStateTr(new Date().toISOString().slice(0,10));
const [transcript, setTranscript] = useStateTr('');
const [result, setResult] = useStateTr(null);
const [processing, setProcessing] = useStateTr(false);
const processTranscript = (e) => {
e?.preventDefault();
if (!transcript.trim()) return;
setProcessing(true);
// Simula chamada ao Claude pra extrair dados
setTimeout(() => {
setResult({
kind,
client: client || null,
date,
durationEstimate: Math.max(5, Math.round(transcript.split(/\s+/).length / 150)),
summary: kind === 'all-hands'
? 'A semana teve um bom equilíbrio. Brady puxou o início do mês, Reinaldy sinalizou sobrecarga, decidimos antecipar entregas do Soldado pra dia 18. Possmozer USA confirmado pra começar dia 20.'
: `Reunião com ${client || 'cliente'}. Cliente sinalizou interesse em ampliar escopo. Definimos próximos passos pra junho, alinhamos prazos e tipos de entrega.`,
decisions: kind === 'all-hands' ? [
{ text: 'Brady · prioridade #1 da semana, Lucas dedica 3 dias completos', who: 'lucas' },
{ text: 'Banner do Pr. Anderson migra do Reinaldy pro Lucas (alivia Wanderson)', who: 'reinaldy' },
{ text: 'Entrega do Soldado adiantada pra dia 18 (em vez de 25)', who: 'grazi' },
] : [
{ text: 'Aprovado o aumento do escopo · +2 Reels/mês a partir de junho', who: null },
{ text: 'Sessão de fotos remarcada pra dia 22', who: null },
],
actions: kind === 'all-hands' ? [
{ text: 'Grazi revisar copy dos 4 carrosseis do Wanderson', who: 'grazi', due: 14 },
{ text: 'Reinaldy entregar 6 dos 12 carrosseis tirinha', who: 'reinaldy', due: 16 },
{ text: 'Lucas finalizar 10 reels do Brady', who: 'lucas', due: 15 },
{ text: 'Reunião Possmozer USA marcada pra quarta 16h', who: null, due: 14 },
] : [
{ text: 'Enviar contrato atualizado do escopo expandido', who: 'luan', due: 18 },
{ text: 'Reagendar sessão de fotos com a equipe', who: 'grazi', due: 16 },
{ text: 'Atualizar a ficha CRM com novas entregas mensais', who: 'grazi', due: 14 },
],
announcements: kind === 'all-hands' ? [
{ tone: 'success', text: 'Possmozer USA fechou contrato · onboarding dia 20' },
{ tone: 'warning', text: 'Café Graviola pausou contrato por 60 dias' },
{ tone: 'success', text: 'Soldado de Deus aprovou abril em 2 dias (recorde)' },
] : [],
keyTopics: kind === 'all-hands' ? ['carga do time', 'priorização brady', 'redistribuição de banner', 'novo cliente possmozer']
: ['expansão de escopo', 'novos prazos', 'fotos remarcadas'],
});
setProcessing(false);
}, 1800);
};
const saveResult = () => {
if (!result) return;
const entry = {
id: 'tr-' + Date.now(),
...result,
transcript,
savedAt: new Date().toISOString(),
};
const all = loadTranscripts();
saveTranscripts([entry, ...all]);
alert('Transcrição processada e salva.\n\n' +
(result.kind === 'all-hands'
? 'Decisões e ações foram adicionadas ao mural da All Hands.'
: `Adicionado ao CRM do ${result.client || 'cliente'}, aba Histórico.`));
setTranscript(''); setResult(null); setClient('');
};
const subtabs = [
{ id: 'upload', label: '✨ Processar nova' },
{ id: 'history', label: 'Histórico' },
];
return (
Cole a transcrição da All Hands ou de uma reunião com cliente. O Claude organiza em decisões, ações com prazo, avisos e atualiza automaticamente a Pauta ou o CRM.