@vegamo/loom 0.1.5 → 0.1.6

package/dist/view/public/bundle.js

@@ -1330,7 +1330,7 @@
           return dispatcher;
         }
         "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-        var React21 = require_react(), Internals = {
+        var React23 = require_react(), Internals = {
           d: {
             f: noop,
             r: function() {
@@ -1348,7 +1348,7 @@
           },
           p: 0,
           findDOMNode: null
-        }, REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), ReactSharedInternals = React21.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+        }, REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), ReactSharedInternals = React23.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
         "function" === typeof Map && null != Map.prototype && "function" === typeof Map.prototype.forEach && "function" === typeof Set && null != Set.prototype && "function" === typeof Set.prototype.clear && "function" === typeof Set.prototype.forEach || console.error(
           "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
         );
@@ -2883,7 +2883,7 @@
           "number" === type && getActiveElement(node.ownerDocument) === node || node.defaultValue === "" + value || (node.defaultValue = "" + value);
         }
         function validateOptionProps(element, props) {
-          null == props.value && ("object" === typeof props.children && null !== props.children ? React21.Children.forEach(props.children, function(child) {
+          null == props.value && ("object" === typeof props.children && null !== props.children ? React23.Children.forEach(props.children, function(child) {
             null == child || "string" === typeof child || "number" === typeof child || "bigint" === typeof child || didWarnInvalidChild || (didWarnInvalidChild = true, console.error(
               "Cannot infer the option value of complex children. Pass a `value` prop or use a plain string as children to <option>."
             ));
@@ -18515,14 +18515,14 @@
           ));
         }
         "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && "function" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-        var Scheduler = require_scheduler(), React21 = require_react(), ReactDOM = require_react_dom(), assign = Object.assign, REACT_LEGACY_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.element"), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
+        var Scheduler = require_scheduler(), React23 = require_react(), ReactDOM = require_react_dom(), assign = Object.assign, REACT_LEGACY_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.element"), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy");
         /* @__PURE__ */ Symbol.for("react.scope");
         var REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity");
         /* @__PURE__ */ Symbol.for("react.legacy_hidden");
         /* @__PURE__ */ Symbol.for("react.tracing_marker");
         var REACT_MEMO_CACHE_SENTINEL = /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel");
         /* @__PURE__ */ Symbol.for("react.view_transition");
-        var MAYBE_ITERATOR_SYMBOL = Symbol.iterator, REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), isArrayImpl = Array.isArray, ReactSharedInternals = React21.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ReactDOMSharedInternals = ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, NotPending = Object.freeze({
+        var MAYBE_ITERATOR_SYMBOL = Symbol.iterator, REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), isArrayImpl = Array.isArray, ReactSharedInternals = React23.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ReactDOMSharedInternals = ReactDOM.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, NotPending = Object.freeze({
           pending: false,
           data: null,
           method: null,
@@ -21310,7 +21310,7 @@
           }
         };
         (function() {
-          var isomorphicReactPackageVersion = React21.version;
+          var isomorphicReactPackageVersion = React23.version;
           if ("19.2.4" !== isomorphicReactPackageVersion)
             throw Error(
               'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' + (isomorphicReactPackageVersion + "\n  - react-dom:  19.2.4\nLearn more: https://react.dev/warnings/version-mismatch")
@@ -21664,18 +21664,18 @@
         function isValidElement2(object) {
           return "object" === typeof object && null !== object && object.$$typeof === REACT_ELEMENT_TYPE;
         }
-        var React21 = require_react(), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React21.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
+        var React23 = require_react(), REACT_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = /* @__PURE__ */ Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = /* @__PURE__ */ Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = /* @__PURE__ */ Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = /* @__PURE__ */ Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = /* @__PURE__ */ Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = /* @__PURE__ */ Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = /* @__PURE__ */ Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = /* @__PURE__ */ Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = /* @__PURE__ */ Symbol.for("react.memo"), REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = /* @__PURE__ */ Symbol.for("react.activity"), REACT_CLIENT_REFERENCE = /* @__PURE__ */ Symbol.for("react.client.reference"), ReactSharedInternals = React23.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, hasOwnProperty = Object.prototype.hasOwnProperty, isArrayImpl = Array.isArray, createTask = console.createTask ? console.createTask : function() {
           return null;
         };
-        React21 = {
+        React23 = {
           react_stack_bottom_frame: function(callStackForError) {
             return callStackForError();
           }
         };
         var specialPropKeyWarningShown;
         var didWarnAboutElementRef = {};
-        var unknownOwnerDebugStack = React21.react_stack_bottom_frame.bind(
-          React21,
+        var unknownOwnerDebugStack = React23.react_stack_bottom_frame.bind(
+          React23,
           UnknownOwner
         )();
         var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
@@ -21720,7 +21720,7 @@
   });
 
   // src/view/frontend/index.tsx
-  var import_react9 = __toESM(require_react(), 1);
+  var import_react11 = __toESM(require_react(), 1);
   var import_client = __toESM(require_client(), 1);
 
   // node_modules/react-router-dom/node_modules/react-router/dist/development/chunk-LFPYN7LY.mjs
@@ -24432,6 +24432,31 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     if (!res.ok) throw new Error(`Failed to fetch entity ${filename}: ${res.statusText}`);
     return await res.json();
   }
+  function mockUrl(filename, method, endpointPath, status) {
+    const trimmed = endpointPath.replace(/^\/+/, "");
+    const enc = trimmed.split("/").map(encodeURIComponent).join("/");
+    const qs = status ? `?status=${encodeURIComponent(status)}` : "";
+    return `${API_BASE}/mocks/${filename}/${method}/${enc}${qs}`;
+  }
+  async function fetchMock(filename, method, endpointPath, status) {
+    const res = await fetch(mockUrl(filename, method, endpointPath, status));
+    if (!res.ok) throw new Error(`Failed to fetch mock: ${res.statusText}`);
+    return await res.json();
+  }
+  async function saveMock(filename, method, endpointPath, data2, status) {
+    const res = await fetch(mockUrl(filename, method, endpointPath, status), {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ data: data2 })
+    });
+    if (!res.ok) throw new Error(`Failed to save mock: ${res.statusText}`);
+  }
+  async function deleteMock(filename, method, endpointPath, status) {
+    const res = await fetch(mockUrl(filename, method, endpointPath, status), {
+      method: "DELETE"
+    });
+    if (!res.ok) throw new Error(`Failed to delete mock: ${res.statusText}`);
+  }
 
   // src/view/frontend/components/App.tsx
   var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
@@ -24777,14 +24802,32 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
           marginRight: "0.75rem"
         }, children: endpoint.method }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("code", { style: { fontSize: "1rem", fontWeight: "600" }, children: endpoint.path }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          Link,
-          {
-            to: `/modules/${moduleFilename}/endpoints/${encodeURIComponent(endpoint.path)}?method=${endpoint.method}`,
-            style: { color: "#4a6bff", textDecoration: "none", fontSize: "0.9rem" },
-            children: "View details \u2192"
-          }
-        ) })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { style: { marginLeft: "auto", display: "flex", flexDirection: "column", alignItems: "flex-end", gap: "0.25rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            Link,
+            {
+              to: `/modules/${moduleFilename}/endpoints/${encodeURIComponent(endpoint.path)}?method=${endpoint.method}`,
+              style: { color: "#4a6bff", textDecoration: "none", fontSize: "0.9rem" },
+              children: "View details \u2192"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            Link,
+            {
+              to: `/modules/${moduleFilename}/endpoints/${encodeURIComponent(endpoint.path)}/mock?method=${endpoint.method}`,
+              style: { color: "#4a6bff", textDecoration: "none", fontSize: "0.85rem" },
+              children: "Mock view \u2192"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            Link,
+            {
+              to: `/modules/${moduleFilename}/endpoints/${encodeURIComponent(endpoint.path)}/mock/edit?method=${endpoint.method}`,
+              style: { color: "#4a6bff", textDecoration: "none", fontSize: "0.85rem" },
+              children: "Mock edit \u2192"
+            }
+          )
+        ] })
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: { marginBottom: "0.5rem" }, children: endpoint.summary }),
       endpoint.description && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: { color: "#666", fontSize: "0.95rem" }, children: endpoint.description }),
