@process.co/ui 0.0.10 → 0.0.11

package/dist/components/dev/index.cjs

@@ -0,0 +1,486 @@
+'use strict';
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _to_primitive(input, hint) {
+    if (_type_of(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+        var res = prim.call(input, hint || "default");
+        if (_type_of(res) !== "object") return res;
+        throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+}
+function _to_property_key(arg) {
+    var key = _to_primitive(arg, "string");
+    return _type_of(key) === "symbol" ? key : String(key);
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+var React2 = require('react');
+function _interopDefault(e) {
+    return e && e.__esModule ? e : {
+        default: e
+    };
+}
+var React2__default = /*#__PURE__*/ _interopDefault(React2);
+// src/components/dev/DevProvider.tsx
+var DevContext = React2.createContext(null);
+function useDevContext() {
+    return React2.useContext(DevContext);
+}
+function useNodeProperty(fieldName) {
+    var devCtx = useDevContext();
+    if (devCtx) {
+        var value = devCtx.getProperty(fieldName);
+        var setValue = React2.useCallback(function(newValue) {
+            devCtx.setProperty(fieldName, newValue);
+        }, [
+            devCtx,
+            fieldName
+        ]);
+        return [
+            value,
+            setValue
+        ];
+    }
+    console.warn("useNodeProperty('".concat(fieldName, "') called outside of DevProvider - returning undefined"));
+    var _React2_useState = _sliced_to_array(React2.useState(void 0), 2), localValue = _React2_useState[0], setLocalValue = _React2_useState[1];
+    return [
+        localValue,
+        setLocalValue
+    ];
+}
+function useInferredTypes() {
+    var devCtx = useDevContext();
+    if (devCtx) {
+        return {
+            inferredTypes: devCtx.inferredTypes,
+            setInferredType: devCtx.setInferredType,
+            getInferredType: devCtx.getInferredType
+        };
+    }
+    return null;
+}
+function DevProvider(param) {
+    var children = param.children, _param_storageKey = param.storageKey, storageKey = _param_storageKey === void 0 ? "process-dev" : _param_storageKey, _param_initialData = param.initialData, initialData = _param_initialData === void 0 ? {} : _param_initialData, _param_persist = param.persist, persist = _param_persist === void 0 ? true : _param_persist, _param_nodeId = param.nodeId, nodeId = _param_nodeId === void 0 ? "dev-node-1" : _param_nodeId;
+    var _React2_useState = _sliced_to_array(React2.useState(function() {
+        if (persist && typeof window !== "undefined") {
+            try {
+                var stored = localStorage.getItem("".concat(storageKey, ":data"));
+                if (stored) {
+                    return _object_spread({}, initialData, JSON.parse(stored));
+                }
+            } catch (e) {
+                console.warn("DevProvider: Failed to load from localStorage", e);
+            }
+        }
+        return initialData;
+    }), 2), data = _React2_useState[0], setData = _React2_useState[1];
+    var _React2_useState1 = _sliced_to_array(React2.useState(function() {
+        if (persist && typeof window !== "undefined") {
+            try {
+                var stored = localStorage.getItem("".concat(storageKey, ":inferredTypes"));
+                if (stored) {
+                    return JSON.parse(stored);
+                }
+            } catch (e) {
+                console.warn("DevProvider: Failed to load inferredTypes from localStorage", e);
+            }
+        }
+        return {};
+    }), 2), inferredTypes = _React2_useState1[0], setInferredTypesState = _React2_useState1[1];
+    React2.useEffect(function() {
+        if (persist && typeof window !== "undefined") {
+            try {
+                localStorage.setItem("".concat(storageKey, ":data"), JSON.stringify(data));
+            } catch (e) {
+                console.warn("DevProvider: Failed to save data to localStorage", e);
+            }
+        }
+    }, [
+        data,
+        storageKey,
+        persist
+    ]);
+    React2.useEffect(function() {
+        if (persist && typeof window !== "undefined") {
+            try {
+                localStorage.setItem("".concat(storageKey, ":inferredTypes"), JSON.stringify(inferredTypes));
+            } catch (e) {
+                console.warn("DevProvider: Failed to save inferredTypes to localStorage", e);
+            }
+        }
+    }, [
+        inferredTypes,
+        storageKey,
+        persist
+    ]);
+    var setProperty = React2.useCallback(function(key, value2) {
+        setData(function(prev) {
+            return _object_spread_props(_object_spread({}, prev), _define_property({}, key, value2));
+        });
+    }, []);
+    var getProperty = React2.useCallback(function(key) {
+        return data[key];
+    }, [
+        data
+    ]);
+    var setInferredType = React2.useCallback(function(fieldName, type) {
+        setInferredTypesState(function(prev) {
+            return _object_spread_props(_object_spread({}, prev), _define_property({}, fieldName, type));
+        });
+    }, []);
+    var getInferredType = React2.useCallback(function(fieldName) {
+        return inferredTypes[fieldName];
+    }, [
+        inferredTypes
+    ]);
+    var clearInferredType = React2.useCallback(function(fieldName) {
+        setInferredTypesState(function(prev) {
+            var _ = prev[fieldName], rest = _object_without_properties(prev, [
+                fieldName
+            ].map(_to_property_key));
+            return rest;
+        });
+    }, []);
+    var clearAllInferredTypes = React2.useCallback(function() {
+        setInferredTypesState({});
+    }, []);
+    var clearAll = React2.useCallback(function() {
+        setData({});
+        setInferredTypesState({});
+        if (persist && typeof window !== "undefined") {
+            localStorage.removeItem("".concat(storageKey, ":data"));
+            localStorage.removeItem("".concat(storageKey, ":inferredTypes"));
+        }
+    }, [
+        storageKey,
+        persist
+    ]);
+    var exportData = React2.useCallback(function() {
+        return JSON.stringify({
+            data: data,
+            inferredTypes: inferredTypes
+        }, null, 2);
+    }, [
+        data,
+        inferredTypes
+    ]);
+    var importData = React2.useCallback(function(json) {
+        try {
+            var parsed = JSON.parse(json);
+            if (parsed.data) setData(parsed.data);
+            if (parsed.inferredTypes) setInferredTypesState(parsed.inferredTypes);
+        } catch (e) {
+            console.error("DevProvider: Failed to import data", e);
+        }
+    }, []);
+    var value = React2.useMemo(function() {
+        return {
+            data: data,
+            setProperty: setProperty,
+            getProperty: getProperty,
+            inferredTypes: inferredTypes,
+            setInferredType: setInferredType,
+            getInferredType: getInferredType,
+            clearInferredType: clearInferredType,
+            clearAllInferredTypes: clearAllInferredTypes,
+            nodeId: nodeId,
+            clearAll: clearAll,
+            exportData: exportData,
+            importData: importData
+        };
+    }, [
+        data,
+        setProperty,
+        getProperty,
+        inferredTypes,
+        setInferredType,
+        getInferredType,
+        clearInferredType,
+        clearAllInferredTypes,
+        nodeId,
+        clearAll,
+        exportData,
+        importData
+    ]);
+    return /* @__PURE__ */ React2__default.default.createElement(DevContext.Provider, {
+        value: value
+    }, children);
+}
+function DevToolbar(param) {
+    var className = param.className;
+    var devCtx = useDevContext();
+    var _React2_useState = _sliced_to_array(React2.useState(false), 2), showData = _React2_useState[0], setShowData = _React2_useState[1];
+    var _React2_useState1 = _sliced_to_array(React2.useState(false), 2), showTypeEditor = _React2_useState1[0], setShowTypeEditor = _React2_useState1[1];
+    var _React2_useState2 = _sliced_to_array(React2.useState(""), 2), newTypeKey = _React2_useState2[0], setNewTypeKey = _React2_useState2[1];
+    var _React2_useState3 = _sliced_to_array(React2.useState(""), 2), newTypeValue = _React2_useState3[0], setNewTypeValue = _React2_useState3[1];
+    if (!devCtx) {
+        return /* @__PURE__ */ React2__default.default.createElement("div", {
+            className: className
+        }, "DevToolbar: Not inside DevProvider");
+    }
+    var handleAddType = function() {
+        if (newTypeKey.trim() && newTypeValue.trim()) {
+            devCtx.setInferredType(newTypeKey.trim(), newTypeValue.trim());
+            setNewTypeKey("");
+            setNewTypeValue("");
+        }
+    };
+    var handleRemoveType = function(key) {
+        devCtx.clearInferredType(key);
+    };
+    var handleClearAllTypes = function() {
+        if (confirm("Clear all inferred types?")) {
+            devCtx.clearAllInferredTypes();
+        }
+    };
+    return /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "".concat(className || "", " uii:border uii:rounded-lg uii:p-4 uii:bg-gray-50 dark:uii:bg-gray-900")
+    }, /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "uii:flex uii:items-center uii:gap-4 uii:mb-2 uii:flex-wrap"
+    }, /* @__PURE__ */ React2__default.default.createElement("span", {
+        className: "uii:font-semibold uii:text-sm"
+    }, "\uD83D\uDEE0️ Dev Mode"), /* @__PURE__ */ React2__default.default.createElement("span", {
+        className: "uii:text-xs uii:text-gray-500"
+    }, "Node: ", devCtx.nodeId), /* @__PURE__ */ React2__default.default.createElement("button", {
+        onClick: function() {
+            return setShowData(!showData);
+        },
+        className: "uii:text-xs uii:px-2 uii:py-1 uii:bg-blue-100 dark:uii:bg-blue-900 uii:rounded hover:uii:bg-blue-200"
+    }, showData ? "Hide" : "Show", " Data"), /* @__PURE__ */ React2__default.default.createElement("button", {
+        onClick: function() {
+            return setShowTypeEditor(!showTypeEditor);
+        },
+        className: "uii:text-xs uii:px-2 uii:py-1 uii:bg-purple-100 dark:uii:bg-purple-900 uii:rounded hover:uii:bg-purple-200"
+    }, showTypeEditor ? "Hide" : "Spoof", " Types"), /* @__PURE__ */ React2__default.default.createElement("button", {
+        onClick: function() {
+            var json = devCtx.exportData();
+            navigator.clipboard.writeText(json);
+            alert("Data copied to clipboard!");
+        },
+        className: "uii:text-xs uii:px-2 uii:py-1 uii:bg-green-100 dark:uii:bg-green-900 uii:rounded hover:uii:bg-green-200"
+    }, "Export"), /* @__PURE__ */ React2__default.default.createElement("button", {
+        onClick: function() {
+            var json = prompt("Paste JSON data:");
+            if (json) devCtx.importData(json);
+        },
+        className: "uii:text-xs uii:px-2 uii:py-1 uii:bg-yellow-100 dark:uii:bg-yellow-900 uii:rounded hover:uii:bg-yellow-200"
+    }, "Import"), /* @__PURE__ */ React2__default.default.createElement("button", {
+        onClick: function() {
+            if (confirm("Clear all data?")) devCtx.clearAll();
+        },
+        className: "uii:text-xs uii:px-2 uii:py-1 uii:bg-red-100 dark:uii:bg-red-900 uii:rounded hover:uii:bg-red-200"
+    }, "Clear")), showTypeEditor && /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "uii:mt-3 uii:p-3 uii:bg-purple-50 dark:uii:bg-purple-950 uii:rounded-lg uii:border uii:border-purple-200 dark:uii:border-purple-800"
+    }, /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "uii:text-xs uii:font-medium uii:mb-2 uii:text-purple-700 dark:uii:text-purple-300"
+    }, "Spoof Inferred Types (simulate external field types)"), /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "uii:flex uii:gap-2 uii:mb-2 uii:flex-wrap"
+    }, /* @__PURE__ */ React2__default.default.createElement("input", {
+        type: "text",
+        placeholder: "Field name (e.g., switchExpression)",
+        value: newTypeKey,
+        onChange: function(e) {
+            return setNewTypeKey(e.target.value);
+        },
+        className: "uii:text-xs uii:px-2 uii:py-1 uii:border uii:rounded uii:flex-1 uii:min-w-[150px] uii:bg-white dark:uii:bg-gray-800"
+    }), /* @__PURE__ */ React2__default.default.createElement("input", {
+        type: "text",
+        placeholder: "Type (e.g., string | number)",
+        value: newTypeValue,
+        onChange: function(e) {
+            return setNewTypeValue(e.target.value);
+        },
+        onKeyDown: function(e) {
+            return e.key === "Enter" && handleAddType();
+        },
+        className: "uii:text-xs uii:px-2 uii:py-1 uii:border uii:rounded uii:flex-1 uii:min-w-[200px] uii:bg-white dark:uii:bg-gray-800"
+    }), /* @__PURE__ */ React2__default.default.createElement("button", {
+        onClick: handleAddType,
+        disabled: !newTypeKey.trim() || !newTypeValue.trim(),
+        className: "uii:text-xs uii:px-3 uii:py-1 uii:bg-purple-500 uii:text-white uii:rounded hover:uii:bg-purple-600 disabled:uii:opacity-50 disabled:uii:cursor-not-allowed"
+    }, "Add")), Object.keys(devCtx.inferredTypes).length > 0 && /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "uii:mt-2"
+    }, /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "uii:flex uii:items-center uii:justify-between uii:mb-1"
+    }, /* @__PURE__ */ React2__default.default.createElement("span", {
+        className: "uii:text-xs uii:text-gray-500"
+    }, "Current inferred types:"), /* @__PURE__ */ React2__default.default.createElement("button", {
+        onClick: handleClearAllTypes,
+        className: "uii:text-xs uii:px-2 uii:py-0.5 uii:bg-red-100 dark:uii:bg-red-900 uii:text-red-700 dark:uii:text-red-300 uii:rounded hover:uii:bg-red-200"
+    }, "Clear All")), /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "uii:space-y-1"
+    }, Object.entries(devCtx.inferredTypes).map(function(param) {
+        var _param = _sliced_to_array(param, 2), key = _param[0], value = _param[1];
+        return value && /* @__PURE__ */ React2__default.default.createElement("div", {
+            key: key,
+            className: "uii:flex uii:items-center uii:gap-2 uii:text-xs uii:bg-white dark:uii:bg-gray-800 uii:px-2 uii:py-1 uii:rounded"
+        }, /* @__PURE__ */ React2__default.default.createElement("button", {
+            onClick: function() {
+                navigator.clipboard.writeText(key);
+            },
+            className: "uii:text-gray-400 hover:uii:text-purple-600 uii:text-xs",
+            title: "Copy field name"
+        }, "\uD83D\uDCCB"), /* @__PURE__ */ React2__default.default.createElement("span", {
+            className: "uii:font-mono uii:text-purple-600 dark:uii:text-purple-400 uii:cursor-pointer uii:truncate uii:max-w-[300px]",
+            onClick: function() {
+                navigator.clipboard.writeText(key);
+            },
+            title: key
+        }, key), /* @__PURE__ */ React2__default.default.createElement("span", {
+            className: "uii:text-gray-400"
+        }, "\u2192"), /* @__PURE__ */ React2__default.default.createElement("span", {
+            className: "uii:font-mono uii:text-gray-600 dark:uii:text-gray-300 uii:flex-1 uii:truncate"
+        }, value), /* @__PURE__ */ React2__default.default.createElement("button", {
+            onClick: function() {
+                return handleRemoveType(key);
+            },
+            className: "uii:text-red-500 hover:uii:text-red-700 uii:text-xs",
+            title: "Remove"
+        }, "\u2715"));
+    })))), showData && /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "uii:mt-2"
+    }, /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "uii:text-xs uii:mb-1 uii:font-medium"
+    }, "Data:"), /* @__PURE__ */ React2__default.default.createElement("pre", {
+        className: "uii:text-xs uii:bg-gray-100 dark:uii:bg-gray-800 uii:p-2 uii:rounded uii:overflow-auto uii:max-h-48"
+    }, JSON.stringify(devCtx.data, null, 2)), /* @__PURE__ */ React2__default.default.createElement("div", {
+        className: "uii:text-xs uii:mb-1 uii:mt-2 uii:font-medium"
+    }, "Inferred Types:"), /* @__PURE__ */ React2__default.default.createElement("pre", {
+        className: "uii:text-xs uii:bg-gray-100 dark:uii:bg-gray-800 uii:p-2 uii:rounded uii:overflow-auto uii:max-h-24"
+    }, JSON.stringify(devCtx.inferredTypes, null, 2))));
+}
+exports.DevContext = DevContext;
+exports.DevProvider = DevProvider;
+exports.DevToolbar = DevToolbar;
+exports.useDevContext = useDevContext;
+exports.useInferredTypes = useInferredTypes;
+exports.useNodeProperty = useNodeProperty; //# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/dev/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/proc-app/proc-app/out/process-co/ui/dist/components/dev/index.cjs","../../../src/components/dev/DevProvider.tsx","../../../src/components/dev/DevToolbar.tsx"],"names":["React2","require","_interopDefault","e","__esModule","default","React2__default","DevContext","createContext","useDevContext","useContext","useNodeProperty","fieldName","devCtx","value","getProperty","setValue","useCallback","newValue","setProperty","console","warn","useState","localValue","setLocalValue","useInferredTypes","inferredTypes","setInferredType","getInferredType","DevProvider","children","storageKey","initialData","persist","nodeId","window","stored","localStorage","getItem","JSON","parse","data","setData","setInferredTypesState","useEffect","setItem","stringify","key","prev","type","clearInferredType","_","rest","clearAllInferredTypes","clearAll","removeItem","exportData","importData","json","parsed","error","useMemo","React","createElement","Provider","DevToolbar","className","showData","setShowData","showTypeEditor","setShowTypeEditor","newTypeKey","setNewTypeKey","newTypeValue","setNewTypeValue","handleAddType","trim","handleRemoveType","handleClearAllTypes","confirm","onClick","navigator","clipboard","writeText","alert","prompt","placeholder","onChange","target","onKeyDown","disabled","Object","keys","length","entries","map","title","exports"],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAIA,SAASC,QAAQ;AAErB,SAASC,gBAAiBC,CAAC;IAAI,OAAOA,KAAKA,EAAEC,UAAU,GAAGD,IAAI;QAAEE,SAASF;IAAE;AAAG;AAE9E,IAAIG,kBAAkB,WAAW,GAAEJ,gBAAgBF;AAEnD,qCAAqC;AC6C9B,IAAMO,aAAaC,OAAAA,aAAAA,CAAsC;AAKzD,SAASC;IACd,OAAOC,OAAAA,UAAAA,CAAWH;AACpB;AAMO,SAASI,gBAAyBC,SAAA;IACvC,IAAMC,SAASJ;IAEf,IAAII,QAAQ;QAEV,IAAMC,QAAQD,OAAOE,WAAA,CAAeH;QACpC,IAAMI,WAAWC,OAAAA,WAAA,CAAY,SAACC;YAC5BL,OAAOM,WAAA,CAAYP,WAAWM;QAChC,GAAG;YAACL;YAAQD;SAAU;QAEtB,OAAO;YAACE;YAAOE;SAAQ;IACzB;IAGAI,QAAQC,IAAA,CAAK,oBAA6B,OAATT,WAAS;IAC1C,IAAoCU,oCAAAA,OAAAA,QAAAA,CAAwB,KAAA,QAArDC,aAA6BD,qBAAjBE,gBAAiBF;IACpC,OAAO;QAACC;QAAYC;KAAa;AACnC;AAKO,SAASC;IACd,IAAMZ,SAASJ;IAEf,IAAII,QAAQ;QACV,OAAO;YACLa,eAAeb,OAAOa,aAAA;YACtBC,iBAAiBd,OAAOc,eAAA;YACxBC,iBAAiBf,OAAOe,eAAA;QAAA;IAE5B;IAGA,OAAO;AACT;AA8BO,SAASC,YAAY,KAM5B;QALEC,WAD0B,MAC1BA,8BAD0B,MAE1BC,YAAAA,4CAAa,wDAFa,MAG1BC,aAAAA,8CAAc,CAAA,yCAHY,MAI1BC,SAAAA,sCAAU,uCAJgB,MAK1BC,QAAAA,oCAAS;IAIT,IAAwBZ,oCAAAA,OAAAA,QAAAA,CAA8B;QAEpD,IAAIW,WAAW,OAAOE,WAAW,aAAa;YAC5C,IAAI;gBACF,IAAMC,SAASC,aAAaC,OAAA,CAAQ,GAAa,OAAVP,YAAU;gBACjD,IAAIK,QAAQ;oBACV,OAAO,mBAAKJ,aAAgBO,KAAKC,KAAA,CAAMJ;gBACzC;YACF,EAAA,OAASjC,GAAG;gBACViB,QAAQC,IAAA,CAAK,iDAAiDlB;YAChE;QACF;QACA,OAAO6B;IACT,QAbOS,OAAiBnB,qBAAXoB,UAAWpB;IAgBxB,IAA+CA,qCAAAA,OAAAA,QAAAA,CAAiC;QAC9E,IAAIW,WAAW,OAAOE,WAAW,aAAa;YAC5C,IAAI;gBACF,IAAMC,SAASC,aAAaC,OAAA,CAAQ,GAAa,OAAVP,YAAU;gBACjD,IAAIK,QAAQ;oBACV,OAAOG,KAAKC,KAAA,CAAMJ;gBACpB;YACF,EAAA,OAASjC,GAAG;gBACViB,QAAQC,IAAA,CAAK,+DAA+DlB;YAC9E;QACF;QACA,OAAO,CAAA;IACT,QAZOuB,gBAAwCJ,sBAAzBqB,wBAAyBrB;IAe/CsB,OAAAA,SAAA,CAAU;QACR,IAAIX,WAAW,OAAOE,WAAW,aAAa;YAC5C,IAAI;gBACFE,aAAaQ,OAAA,CAAQ,GAAa,OAAVd,YAAU,UAASQ,KAAKO,SAAA,CAAUL;YAC5D,EAAA,OAAStC,GAAG;gBACViB,QAAQC,IAAA,CAAK,oDAAoDlB;YACnE;QACF;IACF,GAAG;QAACsC;QAAMV;QAAYE;KAAQ;IAE9BW,OAAAA,SAAA,CAAU;QACR,IAAIX,WAAW,OAAOE,WAAW,aAAa;YAC5C,IAAI;gBACFE,aAAaQ,OAAA,CAAQ,GAAa,OAAVd,YAAU,mBAAkBQ,KAAKO,SAAA,CAAUpB;YACrE,EAAA,OAASvB,GAAG;gBACViB,QAAQC,IAAA,CAAK,6DAA6DlB;YAC5E;QACF;IACF,GAAG;QAACuB;QAAeK;QAAYE;KAAQ;IAGvC,IAAMd,cAAcF,OAAAA,WAAA,CAAY,SAAC8B,KAAajC;QAC5C4B,QAAQ,SAAAM;mBAAS,wCAAKA,OAAM,qBAACD,KAAMjC;;IACrC,GAAG,EAAE;IAEL,IAAMC,cAAcE,OAAAA,WAAA,CAAY,SAAU8B;QACxC,OAAON,IAAA,CAAKM,IAAG;IACjB,GAAG;QAACN;KAAK;IAGT,IAAMd,kBAAkBV,OAAAA,WAAA,CAAY,SAACL,WAAmBqC;QACtDN,sBAAsB,SAAAK;mBAAS,wCAAKA,OAAM,qBAACpC,WAAYqC;;IACzD,GAAG,EAAE;IAEL,IAAMrB,kBAAkBX,OAAAA,WAAA,CAAY,SAACL;QACnC,OAAOc,aAAA,CAAcd,UAAS;IAChC,GAAG;QAACc;KAAc;IAElB,IAAMwB,oBAAoBjC,OAAAA,WAAA,CAAY,SAACL;QACrC+B,sBAAsB,SAAAK;YACpB,IAAQ,AAAaG,IAAeH,KAA3BpC,YAAkBwC,kCAASJ;gBAA3BpC;;YACT,OAAOwC;QACT;IACF,GAAG,EAAE;IAEL,IAAMC,wBAAwBpC,OAAAA,WAAAA,CAAY;QACxC0B,sBAAsB,CAAA;IACxB,GAAG,EAAE;IAGL,IAAMW,WAAWrC,OAAAA,WAAAA,CAAY;QAC3ByB,QAAQ,CAAA;QACRC,sBAAsB,CAAA;QACtB,IAAIV,WAAW,OAAOE,WAAW,aAAa;YAC5CE,aAAakB,UAAA,CAAW,GAAa,OAAVxB,YAAU;YACrCM,aAAakB,UAAA,CAAW,GAAa,OAAVxB,YAAU;QACvC;IACF,GAAG;QAACA;QAAYE;KAAQ;IAExB,IAAMuB,aAAavC,OAAAA,WAAAA,CAAY;QAC7B,OAAOsB,KAAKO,SAAA,CAAU;YAAEL,MAAAA;YAAMf,eAAAA;QAAA,GAAiB,MAAM;IACvD,GAAG;QAACe;QAAMf;KAAc;IAExB,IAAM+B,aAAaxC,OAAAA,WAAA,CAAY,SAACyC;QAC9B,IAAI;YACF,IAAMC,SAASpB,KAAKC,KAAA,CAAMkB;YAC1B,IAAIC,OAAOlB,IAAA,EAAMC,QAAQiB,OAAOlB,IAAI;YACpC,IAAIkB,OAAOjC,aAAA,EAAeiB,sBAAsBgB,OAAOjC,aAAa;QACtE,EAAA,OAASvB,GAAG;YACViB,QAAQwC,KAAA,CAAM,sCAAsCzD;QACtD;IACF,GAAG,EAAE;IAGL,IAAMW,QAAQ+C,OAAAA,OAAAA,CAAyB;eAAO;YAC5CpB,MAAAA;YACAtB,aAAAA;YACAJ,aAAAA;YACAW,eAAAA;YACAC,iBAAAA;YACAC,iBAAAA;YACAsB,mBAAAA;YACAG,uBAAAA;YACAnB,QAAAA;YACAoB,UAAAA;YACAE,YAAAA;YACAC,YAAAA;QAAA;OACE;QAAChB;QAAMtB;QAAaJ;QAAaW;QAAeC;QAAiBC;QAAiBsB;QAAmBG;QAAuBnB;QAAQoB;QAAUE;QAAYC;KAAW;IAEzK,OAAA,aAAA,GACEK,gBAAAA,OAAA,CAAAC,aAAA,CAACxD,WAAWyD,QAAA,EAAX;QAAoBlD,OAAAA;IAAA,GAClBgB;AAGP;AC9PO,SAASmC,WAAW,KAAY;QAAZ,AAAEC,YAAF,MAAEA;IAC3B,IAAMrD,SAASJ;IACf,IAAgCa,oCAAAA,OAAAA,QAAAA,CAAS,YAAlC6C,WAAyB7C,qBAAf8C,cAAe9C;IAChC,IAA4CA,qCAAAA,OAAAA,QAAAA,CAAS,YAA9C+C,iBAAqC/C,sBAArBgD,oBAAqBhD;IAC5C,IAAoCA,qCAAAA,OAAAA,QAAAA,CAAS,SAAtCiD,aAA6BjD,sBAAjBkD,gBAAiBlD;IACpC,IAAwCA,qCAAAA,OAAAA,QAAAA,CAAS,SAA1CmD,eAAiCnD,sBAAnBoD,kBAAmBpD;IAExC,IAAI,CAACT,QAAQ;QACX,OAAA,aAAA,GAAOiD,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;YAAIG,WAAAA;QAAA,GAAsB;IACpC;IAEA,IAAMS,gBAAgB;QACpB,IAAIJ,WAAWK,IAAA,MAAUH,aAAaG,IAAA,IAAQ;YAC5C/D,OAAOc,eAAA,CAAgB4C,WAAWK,IAAA,IAAQH,aAAaG,IAAA;YACvDJ,cAAc;YACdE,gBAAgB;QAClB;IACF;IAEA,IAAMG,mBAAmB,SAAC9B;QACxBlC,OAAOqC,iBAAA,CAAkBH;IAC3B;IAEA,IAAM+B,sBAAsB;QAC1B,IAAIC,QAAQ,8BAA8B;YACxClE,OAAOwC,qBAAA;QACT;IACF;IAEA,OAAA,aAAA,GACES,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAW,GAAkB,OAAfA,aAAa,IAAE;IAAA,GAAA,aAAA,GAChCJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GAAA,aAAA,GACbJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,QAAA;QAAKG,WAAU;IAAA,GAAgC,2BAAY,aAAA,GAC5DJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,QAAA;QAAKG,WAAU;IAAA,GAAgC,UAAOrD,OAAOqB,MAAO,GAAA,aAAA,GACrE4B,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,UAAA;QACCiB,SAAS;mBAAMZ,YAAY,CAACD;;QAC5BD,WAAU;IAAA,GAETC,WAAW,SAAS,QAAO,UAC9B,aAAA,GACAL,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,UAAA;QACCiB,SAAS;mBAAMV,kBAAkB,CAACD;;QAClCH,WAAU;IAAA,GAETG,iBAAiB,SAAS,SAAQ,WACrC,aAAA,GACAP,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,UAAA;QACCiB,SAAS;YACP,IAAMtB,OAAO7C,OAAO2C,UAAA;YACpByB,UAAUC,SAAA,CAAUC,SAAA,CAAUzB;YAC9B0B,MAAM;QACR;QACAlB,WAAU;IAAA,GACX,WAED,aAAA,GACAJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,UAAA;QACCiB,SAAS;YACP,IAAMtB,OAAO2B,OAAO;YACpB,IAAI3B,MAAM7C,OAAO4C,UAAA,CAAWC;QAC9B;QACAQ,WAAU;IAAA,GACX,WAED,aAAA,GACAJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,UAAA;QACCiB,SAAS;YACP,IAAID,QAAQ,oBAAoBlE,OAAOyC,QAAA;QACzC;QACAY,WAAU;IAAA,GACX,WAMFG,kBAAA,aAAA,GACCP,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GAAA,aAAA,GACbJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GAAoF,yDAEnG,aAAA,GAGAJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GAAA,aAAA,GACbJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,SAAA;QACCd,MAAK;QACLqC,aAAY;QACZxE,OAAOyD;QACPgB,UAAU,SAACpF;mBAAMqE,cAAcrE,EAAEqF,MAAA,CAAO1E,KAAK;;QAC7CoD,WAAU;IAAA,IACZ,aAAA,GACAJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,SAAA;QACCd,MAAK;QACLqC,aAAY;QACZxE,OAAO2D;QACPc,UAAU,SAACpF;mBAAMuE,gBAAgBvE,EAAEqF,MAAA,CAAO1E,KAAK;;QAC/C2E,WAAW,SAACtF;mBAAMA,EAAE4C,GAAA,KAAQ,WAAW4B;;QACvCT,WAAU;IAAA,IACZ,aAAA,GACAJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,UAAA;QACCiB,SAASL;QACTe,UAAU,CAACnB,WAAWK,IAAA,MAAU,CAACH,aAAaG,IAAA;QAC9CV,WAAU;IAAA,GACX,SAMFyB,OAAOC,IAAA,CAAK/E,OAAOa,aAAa,EAAEmE,MAAA,GAAS,KAAA,aAAA,GAC1C/B,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GAAA,aAAA,GACbJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GAAA,aAAA,GACbJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,QAAA;QAAKG,WAAU;IAAA,GAAgC,4BAAuB,aAAA,GACvEJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,UAAA;QACCiB,SAASF;QACTZ,WAAU;IAAA,GACX,eAGH,aAAA,GACAJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GACZyB,OAAOG,OAAA,CAAQjF,OAAOa,aAAa,EAAEqE,GAAA,CAAI;iDAAEhD,iBAAKjC;eAC/CA,SAAA,aAAA,GACEgD,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;YACChB,KAAAA;YACAmB,WAAU;QAAA,GAAA,aAAA,GAEVJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,UAAA;YACCiB,SAAS;gBACPC,UAAUC,SAAA,CAAUC,SAAA,CAAUpC;YAChC;YACAmB,WAAU;YACV8B,OAAM;QAAA,GACP,iBAED,aAAA,GACAlC,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,QAAA;YACCG,WAAU;YACVc,SAAS;gBACPC,UAAUC,SAAA,CAAUC,SAAA,CAAUpC;YAChC;YACAiD,OAAOjD;QAAA,GAENA,MACH,aAAA,GACAe,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,QAAA;YAAKG,WAAU;QAAA,GAAoB,WAAC,aAAA,GACrCJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,QAAA;YAAKG,WAAU;QAAA,GAAkFpD,QAAM,aAAA,GACxGgD,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,UAAA;YACCiB,SAAS;uBAAMH,iBAAiB9B;;YAChCmB,WAAU;YACV8B,OAAM;QAAA,GACP;WAYhB7B,YAAA,aAAA,GACCL,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GAAA,aAAA,GACbJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GAAuC,UAAK,aAAA,GAC3DJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GACZ3B,KAAKO,SAAA,CAAUjC,OAAO4B,IAAA,EAAM,MAAM,KACrC,aAAA,GACAqB,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GAAgD,oBAAe,aAAA,GAC9EJ,gBAAAA,OAAAA,CAAAC,aAAA,CAAC,OAAA;QAAIG,WAAU;IAAA,GACZ3B,KAAKO,SAAA,CAAUjC,OAAOa,aAAA,EAAe,MAAM;AAMxD;AFuGAuE,QAAQ1F,UAAU,GAAGA;AACrB0F,QAAQpE,WAAW,GAAGA;AACtBoE,QAAQhC,UAAU,GAAGA;AACrBgC,QAAQxF,aAAa,GAAGA;AACxBwF,QAAQxE,gBAAgB,GAAGA;AAC3BwE,QAAQtF,eAAe,GAAGA,iBAC1B,kCAAkC","sourcesContent":["'use strict';\n\nvar React2 = require('react');\n\nfunction _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }\n\nvar React2__default = /*#__PURE__*/_interopDefault(React2);\n\n// src/components/dev/DevProvider.tsx\nvar DevContext = React2.createContext(null);\nfunction useDevContext() {\n  return React2.useContext(DevContext);\n}\nfunction useNodeProperty(fieldName) {\n  const devCtx = useDevContext();\n  if (devCtx) {\n    const value = devCtx.getProperty(fieldName);\n    const setValue = React2.useCallback((newValue) => {\n      devCtx.setProperty(fieldName, newValue);\n    }, [devCtx, fieldName]);\n    return [value, setValue];\n  }\n  console.warn(`useNodeProperty('${fieldName}') called outside of DevProvider - returning undefined`);\n  const [localValue, setLocalValue] = React2.useState(void 0);\n  return [localValue, setLocalValue];\n}\nfunction useInferredTypes() {\n  const devCtx = useDevContext();\n  if (devCtx) {\n    return {\n      inferredTypes: devCtx.inferredTypes,\n      setInferredType: devCtx.setInferredType,\n      getInferredType: devCtx.getInferredType\n    };\n  }\n  return null;\n}\nfunction DevProvider({\n  children,\n  storageKey = \"process-dev\",\n  initialData = {},\n  persist = true,\n  nodeId = \"dev-node-1\"\n}) {\n  const [data, setData] = React2.useState(() => {\n    if (persist && typeof window !== \"undefined\") {\n      try {\n        const stored = localStorage.getItem(`${storageKey}:data`);\n        if (stored) {\n          return { ...initialData, ...JSON.parse(stored) };\n        }\n      } catch (e) {\n        console.warn(\"DevProvider: Failed to load from localStorage\", e);\n      }\n    }\n    return initialData;\n  });\n  const [inferredTypes, setInferredTypesState] = React2.useState(() => {\n    if (persist && typeof window !== \"undefined\") {\n      try {\n        const stored = localStorage.getItem(`${storageKey}:inferredTypes`);\n        if (stored) {\n          return JSON.parse(stored);\n        }\n      } catch (e) {\n        console.warn(\"DevProvider: Failed to load inferredTypes from localStorage\", e);\n      }\n    }\n    return {};\n  });\n  React2.useEffect(() => {\n    if (persist && typeof window !== \"undefined\") {\n      try {\n        localStorage.setItem(`${storageKey}:data`, JSON.stringify(data));\n      } catch (e) {\n        console.warn(\"DevProvider: Failed to save data to localStorage\", e);\n      }\n    }\n  }, [data, storageKey, persist]);\n  React2.useEffect(() => {\n    if (persist && typeof window !== \"undefined\") {\n      try {\n        localStorage.setItem(`${storageKey}:inferredTypes`, JSON.stringify(inferredTypes));\n      } catch (e) {\n        console.warn(\"DevProvider: Failed to save inferredTypes to localStorage\", e);\n      }\n    }\n  }, [inferredTypes, storageKey, persist]);\n  const setProperty = React2.useCallback((key, value2) => {\n    setData((prev) => ({ ...prev, [key]: value2 }));\n  }, []);\n  const getProperty = React2.useCallback((key) => {\n    return data[key];\n  }, [data]);\n  const setInferredType = React2.useCallback((fieldName, type) => {\n    setInferredTypesState((prev) => ({ ...prev, [fieldName]: type }));\n  }, []);\n  const getInferredType = React2.useCallback((fieldName) => {\n    return inferredTypes[fieldName];\n  }, [inferredTypes]);\n  const clearInferredType = React2.useCallback((fieldName) => {\n    setInferredTypesState((prev) => {\n      const { [fieldName]: _, ...rest } = prev;\n      return rest;\n    });\n  }, []);\n  const clearAllInferredTypes = React2.useCallback(() => {\n    setInferredTypesState({});\n  }, []);\n  const clearAll = React2.useCallback(() => {\n    setData({});\n    setInferredTypesState({});\n    if (persist && typeof window !== \"undefined\") {\n      localStorage.removeItem(`${storageKey}:data`);\n      localStorage.removeItem(`${storageKey}:inferredTypes`);\n    }\n  }, [storageKey, persist]);\n  const exportData = React2.useCallback(() => {\n    return JSON.stringify({ data, inferredTypes }, null, 2);\n  }, [data, inferredTypes]);\n  const importData = React2.useCallback((json) => {\n    try {\n      const parsed = JSON.parse(json);\n      if (parsed.data) setData(parsed.data);\n      if (parsed.inferredTypes) setInferredTypesState(parsed.inferredTypes);\n    } catch (e) {\n      console.error(\"DevProvider: Failed to import data\", e);\n    }\n  }, []);\n  const value = React2.useMemo(() => ({\n    data,\n    setProperty,\n    getProperty,\n    inferredTypes,\n    setInferredType,\n    getInferredType,\n    clearInferredType,\n    clearAllInferredTypes,\n    nodeId,\n    clearAll,\n    exportData,\n    importData\n  }), [data, setProperty, getProperty, inferredTypes, setInferredType, getInferredType, clearInferredType, clearAllInferredTypes, nodeId, clearAll, exportData, importData]);\n  return /* @__PURE__ */ React2__default.default.createElement(DevContext.Provider, { value }, children);\n}\nfunction DevToolbar({ className }) {\n  const devCtx = useDevContext();\n  const [showData, setShowData] = React2.useState(false);\n  const [showTypeEditor, setShowTypeEditor] = React2.useState(false);\n  const [newTypeKey, setNewTypeKey] = React2.useState(\"\");\n  const [newTypeValue, setNewTypeValue] = React2.useState(\"\");\n  if (!devCtx) {\n    return /* @__PURE__ */ React2__default.default.createElement(\"div\", { className }, \"DevToolbar: Not inside DevProvider\");\n  }\n  const handleAddType = () => {\n    if (newTypeKey.trim() && newTypeValue.trim()) {\n      devCtx.setInferredType(newTypeKey.trim(), newTypeValue.trim());\n      setNewTypeKey(\"\");\n      setNewTypeValue(\"\");\n    }\n  };\n  const handleRemoveType = (key) => {\n    devCtx.clearInferredType(key);\n  };\n  const handleClearAllTypes = () => {\n    if (confirm(\"Clear all inferred types?\")) {\n      devCtx.clearAllInferredTypes();\n    }\n  };\n  return /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: `${className || \"\"} uii:border uii:rounded-lg uii:p-4 uii:bg-gray-50 dark:uii:bg-gray-900` }, /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: \"uii:flex uii:items-center uii:gap-4 uii:mb-2 uii:flex-wrap\" }, /* @__PURE__ */ React2__default.default.createElement(\"span\", { className: \"uii:font-semibold uii:text-sm\" }, \"\\u{1F6E0}\\uFE0F Dev Mode\"), /* @__PURE__ */ React2__default.default.createElement(\"span\", { className: \"uii:text-xs uii:text-gray-500\" }, \"Node: \", devCtx.nodeId), /* @__PURE__ */ React2__default.default.createElement(\n    \"button\",\n    {\n      onClick: () => setShowData(!showData),\n      className: \"uii:text-xs uii:px-2 uii:py-1 uii:bg-blue-100 dark:uii:bg-blue-900 uii:rounded hover:uii:bg-blue-200\"\n    },\n    showData ? \"Hide\" : \"Show\",\n    \" Data\"\n  ), /* @__PURE__ */ React2__default.default.createElement(\n    \"button\",\n    {\n      onClick: () => setShowTypeEditor(!showTypeEditor),\n      className: \"uii:text-xs uii:px-2 uii:py-1 uii:bg-purple-100 dark:uii:bg-purple-900 uii:rounded hover:uii:bg-purple-200\"\n    },\n    showTypeEditor ? \"Hide\" : \"Spoof\",\n    \" Types\"\n  ), /* @__PURE__ */ React2__default.default.createElement(\n    \"button\",\n    {\n      onClick: () => {\n        const json = devCtx.exportData();\n        navigator.clipboard.writeText(json);\n        alert(\"Data copied to clipboard!\");\n      },\n      className: \"uii:text-xs uii:px-2 uii:py-1 uii:bg-green-100 dark:uii:bg-green-900 uii:rounded hover:uii:bg-green-200\"\n    },\n    \"Export\"\n  ), /* @__PURE__ */ React2__default.default.createElement(\n    \"button\",\n    {\n      onClick: () => {\n        const json = prompt(\"Paste JSON data:\");\n        if (json) devCtx.importData(json);\n      },\n      className: \"uii:text-xs uii:px-2 uii:py-1 uii:bg-yellow-100 dark:uii:bg-yellow-900 uii:rounded hover:uii:bg-yellow-200\"\n    },\n    \"Import\"\n  ), /* @__PURE__ */ React2__default.default.createElement(\n    \"button\",\n    {\n      onClick: () => {\n        if (confirm(\"Clear all data?\")) devCtx.clearAll();\n      },\n      className: \"uii:text-xs uii:px-2 uii:py-1 uii:bg-red-100 dark:uii:bg-red-900 uii:rounded hover:uii:bg-red-200\"\n    },\n    \"Clear\"\n  )), showTypeEditor && /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: \"uii:mt-3 uii:p-3 uii:bg-purple-50 dark:uii:bg-purple-950 uii:rounded-lg uii:border uii:border-purple-200 dark:uii:border-purple-800\" }, /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: \"uii:text-xs uii:font-medium uii:mb-2 uii:text-purple-700 dark:uii:text-purple-300\" }, \"Spoof Inferred Types (simulate external field types)\"), /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: \"uii:flex uii:gap-2 uii:mb-2 uii:flex-wrap\" }, /* @__PURE__ */ React2__default.default.createElement(\n    \"input\",\n    {\n      type: \"text\",\n      placeholder: \"Field name (e.g., switchExpression)\",\n      value: newTypeKey,\n      onChange: (e) => setNewTypeKey(e.target.value),\n      className: \"uii:text-xs uii:px-2 uii:py-1 uii:border uii:rounded uii:flex-1 uii:min-w-[150px] uii:bg-white dark:uii:bg-gray-800\"\n    }\n  ), /* @__PURE__ */ React2__default.default.createElement(\n    \"input\",\n    {\n      type: \"text\",\n      placeholder: \"Type (e.g., string | number)\",\n      value: newTypeValue,\n      onChange: (e) => setNewTypeValue(e.target.value),\n      onKeyDown: (e) => e.key === \"Enter\" && handleAddType(),\n      className: \"uii:text-xs uii:px-2 uii:py-1 uii:border uii:rounded uii:flex-1 uii:min-w-[200px] uii:bg-white dark:uii:bg-gray-800\"\n    }\n  ), /* @__PURE__ */ React2__default.default.createElement(\n    \"button\",\n    {\n      onClick: handleAddType,\n      disabled: !newTypeKey.trim() || !newTypeValue.trim(),\n      className: \"uii:text-xs uii:px-3 uii:py-1 uii:bg-purple-500 uii:text-white uii:rounded hover:uii:bg-purple-600 disabled:uii:opacity-50 disabled:uii:cursor-not-allowed\"\n    },\n    \"Add\"\n  )), Object.keys(devCtx.inferredTypes).length > 0 && /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: \"uii:mt-2\" }, /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: \"uii:flex uii:items-center uii:justify-between uii:mb-1\" }, /* @__PURE__ */ React2__default.default.createElement(\"span\", { className: \"uii:text-xs uii:text-gray-500\" }, \"Current inferred types:\"), /* @__PURE__ */ React2__default.default.createElement(\n    \"button\",\n    {\n      onClick: handleClearAllTypes,\n      className: \"uii:text-xs uii:px-2 uii:py-0.5 uii:bg-red-100 dark:uii:bg-red-900 uii:text-red-700 dark:uii:text-red-300 uii:rounded hover:uii:bg-red-200\"\n    },\n    \"Clear All\"\n  )), /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: \"uii:space-y-1\" }, Object.entries(devCtx.inferredTypes).map(([key, value]) => value && /* @__PURE__ */ React2__default.default.createElement(\n    \"div\",\n    {\n      key,\n      className: \"uii:flex uii:items-center uii:gap-2 uii:text-xs uii:bg-white dark:uii:bg-gray-800 uii:px-2 uii:py-1 uii:rounded\"\n    },\n    /* @__PURE__ */ React2__default.default.createElement(\n      \"button\",\n      {\n        onClick: () => {\n          navigator.clipboard.writeText(key);\n        },\n        className: \"uii:text-gray-400 hover:uii:text-purple-600 uii:text-xs\",\n        title: \"Copy field name\"\n      },\n      \"\\u{1F4CB}\"\n    ),\n    /* @__PURE__ */ React2__default.default.createElement(\n      \"span\",\n      {\n        className: \"uii:font-mono uii:text-purple-600 dark:uii:text-purple-400 uii:cursor-pointer uii:truncate uii:max-w-[300px]\",\n        onClick: () => {\n          navigator.clipboard.writeText(key);\n        },\n        title: key\n      },\n      key\n    ),\n    /* @__PURE__ */ React2__default.default.createElement(\"span\", { className: \"uii:text-gray-400\" }, \"\\u2192\"),\n    /* @__PURE__ */ React2__default.default.createElement(\"span\", { className: \"uii:font-mono uii:text-gray-600 dark:uii:text-gray-300 uii:flex-1 uii:truncate\" }, value),\n    /* @__PURE__ */ React2__default.default.createElement(\n      \"button\",\n      {\n        onClick: () => handleRemoveType(key),\n        className: \"uii:text-red-500 hover:uii:text-red-700 uii:text-xs\",\n        title: \"Remove\"\n      },\n      \"\\u2715\"\n    )\n  ))))), showData && /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: \"uii:mt-2\" }, /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: \"uii:text-xs uii:mb-1 uii:font-medium\" }, \"Data:\"), /* @__PURE__ */ React2__default.default.createElement(\"pre\", { className: \"uii:text-xs uii:bg-gray-100 dark:uii:bg-gray-800 uii:p-2 uii:rounded uii:overflow-auto uii:max-h-48\" }, JSON.stringify(devCtx.data, null, 2)), /* @__PURE__ */ React2__default.default.createElement(\"div\", { className: \"uii:text-xs uii:mb-1 uii:mt-2 uii:font-medium\" }, \"Inferred Types:\"), /* @__PURE__ */ React2__default.default.createElement(\"pre\", { className: \"uii:text-xs uii:bg-gray-100 dark:uii:bg-gray-800 uii:p-2 uii:rounded uii:overflow-auto uii:max-h-24\" }, JSON.stringify(devCtx.inferredTypes, null, 2))));\n}\n\nexports.DevContext = DevContext;\nexports.DevProvider = DevProvider;\nexports.DevToolbar = DevToolbar;\nexports.useDevContext = useDevContext;\nexports.useInferredTypes = useInferredTypes;\nexports.useNodeProperty = useNodeProperty;\n//# sourceMappingURL=index.cjs.map\n","'use client';\n\nimport React, { createContext, useContext, useState, useCallback, useEffect, useMemo, type PropsWithChildren } from 'react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Configuration for the DevProvider\n */\nexport interface DevProviderConfig {\n  /** Unique key for localStorage persistence (defaults to 'process-dev') */\n  storageKey?: string;\n  /** Initial data to populate the store */\n  initialData?: Record<string, any>;\n  /** Whether to persist to localStorage (default: true) */\n  persist?: boolean;\n  /** Mock node ID (default: 'dev-node-1') */\n  nodeId?: string;\n}\n\n/**\n * Context value for development/testing\n */\nexport interface DevContextValue {\n  // Node property store\n  data: Record<string, any>;\n  setProperty: (key: string, value: any) => void;\n  getProperty: <T = any>(key: string) => T | undefined;\n  \n  // Inferred types\n  inferredTypes: Record<string, string>;\n  setInferredType: (fieldName: string, type: string) => void;\n  getInferredType: (fieldName: string) => string | undefined;\n  /** Remove an inferred type by field name */\n  clearInferredType: (fieldName: string) => void;\n  /** Remove all inferred types */\n  clearAllInferredTypes: () => void;\n  \n  // Metadata\n  nodeId: string;\n  \n  // Utilities\n  clearAll: () => void;\n  exportData: () => string;\n  importData: (json: string) => void;\n}\n\n// ============================================================================\n// Context\n// ============================================================================\n\nexport const DevContext = createContext<DevContextValue | null>(null);\n\n/**\n * Hook to access the dev context for property management\n */\nexport function useDevContext(): DevContextValue | null {\n  return useContext(DevContext);\n}\n\n/**\n * Hook that mimics useNodeProperty from the real system\n * Works in both dev mode (with DevProvider) and production (with NodePropertyProvider)\n */\nexport function useNodeProperty<T = any>(fieldName: string): [T | undefined, (value: T) => void] {\n  const devCtx = useDevContext();\n  \n  if (devCtx) {\n    // Dev mode - use local state with persistence\n    const value = devCtx.getProperty<T>(fieldName);\n    const setValue = useCallback((newValue: T) => {\n      devCtx.setProperty(fieldName, newValue);\n    }, [devCtx, fieldName]);\n    \n    return [value, setValue];\n  }\n  \n  // Not in dev mode - this is a fallback, real implementation should be provided by host\n  console.warn(`useNodeProperty('${fieldName}') called outside of DevProvider - returning undefined`);\n  const [localValue, setLocalValue] = useState<T | undefined>(undefined);\n  return [localValue, setLocalValue];\n}\n\n/**\n * Hook that mimics useInferredTypes from the real system\n */\nexport function useInferredTypes() {\n  const devCtx = useDevContext();\n  \n  if (devCtx) {\n    return {\n      inferredTypes: devCtx.inferredTypes,\n      setInferredType: devCtx.setInferredType,\n      getInferredType: devCtx.getInferredType,\n    };\n  }\n  \n  // Not in dev mode - return null (components should handle this gracefully)\n  return null;\n}\n\n// ============================================================================\n// Provider\n// ============================================================================\n\n/**\n * DevProvider - Development environment for testing custom UI components\n * \n * Features:\n * - Persists data to localStorage\n * - Provides mock implementations of useNodeProperty and useInferredTypes\n * - Supports import/export of data for testing scenarios\n * \n * Usage:\n * ```tsx\n * import { DevProvider } from '@process.co/ui/dev';\n * \n * function App() {\n *   return (\n *     <DevProvider \n *       storageKey=\"my-component-dev\"\n *       initialData={{ switchValue: { cases: [] } }}\n *     >\n *       <MyCustomComponent fieldName=\"switchValue\" />\n *     </DevProvider>\n *   );\n * }\n * ```\n */\nexport function DevProvider({\n  children, \n  storageKey = 'process-dev',\n  initialData = {},\n  persist = true,\n  nodeId = 'dev-node-1',\n}: PropsWithChildren<DevProviderConfig>) {\n  \n  // ========== Property Store ==========\n  const [data, setData] = useState<Record<string, any>>(() => {\n    // Try to load from localStorage first\n    if (persist && typeof window !== 'undefined') {\n      try {\n        const stored = localStorage.getItem(`${storageKey}:data`);\n        if (stored) {\n          return { ...initialData, ...JSON.parse(stored) };\n        }\n      } catch (e) {\n        console.warn('DevProvider: Failed to load from localStorage', e);\n      }\n    }\n    return initialData;\n  });\n  \n  // ========== Inferred Types ==========\n  const [inferredTypes, setInferredTypesState] = useState<Record<string, string>>(() => {\n    if (persist && typeof window !== 'undefined') {\n      try {\n        const stored = localStorage.getItem(`${storageKey}:inferredTypes`);\n        if (stored) {\n          return JSON.parse(stored);\n        }\n      } catch (e) {\n        console.warn('DevProvider: Failed to load inferredTypes from localStorage', e);\n      }\n    }\n    return {};\n  });\n  \n  // ========== Persist to localStorage ==========\n  useEffect(() => {\n    if (persist && typeof window !== 'undefined') {\n      try {\n        localStorage.setItem(`${storageKey}:data`, JSON.stringify(data));\n      } catch (e) {\n        console.warn('DevProvider: Failed to save data to localStorage', e);\n      }\n    }\n  }, [data, storageKey, persist]);\n  \n  useEffect(() => {\n    if (persist && typeof window !== 'undefined') {\n      try {\n        localStorage.setItem(`${storageKey}:inferredTypes`, JSON.stringify(inferredTypes));\n      } catch (e) {\n        console.warn('DevProvider: Failed to save inferredTypes to localStorage', e);\n      }\n    }\n  }, [inferredTypes, storageKey, persist]);\n  \n  // ========== Property Methods ==========\n  const setProperty = useCallback((key: string, value: any) => {\n    setData(prev => ({ ...prev, [key]: value }));\n  }, []);\n  \n  const getProperty = useCallback(<T = any>(key: string): T | undefined => {\n    return data[key] as T | undefined;\n  }, [data]);\n  \n  // ========== Inferred Types Methods ==========\n  const setInferredType = useCallback((fieldName: string, type: string) => {\n    setInferredTypesState(prev => ({ ...prev, [fieldName]: type }));\n  }, []);\n  \n  const getInferredType = useCallback((fieldName: string): string | undefined => {\n    return inferredTypes[fieldName];\n  }, [inferredTypes]);\n  \n  const clearInferredType = useCallback((fieldName: string) => {\n    setInferredTypesState(prev => {\n      const { [fieldName]: _, ...rest } = prev;\n      return rest;\n    });\n  }, []);\n  \n  const clearAllInferredTypes = useCallback(() => {\n    setInferredTypesState({});\n  }, []);\n  \n  // ========== Utility Methods ==========\n  const clearAll = useCallback(() => {\n    setData({});\n    setInferredTypesState({});\n    if (persist && typeof window !== 'undefined') {\n      localStorage.removeItem(`${storageKey}:data`);\n      localStorage.removeItem(`${storageKey}:inferredTypes`);\n    }\n  }, [storageKey, persist]);\n  \n  const exportData = useCallback(() => {\n    return JSON.stringify({ data, inferredTypes }, null, 2);\n  }, [data, inferredTypes]);\n  \n  const importData = useCallback((json: string) => {\n    try {\n      const parsed = JSON.parse(json);\n      if (parsed.data) setData(parsed.data);\n      if (parsed.inferredTypes) setInferredTypesState(parsed.inferredTypes);\n    } catch (e) {\n      console.error('DevProvider: Failed to import data', e);\n    }\n  }, []);\n  \n  // ========== Context Value ==========\n  const value = useMemo<DevContextValue>(() => ({\n    data,\n    setProperty,\n    getProperty,\n    inferredTypes,\n    setInferredType,\n    getInferredType,\n    clearInferredType,\n    clearAllInferredTypes,\n    nodeId,\n    clearAll,\n    exportData,\n    importData,\n  }), [data, setProperty, getProperty, inferredTypes, setInferredType, getInferredType, clearInferredType, clearAllInferredTypes, nodeId, clearAll, exportData, importData]);\n  \n  return (\n    <DevContext.Provider value={value}>\n      {children}\n    </DevContext.Provider>\n  );\n}\n\nexport default DevProvider;\n","'use client';\n\nimport React, { useState } from 'react';\nimport { useDevContext } from './DevProvider';\n// Note: CSS is provided by consumer via `import '@process.co/ui/styles'`\n\n/**\n * DevToolbar - Optional toolbar for development\n * Shows current data state and provides controls for import/export/clear\n * Also allows spoofing inferred types for testing components that depend on external field types\n */\nexport function DevToolbar({ className }: { className?: string }) {\n  const devCtx = useDevContext();\n  const [showData, setShowData] = useState(false);\n  const [showTypeEditor, setShowTypeEditor] = useState(false);\n  const [newTypeKey, setNewTypeKey] = useState('');\n  const [newTypeValue, setNewTypeValue] = useState('');\n  \n  if (!devCtx) {\n    return <div className={className}>DevToolbar: Not inside DevProvider</div>;\n  }\n\n  const handleAddType = () => {\n    if (newTypeKey.trim() && newTypeValue.trim()) {\n      devCtx.setInferredType(newTypeKey.trim(), newTypeValue.trim());\n      setNewTypeKey('');\n      setNewTypeValue('');\n    }\n  };\n\n  const handleRemoveType = (key: string) => {\n    devCtx.clearInferredType(key);\n  };\n\n  const handleClearAllTypes = () => {\n    if (confirm('Clear all inferred types?')) {\n      devCtx.clearAllInferredTypes();\n    }\n  };\n  \n  return (\n    <div className={`${className || ''} uii:border uii:rounded-lg uii:p-4 uii:bg-gray-50 dark:uii:bg-gray-900`}>\n      <div className=\"uii:flex uii:items-center uii:gap-4 uii:mb-2 uii:flex-wrap\">\n        <span className=\"uii:font-semibold uii:text-sm\">🛠️ Dev Mode</span>\n        <span className=\"uii:text-xs uii:text-gray-500\">Node: {devCtx.nodeId}</span>\n        <button \n          onClick={() => setShowData(!showData)}\n          className=\"uii:text-xs uii:px-2 uii:py-1 uii:bg-blue-100 dark:uii:bg-blue-900 uii:rounded hover:uii:bg-blue-200\"\n        >\n          {showData ? 'Hide' : 'Show'} Data\n        </button>\n        <button \n          onClick={() => setShowTypeEditor(!showTypeEditor)}\n          className=\"uii:text-xs uii:px-2 uii:py-1 uii:bg-purple-100 dark:uii:bg-purple-900 uii:rounded hover:uii:bg-purple-200\"\n        >\n          {showTypeEditor ? 'Hide' : 'Spoof'} Types\n        </button>\n        <button \n          onClick={() => {\n            const json = devCtx.exportData();\n            navigator.clipboard.writeText(json);\n            alert('Data copied to clipboard!');\n          }}\n          className=\"uii:text-xs uii:px-2 uii:py-1 uii:bg-green-100 dark:uii:bg-green-900 uii:rounded hover:uii:bg-green-200\"\n        >\n          Export\n        </button>\n        <button \n          onClick={() => {\n            const json = prompt('Paste JSON data:');\n            if (json) devCtx.importData(json);\n          }}\n          className=\"uii:text-xs uii:px-2 uii:py-1 uii:bg-yellow-100 dark:uii:bg-yellow-900 uii:rounded hover:uii:bg-yellow-200\"\n        >\n          Import\n        </button>\n        <button \n          onClick={() => {\n            if (confirm('Clear all data?')) devCtx.clearAll();\n          }}\n          className=\"uii:text-xs uii:px-2 uii:py-1 uii:bg-red-100 dark:uii:bg-red-900 uii:rounded hover:uii:bg-red-200\"\n        >\n          Clear\n        </button>\n      </div>\n\n      {/* Inferred Types Spoofing Section */}\n      {showTypeEditor && (\n        <div className=\"uii:mt-3 uii:p-3 uii:bg-purple-50 dark:uii:bg-purple-950 uii:rounded-lg uii:border uii:border-purple-200 dark:uii:border-purple-800\">\n          <div className=\"uii:text-xs uii:font-medium uii:mb-2 uii:text-purple-700 dark:uii:text-purple-300\">\n            Spoof Inferred Types (simulate external field types)\n          </div>\n          \n          {/* Add new type */}\n          <div className=\"uii:flex uii:gap-2 uii:mb-2 uii:flex-wrap\">\n            <input\n              type=\"text\"\n              placeholder=\"Field name (e.g., switchExpression)\"\n              value={newTypeKey}\n              onChange={(e) => setNewTypeKey(e.target.value)}\n              className=\"uii:text-xs uii:px-2 uii:py-1 uii:border uii:rounded uii:flex-1 uii:min-w-[150px] uii:bg-white dark:uii:bg-gray-800\"\n            />\n            <input\n              type=\"text\"\n              placeholder=\"Type (e.g., string | number)\"\n              value={newTypeValue}\n              onChange={(e) => setNewTypeValue(e.target.value)}\n              onKeyDown={(e) => e.key === 'Enter' && handleAddType()}\n              className=\"uii:text-xs uii:px-2 uii:py-1 uii:border uii:rounded uii:flex-1 uii:min-w-[200px] uii:bg-white dark:uii:bg-gray-800\"\n            />\n            <button\n              onClick={handleAddType}\n              disabled={!newTypeKey.trim() || !newTypeValue.trim()}\n              className=\"uii:text-xs uii:px-3 uii:py-1 uii:bg-purple-500 uii:text-white uii:rounded hover:uii:bg-purple-600 disabled:uii:opacity-50 disabled:uii:cursor-not-allowed\"\n            >\n              Add\n            </button>\n          </div>\n\n          {/* Current inferred types */}\n          {Object.keys(devCtx.inferredTypes).length > 0 && (\n            <div className=\"uii:mt-2\">\n              <div className=\"uii:flex uii:items-center uii:justify-between uii:mb-1\">\n                <span className=\"uii:text-xs uii:text-gray-500\">Current inferred types:</span>\n                <button\n                  onClick={handleClearAllTypes}\n                  className=\"uii:text-xs uii:px-2 uii:py-0.5 uii:bg-red-100 dark:uii:bg-red-900 uii:text-red-700 dark:uii:text-red-300 uii:rounded hover:uii:bg-red-200\"\n                >\n                  Clear All\n                </button>\n              </div>\n              <div className=\"uii:space-y-1\">\n                {Object.entries(devCtx.inferredTypes).map(([key, value]) => (\n                  value && (\n                    <div \n                      key={key}\n                      className=\"uii:flex uii:items-center uii:gap-2 uii:text-xs uii:bg-white dark:uii:bg-gray-800 uii:px-2 uii:py-1 uii:rounded\"\n                    >\n                      <button\n                        onClick={() => {\n                          navigator.clipboard.writeText(key);\n                        }}\n                        className=\"uii:text-gray-400 hover:uii:text-purple-600 uii:text-xs\"\n                        title=\"Copy field name\"\n                      >\n                        📋\n                      </button>\n                      <span \n                        className=\"uii:font-mono uii:text-purple-600 dark:uii:text-purple-400 uii:cursor-pointer uii:truncate uii:max-w-[300px]\"\n                        onClick={() => {\n                          navigator.clipboard.writeText(key);\n                        }}\n                        title={key}\n                      >\n                        {key}\n                      </span>\n                      <span className=\"uii:text-gray-400\">→</span>\n                      <span className=\"uii:font-mono uii:text-gray-600 dark:uii:text-gray-300 uii:flex-1 uii:truncate\">{value}</span>\n                      <button\n                        onClick={() => handleRemoveType(key)}\n                        className=\"uii:text-red-500 hover:uii:text-red-700 uii:text-xs\"\n                        title=\"Remove\"\n                      >\n                        ✕\n                      </button>\n                    </div>\n                  )\n                ))}\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      \n      {showData && (\n        <div className=\"uii:mt-2\">\n          <div className=\"uii:text-xs uii:mb-1 uii:font-medium\">Data:</div>\n          <pre className=\"uii:text-xs uii:bg-gray-100 dark:uii:bg-gray-800 uii:p-2 uii:rounded uii:overflow-auto uii:max-h-48\">\n            {JSON.stringify(devCtx.data, null, 2)}\n          </pre>\n          <div className=\"uii:text-xs uii:mb-1 uii:mt-2 uii:font-medium\">Inferred Types:</div>\n          <pre className=\"uii:text-xs uii:bg-gray-100 dark:uii:bg-gray-800 uii:p-2 uii:rounded uii:overflow-auto uii:max-h-24\">\n            {JSON.stringify(devCtx.inferredTypes, null, 2)}\n          </pre>\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default DevToolbar;\n"]}