@digi-frontend/dgate-api-documentation 4.1.6 → 4.1.8

package/dist/index.cjs

@@ -704,8 +704,48 @@ const getSidebarStyles$1 = (token, scope) => ({
 	}
 });
 //#endregion
+//#region src/utils/OverflowTooltip.tsx
+const OverflowTooltip = ({ title, children, className, style, placement }) => {
+	const ref = (0, react.useRef)(null);
+	const [isOverflowing, setIsOverflowing] = (0, react.useState)(false);
+	const checkOverflow = (0, react.useCallback)(() => {
+		const el = ref.current;
+		if (!el) return;
+		setIsOverflowing(el.scrollWidth > el.clientWidth);
+	}, []);
+	(0, react.useEffect)(() => {
+		checkOverflow();
+		const el = ref.current;
+		if (!el) return;
+		const ro = new ResizeObserver(checkOverflow);
+		ro.observe(el);
+		return () => ro.disconnect();
+	}, [
+		checkOverflow,
+		children,
+		title
+	]);
+	const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		ref,
+		className,
+		style: {
+			display: "block",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			...style
+		},
+		children
+	});
+	if (!isOverflowing) return content;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tooltip, {
+		title,
+		placement,
+		children: content
+	});
+};
+//#endregion
 //#region src/view/helper/sidebar.components.tsx
-const { Text: Text$6 } = antd.Typography;
 const EndpointItem$1 = ({ method, title, cx, isSelected = false }) => {
 	const methodStyle = (isSelected ? darkerMethodColors$1 : methodColors$1)[method];
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -718,9 +758,9 @@ const EndpointItem$1 = ({ method, title, cx, isSelected = false }) => {
 				border: "none"
 			},
 			children: method
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text$6, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+			title,
 			className: cx("endpoint-text"),
-			ellipsis: { tooltip: title },
 			style: { flex: 1 },
 			children: title
 		})]
@@ -739,14 +779,14 @@ const convertToRenderableTreeData$1 = (treeDataStructure, selectedEndpoint, cx)
 			});
 		} else if (node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data)) {
 			const isHighlighted = isApiSectionHighlighted(node.key, selectedEndpoint);
-			title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text$6, {
+			title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+				title: typeof node.title === "string" ? node.title : "API Name",
 				className: cx("api-title") + (isHighlighted ? " highlighted" : ""),
-				ellipsis: { tooltip: typeof node.title === "string" ? node.title : "API Name" },
 				children: node.title
 			});
-		} else title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text$6, {
+		} else title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+			title: typeof node.title === "string" ? node.title : "",
 			className: cx("tag-title"),
-			ellipsis: { tooltip: typeof node.title === "string" ? node.title : "" },
 			children: node.title
 		});
 		return {
@@ -1335,15 +1375,6 @@ const ApiCard = ({ api, viewStyle }) => {
 	const handleOpenEndPointView = () => {
 		selectNodeByKey(api.id);
 	};
-	const TooltippedText = ({ text }) => {
-		const limitation = viewStyle == "grid" ? 15 : 36;
-		if (text.length < limitation) return text;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(antd.Tooltip, {
-			title: text,
-			placement: "bottomLeft",
-			children: [text.substring(0, limitation), "..."]
-		});
-	};
 	const MethodChip = ({ method }) => {
 		const methodStyle = methodColors$1[method];
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
@@ -1374,7 +1405,11 @@ const ApiCard = ({ api, viewStyle }) => {
 						className: cx("list-title"),
 						level: 4,
 						onClick: handleOpenEndPointView,
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltippedText, { text: api?.summary || "Endpoint Name" })
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+							title: api?.summary || "Endpoint Name",
+							placement: "bottomLeft",
+							children: api?.summary || "Endpoint Name"
+						})
 					})]
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Button, {
 					className: cx("list-see-details"),
@@ -1405,7 +1440,11 @@ const ApiCard = ({ api, viewStyle }) => {
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd_es_typography_Title_js.default, {
 					className: cx("grid-title"),
 					level: 4,
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TooltippedText, { text: api?.summary || "Endpoint Name" })
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+						title: api?.summary || "Endpoint Name",
+						placement: "bottomLeft",
+						children: api?.summary || "Endpoint Name"
+					})
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 					className: cx("grid-content"),
@@ -1542,16 +1581,19 @@ const ViewModeApiHeader = ({ api, viewLayout, onViewLayoutChange }) => {
 	return wrapSSR(/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: cx("root"),
 		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Typography.Title, {
-				level: 4,
-				className: cx("title"),
-				ellipsis: { tooltip: api.title },
-				style: {
-					margin: 0,
-					fontSize: 20,
-					fontWeight: 600
-				},
-				children: api.title
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+				title: api.title,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Typography.Title, {
+					level: 4,
+					className: cx("title"),
+					ellipsis: true,
+					style: {
+						margin: 0,
+						fontSize: 20,
+						fontWeight: 600
+					},
+					children: api.title
+				})
 			}),
 			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: cx("meta-bar"),