@@ -24801,111 +24844,11 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
   var ModuleDetailPage_default = ModuleDetailPage;
 
   // src/view/frontend/components/EndpointDetailPage.tsx
-  var import_react6 = __toESM(require_react(), 1);
+  var import_react5 = __toESM(require_react(), 1);
 
-  // src/view/frontend/components/JsonViewer.tsx
+  // src/view/frontend/components/SchemaTableViewer.tsx
   var import_react4 = __toESM(require_react(), 1);
   var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
-  var JsonViewer = ({ data: data2, defaultExpanded = true, maxDepth = 3 }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontFamily: "Monaco, Consolas, monospace", fontSize: "13px" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonNode, { value: data2, expanded: defaultExpanded, depth: 0, maxDepth }) });
-  };
-  var JsonNode = ({ value, expanded, depth, maxDepth }) => {
-    const [isExpanded, setIsExpanded] = (0, import_react4.useState)(expanded);
-    if (value === null) {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "null" });
-    }
-    if (typeof value === "boolean") {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#ff79c6" }, children: String(value) });
-    }
-    if (typeof value === "number") {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#bd93f9" }, children: value });
-    }
-    if (typeof value === "string") {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: { color: "#f1fa8c" }, children: [
-        '"',
-        value,
-        '"'
-      ] });
-    }
-    if (Array.isArray(value)) {
-      if (value.length === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "[]" });
-      }
-      if (depth >= maxDepth || !isExpanded) {
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "[" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: { color: "#999" }, children: [
-            "\u2026 ",
-            value.length,
-            " items"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "]" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ToggleButton, { expanded: isExpanded, onToggle: () => setIsExpanded(!isExpanded) })
-        ] });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "[" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ToggleButton, { expanded: isExpanded, onToggle: () => setIsExpanded(!isExpanded) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { marginLeft: `${depth + 1}em` }, children: value.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonNode, { value: item, expanded, depth: depth + 1, maxDepth }),
-          idx < value.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "," })
-        ] }, idx)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "]" })
-      ] });
-    }
-    if (typeof value === "object") {
-      const obj = value;
-      const keys = Object.keys(obj);
-      if (keys.length === 0) {
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "{}" });
-      }
-      if (depth >= maxDepth || !isExpanded) {
-        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "{" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: { color: "#999" }, children: [
-            "\u2026 ",
-            keys.length,
-            " keys"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "}" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ToggleButton, { expanded: isExpanded, onToggle: () => setIsExpanded(!isExpanded) })
-        ] });
-      }
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "{" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ToggleButton, { expanded: isExpanded, onToggle: () => setIsExpanded(!isExpanded) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { marginLeft: `${depth + 1}em` }, children: keys.map((key, idx) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#8be9fd" }, children: key }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: ": " }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(JsonNode, { value: obj[key], expanded, depth: depth + 1, maxDepth }),
-          idx < keys.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "," })
-        ] }, key)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: "}" })
-      ] });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#999" }, children: String(value) });
-  };
-  var ToggleButton = ({ expanded, onToggle }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    "button",
-    {
-      onClick: onToggle,
-      style: {
-        background: "none",
-        border: "none",
-        color: "#8be9fd",
-        cursor: "pointer",
-        fontSize: "12px",
-        marginLeft: "4px",
-        padding: "0 2px"
-      },
-      children: expanded ? "\u2212" : "+"
-    }
-  );
-  var JsonViewer_default = JsonViewer;
-
-  // src/view/frontend/components/SchemaTableViewer.tsx
-  var import_react5 = __toESM(require_react(), 1);
-  var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
   function isObject(value) {
     return typeof value === "object" && value !== null && !Array.isArray(value);
   }
@@ -25021,12 +24964,12 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
   };
   var TypeBadge = ({ type }) => {
     const theme = typePillTheme[type] || typePillTheme.unknown;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { ...typeBadgeStyle, background: theme.bg, color: theme.color }, children: type });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { ...typeBadgeStyle, background: theme.bg, color: theme.color }, children: type });
   };
   var ConstraintLine = ({ schema }) => {
     const extra = constraints(schema);
     if (!extra) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginTop: "4px", fontSize: "12px", color: "#7c889b" }, children: extra });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { marginTop: "4px", fontSize: "12px", color: "#7c889b" }, children: extra });
   };
   var textWrapStyle = {
     whiteSpace: "pre-wrap",
@@ -25046,18 +24989,18 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     cursor: "pointer"
   };
   var Disclosure = ({ defaultOpen, label, children }) => {
-    const [open, setOpen] = (0, import_react5.useState)(defaultOpen);
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("button", { type: "button", onClick: () => setOpen((v) => !v), style: disclosureButtonStyle, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { fontSize: "11px", color: "#6e7b90" }, children: open ? "\u25BC" : "\u25B6" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: label })
+    const [open, setOpen] = (0, import_react4.useState)(defaultOpen);
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("button", { type: "button", onClick: () => setOpen((v) => !v), style: disclosureButtonStyle, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { fontSize: "11px", color: "#6e7b90" }, children: open ? "\u25BC" : "\u25B6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: label })
       ] }),
-      open && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginTop: "8px" }, children })
+      open && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { marginTop: "8px" }, children })
     ] });
   };
   var FieldMetaBadges = ({ flags }) => {
     if (flags.length === 0) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { marginLeft: "8px", display: "inline-flex", gap: "4px", flexWrap: "wrap" }, children: flags.map((flag) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: metaBadgeStyle, children: flag }, flag)) });
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { marginLeft: "8px", display: "inline-flex", gap: "4px", flexWrap: "wrap" }, children: flags.map((flag) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: metaBadgeStyle, children: flag }, flag)) });
   };
   var SchemaNodeTable = ({ schema, detailsControl, depth = 0, title, path = "root" }) => {
     const properties = isObject(schema.properties) ? schema.properties : void 0;
@@ -25067,70 +25010,70 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     const isTop = depth === 0;
     const indent = Math.min(depth * 12, 28);
     if (nodeType === "array" && isObject(schema.items)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginLeft: indent }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: "8px", display: "flex", alignItems: "center", gap: "8px" }, children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "#4a5a72" }, children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TypeBadge, { type: "array" })
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginLeft: indent }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginBottom: "8px", display: "flex", alignItems: "center", gap: "8px" }, children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "#4a5a72" }, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TypeBadge, { type: "array" })
         ] }),
