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

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

@@ -0,0 +1,121 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "youtube-video-cards",
+      "description": "What searchYouTubeVideos dictates for two results (ChatGPT 45, the Münster walking tour): a two-column grid of VideoCards with thumbnail, length chip, title, channel · views · date and the watch link; play swaps in the embed.",
+      "payload": {
+        "view": {
+          "type": "Grid",
+          "columns": 2,
+          "minColumnWidth": "regular",
+          "children": [
+            {
+              "type": "VideoCard",
+              "title": "Münster, Germany 4k Walking Tour | Explore the Charming Streets & Landmarks",
+              "videoId": "x5-yoDUoz5k",
+              "thumbnail": "https://i.ytimg.com/vi/x5-yoDUoz5k/hqdefault.jpg",
+              "durationSeconds": 1418,
+              "channel": "Duslin Travels",
+              "viewCount": 18234,
+              "publishedAt": "2025-02-08"
+            },
+            {
+              "type": "VideoCard",
+              "title": "Münster Walking Tour Germany | Spring Sunny day Walk in Münster | 4K HDR 60fps",
+              "videoId": "QZRHqiz_oH4",
+              "thumbnail": "https://i.ytimg.com/vi/QZRHqiz_oH4/hqdefault.jpg",
+              "durationSeconds": 3725,
+              "channel": "Walking Germany",
+              "viewCount": 1284000,
+              "publishedAt": "2024-05-19"
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "play the first video in place",
+          "click": {
+            "selector": "button[aria-label^=\"Play the video Münster, Germany\"]"
+          }
+        }
+      ]
+    },
+    {
+      "name": "youtube-video-card-single",
+      "description": "One search result: the VideoCard at the root of the tree — the shape of a one-video answer.",
+      "payload": {
+        "view": {
+          "type": "VideoCard",
+          "title": "Münster, Germany 4k Walking Tour | Explore the Charming Streets & Landmarks",
+          "videoId": "x5-yoDUoz5k",
+          "thumbnail": "https://i.ytimg.com/vi/x5-yoDUoz5k/hqdefault.jpg",
+          "durationSeconds": 1418,
+          "channel": "Duslin Travels",
+          "viewCount": 18234,
+          "publishedAt": "2025-02-08"
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "play in place",
+          "click": {
+            "selector": "button[aria-label^=\"Play the video\"]"
+          }
+        }
+      ]
+    },
+    {
+      "name": "youtube-video-card-without-details",
+      "description": "A result whose detail read failed: no length and no views, the thumbnail taken from the videoId — the card still plays.",
+      "payload": {
+        "view": {
+          "type": "VideoCard",
+          "title": "Münster, Germany 4k Walking Tour",
+          "videoId": "x5-yoDUoz5k",
+          "channel": "Duslin Travels",
+          "publishedAt": "2025-02-08"
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    },
+    {
+      "name": "youtube-video-card-loading",
+      "description": "The card bound to a pending tool result: the card-shaped skeleton.",
+      "payload": {
+        "view": {
+          "type": "VideoCard",
+          "title": "Pending video",
+          "videoId": {
+            "$from": {
+              "toolCall": "call_preview_youtube",
+              "path": "$.videos[0].videoId",
+              "state": "pending"
+            }
+          }
+        }
+      },
+      "expectedState": "loading",
+      "width": 528
+    },
+    {
+      "name": "youtube-video-card-unplayable",
+      "description": "A card whose videoId is no YouTube id: it shows its title only and reports failed.",
+      "payload": {
+        "view": {
+          "type": "VideoCard",
+          "title": "A tour without a playable video",
+          "videoId": "not a video id!"
+        }
+      },
+      "expectedState": "error",
+      "width": 528
+    }
+  ]
+}

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

@@ -0,0 +1,68 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "video-youtube",
+      "description": "The YouTube walking tour of ChatGPT (45): a connector video with its derived thumbnail, length, channel and the watch link; play swaps in the embed.",
+      "payload": {
+        "title": "Video – YouTube-Stadtrundgang Münster",
+        "view": {
+          "type": "Video",
+          "title": "Münster, Germany 4k Walking Tour | Explore the Charming Streets & Landmarks",
+          "videoId": "x5-yoDUoz5k",
+          "durationSeconds": 1418,
+          "channel": "Duslin Travels",
+          "source": {
+            "name": "YouTube",
+            "url": "https://www.youtube.com"
+          }
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "play in place",
+          "click": {
+            "selector": "button[aria-label^=\"Play the video\"]"
+          }
+        }
+      ]
+    },
+    {
+      "name": "video-link",
+      "description": "A video with a plain url and its own thumbnail: play opens the watch page in a new tab.",
+      "payload": {
+        "view": {
+          "type": "Video",
+          "title": "Münster in 4K — a summer evening",
+          "url": "https://www.youtube.com/watch?v=x5-yoDUoz5k",
+          "thumbnail": "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",
+          "durationSeconds": 734,
+          "channel": "City Walks"
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    },
+    {
+      "name": "video-loading",
+      "description": "The video is bound to a pending tool result: the 16:9 frame as a skeleton.",
+      "payload": {
+        "view": {
+          "type": "Video",
+          "title": "Pending video",
+          "videoId": {
+            "$from": {
+              "toolCall": "call_preview_1",
+              "path": "$.videos[0].videoId",
+              "state": "pending"
+            }
+          }
+        }
+      },
+      "expectedState": "loading",
+      "width": 528
+    }
+  ]
+}

