Markdown images: adaptive 3-column grid, lightbox modal, and broken-image handling
- useMarkdown.js: custom marked renderer wraps images in clickable links with
  inline onerror for broken-image detection
- app.scss: .msg-assistant-content becomes flex-wrap container; image paragraphs
  sized to 3-per-row via calc((100% - 16px) / 3); images are square via
  aspect-ratio: 1 / 1 and object-fit: cover
- ImageLightbox.vue: rewritten with proper gnexus-ui-kit .modal/.modal-dialog
  DOM structure; broken images show error placeholder inside modal
- AssistantMessage.vue: attachImageLightbox() wired after v-html render
- Broken images: .is-broken class prevents lightbox click; CSS shows ๐Ÿ–ผ๏ธ icon

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
1 parent 1f6f538 commit 0d4b9cbf12d1178b600ff3fb09690af8a8af5479
@Eugene Sukhodolskiy Eugene Sukhodolskiy authored on 14 May
Showing 9 changed files
View
webclient/dist/assets/index-BUNeAM8Q.js 0 โ†’ 100644
Not supported
View
webclient/dist/assets/index-BlKt9PLH.css 100644 โ†’ 0
View
webclient/dist/assets/index-CY8UuMNT.js 100644 โ†’ 0
Not supported
View
webclient/dist/assets/index-ZNgCP9aW.css 0 โ†’ 100644
View
webclient/dist/index.html
View
webclient/src/components/messages/AssistantMessage.vue
View
webclient/src/components/ui/ImageLightbox.vue
View
webclient/src/composables/useMarkdown.js
View
webclient/src/styles/app.scss