/* global React, fmtViews, ytThumb */ // ============================================================ // TUCHO RESULTS PAGE — "Análise do Tucho" // Página de resultado quando o usuário faz uma busca via Tucho. // Aceita `data` como prop — não lê mais window.__TUCHO_RESULT__ // ============================================================ // ---------- ÍCONES AUXILIARES (placeholders neutros) ---------- const TR_Icon = { Video: () => ( ), Wrench: () => ( ), Bulb: () => ( ), Cog: () => ( ), Cause: () => ( ), Box: () => ( ), Time: () => ( ), Difficulty: () => ( ), CarTiny: () => ( ), Check: () => ( ), Crown: () => ( ), Arrow: () => ( ), }; // ---------- LATERAIS — barras de proporção ---------- function TrBarRow({ name, value, max = 100 }) { const w = Math.max(2, Math.min(100, (value / max) * 100)); return (
{name} {value}%
); } function TrSideBlock({ icon, title, children, footer }) { const Ico = icon; return (
{Ico && }

{title}

{children}
{footer &&
{footer}
}
); } // ---------- CARD DO VÍDEO — bloco grande (seção "Melhor para o seu carro") ---------- function TrBigVideoCard({ video, onOpen }) { const cap = video.thumbCaption || {}; return (
onOpen && onOpen(video)}>
{cap.line1}
{cap.line2}
{video.duration} ▶
{video.rank}

{video.title}

{video.matchLabel} {video.matchPercent}%

{video.whatYouWillLearn}

Aplicável a
{video.applicableTo.join(" · ")}
Nível
{video.difficulty}
Tempo médio
{video.estimatedTime}
); } // ---------- CARD DO VÍDEO — bloco médio (outras seções) ---------- function TrMidVideoCard({ video, onOpen }) { return (
onOpen && onOpen(video)}>
{video.duration} {video.carBadge && {video.carBadge}}
{video.matchLabel} {video.matchPercent}%

{video.title}

{video.whatYouWillLearn}

{video.difficulty} {video.estimatedTime && {video.estimatedTime}} {video.usefulTimestamp && ( {video.usefulTimestamp.label} {video.usefulTimestamp.time} )}
); } // ---------- HEADER da busca + resumo do Tucho ---------- function TrSearchSummary({ data }) { return (
SUA BUSCA
Tucho

“{data.query}”

Buscando em: {data.context.label}
{data.stats.videosFound}vídeos encontrados
{data.stats.causesIdentified}causas identificadas
{data.stats.overallMatchPercent}% compatibilidade média
); } // ---------- BARRA DE NAVEGAÇÃO INTERNA (voltar + modo) ---------- function TrTopNav({ onBack, breadcrumb }) { return ( <>
MODO DE VISUALIZAÇÃO:
e.preventDefault()}>DASHBOARD COMPLETO · e.preventDefault()}>TODOS OS DADOS
); } // ---------- BLOCOS INFERIORES (4 colunas) ---------- function TrFooterBlocks({ data, onAskAgain }) { return (
{/* Antes de assistir */}

Antes de assistir

    {data.beforeWatchingChecklist.map((c) => (
  • {c}
    • ))}
{/* Dificuldade */}

Dificuldade estimada

{data.estimatedDifficulty.label.toUpperCase()}

{data.estimatedDifficulty.description}

{/* Tempo médio */}

Tempo médio para resolver

{data.averageTimeToSolve.label}
{data.averageTimeToSolve.description}
{/* Precisa de mais ajuda? */}

Precisa de mais ajuda?

Pergunte ao Tucho com detalhes específicos do sintoma.

    {data.followUpSuggestions.map((s) => (
  • “{s}”
    • ))}
); } // ---------- PAINEL LATERAL TÉCNICO ---------- function TrSidePanel({ data }) { const hasCauses = data.probableCauses && data.probableCauses.length > 0; const hasTools = data.mostUsedTools && data.mostUsedTools.length > 0; const hasParts = data.relatedParts && data.relatedParts.length > 0; if (!hasCauses && !hasTools && !hasParts) return null; return ( ); } // ============================================================ // MAIN COMPONENT // Recebe `data` como prop (estrutura buildTuchoData() do app.jsx) // ============================================================ function TuchoResultsPage({ onBack, onOpen, data }) { if (!data) return null; const sec = data.sections || {}; const sec1 = sec.bestForCurrentVehicle || []; const sec2 = sec.sameProblemOtherVehicles || []; const sec3 = sec.relatedKnowledge || []; const section1Title = data.section1Label || 'Vídeos mais relevantes'; const hasSidebar = data.probableCauses && data.probableCauses.length > 0; // Mapeia o vídeo enriquecido de volta para o formato do VideoPage const handleOpen = (v) => { if (!onOpen) return; // _source é o objeto original do allVideos; usa-o se disponível onOpen(v._source || { id: v.ytId || v.id, title: v.title, duration: v.duration, }); }; return (
{/* Seção 1 — Vídeos mais relevantes / Melhor para o seu carro */} {sec1.length > 0 && (

{section1Title}

{data.context && data.context.label && ( ({data.context.label}) )}
{sec1.map((v) => ( ))}
)} {/* Seção 2 — Outros veículos / mais vídeos */} {sec2.length > 0 && (
02

{data.section2Label || 'Mais vídeos relacionados'}

{data.section2Sub || 'outros vídeos que podem ajudar'}
{sec2.map((v) => ( ))}
)} {/* Seção 3 — Conhecimento relacionado */} {sec3.length > 0 && (
03

Conhecimento relacionado

para entender melhor o sistema antes de pôr a mão
{sec3.map((v) => ( ))}
)}
Resultados gerados com base na análise de 766+ vídeos do canal Paulo's Garage · O Tucho está sempre aprendendo para te ajudar melhor!
{hasSidebar && (
)}
); } Object.assign(window, { TuchoResultsPage });