@@ -1732,6 +1774,36 @@ const APIsRenderer = ({ apis, withTitle, tagName, haveUnderLine, contextPath, vi
 	}, `${tagName}_renderer_${contextPath}`);
 };
 //#endregion
+//#region src/utils/generateExampleFromSchema.ts
+function generateExampleFromSchema(schema) {
+	if (!schema) return null;
+	if (schema.example !== void 0) return schema.example;
+	if (schema.examples !== void 0) return Array.isArray(schema.examples) ? schema.examples[0] : schema.examples;
+	if (schema.properties) {
+		const result = {};
+		for (const [key, prop] of Object.entries(schema.properties)) result[key] = generateExampleFromSchema(prop);
+		return result;
+	}
+	if (schema.type === "array" && schema.items) return [generateExampleFromSchema(schema.items)];
+	if (schema.enum && schema.enum.length > 0) return schema.enum[0];
+	switch (schema.type) {
+		case "string": return "string";
+		case "integer":
+		case "number": return 0;
+		case "boolean": return false;
+		case "array": return [];
+		case "object": return {};
+		default: return null;
+	}
+}
+function hasAnyExample(schema) {
+	if (!schema) return false;
+	if (schema.example !== void 0 || schema.examples !== void 0) return true;
+	if (schema.properties) return Object.values(schema.properties).some(hasAnyExample);
+	if (schema.type === "array" && schema.items) return hasAnyExample(schema.items);
+	return false;
+}
+//#endregion
 //#region src/utils/index.ts
 const handleStatusColor = (code) => {
 	if (code >= 200 && code < 300) return "green";
@@ -1786,7 +1858,7 @@ const buildRequestData$1 = (params, colors) => [...params].sort((a, b) => a.requ
 			})
 		] }),
 		desc: p.description || "--",
-		enum: p.schema?.enum ? p.schema.enum.map((e) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tag, { children: e }, e)) : "--"
+		enum: p.schema?.enum ?? p.schema?.items?.enum ? (p.schema?.enum ?? p.schema?.items?.enum).map((e) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tag, { children: e }, e)) : "--"
 	};
 });
 const buildHeaderData$1 = (headers, colors) => {
@@ -1815,7 +1887,7 @@ const buildHeaderData$1 = (headers, colors) => {
 				})
 			] }, idx),
 			desc: header.description || "--",
-			enum: header.schema?.enum ? header.schema.enum.map((e) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tag, { children: e }, e)) : "--"
+			enum: header.schema?.enum ?? header.schema?.items?.enum ? (header.schema?.enum ?? header.schema?.items?.enum).map((e) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tag, { children: e }, e)) : "--"
 		};
 	});
 };
