+ {/* Header: filtros + contagem */}
+
+
+ {filteredAttachments.length}{" "}
+ {filteredAttachments.length === 1 ? "anexo" : "anexos"}
+ {filter !== "all" &&
+ ` · ${FILTERS.find((f) => f.value === filter)?.label.toLowerCase()}`}
+
+
+ {FILTERS.map(({ value, label, icon }) => (
+
+ ))}
+
+
+
+ {filteredAttachments.length === 0 ? (
+
+ }
+ title="Nenhum anexo encontrado"
+ description="Não há anexos do tipo selecionado neste mês."
+ />
+
+ ) : (
+
+ {filteredAttachments.map((attachment) => (
+
handleSelect(attachment)}
+ onDetails={() => handleDetails(attachment.transactionId)}
+ isLoadingDetails={
+ isPending &&
+ loadingTransactionId === attachment.transactionId
+ }
+ />
+ ))}
+
+ )}
+
+ )}
+