@mgamadeus/ddd-agents 0.1.0-alpha.22 → 0.1.0-alpha.24

package/dist/files/kit/components/map/map.preview-fixtures.json

@@ -0,0 +1,339 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "map-business-pins",
+      "description": "Map node — three cafés with rating pins and labels, no carousel; the expand control opens the full-screen map with the list (ChatGPT 07 → 02b).",
+      "payload": {
+        "title": "Cafés in Münster",
+        "view": {
+          "type": "Map",
+          "title": "Cafés in Münster",
+          "points": [
+            {
+              "label": "KAWENTSMANNs CAFE & TAGESBAR",
+              "lat": 51.9632,
+              "lng": 7.6268,
+              "rating": 4.7,
+              "subtitle": "Café",
+              "detail": "Closed",
+              "detailTone": "negative"
+            },
+            {
+              "label": "roestbar Rothenburg",
+              "lat": 51.9594,
+              "lng": 7.6262,
+              "rating": 4.6,
+              "subtitle": "Café",
+              "detail": "Closed",
+              "detailTone": "negative"
+            },
+            {
+              "label": "1648 CAFÉ | LOUNGE | GASTRONOMIE",
+              "lat": 51.9606,
+              "lng": 7.629,
+              "rating": 3.9,
+              "subtitle": "Restaurant",
+              "detail": "Closed",
+              "detailTone": "negative"
+            }
+          ],
+          "carousel": "hidden",
+          "minHeight": 420
+        }
+      },
+      "expectedState": "data",
+      "width": 720,
+      "interactions": [
+        {
+          "name": "open-full-screen",
+          "click": {
+            "selector": "[data-testid=map-expand]"
+          }
+        }
+      ]
+    },
+    {
+      "name": "map-business-location",
+      "description": "Map node — five restaurants with photo cards in the bottom carousel; a card click selects the point and opens its entity detail panel (ChatGPT 42, 21, 21b).",
+      "payload": {
+        "actions": {
+          "openRestaurant1": {
+            "type": "openEntity",
+            "ref": "call_maps_1:business:0",
+            "entity": {
+              "entityType": "business",
+              "entityId": "301",
+              "agentSpaceId": 7
+            }
+          },
+          "openRestaurant2": {
+            "type": "openEntity",
+            "ref": "call_maps_1:business:1",
+            "entity": {
+              "entityType": "business",
+              "entityId": "302",
+              "agentSpaceId": 7
+            }
+          },
+          "openRestaurant3": {
+            "type": "openEntity",
+            "ref": "call_maps_1:business:2",
+            "entity": {
+              "entityType": "business",
+              "entityId": "303",
+              "agentSpaceId": 7
+            }
+          },
+          "openRestaurant4": {
+            "type": "openEntity",
+            "ref": "call_maps_1:business:3",
+            "entity": {
+              "entityType": "business",
+              "entityId": "304",
+              "agentSpaceId": 7
+            }
+          },
+          "openRestaurant5": {
+            "type": "openEntity",
+            "ref": "call_maps_1:business:4",
+            "entity": {
+              "entityType": "business",
+              "entityId": "305",
+              "agentSpaceId": 7
+            }
+          }
+        },
+        "view": {
+          "type": "Map",
+          "title": "Restaurants in Münster's old town",
+          "points": [
+            {
+              "label": "Kleiner Kiepenkerl",
+              "lat": 51.9631,
+              "lng": 7.6264,
+              "rating": 4.3,
+              "subtitle": "Restaurant",
+              "detail": "Closed",
+              "image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjN2EzYjJlIi8+PHJlY3QgeD0iOCIgeT0iMzAiIHdpZHRoPSI0OCIgaGVpZ2h0PSIyNiIgcng9IjQiIGZpbGw9IiNjOWEyN2UiLz48Y2lyY2xlIGN4PSI0NiIgY3k9IjE4IiByPSI4IiBmaWxsPSIjYzlhMjdlIi8+PC9zdmc+",
+              "action": "openRestaurant1",
+              "detailTone": "negative"
+            },
+            {
+              "label": "Großer Kiepenkerl Gasthaus",
+              "lat": 51.9636,
+              "lng": 7.6255,
+              "rating": 4.2,
+              "subtitle": "Restaurant",
+              "detail": "Closed",
+              "image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjNWI0NjM2Ii8+PHJlY3QgeD0iOCIgeT0iMzAiIHdpZHRoPSI0OCIgaGVpZ2h0PSIyNiIgcng9IjQiIGZpbGw9IiNkOGMzYTUiLz48Y2lyY2xlIGN4PSI0NiIgY3k9IjE4IiByPSI4IiBmaWxsPSIjZDhjM2E1Ii8+PC9zdmc+",
+              "action": "openRestaurant2",
+              "detailTone": "negative"
+            },
+            {
+              "label": "Altes Gasthaus Leve",
+              "lat": 51.9617,
+              "lng": 7.6311,
+              "rating": 4.3,
+              "subtitle": "Restaurant",
+              "detail": "Closed",
+              "image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjM2U0YTNkIi8+PHJlY3QgeD0iOCIgeT0iMzAiIHdpZHRoPSI0OCIgaGVpZ2h0PSIyNiIgcng9IjQiIGZpbGw9IiNiNWEzNmIiLz48Y2lyY2xlIGN4PSI0NiIgY3k9IjE4IiByPSI4IiBmaWxsPSIjYjVhMzZiIi8+PC9zdmc+",
+              "action": "openRestaurant3",
+              "detailTone": "negative"
+            },
+            {
+              "label": "Gasthaus Stuhlmacher",
+              "lat": 51.9619,
+              "lng": 7.6283,
+              "rating": 4.1,
+              "subtitle": "Restaurant",
+              "detail": "Closed",
+              "image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjNGEzYjUyIi8+PHJlY3QgeD0iOCIgeT0iMzAiIHdpZHRoPSI0OCIgaGVpZ2h0PSIyNiIgcng9IjQiIGZpbGw9IiNjN2IzZDEiLz48Y2lyY2xlIGN4PSI0NiIgY3k9IjE4IiByPSI4IiBmaWxsPSIjYzdiM2QxIi8+PC9zdmc+",
+              "action": "openRestaurant4",
+              "detailTone": "negative"
+            },
+            {
+              "label": "Mocca d'or",
+              "lat": 51.9603,
+              "lng": 7.6266,
+              "rating": 3.6,
+              "subtitle": "Restaurant",
+              "detail": "Closed",
+              "image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjMmYzZDRmIi8+PHJlY3QgeD0iOCIgeT0iMzAiIHdpZHRoPSI0OCIgaGVpZ2h0PSIyNiIgcng9IjQiIGZpbGw9IiM5ZmI0YzciLz48Y2lyY2xlIGN4PSI0NiIgY3k9IjE4IiByPSI4IiBmaWxsPSIjOWZiNGM3Ii8+PC9zdmc+",
+              "action": "openRestaurant5",
+              "detailTone": "negative"
+            }
+          ],
+          "minHeight": 330
+        },
+        "title": "Business location map — five restaurants in Münster"
+      },
+      "expectedState": "data",
+      "width": 720,
+      "interactions": [
+        {
+          "name": "select-first-card",
+          "click": {
+            "selector": "[data-testid=map-point-card]"
+          }
+        },
+        {
+          "name": "open-full-screen",
+          "click": {
+            "selector": "[data-testid=map-expand]"
+          }
+        }
+      ]
+    },
+    {
+      "name": "map-route",
+      "description": "Map node — a route Münster → Köln: the travel-mode badge, the road line, numbered stops, the duration chip, the two stop cards and the distance / usual drive time tiles under the map (ChatGPT 40).",
+      "payload": {
+        "title": "Route Münster → Köln",
+        "view": {
+          "type": "Stack",
+          "gap": "medium",
+          "children": [
+            {
+              "type": "Stack",
+              "direction": "row",
+              "gap": "small",
+              "align": "center",
+              "children": [
+                {
+                  "type": "Badge",
+                  "text": "Car trip"
+                },
+                {
+                  "type": "Text",
+                  "text": "Münster to Köln",
+                  "tone": "muted"
+                }
+              ]
+            },
+            {
+              "type": "Map",
+              "title": "Münster → Köln",
+              "points": [
+                {
+                  "label": "48143 Münster, Nordrhein-Westfalen",
+                  "lat": 51.9607,
+                  "lng": 7.6261,
+                  "subtitle": "Start here"
+                },
+                {
+                  "label": "Köln",
+                  "lat": 50.9375,
+                  "lng": 6.9603,
+                  "subtitle": "Car ~1 h 36 min",
+                  "detail": "Visitor center",
+                  "image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NCA2NCI+PHJlY3Qgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiBmaWxsPSIjNGI1ZDZiIi8+PHJlY3QgeD0iOCIgeT0iMzAiIHdpZHRoPSI0OCIgaGVpZ2h0PSIyNiIgcng9IjQiIGZpbGw9IiNjNGNjZDMiLz48Y2lyY2xlIGN4PSI0NiIgY3k9IjE4IiByPSI4IiBmaWxsPSIjYzRjY2QzIi8+PC9zdmc+"
+                }
+              ],
+              "route": true,
+              "routePath": [
+                {
+                  "lat": 51.9607,
+                  "lng": 7.6261
+                },
+                {
+                  "lat": 51.8336,
+                  "lng": 7.5838
+                },
+                {
+                  "lat": 51.6597,
+                  "lng": 7.5072
+                },
+                {
+                  "lat": 51.5136,
+                  "lng": 7.4653
+                },
+                {
+                  "lat": 51.3946,
+                  "lng": 7.329
+                },
+                {
+                  "lat": 51.2562,
+                  "lng": 7.1508
+                },
+                {
+                  "lat": 51.0936,
+                  "lng": 7.0305
+                },
+                {
+                  "lat": 50.9375,
+                  "lng": 6.9603
+                }
+              ],
+              "routeLabel": "1.6 hours",
+              "minHeight": 350
+            },
+            {
+              "type": "Grid",
+              "columns": 2,
+              "gap": "small",
+              "children": [
+                {
+                  "type": "KpiTile",
+                  "label": "Route length (ADAC)",
+                  "value": 152,
+                  "format": "number",
+                  "unit": "km",
+                  "detail": "approx.",
+                  "source": "adac.de"
+                },
+                {
+                  "type": "KpiTile",
+                  "label": "Usual drive time",
+                  "value": "1 h 47 min",
+                  "detail": "without traffic jams",
+                  "source": "adac.de"
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 720,
+      "interactions": [
+        {
+          "name": "select-destination",
+          "click": {
+            "selector": "[data-testid=map-point-card][data-point-key=point-1]"
+          }
+        }
+      ]
+    },
+    {
+      "name": "map-empty",
+      "description": "Map node without points — one muted line, the block reports empty.",
+      "payload": {
+        "view": {
+          "type": "Map",
+          "points": []
+        }
+      },
+      "expectedState": "empty",
+      "width": 528
+    },
+    {
+      "name": "map-loading",
+      "description": "Map node whose points wait for a tool result ($from pending) — the frame-shaped skeleton.",
+      "payload": {
+        "view": {
+          "type": "Map",
+          "points": {
+            "$from": {
+              "toolCall": "call_maps_1",
+              "path": "$.rows",
+              "state": "pending"
+            }
+          }
+        }
+      },
+      "expectedState": "loading",
+      "width": 528
+    }
+  ]
+}

package/dist/files/kit/components/media/image-group.preview-fixtures.json

@@ -0,0 +1,228 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "image-group-grid",
+      "description": "The Cologne Cathedral gallery of ChatGPT (44): four tiles (two per row at the chat width — the 220px tile floor of the design checklist), the last one counting the hidden pictures; a tile opens the lightbox (Storybook — the preview page mounts no modal root).",
+      "payload": {
+        "title": "Kölner Dom",
+        "view": {
+          "type": "ImageGroup",
+          "images": [
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/a/a1/K%C3%B6lner_Dom_nachts_2013.jpg/960px-K%C3%B6lner_Dom_nachts_2013.jpg",
+              "alt": "Cologne Cathedral lit up at night",
+              "title": "Außenfassade bei Nacht",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            },
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/9/9f/Dom_%28Deutzer_Br%C3%BCcke%29.jpg/960px-Dom_%28Deutzer_Br%C3%BCcke%29.jpg",
+              "alt": "Cologne Cathedral seen from the Deutz bridge over the Rhine",
+              "title": "Blick von der Deutzer Brücke",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            },
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/4/46/K%C3%B6lner_Dom_-_Westfassade-1091.jpg/960px-K%C3%B6lner_Dom_-_Westfassade-1091.jpg",
+              "alt": "The west front of Cologne Cathedral with its two spires",
+              "title": "Westfassade",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            },
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/7/76/2025-06-10-Dom_Burgmauer-3409.jpg/960px-2025-06-10-Dom_Burgmauer-3409.jpg",
+              "alt": "Cologne Cathedral above the old city wall",
+              "title": "Dom und Burgmauer",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            },
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/5/5a/M%C3%BCnster%2C_Prinzipalmarkt%2C_Stadtweinhaus_und_Rathaus_--_2023_--_7969-73.jpg/960px-M%C3%BCnster%2C_Prinzipalmarkt%2C_Stadtweinhaus_und_Rathaus_--_2023_--_7969-73.jpg",
+              "alt": "The Historic Town Hall on the Prinzipalmarkt in Münster",
+              "title": "Historisches Rathaus",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            },
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/9/91/M%C3%BCnster%2C_Prinzipalmarkt%2C_Arkaden_--_2021_--_8931-3.jpg/960px-M%C3%BCnster%2C_Prinzipalmarkt%2C_Arkaden_--_2021_--_8931-3.jpg",
+              "alt": "The arcades of the Prinzipalmarkt in Münster",
+              "title": "Arkaden am Prinzipalmarkt",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            },
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/a/a2/M%C3%BCnster%2C_Prinzipalmarkt%2C_Historisches_Rathaus%2C_Giebel_--_2021_--_9481.jpg/960px-M%C3%BCnster%2C_Prinzipalmarkt%2C_Historisches_Rathaus%2C_Giebel_--_2021_--_9481.jpg",
+              "alt": "The gable of the Historic Town Hall in Münster",
+              "title": "Rathausgiebel",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            }
+          ],
+          "layout": "grid",
+          "maxVisible": 4,
+          "aspectRatio": "4:3"
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        { "name": "open the lightbox", "click": { "selector": "button[aria-label^=\"Open the picture\"]" } }
+      ]
+    },
+    {
+      "name": "image-group-carousel",
+      "description": "The photo carousel of ChatGPT (09): one large picture with its text, previous / next and the position.",
+      "payload": {
+        "title": "Fotogalerien und Bilder-Karussells",
+        "view": {
+          "type": "ImageGroup",
+          "layout": "carousel",
+          "images": [
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/5/5a/M%C3%BCnster%2C_Prinzipalmarkt%2C_Stadtweinhaus_und_Rathaus_--_2023_--_7969-73.jpg/960px-M%C3%BCnster%2C_Prinzipalmarkt%2C_Stadtweinhaus_und_Rathaus_--_2023_--_7969-73.jpg",
+              "alt": "The Historic Town Hall and the Stadtweinhaus on the Prinzipalmarkt in Münster",
+              "title": "Historisches Rathaus",
+              "caption": "Gotische Architektur am Prinzipalmarkt",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            },
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/9/91/M%C3%BCnster%2C_Prinzipalmarkt%2C_Arkaden_--_2021_--_8931-3.jpg/960px-M%C3%BCnster%2C_Prinzipalmarkt%2C_Arkaden_--_2021_--_8931-3.jpg",
+              "alt": "The arcades of the Prinzipalmarkt in Münster",
+              "title": "Arkaden am Prinzipalmarkt",
+              "caption": "Die Bogengänge der Kaufmannshäuser",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            },
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/a/a2/M%C3%BCnster%2C_Prinzipalmarkt%2C_Historisches_Rathaus%2C_Giebel_--_2021_--_9481.jpg/960px-M%C3%BCnster%2C_Prinzipalmarkt%2C_Historisches_Rathaus%2C_Giebel_--_2021_--_9481.jpg",
+              "alt": "The gable of the Historic Town Hall in Münster",
+              "title": "Rathausgiebel",
+              "caption": "Der Schaugiebel von 1395",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "next picture",
+          "click": {
+            "selector": "button[aria-label=\"Next picture\"]"
+          }
+        },
+        {
+          "name": "next picture again",
+          "click": {
+            "selector": "button[aria-label=\"Next picture\"]"
+          }
+        },
+        {
+          "name": "previous picture",
+          "click": {
+            "selector": "button[aria-label=\"Previous picture\"]"
+          }
+        }
+      ]
+    },
+    {
+      "name": "image-group-magazine",
+      "description": "The NASA magazine layout of ChatGPT (15): one hero over two tiles, each with title, caption and source chip.",
+      "payload": {
+        "title": "NASA-Fotogalerie im Magazin-Layout",
+        "view": {
+          "type": "ImageGroup",
+          "layout": "magazine",
+          "images": [
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/4/44/NASA%E2%80%99s_Webb_Reveals_Cosmic_Cliffs%2C_Glittering_Landscape_of_Star_Birth.jpg/960px-NASA%E2%80%99s_Webb_Reveals_Cosmic_Cliffs%2C_Glittering_Landscape_of_Star_Birth.jpg",
+              "alt": "The Cosmic Cliffs in the Carina Nebula, imaged by the James Webb Space Telescope",
+              "title": "Cosmic Cliffs – Carinanebel",
+              "caption": "Sternentstehungsregion in ungefähr 7.600 Lichtjahren Entfernung.",
+              "source": {
+                "name": "NASA Science",
+                "url": "https://science.nasa.gov"
+              }
+            },
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/f/f1/Pillars_of_Creation_%28NIRCam_Image%29.jpg/960px-Pillars_of_Creation_%28NIRCam_Image%29.jpg",
+              "alt": "The Pillars of Creation in the Eagle Nebula, NIRCam image",
+              "title": "Pillars of Creation",
+              "caption": "Adlernebel · ESA/Webb",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            },
+            {
+              "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/2/29/Southern_Ring_Nebula_%28NIRCam_Image%29.png/960px-Southern_Ring_Nebula_%28NIRCam_Image%29.png",
+              "alt": "The Southern Ring planetary nebula, NIRCam image",
+              "title": "Southern Ring",
+              "caption": "Planetarischer Nebel · NASA",
+              "source": {
+                "name": "commons.wikimedia.org",
+                "url": "https://commons.wikimedia.org"
+              }
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    },
+    {
+      "name": "image-group-loading",
+      "description": "The pictures are bound to a pending tool result: skeleton tiles in the tiles' shape.",
+      "payload": {
+        "view": {
+          "type": "ImageGroup",
+          "images": {
+            "$from": {
+              "toolCall": "call_preview_1",
+              "path": "$.images[*]",
+              "state": "pending"
+            }
+          }
+        }
+      },
+      "expectedState": "loading",
+      "width": 528
+    },
+    {
+      "name": "image-group-empty",
+      "description": "A gallery without pictures: one muted line, reported empty NO_DATA.",
+      "payload": {
+        "view": {
+          "type": "ImageGroup",
+          "images": []
+        }
+      },
+      "expectedState": "empty",
+      "width": 528
+    }
+  ]
+}