@@ -2250,7 +2322,7 @@ const ApiDocumentationBar = ({ apiName, mode, onModeChange, onReset, onSave, has
 			className: cx("mobileBottomRow"),
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: cx("title-section"),
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tooltip, {
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
 					title: apiName,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Title$6, {
 						level: 3,
@@ -2288,7 +2360,7 @@ const ApiDocumentationBar = ({ apiName, mode, onModeChange, onReset, onSave, has
 		children: [
 			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: cx("title-section"),
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tooltip, {
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
 					title: `${apiName} API Documentation`,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Title$6, {
 						level: 3,
@@ -3393,6 +3465,27 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 			}));
 		});
 	}, [openResponsePanels, responseBodySchemas]);
+	(0, react$1.useEffect)(() => {
+		if (!openResponsePanels.size) return;
+		openResponsePanels.forEach((epId) => {
+			const code = selectedStatusCodes[epId];
+			if (!code) return;
+			const ep = Object.values(endpointsByTag).flat().find((e) => e.id === epId);
+			if (!ep?.responses?.[code]?.content) return;
+			const content = ep.responses[code].content;
+			const schema = Object.values(content)[0]?.schema;
+			if (!schema) return;
+			const json = JSON.stringify(schema, null, 2);
+			setEditableResponseContent((prev) => ({
+				...prev,
+				[epId]: json
+			}));
+		});
+	}, [
+		selectedStatusCodes,
+		openResponsePanels,
+		endpointsByTag
+	]);
 	const handleValidate = (content) => {
 		try {
 			JSON.parse(content);
@@ -4167,7 +4260,7 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 					backgroundColor: methodColor?.bg ?? "transparent"
 				},
 				children: ep.method
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tooltip, {
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
 				title: ep.path,
 				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd_es_typography_Title_js.default, {
 					level: 4,
@@ -5376,7 +5469,7 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 										backgroundColor: isExpanded ? methodColor?.color : "transparent"
 									},
 									children: ep.method
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tooltip, {
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
 									title: ep.path,
 									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 										className: cx("endpoint-path"),
@@ -5482,14 +5575,21 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 										const selectedCode = selectedStatusCodes[ep.id] ?? (Object.keys(ep.responses ?? {}).includes("200") ? "200" : Object.keys(ep.responses ?? {})[0]);
 										const responseContent = ep.responses?.[selectedCode]?.content;
 										if (!responseContent) return null;
-										const schema = Object.values(responseContent)[0]?.schema;
+										const contentEntry = Object.values(responseContent)[0];
+										if (!contentEntry) return null;
+										const schema = contentEntry.schema;
 										if (!schema) return null;
+										let displayData;
+										if (contentEntry.example !== void 0) displayData = contentEntry.example;
+										else if (contentEntry.examples !== void 0) displayData = Array.isArray(contentEntry.examples) ? contentEntry.examples[0] : contentEntry.examples;
+										else if (hasAnyExample(schema)) displayData = generateExampleFromSchema(schema);
+										else displayData = schema;
 										return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 											className: cx("code-panel"),
 											style: { marginTop: token.marginSM },
 											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("code", {
 												className: cx("code-area"),
-												children: JSON.stringify(schema, null, 2)
+												children: JSON.stringify(displayData, null, 2)
 											})
 										});
 									})()
@@ -7838,53 +7938,50 @@ const buildTreeDataStructure = (data) => {
 	if (!data) return [];
 	return data.map((api) => {
 		const tagEntries = Object.entries(api.tags);
-		const defaultTag = tagEntries.find(([tag]) => tag.toLowerCase() === "default");
-		const nonDefaultTags = tagEntries.filter(([tag]) => tag.toLowerCase() !== "default");
-		const defaultEndpoints = defaultTag ? defaultTag[1].map((endpoint) => ({
-			title: endpoint.summary,
-			key: endpoint.id,
-			isLeaf: true,
+		const hasOnlyDefaultTag = tagEntries.length === 1 && tagEntries[0][0] === "default";
+		return {
+			title: api.title,
+			key: api.id,
 			selectable: true,
-			method: endpoint.method,
-			data: {
-				endpoint,
-				api,
-				tagName: "default",
-				parentApiId: api.id
-			}
-		})) : [];
-		const tagNodes = nonDefaultTags.map(([tag, endpoints]) => {
-			const tagId = `tag-${api.id}-${tag.replace(/\s+/g, "-").toLowerCase()}`;
-			return {
-				title: tag,
-				key: tagId,
+			data: api,
+			children: hasOnlyDefaultTag ? tagEntries[0][1].map((endpoint) => ({
+				title: endpoint.summary,
+				key: endpoint.id,
+				isLeaf: true,
 				selectable: true,
+				method: endpoint.method,
 				data: {
-					tagName: tag,
-					apiData: api
-				},
-				children: endpoints.map((endpoint) => ({
-					title: endpoint.summary,
-					key: endpoint.id,
-					isLeaf: true,
+					endpoint,
+					api,
+					tagName: "default",
+					parentApiId: api.id
+				}
+			})) : tagEntries.map(([tag, endpoints]) => {
+				const tagId = `tag-${api.id}-${tag.replace(/\s+/g, "-").toLowerCase()}`;
+				return {
+					title: tag,
+					key: tagId,
 					selectable: true,
-					method: endpoint.method,
 					data: {
-						endpoint,
-						api,
 						tagName: tag,
-						parentApiId: api.id,
-						tagId
-					}
-				}))
-			};
-		});
-		return {
-			title: api.title,
-			key: api.id,
-			selectable: true,
-			data: api,
-			children: [...tagNodes, ...defaultEndpoints]
+						apiData: api
+					},
+					children: endpoints.map((endpoint) => ({
+						title: endpoint.summary,
+						key: endpoint.id,
+						isLeaf: true,
+						selectable: true,
+						method: endpoint.method,
+						data: {
+							endpoint,
+							api,
+							tagName: tag,
+							parentApiId: api.id,
+							tagId
+						}
+					}))
+				};
+			})
 		};
 	});
 };