-        typeof schema.description === "string" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { color: "#5b6b81", fontSize: "13px", marginBottom: "4px" }, children: schema.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ConstraintLine, { schema }),
-        example && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginTop: "6px", fontSize: "12px", color: "#5e6d84" }, children: [
+        typeof schema.description === "string" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "#5b6b81", fontSize: "13px", marginBottom: "4px" }, children: schema.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ConstraintLine, { schema }),
+        example && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginTop: "6px", fontSize: "12px", color: "#5e6d84" }, children: [
           "Example: ",
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: example })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: example })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginTop: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Disclosure, { defaultOpen: detailsControl.open, label: "items", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { borderLeft: "2px solid #dbe7ff", paddingLeft: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SchemaNodeTable, { schema: schema.items, detailsControl, depth: depth + 1, path: `${path}.items` }) }) }, `${detailsControl.seed}:${path}:items`) })
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { marginTop: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Disclosure, { defaultOpen: detailsControl.open, label: "items", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { borderLeft: "2px solid #dbe7ff", paddingLeft: "12px" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SchemaNodeTable, { schema: schema.items, detailsControl, depth: depth + 1, path: `${path}.items` }) }) }, `${detailsControl.seed}:${path}:items`) })
       ] });
     }
     if (Array.isArray(schema.oneOf) || Array.isArray(schema.anyOf) || Array.isArray(schema.allOf)) {
       const key = Array.isArray(schema.oneOf) ? "oneOf" : Array.isArray(schema.anyOf) ? "anyOf" : "allOf";
       const list = schema[key];
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginLeft: indent }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: "8px", display: "flex", alignItems: "center", gap: "8px" }, children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "#4a5a72" }, children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TypeBadge, { type: key })
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginLeft: indent }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginBottom: "8px", display: "flex", alignItems: "center", gap: "8px" }, children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "#4a5a72" }, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TypeBadge, { type: key })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { display: "grid", gap: "10px" }, children: list.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { border: "1px solid #e6ecf5", borderRadius: "6px", padding: "10px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { fontSize: "12px", color: "#607089", marginBottom: "6px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { display: "grid", gap: "10px" }, children: list.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { border: "1px solid #e6ecf5", borderRadius: "6px", padding: "10px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { fontSize: "12px", color: "#607089", marginBottom: "6px" }, children: [
             "Option ",
             idx + 1
           ] }),
-          isObject(item) ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SchemaNodeTable, { schema: item, detailsControl, depth: depth + 1, path: `${path}.${key}.${idx}` }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: String(item) })
+          isObject(item) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SchemaNodeTable, { schema: item, detailsControl, depth: depth + 1, path: `${path}.${key}.${idx}` }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: String(item) })
         ] }, idx)) })
       ] });
     }
     if (!properties) {
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginLeft: indent }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: "6px", display: "flex", alignItems: "center", gap: "8px" }, children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "#4a5a72" }, children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TypeBadge, { type: nodeType })
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginLeft: indent }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginBottom: "6px", display: "flex", alignItems: "center", gap: "8px" }, children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "#4a5a72" }, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TypeBadge, { type: nodeType })
         ] }),
-        typeof schema.description === "string" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { color: "#5b6b81", fontSize: "13px", marginBottom: "6px" }, children: schema.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ConstraintLine, { schema }),
-        example && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginTop: "6px", fontSize: "12px", color: "#5e6d84" }, children: [
+        typeof schema.description === "string" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "#5b6b81", fontSize: "13px", marginBottom: "6px" }, children: schema.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ConstraintLine, { schema }),
+        example && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginTop: "6px", fontSize: "12px", color: "#5e6d84" }, children: [
           "Example: ",
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { children: example })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { children: example })
         ] })
       ] });
     }
     const entries = Object.entries(properties).filter(([, value]) => isObject(value));
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginLeft: indent }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: "8px", display: "flex", alignItems: "center", gap: "8px" }, children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "#4a5a72" }, children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TypeBadge, { type: "object" })
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginLeft: indent }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginBottom: "8px", display: "flex", alignItems: "center", gap: "8px" }, children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { fontSize: "13px", fontWeight: 600, color: "#4a5a72" }, children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TypeBadge, { type: "object" })
       ] }),
