@petrarca/sonnet-playground 0.2.0 → 0.4.0

package/dist/chunk-P7I5IDXA.js

@@ -1,432 +0,0 @@
-// src/pages/PlayFormWidgets.tsx
-import { useCallback, useState } from "react";
-import { SimpleStack, Card } from "@petrarca/sonnet-ui";
-import {
-  TextInputWidget,
-  TextareaWidget,
-  NumberWidget,
-  CheckboxWidget,
-  SelectWidget,
-  QuantityWidget,
-  DEFAULT_WIDGETS
-} from "@petrarca/sonnet-forms";
-import { jsx, jsxs } from "react/jsx-runtime";
-function PlayFormWidgets() {
-  const [textValue, setTextValue] = useState("");
-  const [textareaValue, setTextareaValue] = useState("");
-  const [numberValue, setNumberValue] = useState(void 0);
-  const [checkboxValue, setCheckboxValue] = useState(false);
-  const [selectValue, setSelectValue] = useState("");
-  const [multiSelectValue, setMultiSelectValue] = useState([]);
-  const [multiSelectColorValue, setMultiSelectColorValue] = useState(
-    []
-  );
-  const [tempValue, setTempValue] = useState({
-    value: 37,
-    unit: "degC"
-  });
-  const [weightValue, setWeightValue] = useState({
-    value: void 0,
-    unit: "kg"
-  });
-  const [bpValue, setBpValue] = useState({
-    value: 72,
-    unit: "bpm"
-  });
-  const [priceValue, setPriceValue] = useState({
-    value: 49.99,
-    unit: "EUR"
-  });
-  const onTextChange = useCallback(
-    (v) => setTextValue(typeof v === "string" ? v : ""),
-    []
-  );
-  const onTextareaChange = useCallback(
-    (v) => setTextareaValue(typeof v === "string" ? v : ""),
-    []
-  );
-  const onNumberChange = useCallback(
-    (v) => setNumberValue(typeof v === "number" ? v : void 0),
-    []
-  );
-  const onCheckboxChange = useCallback(
-    (v) => setCheckboxValue(typeof v === "boolean" ? v : false),
-    []
-  );
-  const onSelectChange = useCallback(
-    (v) => setSelectValue(typeof v === "string" ? v : ""),
-    []
-  );
-  const onMultiSelectChange = useCallback(
-    (v) => setMultiSelectValue(Array.isArray(v) ? v : []),
-    []
-  );
-  const onMultiSelectColorChange = useCallback(
-    (v) => setMultiSelectColorValue(Array.isArray(v) ? v : []),
-    []
-  );
-  const onTempChange = useCallback((v) => {
-    if (v != null && typeof v === "object" && !Array.isArray(v)) {
-      setTempValue(v);
-    }
-  }, []);
-  const onWeightChange = useCallback((v) => {
-    if (v != null && typeof v === "object" && !Array.isArray(v)) {
-      setWeightValue(v);
-    }
-  }, []);
-  const onBpChange = useCallback((v) => {
-    if (v != null && typeof v === "object" && !Array.isArray(v)) {
-      setBpValue(v);
-    }
-  }, []);
-  const onPriceChange = useCallback((v) => {
-    if (v != null && typeof v === "object" && !Array.isArray(v)) {
-      setPriceValue(v);
-    }
-  }, []);
-  const dummySchema = {
-    title: "Form Widgets Demo",
-    type: "object",
-    properties: {},
-    "x-entity": {
-      type: "entity",
-      label: "Demo",
-      relations: []
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        width: "100%",
-        height: "100vh",
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ jsxs("div", { style: { padding: "1rem 1rem 0 1rem" }, children: [
-          /* @__PURE__ */ jsx("h1", { children: "Basic Form Widgets Playground" }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: "Interactive demonstration of all basic form widgets" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto", padding: "0 1rem 1rem 1rem" }, children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "md", style: { maxWidth: "900px" }, children: [
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "TextInputWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Single-line text input with support for various HTML input types (text, email, password, url, etc.)" }),
-            /* @__PURE__ */ jsx(
-              TextInputWidget,
-              {
-                id: "text-input-demo",
-                name: "textInput",
-                value: textValue,
-                onChange: onTextChange,
-                label: "Text Input",
-                description: "Enter some text",
-                placeholder: "Type here...",
-                propertySchema: { type: "string" },
-                schema: dummySchema,
-                registry: DEFAULT_WIDGETS
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TextInputWidget,
-              {
-                id: "text-input-email",
-                name: "emailInput",
-                value: textValue,
-                onChange: onTextChange,
-                label: "Email Input",
-                description: "Input type: email",
-                placeholder: "user@example.com",
-                propertySchema: { type: "string", format: "email" },
-                schema: dummySchema,
-                registry: DEFAULT_WIDGETS,
-                options: { inputType: "email" }
-              }
-            ),
-            /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: textValue }, null, 2) }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "TextareaWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Multi-line text input with configurable rows and autosize support" }),
-            /* @__PURE__ */ jsx(
-              TextareaWidget,
-              {
-                id: "textarea-demo",
-                name: "textarea",
-                value: textareaValue,
-                onChange: onTextareaChange,
-                label: "Textarea",
-                description: "Enter multiple lines",
-                placeholder: "Type here...",
-                propertySchema: { type: "string" },
-                schema: dummySchema,
-                registry: DEFAULT_WIDGETS,
-                options: { rows: 4 }
-              }
-            ),
-            /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: textareaValue }, null, 2) }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "NumberWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Number input with support for min, max, and step constraints" }),
-            /* @__PURE__ */ jsx(
-              NumberWidget,
-              {
-                id: "number-demo",
-                name: "number",
-                value: numberValue,
-                onChange: onNumberChange,
-                label: "Number Input",
-                description: "Enter a number (0-100, step: 5)",
-                placeholder: "0",
-                propertySchema: { type: "number", minimum: 0, maximum: 100 },
-                schema: dummySchema,
-                registry: DEFAULT_WIDGETS,
-                options: { step: 5 }
-              }
-            ),
-            /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: numberValue }, null, 2) }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "CheckboxWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Boolean checkbox for true/false values" }),
-            /* @__PURE__ */ jsx(
-              CheckboxWidget,
-              {
-                id: "checkbox-demo",
-                name: "checkbox",
-                value: checkboxValue,
-                onChange: onCheckboxChange,
-                label: "Enable Feature",
-                description: "Check to enable",
-                propertySchema: { type: "boolean" },
-                schema: dummySchema,
-                registry: DEFAULT_WIDGETS
-              }
-            ),
-            /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: checkboxValue }, null, 2) }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "SelectWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Dropdown select for enum values with single-select, multi-select, and custom badge colors" }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Single Select" }),
-              /* @__PURE__ */ jsx(
-                SelectWidget,
-                {
-                  id: "select-demo",
-                  name: "select",
-                  value: selectValue,
-                  onChange: onSelectChange,
-                  label: "Select Status",
-                  description: "Choose a status",
-                  placeholder: "Select one...",
-                  propertySchema: {
-                    type: "string",
-                    enum: ["active", "inactive", "pending", "archived"]
-                  },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    enumNames: {
-                      active: "Active",
-                      inactive: "Inactive",
-                      pending: "Pending",
-                      archived: "Archived"
-                    },
-                    searchable: true,
-                    clearable: true
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: selectValue }, null, 2) }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Multi Select (auto-enabled when type is 'array')" }),
-              /* @__PURE__ */ jsx(
-                SelectWidget,
-                {
-                  id: "multiselect-demo",
-                  name: "multiselect",
-                  value: multiSelectValue,
-                  onChange: onMultiSelectChange,
-                  label: "Select Tags",
-                  description: "Choose multiple tags",
-                  placeholder: "Select tags...",
-                  propertySchema: {
-                    type: "array",
-                    items: { type: "string" },
-                    enum: [
-                      "frontend",
-                      "backend",
-                      "database",
-                      "devops",
-                      "testing",
-                      "security"
-                    ]
-                  },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: { searchable: true, clearable: true }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: multiSelectValue }, null, 2) }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Multi Select with Custom Badge Color" }),
-              /* @__PURE__ */ jsx(
-                SelectWidget,
-                {
-                  id: "multiselect-color-demo",
-                  name: "multiselectColor",
-                  value: multiSelectColorValue,
-                  onChange: onMultiSelectColorChange,
-                  label: "Select Categories",
-                  description: "Custom grape-colored badges",
-                  placeholder: "Select categories...",
-                  propertySchema: {
-                    type: "array",
-                    items: { type: "string" },
-                    enum: [
-                      "feature",
-                      "bugfix",
-                      "enhancement",
-                      "documentation",
-                      "refactor"
-                    ]
-                  },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    searchable: true,
-                    clearable: true,
-                    badgeColor: "grape",
-                    enumNames: {
-                      feature: "Feature",
-                      bugfix: "Bug Fix",
-                      enhancement: "Enhancement",
-                      documentation: "Documentation",
-                      refactor: "Refactor"
-                    }
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: multiSelectColorValue }, null, 2) }) })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "QuantityWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Compound numeric value + unit selector. Multi-unit shows a dropdown, single-unit shows static text, prefix mode places the unit before the value." }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Multi-unit suffix (Temperature)" }),
-              /* @__PURE__ */ jsx(
-                QuantityWidget,
-                {
-                  id: "quantity-temp",
-                  name: "temperature",
-                  value: tempValue,
-                  onChange: onTempChange,
-                  label: "Temperature",
-                  description: "Body temperature with per-unit validation",
-                  placeholder: "0.0",
-                  propertySchema: { type: "object" },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    precision: 1,
-                    units: [
-                      { value: "degC", label: "C", min: 35, max: 42 },
-                      { value: "degF", label: "F", min: 95, max: 108 }
-                    ]
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify(tempValue, null, 2) }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Single-unit suffix (Weight) -- unit shown as static text" }),
-              /* @__PURE__ */ jsx(
-                QuantityWidget,
-                {
-                  id: "quantity-weight",
-                  name: "weight",
-                  value: weightValue,
-                  onChange: onWeightChange,
-                  label: "Weight",
-                  description: "Single unit, global min/max from schema",
-                  placeholder: "0",
-                  propertySchema: { type: "object", minimum: 0, maximum: 500 },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    precision: 1,
-                    units: [{ value: "kg", label: "kg" }]
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify(weightValue, null, 2) }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Integer mode (Heart Rate)" }),
-              /* @__PURE__ */ jsx(
-                QuantityWidget,
-                {
-                  id: "quantity-hr",
-                  name: "heartRate",
-                  value: bpValue,
-                  onChange: onBpChange,
-                  label: "Heart Rate",
-                  description: "Integer with per-unit validation (30-250 bpm)",
-                  placeholder: "0",
-                  propertySchema: { type: "object" },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    precision: 0,
-                    units: [{ value: "bpm", label: "bpm", min: 30, max: 250 }]
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify(bpValue, null, 2) }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Multi-unit prefix (Currency) -- unit before the value" }),
-              /* @__PURE__ */ jsx(
-                QuantityWidget,
-                {
-                  id: "quantity-price",
-                  name: "price",
-                  value: priceValue,
-                  onChange: onPriceChange,
-                  label: "Price",
-                  description: "Currency symbol as prefix, multi-unit selector",
-                  placeholder: "0.00",
-                  propertySchema: { type: "object", minimum: 0 },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    precision: 2,
-                    unitPosition: "prefix",
-                    units: [
-                      { value: "EUR", label: "EUR" },
-                      { value: "USD", label: "$" },
-                      { value: "GBP", label: "GBP" }
-                    ]
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify(priceValue, null, 2) }) })
-            ] })
-          ] }) })
-        ] }) })
-      ]
-    }
-  );
-}
-
-export {
-  PlayFormWidgets
-};
-//# sourceMappingURL=chunk-P7I5IDXA.js.map