@@ -8020,7 +8117,6 @@ const getSidebarStyles = (token, scope) => ({
 });
 //#endregion
 //#region src/view/console/helper/sidebar.components.tsx
-const { Text: Text$2 } = antd.Typography;
 const EndpointItem = ({ method, title, cx, isSelected = false }) => {
 	const methodStyle = (isSelected ? darkerMethodColors : sidebarMethodColors)[method];
 	const isPost = method?.toUpperCase() === "POST";
@@ -8035,9 +8131,9 @@ const EndpointItem = ({ method, title, cx, isSelected = false }) => {
 				...isPost ? { borderRadius: 4 } : {}
 			},
 			children: method
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text$2, {
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+			title,
 			className: cx("endpoint-text"),
-			ellipsis: { tooltip: title },
 			style: { flex: 1 },
 			children: title
 		})]
@@ -8054,14 +8150,14 @@ const convertToRenderableTreeData = (treeDataStructure, selectedEndpoint, cx) =>
 				cx,
 				isSelected
 			});
-		} else if (node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data)) title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text$2, {
+		} else if (node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data)) title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+			title: typeof node.title === "string" ? node.title : "API Name",
 			className: cx("api-title"),
-			ellipsis: { tooltip: typeof node.title === "string" ? node.title : "API Name" },
 			children: node.title
 		});
-		else title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text$2, {
+		else title = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
+			title: typeof node.title === "string" ? node.title : "",
 			className: cx("tag-title"),
-			ellipsis: { tooltip: typeof node.title === "string" ? node.title : "" },
 			children: node.title
 		});
 		return {
@@ -8352,7 +8448,7 @@ const buildRequestData = (params, token) => [...params].sort((a, b) => a.require
 				children: p.description || "--"
 			})
 		}),
-		enum: p.schema?.enum ? renderEnumTags(p.schema.enum, token) : "--"
+		enum: p.schema?.enum ?? p.schema?.items?.enum ? renderEnumTags(p.schema?.enum ?? p.schema?.items?.enum, token) : "--"
 	};
 });
 const buildHeaderData = (headers, token) => {
@@ -8402,7 +8498,7 @@ const buildHeaderData = (headers, token) => {
 				]
 			}, idx),
 			desc: header.description || "--",
-			enum: header.schema?.enum ? renderEnumTags(header.schema.enum, token) : "--"
+			enum: header.schema?.enum ?? header.schema?.items?.enum ? renderEnumTags(header.schema?.enum ?? header.schema?.items?.enum, token) : "--"
 		};
 	});
 };
