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

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

@@ -0,0 +1,319 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "contact-request",
+      "description": "A Form with a recipient, a subject and a message (the editable e-mail draft of ChatGPT reference 47): the owner edits the fields and sends them to the agent, or declines.",
+      "payload": {
+        "state": {
+          "recipient": "",
+          "subject": "Short request",
+          "message": "Hello,\n\nI am interested in your offer and would like more information on prices, availability and terms.\n\nCould you send me the documents?\n\nKind regards"
+        },
+        "view": {
+          "type": "Form",
+          "name": "shortRequest",
+          "title": "Short request",
+          "description": "Edit the draft, then send it to me — I will e-mail it for you.",
+          "submitLabel": "Send request",
+          "declineLabel": "Not now",
+          "requiredFields": [
+            "recipient",
+            "message"
+          ],
+          "children": [
+            {
+              "type": "Input",
+              "label": "Recipient",
+              "inputType": "email",
+              "placeholder": "name@example.com",
+              "value": {
+                "$state": "recipient"
+              },
+              "onChange": {
+                "set": "recipient"
+              }
+            },
+            {
+              "type": "Input",
+              "label": "Subject",
+              "value": {
+                "$state": "subject"
+              },
+              "onChange": {
+                "set": "subject"
+              }
+            },
+            {
+              "type": "Textarea",
+              "label": "Your question",
+              "rows": 7,
+              "value": {
+                "$state": "message"
+              },
+              "onChange": {
+                "set": "message"
+              }
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "send without a recipient",
+          "click": {
+            "text": "Send request"
+          }
+        },
+        {
+          "name": "type the recipient",
+          "fill": {
+            "selector": "input[type=email]",
+            "value": "info@example.com"
+          }
+        },
+        {
+          "name": "send the request",
+          "click": {
+            "text": "Send request"
+          }
+        }
+      ]
+    },
+    {
+      "name": "filter-and-state",
+      "description": "The 'Filter & State' panel of ChatGPT reference 52 as a Form: period tabs, a channel select, a reference date, a traffic slider and a checkbox; Apply sends the chosen settings.",
+      "payload": {
+        "state": {
+          "period": "7d",
+          "channel": "all",
+          "asOf": "2026-10-25",
+          "scale": 100,
+          "benchmark": true
+        },
+        "view": {
+          "type": "Form",
+          "name": "dashboardFilters",
+          "title": "Filter & state",
+          "description": "Pick what the dashboard shows.",
+          "submitLabel": "Apply",
+          "children": [
+            {
+              "type": "Tabs",
+              "label": "Period",
+              "options": [
+                {
+                  "id": "7d",
+                  "label": "7 days"
+                },
+                {
+                  "id": "4w",
+                  "label": "4 weeks"
+                }
+              ],
+              "value": {
+                "$state": "period"
+              },
+              "onChange": {
+                "set": "period"
+              }
+            },
+            {
+              "type": "Stack",
+              "direction": "row",
+              "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": 5,
+              "unit": "%",
+              "value": {
+                "$state": "scale"
+              },
+              "onChange": {
+                "set": "scale"
+              }
+            },
+            {
+              "type": "Checkbox",
+              "label": "Show comparison values (90 % of visitors)",
+              "checked": {
+                "$state": "benchmark"
+              },
+              "onChange": {
+                "set": "benchmark"
+              }
+            }
+          ],
+          "slots": {
+            "header": [
+              {
+                "type": "Popover",
+                "label": "Method",
+                "icon": "info",
+                "placement": "end",
+                "text": "All numbers are demo data. The filters work locally and react to your input."
+              }
+            ]
+          }
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "open the method popover",
+          "click": {
+            "text": "Method"
+          }
+        },
+        {
+          "name": "pick 4 weeks",
+          "click": {
+            "text": "4 weeks"
+          }
+        },
+        {
+          "name": "apply",
+          "click": {
+            "text": "Apply"
+          }
+        }
+      ]
+    },
+    {
+      "name": "confirm-only",
+      "description": "A Form without inputs (the empty state): one line of text and the two buttons — sends an empty submit or the decline.",
+      "payload": {
+        "view": {
+          "type": "Form",
+          "name": "publishConfirm",
+          "title": "Publish the draft?",
+          "submitLabel": "Publish",
+          "declineLabel": "Not now",
+          "children": [
+            {
+              "type": "Text",
+              "text": "The post goes live on Google and Facebook.",
+              "tone": "muted"
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "decline",
+          "click": {
+            "text": "Not now"
+          }
+        }
+      ]
+    },
+    {
+      "name": "contact-request-email",
+      "description": "The contact-request form as the e-mail capture shows it: the fields frozen at their values, no action row (run with --mode email).",
+      "payload": {
+        "state": {
+          "recipient": "",
+          "subject": "Short request",
+          "message": "Hello,\n\nI am interested in your offer and would like more information on prices, availability and terms.\n\nCould you send me the documents?\n\nKind regards"
+        },
+        "view": {
+          "type": "Form",
+          "name": "shortRequest",
+          "title": "Short request",
+          "description": "Edit the draft, then send it to me — I will e-mail it for you.",
+          "submitLabel": "Send request",
+          "declineLabel": "Not now",
+          "requiredFields": [
+            "recipient",
+            "message"
+          ],
+          "children": [
+            {
+              "type": "Input",
+              "label": "Recipient",
+              "inputType": "email",
+              "placeholder": "name@example.com",
+              "value": {
+                "$state": "recipient"
+              },
+              "onChange": {
+                "set": "recipient"
+              }
+            },
+            {
+              "type": "Input",
+              "label": "Subject",
+              "value": {
+                "$state": "subject"
+              },
+              "onChange": {
+                "set": "subject"
+              }
+            },
+            {
+              "type": "Textarea",
+              "label": "Your question",
+              "rows": 7,
+              "value": {
+                "$state": "message"
+              },
+              "onChange": {
+                "set": "message"
+              }
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    }
+  ]
+}

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

@@ -0,0 +1,301 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "button-mrr-growth-simulator",
+      "description": "The MRR growth simulator: Bear/Base/Bull tabs, KPIs, the MRR line and a starting-customers slider share one state; a button copies the scenario as JSON (ChatGPT reference 16).",
+      "payload": {
+        "state": {
+          "scenario": "base",
+          "startCustomers": 800
+        },
+        "data": {
+          "months": [
+            {
+              "month": "M1",
+              "bear": 1.0,
+              "base": 1.0,
+              "bull": 1.0
+            },
+            {
+              "month": "M2",
+              "bear": 1.02,
+              "base": 1.05,
+              "bull": 1.08
+            },
+            {
+              "month": "M3",
+              "bear": 1.0404,
+              "base": 1.1025,
+              "bull": 1.1664
+            },
+            {
+              "month": "M4",
+              "bear": 1.0612,
+              "base": 1.1576,
+              "bull": 1.2597
+            },
+            {
+              "month": "M5",
+              "bear": 1.0824,
+              "base": 1.2155,
+              "bull": 1.3605
+            },
+            {
+              "month": "M6",
+              "bear": 1.1041,
+              "base": 1.2763,
+              "bull": 1.4693
+            },
+            {
+              "month": "M7",
+              "bear": 1.1262,
+              "base": 1.3401,
+              "bull": 1.5869
+            },
+            {
+              "month": "M8",
+              "bear": 1.1487,
+              "base": 1.4071,
+              "bull": 1.7138
+            },
+            {
+              "month": "M9",
+              "bear": 1.1717,
+              "base": 1.4775,
+              "bull": 1.8509
+            },
+            {
+              "month": "M10",
+              "bear": 1.1951,
+              "base": 1.5513,
+              "bull": 1.999
+            },
+            {
+              "month": "M11",
+              "bear": 1.219,
+              "base": 1.6289,
+              "bull": 2.1589
+            },
+            {
+              "month": "M12",
+              "bear": 1.2434,
+              "base": 1.7103,
+              "bull": 2.3316
+            }
+          ]
+        },
+        "computed": {
+          "growth": "scenario == \"bear\" ? 4 : scenario == \"base\" ? 8 : 12",
+          "churn": "scenario == \"bear\" ? 2 : scenario == \"base\" ? 3 : 4",
+          "netGrowth": "growth - churn",
+          "series": "map(months, m => ({ month: m.month, mrr: round(startCustomers * 79 * (scenario == \"bear\" ? m.bear : scenario == \"base\" ? m.base : m.bull)) }))",
+          "mrrMonth12": "last(series).mrr",
+          "scenarioJson": "\"{\\\"scenario\\\":\\\"\" + scenario + \"\\\",\\\"startCustomers\\\":\" + string(startCustomers) + \",\\\"mrrMonth12\\\":\" + string(mrrMonth12) + \"}\""
+        },
+        "actions": {
+          "copyScenario": {
+            "type": "copy",
+            "value": {
+              "$computed": "scenarioJson"
+            }
+          }
+        },
+        "view": {
+          "type": "Surface",
+          "title": "MRR Growth Simulator",
+          "subtitle": "12-month model · €79 ARPA · example data",
+          "children": [
+            {
+              "type": "Tabs",
+              "options": [
+                {
+                  "id": "bear",
+                  "label": "Bear"
+                },
+                {
+                  "id": "base",
+                  "label": "Base"
+                },
+                {
+                  "id": "bull",
+                  "label": "Bull"
+                }
+              ],
+              "value": {
+                "$state": "scenario"
+              },
+              "onChange": {
+                "set": "scenario"
+              }
+            },
+            {
+              "type": "Grid",
+              "columns": 2,
+              "gap": "small",
+              "children": [
+                {
+                  "type": "KpiTile",
+                  "label": "MRR month 12",
+                  "value": {
+                    "$computed": "mrrMonth12"
+                  },
+                  "format": "currency",
+                  "currency": "EUR",
+                  "decimals": 0
+                },
+                {
+                  "type": "KpiTile",
+                  "label": "Net growth / month",
+                  "value": {
+                    "$computed": "netGrowth"
+                  },
+                  "format": "percent",
+                  "decimals": 0,
+                  "tone": "success",
+                  "signed": true
+                }
+              ]
+            },
+            {
+              "type": "Chart",
+              "kind": "line",
+              "data": {
+                "$computed": "series"
+              },
+              "x": "month",
+              "series": [
+                {
+                  "field": "mrr",
+                  "label": "MRR"
+                }
+              ],
+              "valueFormat": "currency",
+              "currency": "EUR"
+            },
+            {
+              "type": "Slider",
+              "label": "Starting customers",
+              "min": 100,
+              "max": 2000,
+              "step": 50,
+              "value": {
+                "$state": "startCustomers"
+              },
+              "onChange": {
+                "set": "startCustomers"
+              }
+            },
+            {
+              "type": "Divider"
+            },
+            {
+              "type": "Grid",
+              "columns": 2,
+              "gap": "small",
+              "children": [
+                {
+                  "type": "KpiTile",
+                  "label": "Growth rate",
+                  "value": {
+                    "$computed": "growth"
+                  },
+                  "format": "percent",
+                  "decimals": 0,
+                  "signed": true
+                },
+                {
+                  "type": "KpiTile",
+                  "label": "Churn rate",
+                  "value": {
+                    "$computed": "churn"
+                  },
+                  "format": "percent",
+                  "decimals": 0
+                }
+              ]
+            },
+            {
+              "type": "Button",
+              "label": "Copy scenario data as JSON",
+              "icon": "copy",
+              "fullWidth": true,
+              "onClick": {
+                "action": "copyScenario"
+              }
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "bull scenario",
+          "click": {
+            "text": "Bull"
+          }
+        },
+        {
+          "name": "more starting customers",
+          "click": {
+            "selector": ".MuiSlider-thumb"
+          },
+          "press": "ArrowRight"
+        },
+        {
+          "name": "copy scenario",
+          "click": {
+            "text": "Copy scenario data as JSON"
+          }
+        }
+      ]
+    },
+    {
+      "name": "button-replay",
+      "description": "The same buttons on a replayed message: visible, inert (mode replay shows it; here the tree is the plain button row).",
+      "payload": {
+        "state": {
+          "visitors": 35000
+        },
+        "actions": {
+          "reset": {
+            "type": "resetState"
+          },
+          "copyResult": {
+            "type": "copy",
+            "value": {
+              "$state": "visitors"
+            }
+          }
+        },
+        "view": {
+          "type": "Stack",
+          "direction": "row",
+          "gap": "small",
+          "children": [
+            {
+              "type": "Button",
+              "label": "Copy JSON",
+              "icon": "copy",
+              "onClick": {
+                "action": "copyResult"
+              }
+            },
+            {
+              "type": "Button",
+              "label": "Reset",
+              "icon": "reset",
+              "variant": "secondary",
+              "onClick": {
+                "action": "reset"
+              }
+            }
+          ]
+        }
+      },
+      "expectedState": "data",
+      "width": 528
+    }
+  ]
+}

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

@@ -0,0 +1,35 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "checkbox-benchmark",
+      "description": "One checkbox with a muted explanation (ChatGPT reference 52).",
+      "payload": {
+        "state": {
+          "benchmark": true
+        },
+        "view": {
+          "type": "Checkbox",
+          "label": "Show comparison values",
+          "description": "The comparison line is 90 % of the visitors.",
+          "checked": {
+            "$state": "benchmark"
+          },
+          "onChange": {
+            "set": "benchmark"
+          }
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "clear",
+          "click": {
+            "text": "Show comparison values"
+          }
+        }
+      ]
+    }
+  ]
+}

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

@@ -0,0 +1,36 @@
+{
+  "wireName": "ComposedView",
+  "fixtures": [
+    {
+      "name": "date-picker-reference-date",
+      "description": "The reference date of the analytics studio (ChatGPT reference 52).",
+      "payload": {
+        "state": {
+          "asOf": "2026-10-25"
+        },
+        "view": {
+          "type": "DatePicker",
+          "label": "Reference date",
+          "value": {
+            "$state": "asOf"
+          },
+          "onChange": {
+            "set": "asOf"
+          },
+          "min": "2026-01-01",
+          "max": "2026-12-31"
+        }
+      },
+      "expectedState": "data",
+      "width": 528,
+      "interactions": [
+        {
+          "name": "open the calendar",
+          "click": {
+            "selector": "input"
+          }
+        }
+      ]
+    }
+  ]
+}