package/dist/files/kit/components/rich/code.preview-fixtures.json

@@ -0,0 +1,105 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "code-php",
+      "description": "ChatGPT reference 49, the code block: language header, copy and wrap controls, highlighted PHP. The copy button is driven by the spec (_Code.spec.tsx): a headless browser grants no clipboard, so the click changes nothing the preview can wait for.",
+      "payload": {
+        "view": {
+          "type": "Code",
+          "code": "<?php\n\ndeclare(strict_types=1);\n\nfunction conversionRate(\n    int $conversions,\n    int $visitors\n): float {\n    return $visitors > 0\n        ? ($conversions / $visitors) * 100.0\n        : 0.0;\n}\n\necho conversionRate(750, 25000); // 3",
+          "language": "php"
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "wrap lines",
+          "click": {
+            "text": "Wrap lines"
+          }
+        }
+      ]
+    },
+    {
+      "name": "code-long",
+      "description": "Long code (40 lines) collapses to 24 lines behind 'Show all 40 lines'.",
+      "payload": {
+        "view": {
+          "type": "Code",
+          "code": "echo 'line 1';\necho 'line 2';\necho 'line 3';\necho 'line 4';\necho 'line 5';\necho 'line 6';\necho 'line 7';\necho 'line 8';\necho 'line 9';\necho 'line 10';\necho 'line 11';\necho 'line 12';\necho 'line 13';\necho 'line 14';\necho 'line 15';\necho 'line 16';\necho 'line 17';\necho 'line 18';\necho 'line 19';\necho 'line 20';\necho 'line 21';\necho 'line 22';\necho 'line 23';\necho 'line 24';\necho 'line 25';\necho 'line 26';\necho 'line 27';\necho 'line 28';\necho 'line 29';\necho 'line 30';\necho 'line 31';\necho 'line 32';\necho 'line 33';\necho 'line 34';\necho 'line 35';\necho 'line 36';\necho 'line 37';\necho 'line 38';\necho 'line 39';\necho 'line 40';",
+          "language": "php",
+          "title": "loop.php"
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "show all lines",
+          "click": {
+            "text": "Show all 40 lines"
+          }
+        }
+      ]
+    },
+    {
+      "name": "code-unknown-language",
+      "description": "A language without a grammar stays plain text under its written name.",
+      "payload": {
+        "view": {
+          "type": "Code",
+          "code": "IDENTIFICATION DIVISION.\nPROGRAM-ID. HELLO.",
+          "language": "COBOL"
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    },
+    {
+      "name": "code-empty",
+      "description": "Empty state: empty code renders nothing and reports empty.",
+      "payload": {
+        "view": {
+          "type": "Code",
+          "code": ""
+        }
+      },
+      "expectedState": "empty",
+      "width": 528
+    },
+    {
+      "name": "code-loading",
+      "description": "Loading state: the code is bound to a pending tool result — the skeleton shows.",
+      "payload": {
+        "view": {
+          "type": "Code",
+          "language": "php",
+          "code": {
+            "$from": {
+              "toolCall": "call_code_1",
+              "path": "$.code",
+              "state": "pending"
+            }
+          }
+        }
+      },
+      "expectedState": "loading",
+      "width": 528
+    },
+    {
+      "name": "code-narrow",
+      "description": "The PHP block at the narrow width: the header controls wrap, long lines scroll.",
+      "payload": {
+        "view": {
+          "type": "Code",
+          "code": "<?php\n\ndeclare(strict_types=1);\n\nfunction conversionRate(\n    int $conversions,\n    int $visitors\n): float {\n    return $visitors > 0\n        ? ($conversions / $visitors) * 100.0\n        : 0.0;\n}\n\necho conversionRate(750, 25000); // 3",
+          "language": "php"
+        }
+      },
+      "expectedState": "data",
+      "width": 360
+    }
+  ]
+}