@@ -8544,18 +8640,10 @@ const EndpointPage = () => {
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedEndpoint?.tagName || "default" })
 							})
 						},
-						{ title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tooltip, {
+						{ title: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
 							title: selectedEndpoint?.summary || "Endpoint Name",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-								style: {
-									overflow: "hidden",
-									textOverflow: "ellipsis",
-									whiteSpace: "nowrap",
-									display: "block",
-									maxWidth: "300px"
-								},
-								children: selectedEndpoint?.summary || "Endpoint Name"
-							})
+							style: { maxWidth: "300px" },
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedEndpoint?.summary || "Endpoint Name" })
 						}) }
 					] })]
 				}),
@@ -8578,16 +8666,9 @@ const EndpointPage = () => {
 							flexShrink: 0
 						},
 						children: selectedEndpoint?.method
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(antd.Tooltip, {
+					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(OverflowTooltip, {
 						title: selectedEndpoint?.summary ?? "--",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							style: {
-								overflow: "hidden",
-								textOverflow: "ellipsis",
-								whiteSpace: "nowrap"
-							},
-							children: selectedEndpoint?.summary?.replace(selectedEndpoint?.method, "") ?? "--"
-						})
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: selectedEndpoint?.summary?.replace(selectedEndpoint?.method, "") ?? "--" })
 					})]
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Paragraph, {
@@ -8794,19 +8875,12 @@ function CodeboxSidebar$1() {
 			} }), code]
 		})
 	})), [statusCodeOptions]);
-	const [curlTooltip, setCurlTooltip] = (0, react$1.useState)("Copy Request");
 	const curlCommand = (() => {
 		if (!selectedEndpoint || !Array.isArray(selectedApi?.curl)) return "";
 		return selectedApi.curl.find((c) => c.path === selectedEndpoint.path && c.method?.toUpperCase() === selectedEndpoint.method.toUpperCase())?.curlCommand ?? "";
 	})();
-	const curlLines = (() => {
-		if (!selectedEndpoint) return [];
-		const params = selectedEndpoint.parameters ?? [];
-		const serverUrl = selectedApi?.servers?.[0]?.url ?? "";
-		const resolvedPath = params.filter((p) => p.in === "path").reduce((acc, p) => acc.replace(`{${p.name}}`, "sample-value"), selectedEndpoint.path);
-		const queryParams = params.filter((p) => p.in === "query");
-		return [`curl --location '${serverUrl}${resolvedPath}${queryParams.length > 0 ? "?" + queryParams.map((p) => `${p.name}=sample-value`).join("&") : ""}'`, ...params.filter((p) => p.in === "header").map((p) => `--header '${p.name}: sample-value'`)];
-	})();
+	const curlDisplayLines = curlCommand.split("\n").map((line) => line.trim()).filter((line) => line.length > 0);
+	const [curlTooltip, setCurlTooltip] = (0, react$1.useState)("Copy Request");
 	const { token: antdToken, theme: themeConfig } = antd.theme.useToken();
 	const isDark = themeConfig.id == 1;
 	const headerBg = isDark ? antdToken.colorBgElevated : "#1d2856";
@@ -8952,7 +9026,7 @@ function CodeboxSidebar$1() {
 				})]
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 				className: cx("curl-list"),
-				children: curlLines.map((line, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				children: curlDisplayLines.map((line, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 					className: cx("curl-line"),
 					children: line
 				}, i))
@@ -8977,7 +9051,17 @@ function CodeboxSidebar$1() {
 					open: httpStatusOptions.length === 1 ? false : void 0,
 					suffixIcon: httpStatusOptions.length > 1 ? void 0 : false
 				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Codebox$1, { code: JSON.stringify(selectedEndpoint?.responses[selectedStatusCode], null, 2) || "" })]