package/dist/files/kit/components/media/image.preview-fixtures.json

@@ -0,0 +1,61 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "image-photo",
+      "description": "One real photo with title, caption and source chip — the hero of the ChatGPT photo gallery (09).",
+      "payload": {
+        "title": "Fotos aus Münster",
+        "view": {
+          "type": "Image",
+          "src": "https://thumb.wikimedia.org/wikipedia/commons/thumb/5/5a/M%C3%BCnster%2C_Prinzipalmarkt%2C_Stadtweinhaus_und_Rathaus_--_2023_--_7969-73.jpg/960px-M%C3%BCnster%2C_Prinzipalmarkt%2C_Stadtweinhaus_und_Rathaus_--_2023_--_7969-73.jpg",
+          "alt": "The Historic Town Hall and the Stadtweinhaus on the Prinzipalmarkt in Münster",
+          "title": "Historisches Rathaus",
+          "caption": "Gotische Architektur am Prinzipalmarkt",
+          "source": {
+            "name": "commons.wikimedia.org",
+            "url": "https://commons.wikimedia.org"
+          },
+          "aspectRatio": "4:3"
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    },
+    {
+      "name": "image-loading",
+      "description": "The picture is bound to a tool result that is still pending: the frame as a skeleton.",
+      "payload": {
+        "view": {
+          "type": "Image",
+          "src": {
+            "$from": {
+              "toolCall": "call_preview_1",
+              "path": "$.image.url",
+              "state": "pending"
+            }
+          },
+          "alt": "A pending photo"
+        }
+      },
+      "expectedState": "loading",
+      "width": 528
+    },
+    {
+      "name": "image-broken",
+      "description": "The picture does not load: the frame shows the alt text and the node reports failed RENDER_FAILED.",
+      "payload": {
+        "view": {
+          "type": "Image",
+          "src": "https://upload.wikimedia.org/wikipedia/commons/0/00/This_file_does_not_exist.jpg",
+          "alt": "The Historic Town Hall on the Prinzipalmarkt in Münster",
+          "title": "Historisches Rathaus",
+          "caption": "Gotische Architektur am Prinzipalmarkt"
+        }
+      },
+      "expectedState": "error",
+      "expectedFailedRequests": ["This_file_does_not_exist.jpg"],
+      "width": 528
+    }
+  ]
+}