docs: add zoom-stress-test example and LOD documentation

- Add zoom-stress-test to AGENTS.md build commands and key files
- Document LOD system and thresholds in AGENTS.md architecture section
- Add LOD properties to README.md NodeEditor reference
- Add zoom-stress-test to README.md examples list
- Document zoom/pan controls (Ctrl+scroll, scroll, middle-click)

Author: tilladam

AGENTS.md

@@ -18,6 +18,9 @@ cargo run -p minimal
 # Build and run the custom shapes example
 cargo run -p custom-shapes
 
+# Build and run the zoom stress test (LOD system demo)
+cargo run -p zoom-stress-test
+
 # Check compilation without running
 cargo check
 ```
@@ -32,6 +35,7 @@ cargo check
 | `examples/advanced/ui/pin_encoding.slint` | Application-specific pin ID encoding scheme |
 | `examples/advanced/ui/ui.slint` | Application-specific UI (Node component, data structs, main window) |
 | `examples/advanced/ui/filter_node.slint` | Complex node example with multiple widgets |
+| `examples/zoom-stress-test/ui/*.slint` | LOD implementation patterns for zoom scaling |
 
 ## Architecture
 
@@ -51,6 +55,12 @@ cargo check
 
 **Callback-based computation**: The Slint UI delegates expensive operations to Rust via callbacks (e.g., `compute-pin-at`).
 
+**Level of Detail (LOD)**: NodeEditor supports configurable LOD thresholds for zoom-dependent rendering:
+- `lod-full-threshold: 0.5` - Zoom above which nodes render full detail
+- `lod-simplified-threshold: 0.25` - Zoom above which nodes render simplified detail
+- Below simplified threshold: nodes render as minimal colored boxes
+- See `examples/zoom-stress-test` for implementation patterns
+
 ## Data Models (in examples/advanced/src/main.rs)
 
 The application maintains separate models for different node types but unifies operations via helper functions:

README.md

@@ -163,6 +163,15 @@ The editor uses two coordinate systems:
 
 The library handles all transformations transparently.
 
+### Zoom & Pan Controls
+
+Built-in input handling:
+- **Ctrl+Scroll**: Zoom in/out centered on mouse position
+- **Scroll**: Pan the viewport
+- **Middle-click drag**: Pan the viewport
+
+Zoom is automatically clamped to `min-zoom` (default 0.1) and `max-zoom` (default 3.0).
+
 ## Component Reference
 
 ### NodeEditor (Main Component)
@@ -175,6 +184,12 @@ in-out property <float> zoom;            // Zoom factor (1.0 = 100%)
 in property <float> min-zoom: 0.1;       // Minimum zoom level
 in property <float> max-zoom: 3.0;       // Maximum zoom level
 
+// LOD (Level of Detail) configuration
+in property <float> lod-full-threshold: 0.5;       // Zoom above which nodes render full detail
+in property <float> lod-simplified-threshold: 0.25; // Zoom above which nodes render simplified
+in property <length> min-node-width: 80px;          // Minimum node width at any zoom
+in property <length> min-node-height: 40px;         // Minimum node height at any zoom
+
 in property <length> grid-spacing: 24px;       // Grid cell size
 in property <bool> grid-snapping: true;        // Enable snap-to-grid
 in property <color> grid-color: #404040;       // Grid line color
@@ -469,6 +484,9 @@ let cache = tracker.cache(); // Use for hit testing
 - **pin-compatibility:** Demonstrates type-safe connections with a compatibility matrix, visual validation feedback, and custom pin behaviors.
   - Path: `examples/pin-compatibility`
   - Run: `cargo run -p pin-compatibility`
+- **zoom-stress-test:** Tests widget scaling at various zoom levels with Level of Detail (LOD) rendering. Shows how to implement LOD transitions for complex nodes.
+  - Path: `examples/zoom-stress-test`
+  - Run: `cargo run -p zoom-stress-test`
 
 ## License