+			}), (() => {
+				const responseObj = selectedEndpoint?.responses?.[selectedStatusCode];
+				const contentEntry = responseObj?.content ? Object.values(responseObj.content)[0] : void 0;
+				let displayData;
+				if (contentEntry?.example !== void 0) displayData = contentEntry.example;
+				else if (contentEntry?.examples !== void 0) displayData = Array.isArray(contentEntry.examples) ? contentEntry.examples[0] : contentEntry.examples;
+				else if (contentEntry?.schema && hasAnyExample(contentEntry.schema)) displayData = generateExampleFromSchema(contentEntry.schema);
+				else if (contentEntry?.schema) displayData = contentEntry.schema;
+				else displayData = responseObj;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Codebox$1, { code: JSON.stringify(displayData, null, 2) || "" });
+			})()]
 		})]
 	});
 }
@@ -9331,7 +9415,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 						type: schema?.type ?? "string",
 						required: Boolean(p.required ?? false),
 						description: p.description != null ? String(p.description) : void 0,
-						enum: Array.isArray(schema?.enum) ? schema.enum : void 0,
+						enum: Array.isArray(schema?.enum) ? schema.enum : Array.isArray(schema?.items?.enum) ? schema.items.enum : void 0,
 						...schema?.items && { items: { type: schema.items.type ?? "string" } }
 					};
 				});
@@ -9362,7 +9446,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 						type: schema?.type ?? "string",
 						required: Boolean(p.required ?? false),
 						description: p.description != null ? String(p.description) : void 0,
-						enum: Array.isArray(schema?.enum) ? schema.enum : void 0,
+						enum: Array.isArray(schema?.enum) ? schema.enum : Array.isArray(schema?.items?.enum) ? schema.items.enum : void 0,
 						...schema?.items && { items: { type: schema.items.type ?? "string" } }
 					};
 				});
@@ -9634,8 +9718,11 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 					...param.description && { description: param.description },
 					schema: {
 						type: param.type,
-						...param.enum && param.enum.length > 0 && { enum: param.enum },
-						...param.type === "array" && param.items && { items: param.items }
+						...param.type === "array" && param.enum && param.enum.length > 0 ? { items: {
+							type: param.items?.type ?? "string",
+							enum: param.enum
+						} } : param.enum && param.enum.length > 0 ? { enum: param.enum } : {},
+						...param.type === "array" && param.items && !param.enum?.length ? { items: param.items } : {}
 					}
 				}));
 				else delete methodObj.parameters;
@@ -9652,8 +9739,11 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 					...param.description && { description: param.description },
 					schema: {
 						type: param.type,
-						...param.enum && param.enum.length > 0 && { enum: param.enum },
-						...param.type === "array" && param.items && { items: param.items }
+						...param.type === "array" && param.enum && param.enum.length > 0 ? { items: {
+							type: param.items?.type ?? "string",
+							enum: param.enum
+						} } : param.enum && param.enum.length > 0 ? { enum: param.enum } : {},
+						...param.type === "array" && param.items && !param.enum?.length ? { items: param.items } : {}
 					}
 				}));
 				else delete methodObj["x-response-params"];
@@ -10694,7 +10784,17 @@ function CodeboxSidebar() {
 					open: httpStatusOptions.length === 1 ? false : void 0,
 					suffixIcon: httpStatusOptions.length > 1 ? void 0 : false
 				})]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Codebox, { code: JSON.stringify(selectedEndpoint?.responses[selectedStatusCode], null, 2) || "" })]
+			}), (() => {
+				const responseObj = selectedEndpoint?.responses?.[selectedStatusCode];
+				const contentEntry = responseObj?.content ? Object.values(responseObj.content)[0] : void 0;
+				let displayData;
+				if (contentEntry?.example !== void 0) displayData = contentEntry.example;
+				else if (contentEntry?.examples !== void 0) displayData = Array.isArray(contentEntry.examples) ? contentEntry.examples[0] : contentEntry.examples;
+				else if (contentEntry?.schema && hasAnyExample(contentEntry.schema)) displayData = generateExampleFromSchema(contentEntry.schema);
+				else if (contentEntry?.schema) displayData = contentEntry.schema;
+				else displayData = responseObj;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Codebox, { code: JSON.stringify(displayData, null, 2) || "" });
+			})()]
 		})]
 	});
 }