@agent-scope/site 1.20.0 → 1.20.2

package/README.md

@@ -298,6 +298,7 @@ src/
 - **Embedded assets** — CSS and JavaScript are inlined into every HTML file. No separate asset directory.
 - **XSS safety** — all user-controlled strings (component names, prop values, file paths) pass through `escapeHtml()` before insertion into HTML.
 - **Idempotent builds** — running `buildSite()` multiple times on the same input produces identical output.
+- **Retina-ready screenshots** — all component `<img>` elements use `zoom: 0.5` via the `.scope-screenshot` CSS class. Screenshots are rendered at 2× physical pixels (`deviceScaleFactor: 2`) and displayed at CSS pixel dimensions, giving crisp HiDPI output without per-image size math.
 - **Progressive enhancement** — pages are readable without JavaScript; search filtering and collapsible sections are added via inline `<script>` tags.
 
 ### CSS design system
@@ -392,7 +393,7 @@ interface RenderFileData {
     violations: string[];
   };
   // Matrix render fields
-  cells?: MatrixCellData[];
+  cells?: MatrixCellData[];      // each cell includes width/height for correct HiDPI display
   axisLabels?: string[][];
   stats?: {
     total: number;
@@ -419,6 +420,15 @@ interface ComplianceReportData {
   auditedAt: string;
 }
 
+interface MatrixCellData {
+  axisValues: string[];
+  screenshot?: string;  // base64 PNG
+  width?: number;       // CSS px
+  height?: number;      // CSS px
+  renderTimeMs?: number;
+  error?: string;
+}
+
 interface PropertyResultData {
   property: string;
   value: string;