Element: #253 Mixed media (display/media-grid) What it shows: A media grid of six items (images, a video, a document) showing four tiles and a +2 overflow that opens the gallery. When to use: Chat messages with several attachments: thumbnails that open a lightbox, with documents as download links. Spec: - `` - `{ type: 'video', src: '', thumb: art(130, '▶'), alt: 'Clip', duration: '0:12' }` - `{ type: 'document', src: '#', title: 'invoice-0412.pdf', size: '84 KB' }` - `const art = (hue: number, label: string)` builds inline SVG images Tags: media-grid, gallery, chat, lightbox, attachments Needs: @codeatlasdev/ui@4.6.0 Components: MediaGrid Live demo: https://ui.codeatlas.com.br/docs/display/media-grid#mixed-media