-      typeof schema.description === "string" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { color: "#5b6b81", fontSize: "13px", marginBottom: "8px" }, children: schema.description }),
-      isTop && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: "8px", fontSize: "12px", color: "#7b8598" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { color: "#d0392e", fontWeight: 700 }, children: "*" }),
+      typeof schema.description === "string" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "#5b6b81", fontSize: "13px", marginBottom: "8px" }, children: schema.description }),
+      isTop && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { marginBottom: "8px", fontSize: "12px", color: "#7b8598" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#d0392e", fontWeight: 700 }, children: "*" }),
         " required"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { overflowX: "auto", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("table", { style: { width: "100%", minWidth: `${TABLE_MIN_WIDTH}px`, tableLayout: "fixed", borderCollapse: "separate", borderSpacing: 0, border: "1px solid #e6ecf5", borderRadius: "8px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { style: { background: "#f8fbff" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { style: { ...cellStyle, textAlign: "left", width: "20%" }, children: "Field" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { style: { ...cellStyle, textAlign: "left", width: "16%" }, children: "Type" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { style: { ...cellStyle, textAlign: "left", width: "44%" }, children: "Description" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("th", { style: { ...cellStyle, textAlign: "left", width: "20%" }, children: "Example" })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { overflowX: "auto", width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("table", { style: { width: "100%", minWidth: `${TABLE_MIN_WIDTH}px`, tableLayout: "fixed", borderCollapse: "separate", borderSpacing: 0, border: "1px solid #e6ecf5", borderRadius: "8px" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("tr", { style: { background: "#f8fbff" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { style: { ...cellStyle, textAlign: "left", width: "20%" }, children: "Field" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { style: { ...cellStyle, textAlign: "left", width: "16%" }, children: "Type" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { style: { ...cellStyle, textAlign: "left", width: "44%" }, children: "Description" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("th", { style: { ...cellStyle, textAlign: "left", width: "20%" }, children: "Example" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("tbody", { children: entries.map(([name, value]) => {
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tbody", { children: entries.map(([name, value]) => {
           const required = requiredList.includes(name);
           const extra = constraints(value);
           const valueExample = schemaExample(value);
@@ -25143,21 +25086,21 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
           ].filter(Boolean);
           const hoverText = hoverParts.join("\n");
           const nested = isObject(value.properties) || value.items !== void 0 || Array.isArray(value.oneOf) || Array.isArray(value.anyOf) || Array.isArray(value.allOf);
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react5.default.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("tr", { style: rowStyle, title: hoverText, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("td", { style: cellStyle, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { style: textWrapStyle, children: name }),
-                required && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { marginLeft: "6px", color: "#d0392e", fontSize: "12px" }, children: "*" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(FieldMetaBadges, { flags })
+          return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react4.default.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("tr", { style: rowStyle, title: hoverText, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("td", { style: cellStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { style: textWrapStyle, children: name }),
+                required && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { marginLeft: "6px", color: "#d0392e", fontSize: "12px" }, children: "*" }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(FieldMetaBadges, { flags })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { style: cellStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TypeBadge, { type: schemaType(value) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("td", { style: cellStyle, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { color: "#39485d", ...textWrapStyle }, children: typeof value.description === "string" ? value.description : "-" }),
-                extra && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { marginTop: "4px", fontSize: "12px", color: "#7c889b" }, children: extra })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { style: cellStyle, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TypeBadge, { type: schemaType(value) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("td", { style: cellStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { color: "#39485d", ...textWrapStyle }, children: typeof value.description === "string" ? value.description : "-" }),
+                extra && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { marginTop: "4px", fontSize: "12px", color: "#7c889b" }, children: extra })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { style: cellStyle, children: valueExample ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { style: textWrapStyle, children: valueExample }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: { color: "#9aa4b5" }, children: "-" }) })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { style: cellStyle, children: valueExample ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("code", { style: textWrapStyle, children: valueExample }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#9aa4b5" }, children: "-" }) })
             ] }),
-            nested && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("tr", { style: rowStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("td", { style: { ...cellStyle, paddingTop: 0 }, colSpan: 4, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Disclosure, { defaultOpen: detailsControl.open, label: "Nested schema", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SchemaNodeTable, { schema: value, detailsControl, depth: depth + 1, path: `${path}.${name}` }) }) }, `${detailsControl.seed}:${path}.${name}:nested`) }) })
+            nested && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("tr", { style: rowStyle, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { style: { ...cellStyle, paddingTop: 0 }, colSpan: 4, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Disclosure, { defaultOpen: detailsControl.open, label: "Nested schema", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { overflowX: "auto" }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SchemaNodeTable, { schema: value, detailsControl, depth: depth + 1, path: `${path}.${name}` }) }) }, `${detailsControl.seed}:${path}.${name}:nested`) }) })
           ] }, name);
         }) })
       ] }) })
@@ -25174,41 +25117,41 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
     cursor: "pointer"
   });
   var SchemaTableViewer = ({ schema, title = "Schema" }) => {
-    const [mode, setMode] = (0, import_react5.useState)("table");
-    const [detailsControl, setDetailsControl] = (0, import_react5.useState)({ open: true, seed: 0 });
+    const [mode, setMode] = (0, import_react4.useState)("table");
+    const [detailsControl, setDetailsControl] = (0, import_react4.useState)({ open: true, seed: 0 });
     const isSchemaObject = isObject(schema);
     const canExpandCollapse = isSchemaObject && hasExpandableContent(schema);
     const resetDetails = (open) => {
       setDetailsControl((prev) => ({ open, seed: prev.seed + 1 }));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "10px", gap: "12px", flexWrap: "wrap" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { style: toolbarButton(mode === "table"), onClick: () => setMode("table"), children: "Table" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { style: toolbarButton(mode === "json"), onClick: () => setMode("json"), children: "JSON" })
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "10px", gap: "12px", flexWrap: "wrap" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { style: toolbarButton(mode === "table"), onClick: () => setMode("table"), children: "Table" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { style: toolbarButton(mode === "json"), onClick: () => setMode("json"), children: "JSON" })
         ] }),
-        mode === "table" && canExpandCollapse && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { style: toolbarButton(false), onClick: () => resetDetails(true), children: "Expand all" }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", { style: toolbarButton(false), onClick: () => resetDetails(false), children: "Collapse all" })
+        mode === "table" && canExpandCollapse && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", gap: "8px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { style: toolbarButton(false), onClick: () => resetDetails(true), children: "Expand all" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("button", { style: toolbarButton(false), onClick: () => resetDetails(false), children: "Collapse all" })
         ] })
       ] }),
-      mode === "json" && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("pre", { style: { margin: 0, fontSize: "12px", lineHeight: 1.5, padding: "12px", borderRadius: "8px", background: "#f7f9fc", border: "1px solid #e3e9f3", overflow: "auto" }, children: JSON.stringify(schema, null, 2) }),
-      mode === "table" && isSchemaObject && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SchemaNodeTable, { schema, detailsControl, title }),
-      mode === "table" && !isSchemaObject && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("pre", { style: { margin: 0, fontSize: "12px", lineHeight: 1.5, padding: "12px", borderRadius: "8px", background: "#f7f9fc", border: "1px solid #e3e9f3", overflow: "auto" }, children: JSON.stringify(schema, null, 2) })
+      mode === "json" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { style: { margin: 0, fontSize: "12px", lineHeight: 1.5, padding: "12px", borderRadius: "8px", background: "#f7f9fc", border: "1px solid #e3e9f3", overflow: "auto" }, children: JSON.stringify(schema, null, 2) }),
+      mode === "table" && isSchemaObject && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(SchemaNodeTable, { schema, detailsControl, title }),
+      mode === "table" && !isSchemaObject && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("pre", { style: { margin: 0, fontSize: "12px", lineHeight: 1.5, padding: "12px", borderRadius: "8px", background: "#f7f9fc", border: "1px solid #e3e9f3", overflow: "auto" }, children: JSON.stringify(schema, null, 2) })
     ] });
   };
   var SchemaTableViewer_default = SchemaTableViewer;
 
   // src/view/frontend/components/EndpointDetailPage.tsx
-  var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
   var EndpointDetailPage = () => {
     const { filename, endpointPath } = useParams();
     const [searchParams] = useSearchParams();
     const method = searchParams.get("method") || "GET";
-    const [endpoint, setEndpoint] = (0, import_react6.useState)(null);
-    const [loading, setLoading] = (0, import_react6.useState)(true);
-    const [error, setError] = (0, import_react6.useState)(null);
-    (0, import_react6.useEffect)(() => {
+    const [endpoint, setEndpoint] = (0, import_react5.useState)(null);
+    const [loading, setLoading] = (0, import_react5.useState)(true);
+    const [error, setError] = (0, import_react5.useState)(null);
+    (0, import_react5.useEffect)(() => {
       if (!filename) return;
       fetchModuleDetail(filename).then((data2) => {
         const found = data2.endpoints.find(
@@ -25225,17 +25168,17 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
         setLoading(false);
       });
     }, [filename, endpointPath, method]);
-    if (loading) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "Loading endpoint details..." });
-    if (error) return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { color: "#d32f2f" }, children: [
+    if (loading) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: "Loading endpoint details..." });
+    if (error) return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { color: "#d32f2f" }, children: [
       "Error: ",
       error
     ] });
