Upload por arrastar e soltar + pré-visualização de arquivos para a página de conversas com o bot de IA

:information_source: Resumo Upload com Arrastar e Soltar + Pré-visualizações de Arquivos para a página de Conversas do Bot de IA
:hammer_and_wrench: Repositório GitHub - VaperinaDEV/drag-drop-upload-file-previews-ai-bot-page: Drag & Drop Upload + File Previews for AI Bot Conversations page · GitHub
:heart: Achei útil? > ./support --coffee
:question: Guia de Instalação Como instalar um tema ou componente de tema
:open_book: Novo em Temas do Discourse? Guia para iniciantes sobre o uso de Temas do Discourse

Instalar este componente de tema

Olá :waving_hand:

Enviar um arquivo para a entrada da página de conversas do bot de IA só funciona através do botão de upload, e, uma vez que um arquivo é anexado, tudo o que você vê é o nome do arquivo em uma linha de texto simples, sem pré-visualização, sem indicação visual do que você realmente anexou.

O que este componente adiciona

  • Arrastar e soltar em qualquer lugar no painel de conversa — não apenas na área de texto, o painel inteiro é uma zona de soltura com um estado destacado durante o arrastamento.
  • Miniaturas reais de imagem para uploads de imagens, geradas no lado do cliente, exibidas com o nome do arquivo em vez de apenas texto.
  • Emblemas de extensão com código de cores para arquivos que não são imagens (PDF, DOCX, XLSX, ZIP, MP3, arquivos de código, etc.), para que a lista de uploads seja visualmente escaneável mesmo para tipos de arquivo que não podem ter uma pré-visualização real.
  • Configurável via configurações do tema, uma cor de fallback default_badge_color e uma configuração de esquema de objetos extension_colors, para que os administradores possam adicionar/sobrescrever cores por extensão diretamente pela interface de configurações do tema, sem necessidade de editar código.

Configurações

Configuração Descrição
default_badge_color Cor hexadecimal de fallback para extensões sem cor explícita definida
extension_colors Lista de esquema de objetos de linhas { extension, color } para sobrescrever/estender as cores de categoria integradas

As categorias integradas já cobrem a maioria dos tipos de arquivo comuns desde o início (documentos, planilhas, apresentações, arquivos, áudio, vídeo, código, fontes, e-books), portanto, a maioria das pessoas não precisará tocar em extension_colors de forma alguma.

6 curtidas