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

package/dist/files/kit/components/inputs/input.preview-fixtures.json

@@ -0,0 +1,55 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "input-basket-value",
+      "description": "A number field and a text field.",
+      "payload": {
+        "state": {
+          "basketValue": 70,
+          "note": ""
+        },
+        "view": {
+          "type": "Stack",
+          "gap": "medium",
+          "children": [
+            {
+              "type": "Input",
+              "label": "Basket value (€)",
+              "inputType": "number",
+              "value": {
+                "$state": "basketValue"
+              },
+              "onChange": {
+                "set": "basketValue"
+              }
+            },
+            {
+              "type": "Input",
+              "label": "Campaign name",
+              "placeholder": "Autumn sale",
+              "maxLength": 40,
+              "value": {
+                "$state": "note"
+              },
+              "onChange": {
+                "set": "note"
+              }
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "type a basket value",
+          "fill": {
+            "selector": "input[type=number]",
+            "value": "85"
+          }
+        }
+      ]
+    }
+  ]
+}

package/dist/files/kit/components/inputs/radio-group.preview-fixtures.json

@@ -0,0 +1,76 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "radio-group-goal",
+      "description": "Three explained choices under each other (ChatGPT's RadioGroup of the base kit).",
+      "payload": {
+        "state": {
+          "goal": "calls"
+        },
+        "view": {
+          "type": "RadioGroup",
+          "label": "What should the campaign bring?",
+          "options": [
+            {
+              "id": "calls",
+              "label": "More calls",
+              "description": "Phone calls from your Google profile"
+            },
+            {
+              "id": "visits",
+              "label": "More visits",
+              "description": "Route requests to your shop"
+            },
+            {
+              "id": "web",
+              "label": "More website visits"
+            }
+          ],
+          "value": {
+            "$state": "goal"
+          },
+          "onChange": {
+            "set": "goal"
+          }
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "pick visits",
+          "click": {
+            "text": "More visits"
+          }
+        }
+      ]
+    },
+    {
+      "name": "radio-group-row",
+      "description": "Side by side.",
+      "payload": {
+        "state": {
+          "size": "M"
+        },
+        "view": {
+          "type": "RadioGroup",
+          "direction": "row",
+          "options": [
+            "S",
+            "M",
+            "L"
+          ],
+          "value": {
+            "$state": "size"
+          },
+          "onChange": {
+            "set": "size"
+          }
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    }
+  ]
+}

package/dist/files/kit/components/inputs/select.preview-fixtures.json