-    if (!endpoint) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: "Endpoint not found" });
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("nav", { style: { marginBottom: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Link, { to: `/modules/${filename}`, style: { color: "#4a6bff", textDecoration: "none" }, children: "\u2190 Back to Module" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { style: { marginBottom: "2rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", marginBottom: "0.5rem" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: {
+    if (!endpoint) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: "Endpoint not found" });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("nav", { style: { marginBottom: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Link, { to: `/modules/${filename}`, style: { color: "#4a6bff", textDecoration: "none" }, children: "\u2190 Back to Module" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("header", { style: { marginBottom: "2rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "flex", alignItems: "center", marginBottom: "0.5rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { style: {
             background: methodColor2[endpoint.method] || "#999",
             color: "#fff",
             fontWeight: "bold",
@@ -25244,25 +25187,20 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
             borderRadius: "4px",
             marginRight: "1rem"
           }, children: endpoint.method }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("code", { style: { fontSize: "1.5rem", fontWeight: "600" }, children: endpoint.path })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("code", { style: { fontSize: "1.5rem", fontWeight: "600" }, children: endpoint.path })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { style: { marginBottom: "0.5rem" }, children: endpoint.summary }),
-        endpoint.description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: { color: "#666", fontSize: "1.1rem" }, children: endpoint.description })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { style: { marginBottom: "0.5rem" }, children: endpoint.summary }),
+        endpoint.description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: { color: "#666", fontSize: "1.1rem" }, children: endpoint.description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "2rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { children: "Request" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RequestDetails, { endpoint })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "2rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "Request" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RequestDetails, { endpoint })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { children: "Response" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ResponseDetails, { endpoint })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { children: "Response" }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ResponseDetails, { endpoint })
         ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("section", { style: { marginTop: "3rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { children: "Mock Testing" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "Test this endpoint with generated mock data." }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { background: "#f8f9fa", padding: "1.5rem", borderRadius: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MockTestInterface, { endpoint, filename }) })
       ] })
     ] });
   };
@@ -25275,98 +25213,536 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
   };
   var RequestDetails = ({ endpoint }) => {
     const { request } = endpoint;
-    if (!request) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "No request details defined." });
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-      request.headers && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h4", { children: "Headers" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaTableViewer_default, { schema: request.headers }) })
+    if (!request) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "No request details defined." });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+      request.headers && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Headers" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SchemaTableViewer_default, { schema: request.headers }) })
       ] }),
-      request.params && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h4", { children: "Path Parameters" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaTableViewer_default, { schema: request.params }) })
+      request.params && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Path Parameters" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SchemaTableViewer_default, { schema: request.params }) })
       ] }),
-      request.query && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h4", { children: "Query Parameters" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaTableViewer_default, { schema: request.query }) })
+      request.query && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Query Parameters" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SchemaTableViewer_default, { schema: request.query }) })
       ] }),
-      request.body && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h4", { children: "Request Body" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaTableViewer_default, { schema: request.body }) })
+      request.body && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { children: "Request Body" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SchemaTableViewer_default, { schema: request.body }) })
       ] })
     ] });
   };
   var ResponseDetails = ({ endpoint }) => {
     const { response } = endpoint;
-    if (!response) return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: "No response details defined." });
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: Object.entries(response).map(([statusCode, schema]) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("h4", { children: [
+    if (!response) return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: "No response details defined." });
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: Object.entries(response).map(([statusCode, schema]) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { marginBottom: "1.5rem" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("h4", { children: [
         "Status ",
         statusCode
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SchemaTableViewer_default, { schema }) })
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SchemaTableViewer_default, { schema }) })
     ] }, statusCode)) });
   };
