# Dhebe original graphics browser

A self-contained browser for five original SVG packs: Element Icons, Dimension Illustrations, Atmosphere Backgrounds, Rhythm Patterns, and Storytelling Graphics. The local `manifest.json` is generated with the source graphics by `scripts/generate-graphics.mjs`.

Serve the project over HTTP and open `/graphics/index.html`. The gallery reads the same-origin manifest, validates its five pack identifiers and local SVG paths, and renders names and descriptions as plain text. It has no remote dependencies, analytics, account, payment, or submission service.

Pack filters are linkable using `#element-icons`, `#dimension-illustrations`, `#atmosphere-backgrounds`, `#rhythm-patterns`, and `#storytelling-graphics`. Search matches the graphic name, identifier, pack name, and description. The `/` key focuses search outside form fields and dialogs. Empty results offer a reset; manifest errors offer a retry.

Select a graphic to open its native modal preview, dimensions, file size, and download link. Arrow buttons or the left/right keys browse the filtered results; Escape closes the modal and returns focus to the selected card. Downloads point directly to each original local SVG file and require no backend. They do not assign a commercial license: usage and distribution terms remain the asset owner's decision.

Pattern previews include a **Show repeat** control. It switches between the editable 320×320 source tile and a 1600×900 companion showing the seamless pattern over a wider canvas. **Download SVG** always downloads the source tile. Changing graphics resets the preview to the single tile; other pack types do not show the repeat control.

The interface follows reduced-motion preferences and provides visible keyboard focus. SVGs remain scalable/editable; text uses system font fallbacks, so appearance can vary across design tools. Root source checks and browser QA complement the manifest/artwork integrity tests.