package/dist/chunk-P7I5IDXA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/PlayFormWidgets.tsx"],"sourcesContent":["/**\n * Playground page for testing form widgets\n * Accessible at /playground/form-widgets\n */\n\nimport { useCallback, useState } from \"react\";\nimport { SimpleStack, Card } from \"@petrarca/sonnet-ui\";\nimport {\n  TextInputWidget,\n  TextareaWidget,\n  NumberWidget,\n  CheckboxWidget,\n  SelectWidget,\n  QuantityWidget,\n  DEFAULT_WIDGETS,\n  type QuantityValue,\n} from \"@petrarca/sonnet-forms\";\nimport type { JsonSchema } from \"@petrarca/sonnet-core/schema\";\n\nexport default function PlayFormWidgets() {\n  // State for each widget\n  const [textValue, setTextValue] = useState<string>(\"\");\n  const [textareaValue, setTextareaValue] = useState<string>(\"\");\n  const [numberValue, setNumberValue] = useState<number | undefined>(undefined);\n  const [checkboxValue, setCheckboxValue] = useState<boolean>(false);\n  const [selectValue, setSelectValue] = useState<string>(\"\");\n  const [multiSelectValue, setMultiSelectValue] = useState<string[]>([]);\n  const [multiSelectColorValue, setMultiSelectColorValue] = useState<string[]>(\n    [],\n  );\n  const [tempValue, setTempValue] = useState<QuantityValue>({\n    value: 37.0,\n    unit: \"degC\",\n  });\n  const [weightValue, setWeightValue] = useState<QuantityValue>({\n    value: undefined,\n    unit: \"kg\",\n  });\n  const [bpValue, setBpValue] = useState<QuantityValue>({\n    value: 72,\n    unit: \"bpm\",\n  });\n  const [priceValue, setPriceValue] = useState<QuantityValue>({\n    value: 49.99,\n    unit: \"EUR\",\n  });\n\n  // Narrowing adapters: WidgetProps.onChange is (value: unknown) => void.\n  // All quantity adapters have stable identity (empty deps) -- the fallback\n  // branch is dropped so the state setter is not captured in the closure.\n  const onTextChange = useCallback(\n    (v: unknown) => setTextValue(typeof v === \"string\" ? v : \"\"),\n    [],\n  );\n  const onTextareaChange = useCallback(\n    (v: unknown) => setTextareaValue(typeof v === \"string\" ? v : \"\"),\n    [],\n  );\n  const onNumberChange = useCallback(\n    (v: unknown) => setNumberValue(typeof v === \"number\" ? v : undefined),\n    [],\n  );\n  const onCheckboxChange = useCallback(\n    (v: unknown) => setCheckboxValue(typeof v === \"boolean\" ? v : false),\n    [],\n  );\n  const onSelectChange = useCallback(\n    (v: unknown) => setSelectValue(typeof v === \"string\" ? v : \"\"),\n    [],\n  );\n  const onMultiSelectChange = useCallback(\n    (v: unknown) =>\n      setMultiSelectValue(Array.isArray(v) ? (v as string[]) : []),\n    [],\n  );\n  const onMultiSelectColorChange = useCallback(\n    (v: unknown) =>\n      setMultiSelectColorValue(Array.isArray(v) ? (v as string[]) : []),\n    [],\n  );\n  // H3: Quantity onChange adapters use the functional updater form so the\n  // setter itself is stable (no state value in closure, no dep array entry).\n  // QuantityWidget always passes a QuantityValue; the guard ensures type safety\n  // without capturing the previous state value.\n  const onTempChange = useCallback((v: unknown) => {\n    if (v != null && typeof v === \"object\" && !Array.isArray(v)) {\n      setTempValue(v as QuantityValue);\n    }\n  }, []);\n  const onWeightChange = useCallback((v: unknown) => {\n    if (v != null && typeof v === \"object\" && !Array.isArray(v)) {\n      setWeightValue(v as QuantityValue);\n    }\n  }, []);\n  const onBpChange = useCallback((v: unknown) => {\n    if (v != null && typeof v === \"object\" && !Array.isArray(v)) {\n      setBpValue(v as QuantityValue);\n    }\n  }, []);\n  const onPriceChange = useCallback((v: unknown) => {\n    if (v != null && typeof v === \"object\" && !Array.isArray(v)) {\n      setPriceValue(v as QuantityValue);\n    }\n  }, []);\n\n  // Dummy schema for widgets\n  const dummySchema: JsonSchema = {\n    title: \"Form Widgets Demo\",\n    type: \"object\",\n    properties: {},\n    \"x-entity\": {\n      type: \"entity\",\n      label: \"Demo\",\n      relations: [],\n    },\n  };\n\n  return (\n    <div\n      style={{\n        width: \"100%\",\n        height: \"100vh\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        overflow: \"hidden\",\n      }}\n    >\n      <div style={{ padding: \"1rem 1rem 0 1rem\" }}>\n        <h1>Basic Form Widgets Playground</h1>\n        <p className=\"text-sm text-muted-foreground mb-3\">\n          Interactive demonstration of all basic form widgets\n        </p>\n      </div>\n\n      <div style={{ flex: 1, overflow: \"auto\", padding: \"0 1rem 1rem 1rem\" }}>\n        <SimpleStack gap=\"md\" style={{ maxWidth: \"900px\" }}>\n          {/* TextInputWidget */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">TextInputWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Single-line text input with support for various HTML input types\n                (text, email, password, url, etc.)\n              </p>\n\n              <TextInputWidget\n                id=\"text-input-demo\"\n                name=\"textInput\"\n                value={textValue}\n                onChange={onTextChange}\n                label=\"Text Input\"\n                description=\"Enter some text\"\n                placeholder=\"Type here...\"\n                propertySchema={{ type: \"string\" }}\n                schema={dummySchema}\n                registry={DEFAULT_WIDGETS}\n              />\n\n              <TextInputWidget\n                id=\"text-input-email\"\n                name=\"emailInput\"\n                value={textValue}\n                onChange={onTextChange}\n                label=\"Email Input\"\n                description=\"Input type: email\"\n                placeholder=\"user@example.com\"\n                propertySchema={{ type: \"string\", format: \"email\" }}\n                schema={dummySchema}\n                registry={DEFAULT_WIDGETS}\n                options={{ inputType: \"email\" }}\n              />\n\n              <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto\">\n                <code>{JSON.stringify({ value: textValue }, null, 2)}</code>\n              </pre>\n            </SimpleStack>\n          </Card>\n\n          {/* TextareaWidget */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">TextareaWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Multi-line text input with configurable rows and autosize\n                support\n              </p>\n\n              <TextareaWidget\n                id=\"textarea-demo\"\n                name=\"textarea\"\n                value={textareaValue}\n                onChange={onTextareaChange}\n                label=\"Textarea\"\n                description=\"Enter multiple lines\"\n                placeholder=\"Type here...\"\n                propertySchema={{ type: \"string\" }}\n                schema={dummySchema}\n                registry={DEFAULT_WIDGETS}\n                options={{ rows: 4 }}\n              />\n\n              <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto\">\n                <code>{JSON.stringify({ value: textareaValue }, null, 2)}</code>\n              </pre>\n            </SimpleStack>\n          </Card>\n\n          {/* NumberWidget */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">NumberWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Number input with support for min, max, and step constraints\n              </p>\n\n              <NumberWidget\n                id=\"number-demo\"\n                name=\"number\"\n                value={numberValue}\n                onChange={onNumberChange}\n                label=\"Number Input\"\n                description=\"Enter a number (0-100, step: 5)\"\n                placeholder=\"0\"\n                propertySchema={{ type: \"number\", minimum: 0, maximum: 100 }}\n                schema={dummySchema}\n                registry={DEFAULT_WIDGETS}\n                options={{ step: 5 }}\n              />\n\n              <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto\">\n                <code>{JSON.stringify({ value: numberValue }, null, 2)}</code>\n              </pre>\n            </SimpleStack>\n          </Card>\n\n          {/* CheckboxWidget */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">CheckboxWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Boolean checkbox for true/false values\n              </p>\n\n              <CheckboxWidget\n                id=\"checkbox-demo\"\n                name=\"checkbox\"\n                value={checkboxValue}\n                onChange={onCheckboxChange}\n                label=\"Enable Feature\"\n                description=\"Check to enable\"\n                propertySchema={{ type: \"boolean\" }}\n                schema={dummySchema}\n                registry={DEFAULT_WIDGETS}\n              />\n\n              <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto\">\n                <code>{JSON.stringify({ value: checkboxValue }, null, 2)}</code>\n              </pre>\n            </SimpleStack>\n          </Card>\n\n          {/* SelectWidget - All Variations */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">SelectWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Dropdown select for enum values with single-select,\n                multi-select, and custom badge colors\n              </p>\n\n              {/* Single Select */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">Single Select</p>\n                <SelectWidget\n                  id=\"select-demo\"\n                  name=\"select\"\n                  value={selectValue}\n                  onChange={onSelectChange}\n                  label=\"Select Status\"\n                  description=\"Choose a status\"\n                  placeholder=\"Select one...\"\n                  propertySchema={{\n                    type: \"string\",\n                    enum: [\"active\", \"inactive\", \"pending\", \"archived\"],\n                  }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    enumNames: {\n                      active: \"Active\",\n                      inactive: \"Inactive\",\n                      pending: \"Pending\",\n                      archived: \"Archived\",\n                    },\n                    searchable: true,\n                    clearable: true,\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>{JSON.stringify({ value: selectValue }, null, 2)}</code>\n                </pre>\n              </div>\n\n              {/* Multi Select */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Multi Select (auto-enabled when type is 'array')\n                </p>\n                <SelectWidget\n                  id=\"multiselect-demo\"\n                  name=\"multiselect\"\n                  value={multiSelectValue}\n                  onChange={onMultiSelectChange}\n                  label=\"Select Tags\"\n                  description=\"Choose multiple tags\"\n                  placeholder=\"Select tags...\"\n                  propertySchema={{\n                    type: \"array\",\n                    items: { type: \"string\" },\n                    enum: [\n                      \"frontend\",\n                      \"backend\",\n                      \"database\",\n                      \"devops\",\n                      \"testing\",\n                      \"security\",\n                    ],\n                  }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{ searchable: true, clearable: true }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>\n                    {JSON.stringify({ value: multiSelectValue }, null, 2)}\n                  </code>\n                </pre>\n              </div>\n\n              {/* Multi Select with Badge Color */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Multi Select with Custom Badge Color\n                </p>\n                <SelectWidget\n                  id=\"multiselect-color-demo\"\n                  name=\"multiselectColor\"\n                  value={multiSelectColorValue}\n                  onChange={onMultiSelectColorChange}\n                  label=\"Select Categories\"\n                  description=\"Custom grape-colored badges\"\n                  placeholder=\"Select categories...\"\n                  propertySchema={{\n                    type: \"array\",\n                    items: { type: \"string\" },\n                    enum: [\n                      \"feature\",\n                      \"bugfix\",\n                      \"enhancement\",\n                      \"documentation\",\n                      \"refactor\",\n                    ],\n                  }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    searchable: true,\n                    clearable: true,\n                    badgeColor: \"grape\",\n                    enumNames: {\n                      feature: \"Feature\",\n                      bugfix: \"Bug Fix\",\n                      enhancement: \"Enhancement\",\n                      documentation: \"Documentation\",\n                      refactor: \"Refactor\",\n                    },\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>\n                    {JSON.stringify({ value: multiSelectColorValue }, null, 2)}\n                  </code>\n                </pre>\n              </div>\n            </SimpleStack>\n          </Card>\n\n          {/* QuantityWidget */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">QuantityWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Compound numeric value + unit selector. Multi-unit shows a\n                dropdown, single-unit shows static text, prefix mode places the\n                unit before the value.\n              </p>\n\n              {/* Multi-unit suffix: Temperature */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Multi-unit suffix (Temperature)\n                </p>\n                <QuantityWidget\n                  id=\"quantity-temp\"\n                  name=\"temperature\"\n                  value={tempValue}\n                  onChange={onTempChange}\n                  label=\"Temperature\"\n                  description=\"Body temperature with per-unit validation\"\n                  placeholder=\"0.0\"\n                  propertySchema={{ type: \"object\" }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    precision: 1,\n                    units: [\n                      { value: \"degC\", label: \"C\", min: 35, max: 42 },\n                      { value: \"degF\", label: \"F\", min: 95, max: 108 },\n                    ],\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>{JSON.stringify(tempValue, null, 2)}</code>\n                </pre>\n              </div>\n\n              {/* Single-unit suffix: Weight */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Single-unit suffix (Weight) -- unit shown as static text\n                </p>\n                <QuantityWidget\n                  id=\"quantity-weight\"\n                  name=\"weight\"\n                  value={weightValue}\n                  onChange={onWeightChange}\n                  label=\"Weight\"\n                  description=\"Single unit, global min/max from schema\"\n                  placeholder=\"0\"\n                  propertySchema={{ type: \"object\", minimum: 0, maximum: 500 }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    precision: 1,\n                    units: [{ value: \"kg\", label: \"kg\" }],\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>{JSON.stringify(weightValue, null, 2)}</code>\n                </pre>\n              </div>\n\n              {/* Single-unit suffix: Heart rate (integer) */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Integer mode (Heart Rate)\n                </p>\n                <QuantityWidget\n                  id=\"quantity-hr\"\n                  name=\"heartRate\"\n                  value={bpValue}\n                  onChange={onBpChange}\n                  label=\"Heart Rate\"\n                  description=\"Integer with per-unit validation (30-250 bpm)\"\n                  placeholder=\"0\"\n                  propertySchema={{ type: \"object\" }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    precision: 0,\n                    units: [{ value: \"bpm\", label: \"bpm\", min: 30, max: 250 }],\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>{JSON.stringify(bpValue, null, 2)}</code>\n                </pre>\n              </div>\n\n              {/* Multi-unit prefix: Currency */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Multi-unit prefix (Currency) -- unit before the value\n                </p>\n                <QuantityWidget\n                  id=\"quantity-price\"\n                  name=\"price\"\n                  value={priceValue}\n                  onChange={onPriceChange}\n                  label=\"Price\"\n                  description=\"Currency symbol as prefix, multi-unit selector\"\n                  placeholder=\"0.00\"\n                  propertySchema={{ type: \"object\", minimum: 0 }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    precision: 2,\n                    unitPosition: \"prefix\",\n                    units: [\n                      { value: \"EUR\", label: \"EUR\" },\n                      { value: \"USD\", label: \"$\" },\n                      { value: \"GBP\", label: \"GBP\" },\n                    ],\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>{JSON.stringify(priceValue, null, 2)}</code>\n                </pre>\n              </div>\n            </SimpleStack>\n          </Card>\n        </SimpleStack>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-PGI54O43.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/PlayGraph.tsx"],"sourcesContent":["/**\n * Playground page for @petrarca/sonnet-graph.\n * Accessible at /playground/graph\n *\n * Demonstrates graph visualization with static mock data -- no backend required.\n * Uses the GraphStoresContext provider pattern that consumers like explorer\n * and Atlas would use to wire their own stores.\n */\n\nimport React, { useCallback, useState } from \"react\";\nimport {\n  GraphVisualizer,\n  ActionPanel,\n  GraphRendererProvider,\n  GraphStoresContext,\n  createGraphDataStore,\n  createGraphFilterStore,\n  createGraphExplorationStore,\n  createSelectionStore,\n  createGraphFocusStore,\n  enrichNodes,\n  enrichEdges,\n  buildColorPalette,\n  type RawGraphNode,\n  type RawGraphEdge,\n  type WorkspaceStores,\n} from \"@petrarca/sonnet-graph\";\nimport {\n  Button,\n  Alert,\n  AlertDescription,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from \"@petrarca/sonnet-ui\";\nimport { Play, RotateCcw } from \"lucide-react\";\nimport { PlaygroundSection } from \"../PlaygroundSection\";\n\n// ---------------------------------------------------------------------------\n//  Mock data -- a small org hierarchy\n// ---------------------------------------------------------------------------\n\nconst MOCK_NODES: RawGraphNode[] = [\n  {\n    id_: 1,\n    label_: \"Company\",\n    properties_: { name: \"Acme Corp\", founded: 1985, industry: \"Technology\" },\n  },\n  {\n    id_: 2,\n    label_: \"Department\",\n    properties_: { name: \"Engineering\", headcount: 42 },\n  },\n  {\n    id_: 3,\n    label_: \"Department\",\n    properties_: { name: \"Marketing\", headcount: 18 },\n  },\n  {\n    id_: 4,\n    label_: \"Department\",\n    properties_: { name: \"Sales\", headcount: 25 },\n  },\n  {\n    id_: 5,\n    label_: \"Person\",\n    properties_: { name: \"Alice Chen\", role: \"CTO\" },\n  },\n  {\n    id_: 6,\n    label_: \"Person\",\n    properties_: { name: \"Bob Smith\", role: \"VP Engineering\" },\n  },\n  {\n    id_: 7,\n    label_: \"Person\",\n    properties_: { name: \"Carol Davis\", role: \"CMO\" },\n  },\n  {\n    id_: 8,\n    label_: \"Person\",\n    properties_: { name: \"Dave Wilson\", role: \"VP Sales\" },\n  },\n  {\n    id_: 9,\n    label_: \"Person\",\n    properties_: { name: \"Eve Johnson\", role: \"Senior Engineer\" },\n  },\n  {\n    id_: 10,\n    label_: \"Person\",\n    properties_: { name: \"Frank Brown\", role: \"Product Manager\" },\n  },\n  {\n    id_: 11,\n    label_: \"Product\",\n    properties_: { name: \"CloudSuite\", version: \"3.2\", status: \"GA\" },\n  },\n  {\n    id_: 12,\n    label_: \"Product\",\n    properties_: { name: \"DataPipeline\", version: \"1.0\", status: \"Beta\" },\n  },\n];\n\nconst MOCK_EDGES: RawGraphEdge[] = [\n  {\n    id_: 101,\n    label_: \"HAS_DEPARTMENT\",\n    start_id_: 1,\n    end_id_: 2,\n    properties_: {},\n  },\n  {\n    id_: 102,\n    label_: \"HAS_DEPARTMENT\",\n    start_id_: 1,\n    end_id_: 3,\n    properties_: {},\n  },\n  {\n    id_: 103,\n    label_: \"HAS_DEPARTMENT\",\n    start_id_: 1,\n    end_id_: 4,\n    properties_: {},\n  },\n  {\n    id_: 104,\n    label_: \"LEADS\",\n    start_id_: 5,\n    end_id_: 2,\n    properties_: { since: 2019 },\n  },\n  {\n    id_: 105,\n    label_: \"WORKS_IN\",\n    start_id_: 6,\n    end_id_: 2,\n    properties_: { since: 2020 },\n  },\n  {\n    id_: 106,\n    label_: \"LEADS\",\n    start_id_: 7,\n    end_id_: 3,\n    properties_: { since: 2021 },\n  },\n  {\n    id_: 107,\n    label_: \"LEADS\",\n    start_id_: 8,\n    end_id_: 4,\n    properties_: { since: 2018 },\n  },\n  {\n    id_: 108,\n    label_: \"WORKS_IN\",\n    start_id_: 9,\n    end_id_: 2,\n    properties_: { since: 2022 },\n  },\n  {\n    id_: 109,\n    label_: \"WORKS_IN\",\n    start_id_: 10,\n    end_id_: 2,\n    properties_: { since: 2021 },\n  },\n  { id_: 110, label_: \"REPORTS_TO\", start_id_: 6, end_id_: 5, properties_: {} },\n  { id_: 111, label_: \"REPORTS_TO\", start_id_: 9, end_id_: 6, properties_: {} },\n  {\n    id_: 112,\n    label_: \"REPORTS_TO\",\n    start_id_: 10,\n    end_id_: 6,\n    properties_: {},\n  },\n  { id_: 113, label_: \"OWNS\", start_id_: 2, end_id_: 11, properties_: {} },\n  { id_: 114, label_: \"OWNS\", start_id_: 2, end_id_: 12, properties_: {} },\n];\n\n// ---------------------------------------------------------------------------\n//  Store setup\n//\n//  Stores are created once at module load, not inside the component.\n//  This avoids re-creation on re-render and removes the need for useMemo.\n// ---------------------------------------------------------------------------\n\nfunction createPlaygroundStores(): WorkspaceStores {\n  const graphFilter = createGraphFilterStore();\n  const graphData = createGraphDataStore();\n  const selection = createSelectionStore();\n  const graphFocus = createGraphFocusStore();\n  const graphExploration = createGraphExplorationStore({\n    graphData,\n    selection,\n    graphFocus,\n    graphFilter,\n    // Static data -- no server expansion available in the playground\n    expandNode: async () => ({ nodes: [], edges: [] }),\n    getNodes: async () => [],\n  });\n  return { graphFilter, graphData, graphExploration, selection };\n}\n\nconst PLAYGROUND_STORES = createPlaygroundStores();\n\n// ---------------------------------------------------------------------------\n//  Data helpers\n// ---------------------------------------------------------------------------\n\ninterface GraphInput {\n  nodes: RawGraphNode[];\n  edges: RawGraphEdge[];\n}\n\nconst INITIAL_DATA: GraphInput = { nodes: MOCK_NODES, edges: MOCK_EDGES };\n\nfunction serializeGraphData(data: GraphInput): string {\n  return JSON.stringify(data, null, 2);\n}\n\nfunction validateNode(n: unknown, i: number): string | null {\n  if (!n || typeof n !== \"object\") return `nodes[${i}] must be an object`;\n  const node = n as Record<string, unknown>;\n  if (node.id_ === undefined) return `nodes[${i}] is missing id_`;\n  if (typeof node.label_ !== \"string\") return `nodes[${i}] is missing label_`;\n  return null;\n}\n\nfunction validateEdge(e: unknown, i: number): string | null {\n  if (!e || typeof e !== \"object\") return `edges[${i}] must be an object`;\n  const edge = e as Record<string, unknown>;\n  if (edge.id_ === undefined) return `edges[${i}] is missing id_`;\n  if (typeof edge.label_ !== \"string\") return `edges[${i}] is missing label_`;\n  if (edge.start_id_ === undefined) return `edges[${i}] is missing start_id_`;\n  if (edge.end_id_ === undefined) return `edges[${i}] is missing end_id_`;\n  return null;\n}\n\n/** Validates that parsed JSON is a usable GraphInput. Returns an error string or null. */\nfunction validateGraphInput(value: unknown): string | null {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) {\n    return \"JSON must be an object with nodes and edges arrays\";\n  }\n  const obj = value as Record<string, unknown>;\n  if (!Array.isArray(obj.nodes)) return '\"nodes\" must be an array';\n  if (!Array.isArray(obj.edges)) return '\"edges\" must be an array';\n  for (const [i, n] of (obj.nodes as unknown[]).entries()) {\n    const err = validateNode(n, i);\n    if (err) return err;\n  }\n  for (const [i, e] of (obj.edges as unknown[]).entries()) {\n    const err = validateEdge(e, i);\n    if (err) return err;\n  }\n  return null;\n}\n\nfunction loadIntoStore(stores: WorkspaceStores, data: GraphInput) {\n  const labelCounts: Record<string, number> = {};\n  for (const n of data.nodes) {\n    labelCounts[n.label_] = (labelCounts[n.label_] ?? 0) + 1;\n  }\n  const palette = buildColorPalette(labelCounts);\n  const nodes = enrichNodes(data.nodes, palette);\n  const edges = enrichEdges(data.edges, palette);\n  stores.graphFilter.getState().resetFilters();\n  stores.graphData.getState().setQueryData(nodes, edges, {\n    nodes: nodes.length,\n    edges: edges.length,\n  });\n  // Signal renderers to re-fit layout after data change\n  stores.graphFilter.getState().notifyDataChange();\n}\n\n// Load initial data immediately -- no effect needed, no empty render cycle\nloadIntoStore(PLAYGROUND_STORES, INITIAL_DATA);\n\n// ---------------------------------------------------------------------------\n//  Component\n// ---------------------------------------------------------------------------\n\nexport default function PlayGraph(): React.ReactElement {\n  const [jsonText, setJsonText] = useState(() =>\n    serializeGraphData(INITIAL_DATA),\n  );\n  const [parseError, setParseError] = useState<string | null>(null);\n\n  const handleApply = useCallback(() => {\n    let parsed: unknown;\n    try {\n      parsed = JSON.parse(jsonText);\n    } catch (e) {\n      setParseError(e instanceof Error ? e.message : \"Invalid JSON\");\n      return;\n    }\n    const validationError = validateGraphInput(parsed);\n    if (validationError) {\n      setParseError(validationError);\n      return;\n    }\n    setParseError(null);\n    loadIntoStore(PLAYGROUND_STORES, parsed as GraphInput);\n  }, [jsonText]);\n\n  const handleReset = useCallback(() => {\n    setJsonText(serializeGraphData(INITIAL_DATA));\n    setParseError(null);\n    loadIntoStore(PLAYGROUND_STORES, INITIAL_DATA);\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") {\n        e.preventDefault();\n        handleApply();\n      }\n    },\n    [handleApply],\n  );\n\n  return (\n    <PlaygroundSection\n      title=\"Graph Visualization\"\n      description=\"Interactive property graph with dual renderer support. Edit the JSON data and apply to re-render.\"\n    >\n      <GraphStoresContext.Provider value={PLAYGROUND_STORES}>\n        <Tabs defaultValue=\"graph\" className=\"space-y-3\">\n          <TabsList>\n            <TabsTrigger value=\"graph\">Graph</TabsTrigger>\n            <TabsTrigger value=\"data\">Data</TabsTrigger>\n          </TabsList>\n\n          <TabsContent value=\"graph\" className=\"mt-0\">\n            <GraphRendererProvider defaultRenderer=\"cytoscape\">\n              <div className=\"flex border rounded-lg overflow-hidden h-[600px]\">\n                <div className=\"flex-1 min-w-0\">\n                  <GraphVisualizer />\n                </div>\n                <div className=\"w-[300px] flex-shrink-0 border-l\">\n                  <ActionPanel />\n                </div>\n              </div>\n            </GraphRendererProvider>\n          </TabsContent>\n\n          <TabsContent value=\"data\" className=\"mt-0\">\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center gap-2\">\n                <Button size=\"sm\" onClick={handleApply}>\n                  <Play className=\"h-4 w-4 mr-1\" />\n                  Apply\n                </Button>\n                <Button size=\"sm\" variant=\"outline\" onClick={handleReset}>\n                  <RotateCcw className=\"h-4 w-4 mr-1\" />\n                  Reset\n                </Button>\n                <span className=\"text-xs text-muted-foreground ml-2\">\n                  Cmd+Enter to apply\n                </span>\n              </div>\n              {parseError && (\n                <Alert variant=\"destructive\">\n                  <AlertDescription>{parseError}</AlertDescription>\n                </Alert>\n              )}\n              <textarea\n                value={jsonText}\n                onChange={(e) => setJsonText(e.target.value)}\n                onKeyDown={handleKeyDown}\n                spellCheck={false}\n                className=\"w-full h-[600px] font-mono text-xs p-3 border rounded-lg bg-muted/30 resize-y focus:outline-none focus:ring-2 focus:ring-ring\"\n              />\n            </div>\n          </TabsContent>\n        </Tabs>\n      </GraphStoresContext.Provider>\n    </PlaygroundSection>\n  );\n}\n"],"mappings":";;;;;AASA,SAAgB,aAAa,gBAAgB;AAC7C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAIK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,MAAM,iBAAiB;AAuStB,SACE,KADF;AAhSV,IAAM,aAA6B;AAAA,EACjC;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,aAAa,SAAS,MAAM,UAAU,aAAa;AAAA,EAC1E;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,eAAe,WAAW,GAAG;AAAA,EACpD;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,aAAa,WAAW,GAAG;AAAA,EAClD;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,SAAS,WAAW,GAAG;AAAA,EAC9C;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,cAAc,MAAM,MAAM;AAAA,EACjD;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,aAAa,MAAM,iBAAiB;AAAA,EAC3D;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,eAAe,MAAM,MAAM;AAAA,EAClD;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,eAAe,MAAM,WAAW;AAAA,EACvD;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,eAAe,MAAM,kBAAkB;AAAA,EAC9D;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,eAAe,MAAM,kBAAkB;AAAA,EAC9D;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,cAAc,SAAS,OAAO,QAAQ,KAAK;AAAA,EAClE;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,aAAa,EAAE,MAAM,gBAAgB,SAAS,OAAO,QAAQ,OAAO;AAAA,EACtE;AACF;AAEA,IAAM,aAA6B;AAAA,EACjC;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,EAAE,OAAO,KAAK;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,EAAE,OAAO,KAAK;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,EAAE,OAAO,KAAK;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,EAAE,OAAO,KAAK;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,EAAE,OAAO,KAAK;AAAA,EAC7B;AAAA,EACA;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,EAAE,OAAO,KAAK;AAAA,EAC7B;AAAA,EACA,EAAE,KAAK,KAAK,QAAQ,cAAc,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC,EAAE;AAAA,EAC5E,EAAE,KAAK,KAAK,QAAQ,cAAc,WAAW,GAAG,SAAS,GAAG,aAAa,CAAC,EAAE;AAAA,EAC5E;AAAA,IACE,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,SAAS;AAAA,IACT,aAAa,CAAC;AAAA,EAChB;AAAA,EACA,EAAE,KAAK,KAAK,QAAQ,QAAQ,WAAW,GAAG,SAAS,IAAI,aAAa,CAAC,EAAE;AAAA,EACvE,EAAE,KAAK,KAAK,QAAQ,QAAQ,WAAW,GAAG,SAAS,IAAI,aAAa,CAAC,EAAE;AACzE;AASA,SAAS,yBAA0C;AACjD,QAAM,cAAc,uBAAuB;AAC3C,QAAM,YAAY,qBAAqB;AACvC,QAAM,YAAY,qBAAqB;AACvC,QAAM,aAAa,sBAAsB;AACzC,QAAM,mBAAmB,4BAA4B;AAAA,IACnD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA,YAAY,aAAa,EAAE,OAAO,CAAC,GAAG,OAAO,CAAC,EAAE;AAAA,IAChD,UAAU,YAAY,CAAC;AAAA,EACzB,CAAC;AACD,SAAO,EAAE,aAAa,WAAW,kBAAkB,UAAU;AAC/D;AAEA,IAAM,oBAAoB,uBAAuB;AAWjD,IAAM,eAA2B,EAAE,OAAO,YAAY,OAAO,WAAW;AAExE,SAAS,mBAAmB,MAA0B;AACpD,SAAO,KAAK,UAAU,MAAM,MAAM,CAAC;AACrC;AAEA,SAAS,aAAa,GAAY,GAA0B;AAC1D,MAAI,CAAC,KAAK,OAAO,MAAM,SAAU,QAAO,SAAS,CAAC;AAClD,QAAM,OAAO;AACb,MAAI,KAAK,QAAQ,OAAW,QAAO,SAAS,CAAC;AAC7C,MAAI,OAAO,KAAK,WAAW,SAAU,QAAO,SAAS,CAAC;AACtD,SAAO;AACT;AAEA,SAAS,aAAa,GAAY,GAA0B;AAC1D,MAAI,CAAC,KAAK,OAAO,MAAM,SAAU,QAAO,SAAS,CAAC;AAClD,QAAM,OAAO;AACb,MAAI,KAAK,QAAQ,OAAW,QAAO,SAAS,CAAC;AAC7C,MAAI,OAAO,KAAK,WAAW,SAAU,QAAO,SAAS,CAAC;AACtD,MAAI,KAAK,cAAc,OAAW,QAAO,SAAS,CAAC;AACnD,MAAI,KAAK,YAAY,OAAW,QAAO,SAAS,CAAC;AACjD,SAAO;AACT;AAGA,SAAS,mBAAmB,OAA+B;AACzD,MAAI,CAAC,SAAS,OAAO,UAAU,YAAY,MAAM,QAAQ,KAAK,GAAG;AAC/D,WAAO;AAAA,EACT;AACA,QAAM,MAAM;AACZ,MAAI,CAAC,MAAM,QAAQ,IAAI,KAAK,EAAG,QAAO;AACtC,MAAI,CAAC,MAAM,QAAQ,IAAI,KAAK,EAAG,QAAO;AACtC,aAAW,CAAC,GAAG,CAAC,KAAM,IAAI,MAAoB,QAAQ,GAAG;AACvD,UAAM,MAAM,aAAa,GAAG,CAAC;AAC7B,QAAI,IAAK,QAAO;AAAA,EAClB;AACA,aAAW,CAAC,GAAG,CAAC,KAAM,IAAI,MAAoB,QAAQ,GAAG;AACvD,UAAM,MAAM,aAAa,GAAG,CAAC;AAC7B,QAAI,IAAK,QAAO;AAAA,EAClB;AACA,SAAO;AACT;AAEA,SAAS,cAAc,QAAyB,MAAkB;AAChE,QAAM,cAAsC,CAAC;AAC7C,aAAW,KAAK,KAAK,OAAO;AAC1B,gBAAY,EAAE,MAAM,KAAK,YAAY,EAAE,MAAM,KAAK,KAAK;AAAA,EACzD;AACA,QAAM,UAAU,kBAAkB,WAAW;AAC7C,QAAM,QAAQ,YAAY,KAAK,OAAO,OAAO;AAC7C,QAAM,QAAQ,YAAY,KAAK,OAAO,OAAO;AAC7C,SAAO,YAAY,SAAS,EAAE,aAAa;AAC3C,SAAO,UAAU,SAAS,EAAE,aAAa,OAAO,OAAO;AAAA,IACrD,OAAO,MAAM;AAAA,IACb,OAAO,MAAM;AAAA,EACf,CAAC;AAED,SAAO,YAAY,SAAS,EAAE,iBAAiB;AACjD;AAGA,cAAc,mBAAmB,YAAY;AAM9B,SAAR,YAAiD;AACtD,QAAM,CAAC,UAAU,WAAW,IAAI;AAAA,IAAS,MACvC,mBAAmB,YAAY;AAAA,EACjC;AACA,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAEhE,QAAM,cAAc,YAAY,MAAM;AACpC,QAAI;AACJ,QAAI;AACF,eAAS,KAAK,MAAM,QAAQ;AAAA,IAC9B,SAAS,GAAG;AACV,oBAAc,aAAa,QAAQ,EAAE,UAAU,cAAc;AAC7D;AAAA,IACF;AACA,UAAM,kBAAkB,mBAAmB,MAAM;AACjD,QAAI,iBAAiB;AACnB,oBAAc,eAAe;AAC7B;AAAA,IACF;AACA,kBAAc,IAAI;AAClB,kBAAc,mBAAmB,MAAoB;AAAA,EACvD,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,cAAc,YAAY,MAAM;AACpC,gBAAY,mBAAmB,YAAY,CAAC;AAC5C,kBAAc,IAAI;AAClB,kBAAc,mBAAmB,YAAY;AAAA,EAC/C,GAAG,CAAC,CAAC;AAEL,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAA2B;AAC1B,WAAK,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,SAAS;AACjD,UAAE,eAAe;AACjB,oBAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,CAAC,WAAW;AAAA,EACd;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,aAAY;AAAA,MAEZ,8BAAC,mBAAmB,UAAnB,EAA4B,OAAO,mBAClC,+BAAC,QAAK,cAAa,SAAQ,WAAU,aACnC;AAAA,6BAAC,YACC;AAAA,8BAAC,eAAY,OAAM,SAAQ,mBAAK;AAAA,UAChC,oBAAC,eAAY,OAAM,QAAO,kBAAI;AAAA,WAChC;AAAA,QAEA,oBAAC,eAAY,OAAM,SAAQ,WAAU,QACnC,8BAAC,yBAAsB,iBAAgB,aACrC,+BAAC,SAAI,WAAU,oDACb;AAAA,8BAAC,SAAI,WAAU,kBACb,8BAAC,mBAAgB,GACnB;AAAA,UACA,oBAAC,SAAI,WAAU,oCACb,8BAAC,eAAY,GACf;AAAA,WACF,GACF,GACF;AAAA,QAEA,oBAAC,eAAY,OAAM,QAAO,WAAU,QAClC,+BAAC,SAAI,WAAU,aACb;AAAA,+BAAC,SAAI,WAAU,2BACb;AAAA,iCAAC,UAAO,MAAK,MAAK,SAAS,aACzB;AAAA,kCAAC,QAAK,WAAU,gBAAe;AAAA,cAAE;AAAA,eAEnC;AAAA,YACA,qBAAC,UAAO,MAAK,MAAK,SAAQ,WAAU,SAAS,aAC3C;AAAA,kCAAC,aAAU,WAAU,gBAAe;AAAA,cAAE;AAAA,eAExC;AAAA,YACA,oBAAC,UAAK,WAAU,sCAAqC,gCAErD;AAAA,aACF;AAAA,UACC,cACC,oBAAC,SAAM,SAAQ,eACb,8BAAC,oBAAkB,sBAAW,GAChC;AAAA,UAEF;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU,CAAC,MAAM,YAAY,EAAE,OAAO,KAAK;AAAA,cAC3C,WAAW;AAAA,cACX,YAAY;AAAA,cACZ,WAAU;AAAA;AAAA,UACZ;AAAA,WACF,GACF;AAAA,SACF,GACF;AAAA;AAAA,EACF;AAEJ;","names":[]}