-  var MockTestInterface = ({ endpoint, filename }) => {
-    const [loading, setLoading] = (0, import_react6.useState)(false);
-    const [result, setResult] = (0, import_react6.useState)(null);
-    const [error, setError] = (0, import_react6.useState)(null);
-    const handleTest = async () => {
+  var EndpointDetailPage_default = EndpointDetailPage;
+
+  // src/view/frontend/components/MockViewPage.tsx
+  var import_react7 = __toESM(require_react(), 1);
+
+  // src/view/frontend/components/JsonViewer.tsx
+  var import_react6 = __toESM(require_react(), 1);
+  var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
+  var JsonViewer = ({ data: data2, defaultExpanded = true, maxDepth = 3 }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { fontFamily: "Monaco, Consolas, monospace", fontSize: "13px" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(JsonNode, { value: data2, expanded: defaultExpanded, depth: 0, maxDepth }) });
+  };
+  var JsonNode = ({ value, expanded, depth, maxDepth }) => {
+    const [isExpanded, setIsExpanded] = (0, import_react6.useState)(expanded);
+    if (value === null) {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "null" });
+    }
+    if (typeof value === "boolean") {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#ff79c6" }, children: String(value) });
+    }
+    if (typeof value === "number") {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#bd93f9" }, children: value });
+    }
+    if (typeof value === "string") {
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { color: "#f1fa8c" }, children: [
+        '"',
+        value,
+        '"'
+      ] });
+    }
+    if (Array.isArray(value)) {
+      if (value.length === 0) {
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "[]" });
+      }
+      if (depth >= maxDepth || !isExpanded) {
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "[" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { color: "#999" }, children: [
+            "\u2026 ",
+            value.length,
+            " items"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleButton, { expanded: isExpanded, onToggle: () => setIsExpanded(!isExpanded) })
+        ] });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "[" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleButton, { expanded: isExpanded, onToggle: () => setIsExpanded(!isExpanded) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { marginLeft: `${depth + 1}em` }, children: value.map((item, idx) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(JsonNode, { value: item, expanded, depth: depth + 1, maxDepth }),
+          idx < value.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "," })
+        ] }, idx)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "]" })
+      ] });
+    }
+    if (typeof value === "object") {
+      const obj = value;
+      const keys = Object.keys(obj);
+      if (keys.length === 0) {
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "{}" });
+      }
+      if (depth >= maxDepth || !isExpanded) {
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "{" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: { color: "#999" }, children: [
+            "\u2026 ",
+            keys.length,
+            " keys"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "}" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleButton, { expanded: isExpanded, onToggle: () => setIsExpanded(!isExpanded) })
+        ] });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "{" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToggleButton, { expanded: isExpanded, onToggle: () => setIsExpanded(!isExpanded) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { marginLeft: `${depth + 1}em` }, children: keys.map((key, idx) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#8be9fd" }, children: key }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: ": " }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(JsonNode, { value: obj[key], expanded, depth: depth + 1, maxDepth }),
+          idx < keys.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "," })
+        ] }, key)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: "}" })
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: { color: "#999" }, children: String(value) });
+  };
+  var ToggleButton = ({ expanded, onToggle }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    "button",
+    {
+      onClick: onToggle,
+      style: {
+        background: "none",
+        border: "none",
+        color: "#8be9fd",
+        cursor: "pointer",
+        fontSize: "12px",
+        marginLeft: "4px",
+        padding: "0 2px"
+      },
+      children: expanded ? "\u2212" : "+"
+    }
+  );
+  var JsonViewer_default = JsonViewer;
+
+  // src/view/frontend/components/MockViewPage.tsx
+  var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
+  var MockViewPage = () => {
+    const { filename, endpointPath } = useParams();
+    const [searchParams] = useSearchParams();
+    const navigate = useNavigate();
+    const method = searchParams.get("method") || "GET";
+    const status = searchParams.get("status") || void 0;
+    const [mock, setMock] = (0, import_react7.useState)(null);
+    const [loading, setLoading] = (0, import_react7.useState)(true);
+    const [error, setError] = (0, import_react7.useState)(null);
+    const [copied, setCopied] = (0, import_react7.useState)(false);
+    (0, import_react7.useEffect)(() => {
+      if (!filename || !endpointPath) return;
       setLoading(true);
-      setError(null);
+      fetchMock(filename, method, endpointPath, status).then((data2) => {
+        setMock(data2);
+        setLoading(false);
+      }).catch((err) => {
+        setError(err.message);
+        setLoading(false);
+      });
+    }, [filename, endpointPath, method, status]);
+    if (loading) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: "Loading mock..." });
+    if (error) return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { color: "#d32f2f" }, children: [
+      "Error: ",
+      error
+    ] });
+    if (!mock) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: "No mock data" });
+    const decodedPath = endpointPath || "";
+    const encodedPath = encodeURIComponent(decodedPath);
+    const editHref = `/modules/${filename}/endpoints/${encodedPath}/mock/edit?method=${method}&status=${mock.status}`;
+    const moduleHref = `/modules/${filename}`;
+    const onChangeStatus = (next) => {
+      navigate(`/modules/${filename}/endpoints/${encodedPath}/mock?method=${method}&status=${next}`);
+    };
+    const curlCmd = mock.curl;
+    const copyCurl = async () => {
       try {
-        const mockBase = `/mock`;
-        const url = `${mockBase}${endpoint.path}`;
-        const options = {
-          method: endpoint.method,
-          headers: { "Content-Type": "application/json" }
-        };
-        const res = await fetch(url, options);
-        const data2 = await res.json();
-        setResult({ status: res.status, data: data2 });
-      } catch (err) {
+        await navigator.clipboard.writeText(curlCmd);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 1500);
+      } catch {
+      }
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("nav", { style: { marginBottom: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Link, { to: moduleHref, style: { color: "#4a6bff", textDecoration: "none" }, children: "\u2190 Back to Module" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("header", { style: { marginBottom: "1.5rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h1", { style: { marginBottom: "0.25rem" }, children: "Mock View" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("code", { style: { color: "#666" }, children: [
+          method,
+          " ",
+          decodedPath
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { marginTop: "0.75rem", display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { style: { fontSize: "0.9rem", color: "#444" }, children: "Status:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "select",
+            {
+              value: mock.status,
+              onChange: (e) => onChangeStatus(e.target.value),
+              style: { padding: "4px 8px", borderRadius: "4px", border: "1px solid #ccc" },
+              children: Object.entries(mock.availableStatuses).map(([code, kind]) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("option", { value: code, children: [
+                code,
+                " \u2014 ",
+                kind === "override" ? "saved" : "default"
+              ] }, code))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { marginTop: "0.5rem" }, children: [
+          mock.isDefault ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "span",
+            {
+              style: {
+                background: "#fff3cd",
+                color: "#856404",
+                padding: "2px 8px",
+                borderRadius: "4px",
+                fontSize: "0.85rem"
+              },
+              children: "Auto-generated (no saved override)"
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "span",
+            {
+              style: {
+                background: "#d4edda",
+                color: "#155724",
+                padding: "2px 8px",
+                borderRadius: "4px",
+                fontSize: "0.85rem"
+              },
+              children: "Saved override"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            Link,
+            {
+              to: editHref,
+              style: { marginLeft: "1rem", color: "#4a6bff", textDecoration: "none", fontSize: "0.9rem" },
+              children: "Edit \u2192"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(JsonViewer_default, { data: mock.data, defaultExpanded: true }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("section", { style: { marginTop: "2rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: "0.5rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { style: { margin: 0 }, children: "cURL" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "button",
+            {
+              onClick: copyCurl,
+              style: {
+                background: copied ? "#28a745" : "#4a6bff",
+                color: "#fff",
+                border: "none",
+                padding: "4px 12px",
+                borderRadius: "4px",
+                cursor: "pointer",
+                fontSize: "0.85rem"
+              },
+              children: copied ? "Copied!" : "Copy"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "pre",
+          {
+            style: {
+              background: "#1e1e1e",
+              color: "#d4d4d4",
+              padding: "1rem",
+              borderRadius: "4px",
+              overflowX: "auto",
+              fontSize: "0.85rem",
+              lineHeight: 1.5,
+              margin: 0
+            },
+            children: curlCmd
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { marginTop: "0.5rem", fontSize: "0.8rem", color: "#888" }, children: "Path params, query, headers and body are filled with examples generated from the endpoint's request schema. Tweak before running." })
+      ] })
+    ] });
+  };
+  var MockViewPage_default = MockViewPage;
+
+  // src/view/frontend/components/MockEditPage.tsx
+  var import_react8 = __toESM(require_react(), 1);
+  var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
+  var MockEditPage = () => {
+    const { filename, endpointPath } = useParams();
+    const [searchParams] = useSearchParams();
+    const navigate = useNavigate();
+    const method = searchParams.get("method") || "GET";
+    const status = searchParams.get("status") || void 0;
+    const [text, setText] = (0, import_react8.useState)("");
+    const [isDefault, setIsDefault] = (0, import_react8.useState)(true);
+    const [activeStatus, setActiveStatus] = (0, import_react8.useState)("200");
+    const [availableStatuses, setAvailableStatuses] = (0, import_react8.useState)({});
+    const [loading, setLoading] = (0, import_react8.useState)(true);
+    const [saving, setSaving] = (0, import_react8.useState)(false);
+    const [error, setError] = (0, import_react8.useState)(null);
+    const [parseError, setParseError] = (0, import_react8.useState)(null);
+    const [statusMessage, setStatusMessage] = (0, import_react8.useState)(null);
+    (0, import_react8.useEffect)(() => {
+      if (!filename || !endpointPath) return;
+      setLoading(true);
+      fetchMock(filename, method, endpointPath, status).then((data2) => {
+        setText(JSON.stringify(data2.template ?? data2.data, null, 2));
+        setIsDefault(data2.isDefault);
+        setActiveStatus(data2.status);
+        setAvailableStatuses(data2.availableStatuses);
+        setLoading(false);
+      }).catch((err) => {
         setError(err.message);
-      } finally {
         setLoading(false);
+      });
+    }, [filename, endpointPath, method, status]);
+    const handleSave = async () => {
+      setParseError(null);
+      setStatusMessage(null);
+      let parsed;
+      try {
+        parsed = JSON.parse(text);
+      } catch (e) {
+        setParseError(`Invalid JSON: ${e.message}`);
+        return;
+      }
+      setSaving(true);
+      try {
+        await saveMock(filename, method, endpointPath, parsed, activeStatus);
+        setIsDefault(false);
+        setAvailableStatuses((prev) => ({ ...prev, [activeStatus]: "override" }));
+        setStatusMessage("Saved.");
+      } catch (e) {
+        setError(e.message);
+      } finally {
+        setSaving(false);
       }
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        "button",
+    const handleReset = async () => {
+      if (!confirm("Delete the saved mock and fall back to generator default?")) return;
+      setSaving(true);
+      setStatusMessage(null);
+      try {
+        await deleteMock(filename, method, endpointPath, activeStatus);
+        const fresh = await fetchMock(filename, method, endpointPath, activeStatus);
+        setText(JSON.stringify(fresh.template ?? fresh.data, null, 2));
+        setIsDefault(fresh.isDefault);
+        setAvailableStatuses(fresh.availableStatuses);
+        setStatusMessage("Reset to generator default.");
+      } catch (e) {
+        setError(e.message);
+      } finally {
+        setSaving(false);
+      }
+    };
+    if (loading) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: "Loading mock..." });
+    if (error) return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { color: "#d32f2f" }, children: [
+      "Error: ",
+      error
+    ] });
+    const decodedPath = endpointPath || "";
+    const encodedPath = encodeURIComponent(decodedPath);
+    const viewHref = `/modules/${filename}/endpoints/${encodedPath}/mock?method=${method}&status=${activeStatus}`;
+    const moduleHref = `/modules/${filename}`;
+    const onChangeStatus = (next) => {
+      navigate(`/modules/${filename}/endpoints/${encodedPath}/mock/edit?method=${method}&status=${next}`);
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("nav", { style: { marginBottom: "1.5rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Link, { to: moduleHref, style: { color: "#4a6bff", textDecoration: "none" }, children: "\u2190 Back to Module" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { style: { marginBottom: "1rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { style: { marginBottom: "0.25rem" }, children: "Mock Edit" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("code", { style: { color: "#666" }, children: [
+          method,
+          " ",
+          decodedPath
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { marginTop: "0.75rem", display: "flex", alignItems: "center", gap: "0.5rem" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { style: { fontSize: "0.9rem", color: "#444" }, children: "Status:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            "select",
+            {
+              value: activeStatus,
+              onChange: (e) => onChangeStatus(e.target.value),
+              style: { padding: "4px 8px", borderRadius: "4px", border: "1px solid #ccc" },
+              children: Object.entries(availableStatuses).map(([code, kind]) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("option", { value: code, children: [
+                code,
+                " \u2014 ",
+                kind === "override" ? "saved" : "default"
+              ] }, code))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { marginTop: "0.5rem" }, children: isDefault ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "span",
+          {
+            style: {
+              background: "#fff3cd",
+              color: "#856404",
+              padding: "2px 8px",
+              borderRadius: "4px",
+              fontSize: "0.85rem"
+            },
+            children: "Editing generator default (not yet saved)"
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "span",
+          {
+            style: {
+              background: "#d4edda",
+              color: "#155724",
+              padding: "2px 8px",
+              borderRadius: "4px",
+              fontSize: "0.85rem"
+            },
+            children: "Saved override"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+        "div",
         {
-          onClick: handleTest,
-          disabled: loading,
           style: {
-            background: "#4a6bff",
-            color: "#fff",
-            border: "none",
-            padding: "0.75rem 1.5rem",
+            background: "#f0f4ff",
+            border: "1px solid #c7d2fe",
             borderRadius: "4px",
-            fontSize: "1rem",
-            cursor: "pointer"
+            padding: "0.75rem 1rem",
+            marginBottom: "0.75rem",
+            fontSize: "0.85rem",
+            color: "#3730a3",
+            lineHeight: 1.6
           },
-          children: loading ? "Testing..." : "Test Endpoint"
+          children: [
+            "Mock.js expressions are supported. Examples:",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { children: '"@cname"' }),
+            ", ",
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { children: '"@integer(1,100)"' }),
+            ", ",
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { children: '"@email"' }),
+            ",",
+            " ",
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { children: `"@date('yyyy-MM-dd')"` }),
+            ", ",
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { children: `"list|1-5": [{ "id": "@id" }]` }),
+            ". Templates are stored as-is and expanded each time the mock is requested."
+          ]
         }
       ),
-      error && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginTop: "1rem", color: "#d32f2f" }, children: [
-        "Error: ",
-        error
-      ] }),
-      result && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { marginTop: "1rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h4", { children: "Response" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { background: "#fff", padding: "1rem", borderRadius: "4px", border: "1px solid #eee" }, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(JsonViewer_default, { data: result, defaultExpanded: false }) })
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "textarea",
+        {
+          value: text,
+          onChange: (e) => setText(e.target.value),
+          spellCheck: false,
+          style: {
+            width: "100%",
+            minHeight: "420px",
+            fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+            fontSize: "0.9rem",
+            padding: "1rem",
+            border: "1px solid #ddd",
+            borderRadius: "4px",
+            background: "#fff"
+          }
+        }
+      ),
+      parseError && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { marginTop: "0.5rem", color: "#d32f2f" }, children: parseError }),
+      statusMessage && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { style: { marginTop: "0.5rem", color: "#155724" }, children: statusMessage }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { marginTop: "1rem", display: "flex", gap: "0.75rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "button",
+          {
+            onClick: handleSave,
+            disabled: saving,
+            style: {
+              background: "#4a6bff",
+              color: "#fff",
+              border: "none",
+              padding: "0.6rem 1.25rem",
+              borderRadius: "4px",
+              cursor: "pointer"
+            },
+            children: saving ? "Saving..." : "Save"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "button",
+          {
+            onClick: handleReset,
+            disabled: saving || isDefault,
+            style: {
+              background: "#fff",
+              color: "#d32f2f",
+              border: "1px solid #d32f2f",
+              padding: "0.6rem 1.25rem",
+              borderRadius: "4px",
+              cursor: isDefault ? "not-allowed" : "pointer"
+            },
+            children: "Reset to default"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          "button",
+          {
+            onClick: () => navigate(viewHref),
+            style: {
+              background: "#fff",
+              color: "#4a6bff",
+              border: "1px solid #4a6bff",
+              padding: "0.6rem 1.25rem",
+              borderRadius: "4px",
+              cursor: "pointer"
+            },
+            children: "View"
+          }
+        )
       ] })
     ] });
   };
-  var EndpointDetailPage_default = EndpointDetailPage;
+  var MockEditPage_default = MockEditPage;
 
   // src/view/frontend/components/EntitiesPage.tsx
-  var import_react7 = __toESM(require_react(), 1);
-  var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
+  var import_react9 = __toESM(require_react(), 1);
+  var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
   var EntitiesPage = () => {
-    const [entities, setEntities] = (0, import_react7.useState)([]);
-    const [loading, setLoading] = (0, import_react7.useState)(true);
-    const [error, setError] = (0, import_react7.useState)(null);
-    (0, import_react7.useEffect)(() => {
+    const [entities, setEntities] = (0, import_react9.useState)([]);
+    const [loading, setLoading] = (0, import_react9.useState)(true);
+    const [error, setError] = (0, import_react9.useState)(null);
+    (0, import_react9.useEffect)(() => {
       fetchEntities().then((data2) => {
         setEntities(data2);
         setLoading(false);
@@ -25375,15 +25751,15 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
         setLoading(false);
       });
     }, []);
-    if (loading) return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: "Loading entities..." });
-    if (error) return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { color: "#d32f2f" }, children: [
+    if (loading) return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: "Loading entities..." });
+    if (error) return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { color: "#d32f2f" }, children: [
       "Error: ",
       error
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h1", { children: "Entities" }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { children: "Reusable schema entities referenced by API endpoints." }),
-      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h1", { children: "Entities" }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { children: "Reusable schema entities referenced by API endpoints." }),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         "div",
         {
           style: {
@@ -25392,7 +25768,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
             gap: "1.5rem",
             marginTop: "2rem"
           },
-          children: entities.map((entity) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+          children: entities.map((entity) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
             "div",
             {
               style: {
@@ -25403,7 +25779,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
                 borderLeft: "4px solid #25b199"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { style: { marginTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { style: { marginTop: 0 }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                   Link,
                   {
                     to: `/entities/${entity.filename}`,
@@ -25411,8 +25787,8 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
                     children: entity.title
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: { color: "#666", fontSize: "0.95rem", minHeight: "40px" }, children: entity.description || "No description" }),
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { style: { color: "#666", fontSize: "0.95rem", minHeight: "40px" }, children: entity.description || "No description" }),
+                /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
                   "div",
                   {
                     style: {
@@ -25422,13 +25798,13 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
                       marginTop: "0.9rem"
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { style: { fontSize: "0.85rem", color: "#666" }, children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("i", { className: "fas fa-list" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { style: { fontSize: "0.85rem", color: "#666" }, children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("i", { className: "fas fa-list" }),
                         " ",
                         entity.fieldCount,
                         " field(s)"
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
                         Link,
                         {
                           to: `/entities/${entity.filename}`,
@@ -25452,9 +25828,9 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
           ))
         }
       ),
-      entities.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { marginTop: "1.5rem", color: "#666" }, children: [
+      entities.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { style: { marginTop: "1.5rem", color: "#666" }, children: [
         "No entity files found in ",
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("code", { children: "docs/entities" }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("code", { children: "docs/entities" }),
         "."
       ] })
     ] });
@@ -25462,14 +25838,14 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
   var EntitiesPage_default = EntitiesPage;
 
   // src/view/frontend/components/EntityDetailPage.tsx
-  var import_react8 = __toESM(require_react(), 1);
-  var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
+  var import_react10 = __toESM(require_react(), 1);
+  var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
   var EntityDetailPage = () => {
     const { filename } = useParams();
-    const [detail, setDetail] = (0, import_react8.useState)(null);
-    const [loading, setLoading] = (0, import_react8.useState)(true);
-    const [error, setError] = (0, import_react8.useState)(null);
-    (0, import_react8.useEffect)(() => {
+    const [detail, setDetail] = (0, import_react10.useState)(null);
+    const [loading, setLoading] = (0, import_react10.useState)(true);
+    const [error, setError] = (0, import_react10.useState)(null);
+    (0, import_react10.useEffect)(() => {
       if (!filename) return;
       fetchEntityDetail(filename).then((data2) => {
         setDetail(data2);
@@ -25479,25 +25855,25 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
         setLoading(false);
       });
     }, [filename]);
-    if (loading) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: "Loading entity details..." });
-    if (error) return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { style: { color: "#d32f2f" }, children: [
+    if (loading) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: "Loading entity details..." });
+    if (error) return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { color: "#d32f2f" }, children: [
       "Error: ",
       error
     ] });
-    if (!detail) return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { children: "Entity not found" });
+    if (!detail) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { children: "Entity not found" });
     const entity = detail.entity;
     const title = typeof entity.title === "string" ? entity.title : detail.filename;
     const description = typeof entity.description === "string" ? entity.description : "No description";
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("nav", { style: { marginBottom: "1.25rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Link, { to: "/entities", style: { color: "#4a6bff", textDecoration: "none" }, children: "\u2190 Back to Entities" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("header", { style: { marginBottom: "1.5rem" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { style: { marginBottom: "0.5rem" }, children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { style: { color: "#666", marginBottom: "0.5rem" }, children: description }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("code", { style: { color: "#506076" }, children: detail.filename })
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("nav", { style: { marginBottom: "1.25rem" }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Link, { to: "/entities", style: { color: "#4a6bff", textDecoration: "none" }, children: "\u2190 Back to Entities" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("header", { style: { marginBottom: "1.5rem" }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { style: { marginBottom: "0.5rem" }, children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { style: { color: "#666", marginBottom: "0.5rem" }, children: description }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("code", { style: { color: "#506076" }, children: detail.filename })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("section", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { children: "Entity Schema" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("section", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { children: "Entity Schema" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "div",
           {
             style: {
@@ -25506,7 +25882,7 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
               borderRadius: "8px",
               border: "1px solid #e6ecf5"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SchemaTableViewer_default, { schema: entity, title })
+            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SchemaTableViewer_default, { schema: entity, title })
           }
         )
       ] })
@@ -25515,22 +25891,24 @@ Please change the parent <Route path="${parentPath}"> to <Route path="${parentPa
   var EntityDetailPage_default = EntityDetailPage;
 
   // src/view/frontend/index.tsx
-  var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
+  var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
   var container = document.getElementById("root");
   if (!container) throw new Error("Root element not found");
   var root = (0, import_client.createRoot)(container);
   root.render(
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react9.default.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Routes, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(App_default, {}), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Route, { index: true, element: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(HomePage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Route, { path: "modules", element: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ModulesPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Route, { path: "modules/:filename", element: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ModuleDetailPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Route, { path: "modules/:filename/endpoints/:endpointPath", element: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EndpointDetailPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Route, { path: "entities", element: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EntitiesPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Route, { path: "entities/:filename", element: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(EntityDetailPage_default, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Route, { path: "search", element: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: "Search (coming soon)" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react11.default.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BrowserRouter, { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Routes, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Route, { path: "/", element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(App_default, {}), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Route, { index: true, element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(HomePage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Route, { path: "modules", element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ModulesPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Route, { path: "modules/:filename", element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ModuleDetailPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Route, { path: "modules/:filename/endpoints/:endpointPath", element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EndpointDetailPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Route, { path: "modules/:filename/endpoints/:endpointPath/mock", element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MockViewPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Route, { path: "modules/:filename/endpoints/:endpointPath/mock/edit", element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(MockEditPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Route, { path: "entities", element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EntitiesPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Route, { path: "entities/:filename", element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(EntityDetailPage_default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Route, { path: "search", element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: "Search (coming soon)" }) })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { children: "Not Found" }) })
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Route, { path: "*", element: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: "Not Found" }) })
     ] }) }) })
   );
 })();