package/dist/files/kit/components/rich/diagram.preview-fixtures.json

@@ -0,0 +1,89 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "diagram-widget-lifecycle",
+      "description": "ChatGPT reference 48: the widget life cycle as a Mermaid flowchart (top to bottom, one decision with Ja / Nein branches that join again).",
+      "payload": {
+        "view": {
+          "type": "Diagram",
+          "title": "Mermaid-Diagramm – Widget-Lebenszyklus",
+          "caption": "Hier wird aus einer textuellen Diagrammbeschreibung direkt eine Flowchart-Vorschau.",
+          "source": "flowchart TD\n  A[User-Anfrage] --> B[Widget-Suche]\n  B --> C{Passendes Widget?}\n  C -- Ja --> D[Widget auswählen]\n  C -- Nein --> E[UI-Bausteine kombinieren]\n  D --> F[Datenquelle abfragen]\n  E --> F\n  F --> G[Daten validieren]\n  G --> H[Darstellung erzeugen]\n  H --> I[Interaktion im Chat]"
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    },
+    {
+      "name": "diagram-sequence",
+      "description": "A second diagram type (sequence) — the reference shows a flowchart only.",
+      "payload": {
+        "view": {
+          "type": "Diagram",
+          "title": "Report e-mail",
+          "source": "sequenceDiagram\n  participant Agent\n  participant Worker\n  Agent->>Worker: Queue the report\n  Worker-->>Agent: Delivered"
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    },
+    {
+      "name": "diagram-invalid-source",
+      "description": "Error state: Mermaid cannot read the source — one muted line shows (observed as data), the node reports failed RENDER_FAILED with Mermaid's parse message.",
+      "payload": {
+        "view": {
+          "type": "Diagram",
+          "title": "Widget-Lebenszyklus",
+          "source": "flowchart TD\n  A[User-Anfrage] -->\n  B -- -- C"
+        }
+      },
+      "expectedState": "error",
+      "width": 528
+    },
+    {
+      "name": "diagram-empty",
+      "description": "Empty state: an empty source renders nothing and reports empty.",
+      "payload": {
+        "view": {
+          "type": "Diagram",
+          "source": ""
+        }
+      },
+      "expectedState": "empty",
+      "width": 528
+    },
+    {
+      "name": "diagram-loading",
+      "description": "Loading state: the source is bound to a pending tool result — the skeleton shows.",
+      "payload": {
+        "view": {
+          "type": "Diagram",
+          "title": "Widget-Lebenszyklus",
+          "source": {
+            "$from": {
+              "toolCall": "call_diagram_1",
+              "path": "$.source",
+              "state": "pending"
+            }
+          }
+        }
+      },
+      "expectedState": "loading",
+      "width": 528
+    },
+    {
+      "name": "diagram-narrow",
+      "description": "The flowchart at the narrow width: it scales down to the box.",
+      "payload": {
+        "view": {
+          "type": "Diagram",
+          "title": "Widget-Lebenszyklus",
+          "source": "flowchart TD\n  A[User-Anfrage] --> B[Widget-Suche]\n  B --> C{Passendes Widget?}\n  C -- Ja --> D[Widget auswählen]\n  C -- Nein --> E[UI-Bausteine kombinieren]\n  D --> F[Datenquelle abfragen]\n  E --> F\n  F --> G[Daten validieren]\n  G --> H[Darstellung erzeugen]\n  H --> I[Interaktion im Chat]"
+        }
+      },
+      "expectedState": "data",
+      "width": 360
+    }
+  ]
+}

package/dist/files/kit/components/rich/math.preview-fixtures.json

@@ -0,0 +1,152 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "math-conversion-rate",
+      "description": "ChatGPT reference 49, the formula block alone (Math node only): heading, LaTeX badge, the formula, the worked example under a hairline.",
+      "payload": {
+        "view": {
+          "type": "Math",
+          "title": "Conversion Rate",
+          "latex": "CR = \\frac{N_{\\text{Conversions}}}{N_{\\text{Visitors}}} \\times 100\\%",
+          "caption": "Beispiel: 750 Conversions bei 25.000 Besuchern ergeben 3 %."
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    },
+    {
+      "name": "math-and-code-composition",
+      "description": "ChatGPT reference 49 in full: the formula card (Surface with a LaTeX badge, two Math nodes, the example line), the sentence, then the PHP Code block — composed with the layout and text components of lanes L1/L2.",
+      "payload": {
+        "view": {
+          "type": "Stack",
+          "direction": "column",
+          "gap": "medium",
+          "children": [
+            {
+              "type": "Surface",
+              "title": "Conversion Rate",
+              "slots": {
+                "header": [
+                  {
+                    "type": "Badge",
+                    "text": "LaTeX"
+                  }
+                ]
+              },
+              "children": [
+                {
+                  "type": "Math",
+                  "latex": "CR = \\frac{N_{\\text{Conversions}}}{N_{\\text{Visitors}}} \\times 100\\%"
+                },
+                {
+                  "type": "Divider"
+                },
+                {
+                  "type": "Text",
+                  "text": "Beispiel: 750 Conversions bei 25.000 Besuchern ergeben 3 %.",
+                  "tone": "muted"
+                },
+                {
+                  "type": "Math",
+                  "latex": "CR = \\frac{750}{25\\,000} \\times 100\\% = 3\\%"
+                }
+              ]
+            },
+            {
+              "type": "Text",
+              "text": "Das gleiche als PHP 8 mit strenger Typisierung:"
+            },
+            {
+              "type": "Code",
+              "code": "<?php\n\ndeclare(strict_types=1);\n\nfunction conversionRate(\n    int $conversions,\n    int $visitors\n): float {\n    return $visitors > 0\n        ? ($conversions / $visitors) * 100.0\n        : 0.0;\n}\n\necho conversionRate(750, 25000); // 3",
+              "language": "php"
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "wrap lines",
+          "click": {
+            "text": "Wrap lines"
+          }
+        }
+      ]
+    },
+    {
+      "name": "math-inline",
+      "description": "An inline formula (display inline) — the ChatGPT reference shows block formulas only; this covers the inline rendering.",
+      "payload": {
+        "view": {
+          "type": "Math",
+          "latex": "E = mc^2",
+          "display": "inline"
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    },
+    {
+      "name": "math-invalid-latex",
+      "description": "Error state: LaTeX KaTeX cannot read — the source and one muted line show (observed as data), the node reports failed RENDER_FAILED.",
+      "payload": {
+        "view": {
+          "type": "Math",
+          "title": "Conversion Rate",
+          "latex": "CR = \\frac{N_{Conversions}{N_{Visitors}}"
+        }
+      },
+      "expectedState": "error",
+      "width": 528
+    },
+    {
+      "name": "math-empty",
+      "description": "Empty state: an empty formula renders nothing and reports empty.",
+      "payload": {
+        "view": {
+          "type": "Math",
+          "latex": ""
+        }
+      },
+      "expectedState": "empty",
+      "width": 528
+    },
+    {
+      "name": "math-loading",
+      "description": "Loading state: the formula is bound to a tool result that has not arrived yet ($from pending) — the skeleton shows.",
+      "payload": {
+        "view": {
+          "type": "Math",
+          "title": "Conversion Rate",
+          "latex": {
+            "$from": {
+              "toolCall": "call_math_1",
+              "path": "$.formula",
+              "state": "pending"
+            }
+          }
+        }
+      },
+      "expectedState": "loading",
+      "width": 528
+    },
+    {
+      "name": "math-narrow",
+      "description": "The formula block at the narrow width.",
+      "payload": {
+        "view": {
+          "type": "Math",
+          "title": "Conversion Rate",
+          "latex": "CR = \\frac{N_{\\text{Conversions}}}{N_{\\text{Visitors}}} \\times 100\\%",
+          "caption": "Beispiel: 750 Conversions bei 25.000 Besuchern ergeben 3 %."
+        }
+      },
+      "expectedState": "data",
+      "width": 360
+    }
+  ]
+}