2 lines
48 KiB
JavaScript
2 lines
48 KiB
JavaScript
import{j as e}from"./query-vendor-BLVqILA6.js";import{r as h,L as E}from"./router-vendor-D4by-_6Z.js";import{T as M}from"./ThemeToggle-Cryh6OOS.js";import{X as L,ac as V,a as y,o as v,A as B,m as w,S as I,ad as O,c,b as C,C as x,P as d,F as l,f as s,H as j,U as N,J as D,T as A,ae as Q,af as U,x as q,ag as R,a3 as z,ah as G,ai as S,aj as H,R as k,ak as $,h as J,al as P,n as W,am as X,an as _}from"./ui-vendor-CyRvbSfR.js";import"./react-vendor-CqRd3GwO.js";const r=[{id:"introducao",titulo:"Bem-vindo ao App RDO da TrackSteel",icone:e.jsx(y,{className:"w-5 h-5"}),conteudo:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-gradient-to-r from-blue-50 to-purple-50 dark:from-blue-900/20 dark:to-purple-900/20 rounded-2xl p-6 border border-blue-200/50 dark:border-blue-700/50",children:[e.jsx("h3",{className:"text-lg sm:text-xl font-semibold text-blue-900 dark:text-blue-100 mb-3",children:"🎉 Parabéns por escolher o App RDO!"}),e.jsx("p",{className:"text-gray-700 dark:text-gray-300 leading-relaxed",children:"Seu assistente completo para gerenciamento de obras e relatórios diários de obra (RDO). O App RDO é como ter um assistente pessoal que nunca esquece de nada e está sempre pronto para ajudar!"})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-4 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-2 flex items-center gap-2",children:[e.jsx(c,{className:"w-4 h-4 text-green-500"}),"O que você vai aprender"]}),e.jsxs("ul",{className:"text-sm text-gray-600 dark:text-gray-400 space-y-1",children:[e.jsx("li",{children:"• Como navegar pelo aplicativo"}),e.jsx("li",{children:"• Criar e gerenciar suas obras"}),e.jsx("li",{children:"• Fazer RDOs completos e profissionais"}),e.jsx("li",{children:"• Acompanhar progresso e métricas"}),e.jsx("li",{children:"• Trabalhar offline e sincronizar"})]})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-4 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-2 flex items-center gap-2",children:[e.jsx(C,{className:"w-4 h-4 text-blue-500"}),"Tempo de leitura"]}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"Este manual foi feito para ser lido como um livro. Reserve cerca de 15-20 minutos para uma leitura completa, ou navegue pelos capítulos conforme sua necessidade."})]})]})]})},{id:"primeiros-passos",titulo:"Primeiros Passos",icone:e.jsx(j,{className:"w-5 h-5"}),conteudo:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-gradient-to-r from-green-50 to-blue-50 dark:from-green-900/20 dark:to-blue-900/20 rounded-2xl p-6 border border-green-200/50 dark:border-green-700/50",children:[e.jsx("h3",{className:"text-lg sm:text-xl font-semibold text-green-900 dark:text-green-100 mb-3",children:"🚀 Vamos começar sua jornada!"}),e.jsx("p",{className:"text-gray-700 dark:text-gray-300 leading-relaxed",children:"Pense no App RDO como sua nova casa digital para gerenciar obras. Assim como quando você chega em uma casa nova, vamos fazer um tour pelos cômodos principais para você se sentir em casa!"})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(x,{className:"w-5 h-5 text-blue-500"}),"1. O Dashboard - Sua Central de Comando"]}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-3",children:"O Dashboard é como a sala de estar da sua casa - é onde você vê tudo que está acontecendo de uma só vez. Aqui você encontra:"}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-3 mb-4",children:[e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-900/20 rounded-lg p-3",children:[e.jsx("p",{className:"text-sm font-medium text-blue-900 dark:text-blue-100",children:"📊 Resumo das Obras"}),e.jsx("p",{className:"text-xs text-blue-700 dark:text-blue-300",children:"Quantas obras ativas, pausadas e concluídas"})]}),e.jsxs("div",{className:"bg-green-50 dark:bg-green-900/20 rounded-lg p-3",children:[e.jsx("p",{className:"text-sm font-medium text-green-900 dark:text-green-100",children:"📋 RDOs do Dia"}),e.jsx("p",{className:"text-xs text-green-700 dark:text-green-300",children:"Quantos relatórios foram feitos hoje"})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700/30 rounded-lg p-3",children:[e.jsx("h5",{className:"text-sm font-medium text-gray-900 dark:text-white mb-2",children:"🚀 Botões de Ação Rápida:"}),e.jsxs("div",{className:"grid grid-cols-2 gap-2 text-xs",children:[e.jsxs("div",{className:"flex items-center gap-1 text-blue-700 dark:text-blue-300",children:[e.jsx(d,{className:"w-3 h-3"}),e.jsx("span",{children:"Novo RDO"})]}),e.jsxs("div",{className:"flex items-center gap-1 text-purple-700 dark:text-purple-300",children:[e.jsx(d,{className:"w-3 h-3"}),e.jsx("span",{children:"Nova Obra"})]}),e.jsxs("div",{className:"flex items-center gap-1 text-green-700 dark:text-green-300",children:[e.jsx(l,{className:"w-3 h-3"}),e.jsx("span",{children:"Apontar Tarefa"})]}),e.jsxs("div",{className:"flex items-center gap-1 text-gray-700 dark:text-gray-300",children:[e.jsx(s,{className:"w-3 h-3"}),e.jsx("span",{children:"Configurações"})]})]})]})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(s,{className:"w-5 h-5 text-purple-500"}),"2. Botões Importantes no Topo"]}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-3",children:"No canto superior direito, você encontra três botões essenciais:"}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"flex items-center gap-3 p-2 bg-gray-50 dark:bg-gray-700/50 rounded-lg",children:[e.jsx(y,{className:"w-4 h-4 text-blue-500"}),e.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-white",children:"Manual"}),e.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:"- Este botão que você clicou para chegar aqui!"})]}),e.jsxs("div",{className:"flex items-center gap-3 p-2 bg-gray-50 dark:bg-gray-700/50 rounded-lg",children:[e.jsx(s,{className:"w-4 h-4 text-gray-500"}),e.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-white",children:"Configurações"}),e.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:"- Para personalizar listas e opções"})]})]})]})]})]})},{id:"criando-obra",titulo:"Criando sua Primeira Obra",icone:e.jsx(d,{className:"w-5 h-5"}),conteudo:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-gradient-to-r from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 rounded-2xl p-6 border border-purple-200/50 dark:border-purple-700/50",children:[e.jsx("h3",{className:"text-lg sm:text-xl font-semibold text-purple-900 dark:text-purple-100 mb-3",children:"🏗️ Hora de criar sua primeira obra!"}),e.jsx("p",{className:"text-gray-700 dark:text-gray-300 leading-relaxed",children:"Criar uma obra no app é como plantar uma semente em um jardim. Você vai dar todas as informações necessárias para que ela cresça e seja bem cuidada durante todo o processo."})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm",children:"1"}),'Encontre o Botão "Nova Obra"']}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-3",children:'No Dashboard, procure pelo botão azul "Nova Obra" no canto superior direito da seção "Suas Obras". É como um botão mágico que abre as portas para sua nova construção!'}),e.jsx("div",{className:"bg-blue-50 dark:bg-blue-900/20 rounded-lg p-3",children:e.jsxs("p",{className:"text-sm text-blue-800 dark:text-blue-200 flex items-center gap-2",children:[e.jsx(d,{className:"w-4 h-4"}),e.jsx("strong",{children:"Dica:"}),' O botão tem um ícone de "+" e é bem visível!']})})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"bg-blue-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm",children:"2"}),"Preencha as Informações"]}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-3",children:"Quando clicar no botão, uma janela vai aparecer pedindo algumas informações básicas. É como preencher uma ficha de identificação da sua obra:"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700/50 rounded-lg p-3",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-white",children:"📝 Nome da Obra"}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400",children:'Ex: "Edifício Residencial Aurora"'})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700/50 rounded-lg p-3",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-white",children:"📍 Endereço"}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400",children:"Onde a obra está localizada"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700/50 rounded-lg p-3",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-white",children:"👤 Cliente"}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400",children:"Quem contratou a obra"})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700/50 rounded-lg p-3",children:[e.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-white",children:"📅 Datas"}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400",children:"Início e fim previsto"})]})]})]})]})]})]})},{id:"fazendo-rdo",titulo:"Fazendo seu Primeiro RDO",icone:e.jsx(l,{className:"w-5 h-5"}),conteudo:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-gradient-to-r from-orange-50 to-red-50 dark:from-orange-900/20 dark:to-red-900/20 rounded-2xl p-6 border border-orange-200/50 dark:border-orange-700/50",children:[e.jsx("h3",{className:"text-lg sm:text-xl font-semibold text-orange-900 dark:text-orange-100 mb-3",children:"📋 Seu primeiro Relatório Diário de Obra!"}),e.jsx("p",{className:"text-gray-700 dark:text-gray-300 leading-relaxed",children:"O RDO é como um diário da sua obra. Imagine que você está contando para um amigo tudo que aconteceu no canteiro hoje - quem trabalhou, que atividades foram feitas, se choveu, se houve algum problema..."})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"bg-orange-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm",children:"1"}),"Acesse a Obra"]}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-3",children:"No Dashboard, você verá todas as suas obras em cartões. Cada cartão tem dois botões importantes:"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-3",children:[e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-900/20 rounded-lg p-3 flex items-center gap-3",children:[e.jsx(d,{className:"w-5 h-5 text-blue-600"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-blue-900 dark:text-blue-100",children:"Criar RDO"}),e.jsx("p",{className:"text-xs text-blue-700 dark:text-blue-300",children:"Para fazer um novo relatório"})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-700/50 rounded-lg p-3 flex items-center gap-3",children:[e.jsx(l,{className:"w-5 h-5 text-gray-600"}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm font-medium text-gray-900 dark:text-white",children:"Ver Detalhes"}),e.jsx("p",{className:"text-xs text-gray-600 dark:text-gray-400",children:"Para ver todos os RDOs"})]})]})]})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx("span",{className:"bg-orange-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-sm",children:"2"}),"Preencha o Relatório"]}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-3",children:"O RDO é organizado em seções expansíveis para facilitar o preenchimento:"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"bg-green-50 dark:bg-green-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-green-900 dark:text-green-100 mb-1 flex items-center gap-2",children:[e.jsx(l,{className:"w-4 h-4"}),"Informações Básicas"]}),e.jsx("p",{className:"text-xs text-green-700 dark:text-green-300",children:"Data, condições climáticas e observações gerais"})]}),e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-blue-900 dark:text-blue-100 mb-1 flex items-center gap-2",children:[e.jsx(s,{className:"w-4 h-4"}),"Atividades Executadas"]}),e.jsx("p",{className:"text-xs text-blue-700 dark:text-blue-300",children:"Tipo, localização e descrição das atividades"})]}),e.jsxs("div",{className:"bg-purple-50 dark:bg-purple-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-purple-900 dark:text-purple-100 mb-1 flex items-center gap-2",children:[e.jsx(N,{className:"w-4 h-4"}),"Mão de Obra & Equipamentos"]}),e.jsx("p",{className:"text-xs text-purple-700 dark:text-purple-300",children:"Equipe, funções, horas e equipamentos utilizados"})]}),e.jsxs("div",{className:"bg-orange-50 dark:bg-orange-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-orange-900 dark:text-orange-100 mb-1 flex items-center gap-2",children:[e.jsx(D,{className:"w-4 h-4"}),"Inspeção de Qualidade"]}),e.jsx("p",{className:"text-xs text-orange-700 dark:text-orange-300",children:"Controle de soldas, torque e qualidade"})]}),e.jsxs("div",{className:"bg-red-50 dark:bg-red-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-red-900 dark:text-red-100 mb-1 flex items-center gap-2",children:[e.jsx(A,{className:"w-4 h-4"}),"Ocorrências & Anexos"]}),e.jsx("p",{className:"text-xs text-red-700 dark:text-red-300",children:"Incidentes, fotos e documentos"})]})]})]})]})]})},{id:"acompanhando-progresso",titulo:"Acompanhando o Progresso",icone:e.jsx(x,{className:"w-5 h-5"}),conteudo:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-gradient-to-r from-teal-50 to-cyan-50 dark:from-teal-900/20 dark:to-cyan-900/20 rounded-2xl p-6 border border-teal-200/50 dark:border-teal-700/50",children:[e.jsx("h3",{className:"text-lg sm:text-xl font-semibold text-teal-900 dark:text-teal-100 mb-3",children:"📈 Vendo sua obra crescer!"}),e.jsx("p",{className:"text-gray-700 dark:text-gray-300 leading-relaxed",children:"Acompanhar o progresso da obra é como assistir uma planta crescer. A cada dia, você pode ver o quanto avançou e o que ainda falta para chegar ao final. O app te mostra isso de forma visual e fácil!"})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(x,{className:"w-5 h-5 text-teal-500"}),"Sistema de Relatórios Avançado"]}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-3",children:"Acesse relatórios detalhados com filtros personalizáveis e exportação em múltiplos formatos:"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 mb-4",children:[e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg",children:[e.jsxs("h5",{className:"font-semibold text-blue-900 dark:text-blue-300 mb-2 flex items-center gap-2",children:[e.jsx(Q,{className:"w-4 h-4"}),"Relatório de Produtividade"]}),e.jsx("p",{className:"text-sm text-blue-800 dark:text-blue-200",children:"Análise de rendimento por equipe, atividade e período com gráficos interativos."})]}),e.jsxs("div",{className:"bg-green-50 dark:bg-green-900/20 p-4 rounded-lg",children:[e.jsxs("h5",{className:"font-semibold text-green-900 dark:text-green-300 mb-2 flex items-center gap-2",children:[e.jsx(U,{className:"w-4 h-4"}),"Relatório Financeiro"]}),e.jsx("p",{className:"text-sm text-green-800 dark:text-green-200",children:"Controle de custos, orçamento vs realizado e projeções financeiras."})]}),e.jsxs("div",{className:"bg-purple-50 dark:bg-purple-900/20 p-4 rounded-lg",children:[e.jsxs("h5",{className:"font-semibold text-purple-900 dark:text-purple-300 mb-2 flex items-center gap-2",children:[e.jsx(q,{className:"w-4 h-4"}),"Relatório de Equipamentos"]}),e.jsx("p",{className:"text-sm text-purple-800 dark:text-purple-200",children:"Utilização, manutenção e custos operacionais dos equipamentos."})]}),e.jsxs("div",{className:"bg-orange-50 dark:bg-orange-900/20 p-4 rounded-lg",children:[e.jsxs("h5",{className:"font-semibold text-orange-900 dark:text-orange-300 mb-2 flex items-center gap-2",children:[e.jsx(R,{className:"w-4 h-4"}),"Relatório de Obras"]}),e.jsx("p",{className:"text-sm text-orange-800 dark:text-orange-200",children:"Progresso geral, marcos e cronograma de cada obra."})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-800/50 p-4 rounded-lg",children:[e.jsxs("h5",{className:"font-semibold text-gray-900 dark:text-gray-300 mb-2 flex items-center gap-2",children:[e.jsx(z,{className:"w-4 h-4"}),"Exportação Flexível"]}),e.jsx("p",{className:"text-sm text-gray-700 dark:text-gray-400 mb-2",children:"Exporte seus relatórios em diferentes formatos:"}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx("span",{className:"px-2 py-1 bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300 text-xs rounded",children:"PDF"}),e.jsx("span",{className:"px-2 py-1 bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300 text-xs rounded",children:"Excel"}),e.jsx("span",{className:"px-2 py-1 bg-purple-100 dark:bg-purple-900/30 text-purple-800 dark:text-purple-300 text-xs rounded",children:"CSV"}),e.jsx("span",{className:"px-2 py-1 bg-orange-100 dark:bg-orange-900/30 text-orange-800 dark:text-orange-300 text-xs rounded",children:"JSON"})]})]})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(N,{className:"w-5 h-5 text-blue-500"}),"Status das Obras"]}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-3",children:"Cada obra tem um status que te conta rapidamente como ela está:"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3",children:[e.jsxs("div",{className:"bg-green-50 dark:bg-green-900/20 rounded-lg p-3 text-center",children:[e.jsx("div",{className:"w-3 h-3 bg-green-500 rounded-full mx-auto mb-2"}),e.jsx("p",{className:"text-sm font-medium text-green-900 dark:text-green-100",children:"Ativa"}),e.jsx("p",{className:"text-xs text-green-700 dark:text-green-300",children:"Trabalhando normalmente"})]}),e.jsxs("div",{className:"bg-yellow-50 dark:bg-yellow-900/20 rounded-lg p-3 text-center",children:[e.jsx("div",{className:"w-3 h-3 bg-yellow-500 rounded-full mx-auto mb-2"}),e.jsx("p",{className:"text-sm font-medium text-yellow-900 dark:text-yellow-100",children:"Pausada"}),e.jsx("p",{className:"text-xs text-yellow-700 dark:text-yellow-300",children:"Temporariamente parada"})]}),e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-900/20 rounded-lg p-3 text-center",children:[e.jsx("div",{className:"w-3 h-3 bg-blue-500 rounded-full mx-auto mb-2"}),e.jsx("p",{className:"text-sm font-medium text-blue-900 dark:text-blue-100",children:"Concluída"}),e.jsx("p",{className:"text-xs text-blue-700 dark:text-blue-300",children:"Obra finalizada"})]})]})]})]})]})},{id:"configuracoes",titulo:"Personalizando o App",icone:e.jsx(s,{className:"w-5 h-5"}),conteudo:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-gradient-to-r from-indigo-50 to-blue-50 dark:from-indigo-900/20 dark:to-blue-900/20 rounded-2xl p-6 border border-indigo-200/50 dark:border-indigo-700/50",children:[e.jsx("h3",{className:"text-lg sm:text-xl font-semibold text-indigo-900 dark:text-indigo-100 mb-3",children:"⚙️ Deixando o app com a sua cara!"}),e.jsx("p",{className:"text-gray-700 dark:text-gray-300 leading-relaxed",children:"As configurações são como o armário de ferramentas do app. Aqui você pode personalizar listas, adicionar novos tipos de atividades e deixar tudo do jeito que funciona melhor para você!"})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(s,{className:"w-5 h-5 text-indigo-500"}),"Acessando as Configurações"]}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-3",children:'Clique no botão "Configurações" no canto superior direito do Dashboard. É como abrir a gaveta de ferramentas para ajustar o que precisar!'}),e.jsx("div",{className:"bg-indigo-50 dark:bg-indigo-900/20 rounded-lg p-3",children:e.jsxs("p",{className:"text-sm text-indigo-800 dark:text-indigo-200 flex items-center gap-2",children:[e.jsx(s,{className:"w-4 h-4"}),e.jsx("strong",{children:"Lembre-se:"})," Só administradores podem acessar as configurações!"]})})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(s,{className:"w-5 h-5 text-purple-500"}),"Centro de Configurações"]}),e.jsx("p",{className:"text-gray-600 dark:text-gray-400 mb-3",children:"Personalize completamente o sistema com configurações organizadas por categoria:"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-3 mb-4",children:[e.jsxs("div",{className:"bg-purple-50 dark:bg-purple-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-purple-900 dark:text-purple-100 flex items-center gap-2",children:[e.jsx(l,{className:"w-4 h-4"}),"Tipos de Atividade"]}),e.jsx("p",{className:"text-xs text-purple-700 dark:text-purple-300",children:"Soldas, montagem, pintura, estruturas"})]}),e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-blue-900 dark:text-blue-100 flex items-center gap-2",children:[e.jsx(G,{className:"w-4 h-4"}),"Condições Climáticas"]}),e.jsx("p",{className:"text-xs text-blue-700 dark:text-blue-300",children:"Sol, chuva, vento, nublado, garoa"})]}),e.jsxs("div",{className:"bg-green-50 dark:bg-green-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-green-900 dark:text-green-100 flex items-center gap-2",children:[e.jsx(N,{className:"w-4 h-4"}),"Funções da Equipe"]}),e.jsx("p",{className:"text-xs text-green-700 dark:text-green-300",children:"Soldador, montador, operador, técnico"})]}),e.jsxs("div",{className:"bg-orange-50 dark:bg-orange-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-orange-900 dark:text-orange-100 flex items-center gap-2",children:[e.jsx(q,{className:"w-4 h-4"}),"Equipamentos"]}),e.jsx("p",{className:"text-xs text-orange-700 dark:text-orange-300",children:"Guindastes, soldas, compressores"})]}),e.jsxs("div",{className:"bg-red-50 dark:bg-red-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-red-900 dark:text-red-100 flex items-center gap-2",children:[e.jsx(A,{className:"w-4 h-4"}),"Tipos de Ocorrência"]}),e.jsx("p",{className:"text-xs text-red-700 dark:text-red-300",children:"Incidentes, não conformidades, paradas"})]}),e.jsxs("div",{className:"bg-teal-50 dark:bg-teal-900/20 rounded-lg p-3",children:[e.jsxs("p",{className:"text-sm font-medium text-teal-900 dark:text-teal-100 flex items-center gap-2",children:[e.jsx(R,{className:"w-4 h-4"}),"Localizações"]}),e.jsx("p",{className:"text-xs text-teal-700 dark:text-teal-300",children:"Eixos, pavimentos, setores da obra"})]})]}),e.jsxs("div",{className:"bg-gray-50 dark:bg-gray-800/50 p-4 rounded-lg",children:[e.jsxs("h5",{className:"font-semibold text-gray-900 dark:text-gray-300 mb-2 flex items-center gap-2",children:[e.jsx(z,{className:"w-4 h-4"}),"Backup e Restauração"]}),e.jsx("p",{className:"text-sm text-gray-700 dark:text-gray-400 mb-2",children:"Gerencie suas configurações:"}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx("span",{className:"px-2 py-1 bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300 text-xs rounded",children:"Exportar Configurações"}),e.jsx("span",{className:"px-2 py-1 bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300 text-xs rounded",children:"Importar Configurações"}),e.jsx("span",{className:"px-2 py-1 bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300 text-xs rounded",children:"Restaurar Padrões"})]})]})]})]})]})},{id:"offline",titulo:"Modo Offline",icone:e.jsx(P,{className:"w-5 h-5"}),conteudo:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-gradient-to-r from-orange-50 to-red-50 dark:from-orange-900/20 dark:to-red-900/20 rounded-2xl p-6 border border-orange-200/50 dark:border-orange-700/50",children:[e.jsx("h3",{className:"text-lg sm:text-xl font-semibold text-orange-900 dark:text-orange-100 mb-3",children:"📱 Trabalhe sem internet!"}),e.jsx("p",{className:"text-gray-700 dark:text-gray-300 leading-relaxed",children:"O App RDO funciona completamente offline. Crie RDOs, gerencie obras e configure o sistema mesmo sem conexão com a internet. Quando a conexão voltar, tudo será sincronizado automaticamente!"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md p-6 rounded-xl border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-4 flex items-center gap-2",children:[e.jsx(S,{className:"w-5 h-5 text-blue-600 dark:text-blue-400"}),"Armazenamento Local"]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg border-l-4 border-blue-400",children:[e.jsxs("h5",{className:"font-semibold text-blue-900 dark:text-blue-300 mb-2 flex items-center gap-2",children:[e.jsx(H,{className:"w-4 h-4"}),"Dados Seguros"]}),e.jsx("p",{className:"text-sm text-blue-800 dark:text-blue-200",children:"Todos os seus dados ficam salvos no dispositivo. RDOs, obras, configurações - tudo fica disponível offline."})]}),e.jsxs("div",{className:"bg-green-50 dark:bg-green-900/20 p-4 rounded-lg border-l-4 border-green-400",children:[e.jsxs("h5",{className:"font-semibold text-green-900 dark:text-green-300 mb-2 flex items-center gap-2",children:[e.jsx(D,{className:"w-4 h-4"}),"Sem Perda de Dados"]}),e.jsx("p",{className:"text-sm text-green-800 dark:text-green-200",children:"Mesmo que a internet caia no meio do trabalho, seus dados estão protegidos e salvos localmente."})]})]})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md p-6 rounded-xl border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-4 flex items-center gap-2",children:[e.jsx(k,{className:"w-5 h-5 text-green-600 dark:text-green-400"}),"Sincronização Inteligente"]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"bg-orange-50 dark:bg-orange-900/20 p-4 rounded-lg border-l-4 border-orange-400",children:[e.jsxs("h5",{className:"font-semibold text-orange-900 dark:text-orange-300 mb-2 flex items-center gap-2",children:[e.jsx($,{className:"w-4 h-4"}),"Status Visível"]}),e.jsx("p",{className:"text-sm text-orange-800 dark:text-orange-200",children:"Veja o indicador de conexão no canto da tela. Ele mostra quantas operações estão aguardando sincronização."})]}),e.jsxs("div",{className:"bg-purple-50 dark:bg-purple-900/20 p-4 rounded-lg border-l-4 border-purple-400",children:[e.jsxs("h5",{className:"font-semibold text-purple-900 dark:text-purple-300 mb-2 flex items-center gap-2",children:[e.jsx(k,{className:"w-4 h-4"}),"Sync Automático"]}),e.jsx("p",{className:"text-sm text-purple-800 dark:text-purple-200",children:"Quando a internet voltar, o sistema sincroniza automaticamente todos os dados pendentes em segundo plano."})]})]})]})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md p-6 rounded-xl border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-4 flex items-center gap-2",children:[e.jsx(s,{className:"w-5 h-5 text-purple-600 dark:text-purple-400"}),"Gerenciamento Offline"]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"bg-blue-50 dark:bg-blue-900/20 p-4 rounded-lg text-center",children:[e.jsx("div",{className:"w-12 h-12 bg-blue-100 dark:bg-blue-800/50 rounded-full flex items-center justify-center mx-auto mb-3",children:e.jsx(S,{className:"w-6 h-6 text-blue-600 dark:text-blue-400"})}),e.jsx("h5",{className:"font-semibold text-blue-900 dark:text-blue-300 mb-2",children:"Cache Local"}),e.jsx("p",{className:"text-sm text-blue-800 dark:text-blue-200",children:"Visualize o tamanho do cache e dados armazenados localmente"})]}),e.jsxs("div",{className:"bg-green-50 dark:bg-green-900/20 p-4 rounded-lg text-center",children:[e.jsx("div",{className:"w-12 h-12 bg-green-100 dark:bg-green-800/50 rounded-full flex items-center justify-center mx-auto mb-3",children:e.jsx(k,{className:"w-6 h-6 text-green-600 dark:text-green-400"})}),e.jsx("h5",{className:"font-semibold text-green-900 dark:text-green-300 mb-2",children:"Sync Manual"}),e.jsx("p",{className:"text-sm text-green-800 dark:text-green-200",children:"Force a sincronização quando necessário através do painel de status"})]}),e.jsxs("div",{className:"bg-red-50 dark:bg-red-900/20 p-4 rounded-lg text-center",children:[e.jsx("div",{className:"w-12 h-12 bg-red-100 dark:bg-red-800/50 rounded-full flex items-center justify-center mx-auto mb-3",children:e.jsx(J,{className:"w-6 h-6 text-red-600 dark:text-red-400"})}),e.jsx("h5",{className:"font-semibold text-red-900 dark:text-red-300 mb-2",children:"Limpar Cache"}),e.jsx("p",{className:"text-sm text-red-800 dark:text-red-200",children:"Limpe o cache local quando necessário para liberar espaço"})]})]})]})]})},{id:"dicas",titulo:"Dicas e Truques",icone:e.jsx(_,{className:"w-5 h-5"}),conteudo:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-gradient-to-r from-emerald-50 to-teal-50 dark:from-emerald-900/20 dark:to-teal-900/20 rounded-2xl p-6 border border-emerald-200/50 dark:border-emerald-700/50",children:[e.jsx("h3",{className:"text-lg sm:text-xl font-semibold text-emerald-900 dark:text-emerald-100 mb-3",children:"💡 Segredos para usar o app como um profissional!"}),e.jsx("p",{className:"text-gray-700 dark:text-gray-300 leading-relaxed",children:"Aqui estão algumas dicas especiais que vão fazer você usar o App RDO como um verdadeiro expert. São pequenos truques que fazem uma grande diferença no dia a dia!"})]}),e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:[e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(C,{className:"w-5 h-5 text-blue-500"}),"⏰ RDOs Diários"]}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-2",children:"Use as seções expansíveis para organizar melhor as informações. Preencha sempre no final do expediente!"}),e.jsx("div",{className:"bg-blue-50 dark:bg-blue-900/20 rounded-lg p-2",children:e.jsxs("p",{className:"text-xs text-blue-800 dark:text-blue-200",children:[e.jsx("strong",{children:"Dica:"})," Clique nas setas para expandir/recolher seções!"]})})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(P,{className:"w-5 h-5 text-green-500"}),"📱 Modo Offline"]}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-2",children:"Trabalhe sem internet! O app sincroniza automaticamente quando a conexão voltar."}),e.jsx("div",{className:"bg-green-50 dark:bg-green-900/20 rounded-lg p-2",children:e.jsxs("p",{className:"text-xs text-green-800 dark:text-green-200",children:[e.jsx("strong",{children:"Status:"})," Monitore o indicador no canto da tela!"]})})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(W,{className:"w-5 h-5 text-purple-500"}),"📸 Fotos & Anexos"]}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-2",children:"Anexe fotos aos RDOs para documentar o progresso. Especialmente útil para inspeções!"}),e.jsx("div",{className:"bg-purple-50 dark:bg-purple-900/20 rounded-lg p-2",children:e.jsxs("p",{className:"text-xs text-purple-800 dark:text-purple-200",children:[e.jsx("strong",{children:"Tip:"})," Fotos antes/depois são muito valiosas!"]})})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(s,{className:"w-5 h-5 text-orange-500"}),"⚙️ Personalize Tudo"]}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-2",children:"Configure tipos de atividades, condições climáticas e outros parâmetros nas configurações."}),e.jsx("div",{className:"bg-orange-50 dark:bg-orange-900/20 rounded-lg p-2",children:e.jsxs("p",{className:"text-xs text-orange-800 dark:text-orange-200",children:[e.jsx("strong",{children:"Estratégia:"})," Adapte às necessidades da sua obra!"]})})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(x,{className:"w-5 h-5 text-red-500"}),"📊 Relatórios Avançados"]}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-2",children:"Explore diferentes tipos de relatórios e formatos de exportação (PDF, Excel, CSV, JSON)."}),e.jsx("div",{className:"bg-red-50 dark:bg-red-900/20 rounded-lg p-2",children:e.jsxs("p",{className:"text-xs text-red-800 dark:text-red-200",children:[e.jsx("strong",{children:"Filtros:"})," Use filtros para relatórios específicos!"]})})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(X,{className:"w-5 h-5 text-indigo-500"}),"🌙 Modo Escuro"]}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-2",children:"Alterne entre temas claro e escuro para trabalhar confortavelmente em qualquer ambiente."}),e.jsx("div",{className:"bg-indigo-50 dark:bg-indigo-900/20 rounded-lg p-2",children:e.jsxs("p",{className:"text-xs text-indigo-800 dark:text-indigo-200",children:[e.jsx("strong",{children:"Conforto:"})," Reduz cansaço visual durante uso prolongado!"]})})]})]}),e.jsxs("div",{className:"bg-gradient-to-r from-yellow-50 to-orange-50 dark:from-yellow-900/20 dark:to-orange-900/20 rounded-xl p-5 border border-yellow-200/50 dark:border-yellow-700/50",children:[e.jsxs("h4",{className:"font-semibold text-yellow-900 dark:text-yellow-100 mb-3 flex items-center gap-2",children:[e.jsx(c,{className:"w-5 h-5"}),"🎯 Dica de Ouro"]}),e.jsxs("p",{className:"text-yellow-800 dark:text-yellow-200 text-sm",children:[e.jsx("strong",{children:"O segredo do sucesso:"})," Use o app todos os dias, mesmo que seja só para dar uma olhada rápida. Assim você sempre sabe como suas obras estão andando e pode tomar decisões mais inteligentes!"]})]})]})},{id:"conclusao",titulo:"Parabéns! Você chegou ao fim",icone:e.jsx(c,{className:"w-5 h-5"}),conteudo:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"bg-gradient-to-r from-green-50 to-emerald-50 dark:from-green-900/20 dark:to-emerald-900/20 rounded-2xl p-6 border border-green-200/50 dark:border-green-700/50",children:[e.jsx("h3",{className:"text-lg sm:text-xl font-semibold text-green-900 dark:text-green-100 mb-3",children:"🎉 Parabéns, você é agora um usuário expert do App RDO!"}),e.jsx("p",{className:"text-gray-700 dark:text-gray-300 leading-relaxed",children:"Você chegou ao final deste manual e agora tem todas as ferramentas necessárias para usar o App RDO como um verdadeiro profissional. É hora de colocar a mão na massa!"})]}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(c,{className:"w-5 h-5 text-green-500"}),"✅ O que você aprendeu"]}),e.jsxs("ul",{className:"text-sm text-gray-600 dark:text-gray-400 space-y-1",children:[e.jsx("li",{children:"• Como navegar pelo Dashboard"}),e.jsx("li",{children:"• Criar e gerenciar obras"}),e.jsx("li",{children:"• Fazer RDOs completos"}),e.jsx("li",{children:"• Acompanhar o progresso"}),e.jsx("li",{children:"• Personalizar configurações"}),e.jsx("li",{children:"• Dicas de uso profissional"})]})]}),e.jsxs("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl p-5 border border-gray-200/50 dark:border-gray-700/50",children:[e.jsxs("h4",{className:"font-semibold text-gray-900 dark:text-white mb-3 flex items-center gap-2",children:[e.jsx(j,{className:"w-5 h-5 text-blue-500"}),"🚀 Próximos passos"]}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Agora é hora de praticar! Comece criando sua primeira obra e fazendo seu primeiro RDO. Lembre-se: a prática leva à perfeição!"}),e.jsxs(E,{to:"/",className:"inline-flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors text-sm font-medium",children:[e.jsx(j,{className:"w-4 h-4"}),"Voltar ao Dashboard"]})]})]}),e.jsxs("div",{className:"bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 rounded-xl p-5 border border-blue-200/50 dark:border-blue-700/50 text-center",children:[e.jsx("h4",{className:"font-semibold text-blue-900 dark:text-blue-100 mb-2",children:"💙 Obrigado por usar o App RDO!"}),e.jsx("p",{className:"text-sm text-blue-800 dark:text-blue-200",children:'Este manual sempre estará aqui quando você precisar. Clique no botão "Manual" no Dashboard sempre que quiser revisar algum conceito ou descobrir algo novo!'})]})]})}];function se(){const[t,m]=h.useState("introducao"),[o,g]=h.useState(!1),[f,T]=h.useState(""),F=r.filter(a=>a.titulo.toLowerCase().includes(f.toLowerCase())),b=r.find(a=>a.id===t)||r[0],i=r.findIndex(a=>a.id===t),p=r[i+1],u=r[i-1];return e.jsxs("div",{className:"min-h-screen bg-gradient-to-br from-blue-50 via-white to-purple-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900 w-full overflow-x-hidden",children:[e.jsx("div",{className:"bg-white/80 dark:bg-gray-800/80 backdrop-blur-md border-b border-gray-200/50 dark:border-gray-700/50 sticky top-0 z-40",children:e.jsxs("div",{className:"px-4 sm:px-6 py-3 sm:py-4 flex items-center justify-between min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-2 sm:gap-4 min-w-0",children:[e.jsx("button",{onClick:()=>g(!o),className:"lg:hidden p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-xl transition-colors",children:o?e.jsx(L,{className:"w-4 h-4 sm:w-5 sm:h-5"}):e.jsx(V,{className:"w-4 h-4 sm:w-5 sm:h-5"})}),e.jsxs("div",{children:[e.jsxs("h1",{className:"text-lg sm:text-xl lg:text-2xl font-bold text-gray-900 dark:text-white flex items-center gap-2 min-w-0",children:[e.jsx(y,{className:"w-5 h-5 sm:w-6 sm:h-6 text-blue-600"}),e.jsx("span",{className:"hidden xs:inline",children:"Manual do App RDO"}),e.jsx("span",{className:"xs:hidden",children:"Manual"})]}),e.jsx("p",{className:"text-xs sm:text-sm text-gray-600 dark:text-gray-300 hidden sm:block",children:"Guia completo para usar o aplicativo"})]})]}),e.jsxs("div",{className:"flex items-center gap-2 sm:gap-3",children:[e.jsxs(E,{to:"/",className:"flex items-center gap-1 sm:gap-2 px-2 sm:px-3 lg:px-4 py-2 bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl border border-gray-200/50 dark:border-gray-700/50 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-xs sm:text-sm font-medium text-gray-700 dark:text-gray-300",title:"Voltar ao Dashboard",children:[e.jsx(v,{className:"w-3 h-3 sm:w-4 sm:h-4"}),e.jsx("span",{className:"hidden sm:inline",children:"Dashboard"})]}),e.jsx(M,{})]})]})}),e.jsxs("div",{className:"flex",children:[e.jsx(B,{children:(o||window.innerWidth>=1024)&&e.jsx(w.div,{initial:{x:-300,opacity:0},animate:{x:0,opacity:1},exit:{x:-300,opacity:0},transition:{type:"spring",damping:25,stiffness:200},className:"fixed lg:sticky top-[65px] sm:top-[73px] left-0 h-[calc(100vh-65px)] sm:h-[calc(100vh-73px)] w-full sm:w-80 lg:w-80 bg-white/80 dark:bg-gray-800/80 backdrop-blur-md border-r border-gray-200/50 dark:border-gray-700/50 z-30 lg:z-auto overflow-y-auto",children:e.jsxs("div",{className:"p-3 sm:p-4 space-y-3 sm:space-y-4",children:[e.jsxs("div",{className:"relative",children:[e.jsx(I,{className:"absolute left-3 top-1/2 transform -translate-y-1/2 w-3 h-3 sm:w-4 sm:h-4 text-gray-400"}),e.jsx("input",{type:"text",placeholder:"Buscar no manual...",value:f,onChange:a=>T(a.target.value),className:"w-full pl-8 sm:pl-10 pr-3 sm:pr-4 py-2 bg-white/70 dark:bg-gray-700/70 backdrop-blur-md rounded-xl border border-gray-200/50 dark:border-gray-600/50 focus:outline-none focus:ring-2 focus:ring-blue-500/50 text-xs sm:text-sm"})]}),e.jsx("nav",{className:"space-y-1",children:F.map((a,n)=>e.jsxs("button",{onClick:()=>{m(a.id),g(!1)},className:`w-full flex items-center gap-2 sm:gap-3 px-2 sm:px-3 py-2 sm:py-3 rounded-xl text-left transition-all duration-200 ${t===a.id?"bg-blue-100 dark:bg-blue-900/30 text-blue-900 dark:text-blue-100 shadow-sm":"hover:bg-gray-100 dark:hover:bg-gray-700/50 text-gray-700 dark:text-gray-300"}`,children:[e.jsx("div",{className:`p-1.5 sm:p-2 rounded-lg ${t===a.id?"bg-blue-200 dark:bg-blue-800/50 text-blue-700 dark:text-blue-300":"bg-gray-100 dark:bg-gray-700 text-gray-500 dark:text-gray-400"}`,children:e.jsx("div",{className:"w-3 h-3 sm:w-4 sm:h-4",children:a.icone})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsx("span",{className:`text-xs font-medium px-1.5 sm:px-2 py-0.5 sm:py-1 rounded-full ${t===a.id?"bg-blue-200 dark:bg-blue-800/50 text-blue-700 dark:text-blue-300":"bg-gray-200 dark:bg-gray-600 text-gray-600 dark:text-gray-400"}`,children:n+1})}),e.jsx("p",{className:"text-xs sm:text-sm font-medium truncate mt-1",children:a.titulo})]}),t===a.id&&e.jsx(O,{className:"w-3 h-3 sm:w-4 sm:h-4 text-blue-600 dark:text-blue-400"})]},a.id))})]})})}),o&&e.jsx("div",{className:"fixed inset-0 bg-black/20 backdrop-blur-sm z-20 lg:hidden",onClick:()=>g(!1)}),e.jsx("div",{className:"flex-1 lg:ml-0",children:e.jsx("div",{className:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-4 sm:py-6 lg:py-8",children:e.jsxs(w.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.3},className:"space-y-4 sm:space-y-6 lg:space-y-8",children:[e.jsxs("div",{className:"text-center space-y-3 sm:space-y-4",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 sm:gap-3 px-3 sm:px-4 py-2 bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-2xl border border-gray-200/50 dark:border-gray-700/50",children:[e.jsx("div",{className:"p-1.5 sm:p-2 bg-blue-100 dark:bg-blue-900/30 rounded-xl text-blue-600 dark:text-blue-400",children:e.jsx("div",{className:"w-4 h-4 sm:w-5 sm:h-5",children:b.icone})}),e.jsxs("span",{className:"text-xs sm:text-sm font-medium text-gray-600 dark:text-gray-400",children:["Capítulo ",i+1," de ",r.length]})]}),e.jsx("h2",{className:"text-xl sm:text-2xl lg:text-3xl xl:text-4xl font-bold text-gray-900 dark:text-white px-4",children:b.titulo})]}),e.jsx("div",{className:"bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-2xl p-4 sm:p-6 lg:p-8 border border-gray-200/50 dark:border-gray-700/50 shadow-lg",children:b.conteudo}),e.jsxs("div",{className:"flex flex-col sm:flex-row justify-between items-center gap-4 pt-4 sm:pt-6 lg:pt-8",children:[e.jsx("div",{className:"w-full sm:w-auto",children:u&&e.jsxs("button",{onClick:()=>m(u.id),className:"flex items-center gap-2 px-3 sm:px-4 py-2 sm:py-3 bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl border border-gray-200/50 dark:border-gray-700/50 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-xs sm:text-sm font-medium text-gray-700 dark:text-gray-300 w-full sm:w-auto",children:[e.jsx(v,{className:"w-3 h-3 sm:w-4 sm:h-4"}),e.jsxs("div",{className:"text-left",children:[e.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Anterior"}),e.jsx("p",{className:"truncate max-w-24 sm:max-w-32",children:u.titulo})]})]})}),e.jsx("div",{className:"text-center order-first sm:order-none",children:e.jsx("div",{className:"flex gap-1",children:r.map((a,n)=>e.jsx("div",{className:`w-1.5 h-1.5 sm:w-2 sm:h-2 rounded-full transition-colors ${n===i?"bg-blue-500":"bg-gray-300 dark:bg-gray-600"}`},n))})}),e.jsx("div",{className:"w-full sm:w-auto",children:p&&e.jsxs("button",{onClick:()=>m(p.id),className:"flex items-center gap-2 px-3 sm:px-4 py-2 sm:py-3 bg-white/70 dark:bg-gray-800/70 backdrop-blur-md rounded-xl border border-gray-200/50 dark:border-gray-700/50 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-xs sm:text-sm font-medium text-gray-700 dark:text-gray-300 w-full sm:w-auto justify-end sm:justify-start",children:[e.jsxs("div",{className:"text-right",children:[e.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:"Próximo"}),e.jsx("p",{className:"truncate max-w-24 sm:max-w-32",children:p.titulo})]}),e.jsx(O,{className:"w-3 h-3 sm:w-4 sm:h-4"})]})})]})]},t)})})]})]})}export{se as default};
|