@@ -0,0 +1,314 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "select-analytics-studio-filters",
+      "description": "The filter card of the analytics studio: period tabs, channel select, reference date, traffic slider, comparison checkbox; the KPIs follow; Copy JSON and Reset (ChatGPT reference 52).",
+      "payload": {
+        "state": {
+          "period": "7d",
+          "channel": "all",
+          "scale": 100,
+          "benchmark": true,
+          "asOf": "2026-10-25"
+        },
+        "data": {
+          "days": [
+            {
+              "x": "Mon",
+              "visitors": 980
+            },
+            {
+              "x": "Tue",
+              "visitors": 1120
+            },
+            {
+              "x": "Wed",
+              "visitors": 1040
+            },
+            {
+              "x": "Thu",
+              "visitors": 1260
+            },
+            {
+              "x": "Fri",
+              "visitors": 1130
+            },
+            {
+              "x": "Sat",
+              "visitors": 1460
+            },
+            {
+              "x": "Sun",
+              "visitors": 1210
+            }
+          ]
+        },
+        "computed": {
+          "channelShare": "channel == \"all\" ? 1 : channel == \"organic\" ? 0.511 : channel == \"paid\" ? 0.32 : 0.169",
+          "periodFactor": "period == \"7d\" ? 1 : 4",
+          "visitors": "round(sum(days, d => d.visitors) * channelShare * scale / 100 * periodFactor)",
+          "comparison": "benchmark ? round(visitors * 0.9) : \"—\"",
+          "settingsJson": "\"{\\\"period\\\":\\\"\" + period + \"\\\",\\\"channel\\\":\\\"\" + channel + \"\\\",\\\"scale\\\":\" + string(scale) + \",\\\"asOf\\\":\\\"\" + asOf + \"\\\"}\"",
+          "channelLabel": "channel == \"all\" ? \"All channels\" : channel == \"organic\" ? \"Organic\" : channel == \"paid\" ? \"Paid\" : \"Direct\"",
+          "comparisonDetail": "benchmark ? \"90 % of the visitors\" : \"Comparison values are off\""
+        },
+        "actions": {
+          "copyJson": {
+            "type": "copy",
+            "value": {
+              "$computed": "settingsJson"
+            }
+          },
+          "reset": {
+            "type": "resetState"
+          }
+        },
+        "view": {
+          "type": "Surface",
+          "title": "Analytics Studio",
+          "subtitle": "Interactive component test · demo data",
+          "children": [
+            {
+              "type": "Surface",
+              "title": "Filter & state",
+              "density": "compact",
+              "children": [
+                {
+                  "type": "Tabs",
+                  "label": "Period",
+                  "options": [
+                    {
+                      "id": "7d",
+                      "label": "7 days"
+                    },
+                    {
+                      "id": "30d",
+                      "label": "4 weeks"
+                    }
+                  ],
+                  "value": {
+                    "$state": "period"
+                  },
+                  "onChange": {
+                    "set": "period"
+                  }
+                },
+                {
+                  "type": "Grid",
+                  "columns": 2,
+                  "gap": "small",
+                  "children": [
+                    {
+                      "type": "Select",
+                      "label": "Channel",
+                      "options": [
+                        {
+                          "id": "all",
+                          "label": "All channels"
+                        },
+                        {
+                          "id": "organic",
+                          "label": "Organic"
+                        },
+                        {
+                          "id": "paid",
+                          "label": "Paid"
+                        },
+                        {
+                          "id": "direct",
+                          "label": "Direct"
+                        }
+                      ],
+                      "value": {
+                        "$state": "channel"
+                      },
+                      "onChange": {
+                        "set": "channel"
+                      }
+                    },
+                    {
+                      "type": "DatePicker",
+                      "label": "Reference date",
+                      "value": {
+                        "$state": "asOf"
+                      },
+                      "onChange": {
+                        "set": "asOf"
+                      }
+                    }
+                  ]
+                },
+                {
+                  "type": "Slider",
+                  "label": "Traffic scaling",
+                  "min": 50,
+                  "max": 150,
+                  "step": 10,
+                  "unit": "%",
+                  "value": {
+                    "$state": "scale"
+                  },
+                  "onChange": {
+                    "set": "scale"
+                  }
+                },
+                {
+                  "type": "Checkbox",
+                  "label": "Show comparison values (90 % of the visitors)",
+                  "checked": {
+                    "$state": "benchmark"
+                  },
+                  "onChange": {
+                    "set": "benchmark"
+                  }
+                }
+              ]
+            },
+            {
+              "type": "Grid",
+              "columns": 2,
+              "gap": "small",
+              "children": [
+                {
+                  "type": "KpiTile",
+                  "label": "Visitors",
+                  "value": {
+                    "$computed": "visitors"
+                  },
+                  "format": "number",
+                  "detail": {
+                    "$computed": "channelLabel"
+                  }
+                },
+                {
+                  "type": "KpiTile",
+                  "label": "Comparison",
+                  "value": {
+                    "$computed": "comparison"
+                  },
+                  "format": "number",
+                  "detail": {
+                    "$computed": "comparisonDetail"
+                  }
+                }
+              ]
+            },
+            {
+              "type": "Stack",
+              "direction": "row",
+              "gap": "small",
+              "children": [
+                {
+                  "type": "Button",
+                  "label": "Copy JSON",
+                  "icon": "copy",
+                  "onClick": {
+                    "action": "copyJson"
+                  }
+                },
+                {
+                  "type": "Button",
+                  "label": "Reset",
+                  "icon": "reset",
+                  "variant": "secondary",
+                  "onClick": {
+                    "action": "reset"
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 720,
+      "interactions": [
+        {
+          "name": "4 weeks",
+          "click": {
+            "text": "4 weeks"
+          }
+        },
+        {
+          "name": "open the channel list",
+          "click": {
+            "selector": "[role=combobox]"
+          }
+        },
+        {
+          "name": "pick Organic",
+          "click": {
+            "selector": "[role=option] >> text=Organic"
+          }
+        },
+        {
+          "name": "clear the comparison",
+          "click": {
+            "text": "Show comparison values (90 % of the visitors)"
+          }
+        },
+        {
+          "name": "reset",
+          "click": {
+            "text": "Reset"
+          }
+        }
+      ]
+    },
+    {
+      "name": "select-alone",
+      "description": "One drop-down with a label and a placeholder, nothing picked.",
+      "payload": {
+        "state": {
+          "channel": ""
+        },
+        "view": {
+          "type": "Select",
+          "label": "Channel",
+          "placeholder": "Pick a channel",
+          "options": [
+            "Organic",
+            "Paid",
+            "Direct"
+          ],
+          "value": {
+            "$state": "channel"
+          },
+          "onChange": {
+            "set": "channel"
+          }
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "open",
+          "click": {
+            "selector": "[role=combobox]"
+          }
+        }
+      ]
+    },
+    {
+      "name": "select-no-options",
+      "description": "No usable choice — the drop-down renders nothing inside its card and the block reports failed. The preview sees the card (state data); the block's render report says failed.",
+      "payload": {
+        "view": {
+          "type": "Surface",
+          "title": "Filter & state",
+          "children": [
+            {
+              "type": "Select",
+              "label": "Channel",
+              "options": []
+            }
+          ]
+        }
+      },
+      "expectedState": "error",
+      "width": 528
+    }
+  ]
+}

package/dist/files/kit/components/inputs/slider.preview-fixtures.json

@@ -0,0 +1,178 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "slider-revenue-simulator",
+      "description": "The revenue simulator: three sliders recompute two KPIs live; \"Copy result\" copies the summary (ChatGPT reference 10).",
+      "payload": {
+        "state": {
+          "visitors": 35000,
+          "conversionRate": 3.0,
+          "basketValue": 70
+        },
+        "computed": {
+          "orders": "round(visitors * conversionRate / 100)",
+          "revenue": "orders * basketValue",
+          "summary": "\"Monthly revenue: \" + string(revenue) + \" EUR, orders: \" + string(orders) + \", visitors: \" + string(visitors) + \", conversion rate: \" + string(conversionRate) + \" %, basket value: \" + string(basketValue) + \" EUR\""
+        },
+        "actions": {
+          "copyResult": {
+            "type": "copy",
+            "value": {
+              "$computed": "summary"
+            }
+          }
+        },
+        "view": {
+          "type": "Surface",
+          "title": "Revenue Simulator",
+          "subtitle": "E-commerce · example scenario",
+          "children": [
+            {
+              "type": "Grid",
+              "columns": 2,
+              "gap": "small",
+              "children": [
+                {
+                  "type": "KpiTile",
+                  "label": "Monthly revenue",
+                  "value": {
+                    "$computed": "revenue"
+                  },
+                  "format": "currency",
+                  "currency": "EUR",
+                  "decimals": 0
+                },
+                {
+                  "type": "KpiTile",
+                  "label": "Orders",
+                  "value": {
+                    "$computed": "orders"
+                  },
+                  "format": "number"
+                }
+              ]
+            },
+            {
+              "type": "Divider"
+            },
+            {
+              "type": "Slider",
+              "label": "Visitors / month",
+              "min": 0,
+              "max": 100000,
+              "step": 1000,
+              "value": {
+                "$state": "visitors"
+              },
+              "onChange": {
+                "set": "visitors"
+              }
+            },
+            {
+              "type": "Slider",
+              "label": "Conversion rate",
+              "min": 0.5,
+              "max": 8,
+              "step": 0.1,
+              "unit": "%",
+              "decimals": 1,
+              "value": {
+                "$state": "conversionRate"
+              },
+              "onChange": {
+                "set": "conversionRate"
+              }
+            },
+            {
+              "type": "Slider",
+              "label": "Basket value",
+              "min": 10,
+              "max": 200,
+              "step": 5,
+              "unit": "€",
+              "value": {
+                "$state": "basketValue"
+              },
+              "onChange": {
+                "set": "basketValue"
+              }
+            },
+            {
+              "type": "Button",
+              "label": "Copy result",
+              "icon": "copy",
+              "fullWidth": true,
+              "onClick": {
+                "action": "copyResult"
+              }
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "more visitors",
+          "click": {
+            "selector": ".MuiSlider-thumb >> nth=0"
+          },
+          "press": "ArrowRight"
+        },
+        {
+          "name": "higher conversion rate",
+          "click": {
+            "selector": ".MuiSlider-thumb >> nth=1"
+          },
+          "press": "ArrowRight"
+        },
+        {
+          "name": "copy result",
+          "click": {
+            "text": "Copy result"
+          }
+        }
+      ]
+    },
+    {
+      "name": "slider-loading",
+      "description": "The value is bound to a tool result that has not arrived yet — skeleton.",
+      "payload": {
+        "view": {
+          "type": "Slider",
+          "label": "Visitors / month",
+          "min": 0,
+          "max": {
+            "$from": {
+              "toolCall": "call_pending",
+              "path": "$.max"
+            }
+          }
+        }
+      },
+      "expectedState": "loading",
+      "width": 528
+    },
+    {
+      "name": "slider-invalid-range",
+      "description": "max is not above min — the slider renders nothing inside its card and the block reports failed. The preview sees the card (state data); the block's render report says failed.",
+      "payload": {
+        "view": {
+          "type": "Surface",
+          "title": "Revenue Simulator",
+          "children": [
+            {
+              "type": "Slider",
+              "label": "Visitors / month",
+              "min": 100,
+              "max": 100
+            }
+          ]
+        }
+      },
+      "expectedState": "error",
+      "width": 528
+    }
+  ]
+}