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

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { create } from "zustand";
 import { devtools } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Alert, Breadcrumb, Button, Card, Col, Divider, Drawer, Empty, Flex, Form, Grid, Input, Menu, Modal, Pagination, Row, Select, Switch, Table, Tabs, Tag, Tooltip, Tree, Typography, message, theme } from "antd";
 import { useStyleRegister } from "@ant-design/cssinjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -675,8 +675,49 @@ const getSidebarStyles$1 = (token, scope) => ({
 	}
 });
 //#endregion
+//#region src/utils/OverflowTooltip.tsx
+const OverflowTooltip = ({ title, children, className, style, placement }) => {
+	const ref = useRef(null);
+	const [isOverflowing, setIsOverflowing] = useState(false);
+	const checkOverflow = useCallback(() => {
+		const el = ref.current;
+		if (!el) return;
+		const target = el.firstElementChild ?? el;
+		setIsOverflowing(target.scrollWidth > target.clientWidth);
+	}, []);
+	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__ */ jsx("span", {
+		ref,
+		className,
+		style: {
+			display: "block",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
+			...style
+		},
+		children
+	});
+	if (!isOverflowing) return content;
+	return /* @__PURE__ */ jsx(Tooltip, {
+		title,
+		placement,
+		children: content
+	});
+};
+//#endregion
 //#region src/view/helper/sidebar.components.tsx
-const { Text: Text$2 } = Typography;
 const EndpointItem$1 = ({ method, title, cx, isSelected = false }) => {
 	const methodStyle = (isSelected ? darkerMethodColors$1 : methodColors$1)[method];
 	return /* @__PURE__ */ jsxs("div", {
@@ -689,9 +730,9 @@ const EndpointItem$1 = ({ method, title, cx, isSelected = false }) => {
 				border: "none"
 			},
 			children: method
-		}), /* @__PURE__ */ jsx(Text$2, {
+		}), /* @__PURE__ */ jsx(OverflowTooltip, {
+			title,
 			className: cx("endpoint-text"),
-			ellipsis: { tooltip: title },
 			style: { flex: 1 },
 			children: title
 		})]
@@ -710,14 +751,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__ */ jsx(Text$2, {
+			title = /* @__PURE__ */ 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__ */ jsx(Text$2, {
+		} else title = /* @__PURE__ */ 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 {
@@ -1232,7 +1273,7 @@ const ApiCard = ({ api, viewStyle }) => {
 			borderRadius: token.borderRadiusSM,
 			border: `1px solid ${token.colorBorderSecondary}`,
 			minWidth: "6.25rem",
-			maxWidth: "fit-content",
+			maxWidth: "100%",
 			svg: { path: { fill: "#4D75D9" } }
 		},
 		[scope("list-title")]: {
@@ -1245,6 +1286,9 @@ const ApiCard = ({ api, viewStyle }) => {
 			fontFamily: token.fontFamily,
 			cursor: "pointer",
 			transition: "color 0.2s ease-in",
+			overflow: "hidden",
+			textOverflow: "ellipsis",
+			whiteSpace: "nowrap",
 			"&:hover": {
 				color: `${token.colorPrimary} !important`,
 				textDecoration: "underline"
@@ -1306,15 +1350,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__ */ jsxs(Tooltip, {
-			title: text,
-			placement: "bottomLeft",
-			children: [text.substring(0, limitation), "..."]
-		});
-	};
 	const MethodChip = ({ method }) => {
 		const methodStyle = methodColors$1[method];
 		return /* @__PURE__ */ jsx("div", {
@@ -1341,11 +1376,16 @@ const ApiCard = ({ api, viewStyle }) => {
 				className: cx("list-container"),
 				children: [/* @__PURE__ */ jsxs(Flex, {
 					gap: token.marginSM,
+					style: { minWidth: 0 },
 					children: [/* @__PURE__ */ jsx(MethodChip, { method: api.method }), /* @__PURE__ */ jsx(Title, {
 						className: cx("list-title"),
 						level: 4,
 						onClick: handleOpenEndPointView,
-						children: /* @__PURE__ */ jsx(TooltippedText, { text: api?.summary || "Endpoint Name" })
+						children: /* @__PURE__ */ jsx(OverflowTooltip, {
+							title: api?.summary || "Endpoint Name",
+							placement: "bottomLeft",
+							children: api?.summary || "Endpoint Name"
+						})
 					})]
 				}), /* @__PURE__ */ jsx(Button, {
 					className: cx("list-see-details"),
@@ -1376,7 +1416,11 @@ const ApiCard = ({ api, viewStyle }) => {
 				/* @__PURE__ */ jsx(Title, {
 					className: cx("grid-title"),
 					level: 4,
-					children: /* @__PURE__ */ jsx(TooltippedText, { text: api?.summary || "Endpoint Name" })
+					children: /* @__PURE__ */ jsx(OverflowTooltip, {
+						title: api?.summary || "Endpoint Name",
+						placement: "bottomLeft",
+						children: api?.summary || "Endpoint Name"
+					})
 				}),
 				/* @__PURE__ */ jsxs("div", {
 					className: cx("grid-content"),
@@ -1513,16 +1557,19 @@ const ViewModeApiHeader = ({ api, viewLayout, onViewLayoutChange }) => {
 	return wrapSSR(/* @__PURE__ */ jsxs("div", {
 		className: cx("root"),
 		children: [
-			/* @__PURE__ */ jsx(Typography.Title, {
-				level: 4,
-				className: cx("title"),
-				ellipsis: { tooltip: api.title },
-				style: {
-					margin: 0,
-					fontSize: 20,
-					fontWeight: 600
-				},
-				children: api.title
+			/* @__PURE__ */ jsx(OverflowTooltip, {
+				title: api.title,
+				children: /* @__PURE__ */ jsx(Typography.Title, {
+					level: 4,
+					className: cx("title"),
+					ellipsis: true,
+					style: {
+						margin: 0,
+						fontSize: 20,
+						fontWeight: 600
+					},
+					children: api.title
+				})
 			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: cx("meta-bar"),
@@ -1703,6 +1750,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";
@@ -1757,7 +1834,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__ */ jsx(Tag, { children: e }, e)) : "--"
+		enum: p.schema?.enum ?? p.schema?.items?.enum ? (p.schema?.enum ?? p.schema?.items?.enum).map((e) => /* @__PURE__ */ jsx(Tag, { children: e }, e)) : "--"
 	};
 });
 const buildHeaderData$1 = (headers, colors) => {
@@ -1786,7 +1863,7 @@ const buildHeaderData$1 = (headers, colors) => {
 				})
 			] }, idx),
 			desc: header.description || "--",
-			enum: header.schema?.enum ? header.schema.enum.map((e) => /* @__PURE__ */ jsx(Tag, { children: e }, e)) : "--"
+			enum: header.schema?.enum ?? header.schema?.items?.enum ? (header.schema?.enum ?? header.schema?.items?.enum).map((e) => /* @__PURE__ */ jsx(Tag, { children: e }, e)) : "--"
 		};
 	});
 };
@@ -2221,15 +2298,17 @@ const ApiDocumentationBar = ({ apiName, mode, onModeChange, onReset, onSave, has
 			className: cx("mobileBottomRow"),
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: cx("title-section"),
-				children: [/* @__PURE__ */ jsx(Tooltip, {
+				children: [/* @__PURE__ */ jsx(OverflowTooltip, {
 					title: apiName,
 					children: /* @__PURE__ */ jsx(Title$2, {
 						level: 3,
-						ellipsis: true,
 						style: {
 							margin: 0,
 							fontWeight: 600,
-							color: token.colorTextHeading
+							color: token.colorTextHeading,
+							whiteSpace: "nowrap",
+							overflow: "hidden",
+							textOverflow: "ellipsis"
 						},
 						children: apiName
 					})
@@ -2259,7 +2338,7 @@ const ApiDocumentationBar = ({ apiName, mode, onModeChange, onReset, onSave, has
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				className: cx("title-section"),
-				children: /* @__PURE__ */ jsx(Tooltip, {
+				children: /* @__PURE__ */ jsx(OverflowTooltip, {
 					title: `${apiName} API Documentation`,
 					children: /* @__PURE__ */ jsxs(Title$2, {
 						level: 3,
@@ -4138,7 +4217,7 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 					backgroundColor: methodColor?.bg ?? "transparent"
 				},
 				children: ep.method
-			}), /* @__PURE__ */ jsx(Tooltip, {
+			}), /* @__PURE__ */ jsx(OverflowTooltip, {
 				title: ep.path,
 				children: /* @__PURE__ */ jsx(Title, {
 					level: 4,
@@ -5347,7 +5426,7 @@ const EndpointsSection = ({ endpointsByTag, collapsed = false, onToggleCollapse,
 										backgroundColor: isExpanded ? methodColor?.color : "transparent"
 									},
 									children: ep.method
-								}), /* @__PURE__ */ jsx(Tooltip, {
+								}), /* @__PURE__ */ jsx(OverflowTooltip, {
 									title: ep.path,
 									children: /* @__PURE__ */ jsx("span", {
 										className: cx("endpoint-path"),
@@ -5453,14 +5532,24 @@ 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) {
+											const firstKey = Object.keys(contentEntry.examples)[0];
+											const firstExample = contentEntry.examples[firstKey];
+											displayData = firstExample?.value ?? firstExample;
+										} else if (hasAnyExample(schema)) displayData = generateExampleFromSchema(schema);
+										else displayData = schema;
 										return /* @__PURE__ */ jsx("div", {
 											className: cx("code-panel"),
 											style: { marginTop: token.marginSM },
 											children: /* @__PURE__ */ jsx("code", {
 												className: cx("code-area"),
-												children: JSON.stringify(schema, null, 2)
+												children: JSON.stringify(displayData, null, 2)
 											})
 										});
 									})()
@@ -7148,7 +7237,6 @@ const AddTagDrawer = ({ open, onClose, mode, initialValues, onAddTag, onEditTag,
 			alignItems: "center",
 			position: "relative",
 			paddingTop: 20,
-			paddingBottom: 8,
 			paddingLeft: 24,
 			paddingRight: 24,
 			width: "100%"
@@ -7809,53 +7897,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
+						}
+					}))
+				};
+			})
 		};
 	});
 };
@@ -7991,7 +8076,6 @@ const getSidebarStyles = (token, scope) => ({
 });
 //#endregion
 //#region src/view/console/helper/sidebar.components.tsx
-const { Text: Text$1 } = Typography;
 const EndpointItem = ({ method, title, cx, isSelected = false }) => {
 	const methodStyle = (isSelected ? darkerMethodColors : sidebarMethodColors)[method];
 	const isPost = method?.toUpperCase() === "POST";
@@ -8006,9 +8090,9 @@ const EndpointItem = ({ method, title, cx, isSelected = false }) => {
 				...isPost ? { borderRadius: 4 } : {}
 			},
 			children: method
-		}), /* @__PURE__ */ jsx(Text$1, {
+		}), /* @__PURE__ */ jsx(OverflowTooltip, {
+			title,
 			className: cx("endpoint-text"),
-			ellipsis: { tooltip: title },
 			style: { flex: 1 },
 			children: title
 		})]
@@ -8025,14 +8109,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__ */ jsx(Text$1, {
+		} else if (node.data && "id" in node.data && "tags" in node.data && !("endpoint" in node.data) && !("tagName" in node.data)) title = /* @__PURE__ */ 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__ */ jsx(Text$1, {
+		else title = /* @__PURE__ */ 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 {
@@ -8323,7 +8407,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) => {
@@ -8373,7 +8457,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) : "--"
 		};
 	});
 };
@@ -8515,18 +8599,10 @@ const EndpointPage = () => {
 								children: /* @__PURE__ */ jsx("span", { children: selectedEndpoint?.tagName || "default" })
 							})
 						},
-						{ title: /* @__PURE__ */ jsx(Tooltip, {
+						{ title: /* @__PURE__ */ jsx(OverflowTooltip, {
 							title: selectedEndpoint?.summary || "Endpoint Name",
-							children: /* @__PURE__ */ jsx("span", {
-								style: {
-									overflow: "hidden",
-									textOverflow: "ellipsis",
-									whiteSpace: "nowrap",
-									display: "block",
-									maxWidth: "300px"
-								},
-								children: selectedEndpoint?.summary || "Endpoint Name"
-							})
+							style: { maxWidth: "300px" },
+							children: /* @__PURE__ */ jsx("span", { children: selectedEndpoint?.summary || "Endpoint Name" })
 						}) }
 					] })]
 				}),
@@ -8549,16 +8625,9 @@ const EndpointPage = () => {
 							flexShrink: 0
 						},
 						children: selectedEndpoint?.method
-					}), /* @__PURE__ */ jsx(Tooltip, {
+					}), /* @__PURE__ */ jsx(OverflowTooltip, {
 						title: selectedEndpoint?.summary ?? "--",
-						children: /* @__PURE__ */ jsx("span", {
-							style: {
-								overflow: "hidden",
-								textOverflow: "ellipsis",
-								whiteSpace: "nowrap"
-							},
-							children: selectedEndpoint?.summary?.replace(selectedEndpoint?.method, "") ?? "--"
-						})
+						children: /* @__PURE__ */ jsx("span", { children: selectedEndpoint?.summary?.replace(selectedEndpoint?.method, "") ?? "--" })
 					})]
 				}),
 				/* @__PURE__ */ jsx(Paragraph, {
@@ -8765,19 +8834,12 @@ function CodeboxSidebar$1() {
 			} }), code]
 		})
 	})), [statusCodeOptions]);
-	const [curlTooltip, setCurlTooltip] = 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] = useState("Copy Request");
 	const { token: antdToken, theme: themeConfig } = theme.useToken();
 	const isDark = themeConfig.id == 1;
 	const headerBg = isDark ? antdToken.colorBgElevated : "#1d2856";
@@ -8923,7 +8985,7 @@ function CodeboxSidebar$1() {
 				})]
 			}), /* @__PURE__ */ jsx("div", {
 				className: cx("curl-list"),
-				children: curlLines.map((line, i) => /* @__PURE__ */ jsx("div", {
+				children: curlDisplayLines.map((line, i) => /* @__PURE__ */ jsx("div", {
 					className: cx("curl-line"),
 					children: line
 				}, i))
@@ -8948,7 +9010,20 @@ function CodeboxSidebar$1() {
 					open: httpStatusOptions.length === 1 ? false : void 0,
 					suffixIcon: httpStatusOptions.length > 1 ? void 0 : false
 				})]
-			}), /* @__PURE__ */ 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) {
+					const firstKey = Object.keys(contentEntry.examples)[0];
+					const firstExample = contentEntry.examples[firstKey];
+					displayData = firstExample?.value ?? firstExample;
+				} else if (contentEntry?.schema && hasAnyExample(contentEntry.schema)) displayData = generateExampleFromSchema(contentEntry.schema);
+				else if (contentEntry?.schema) displayData = contentEntry.schema;
+				else displayData = responseObj;
+				return /* @__PURE__ */ jsx(Codebox$1, { code: JSON.stringify(displayData, null, 2) || "" });
+			})()]
 		})]
 	});
 }
@@ -9002,7 +9077,15 @@ const transformOpenApiToDocs = (api) => {
 		};
 		if (entry.requestBody?.content) {
 			const resolvedContent = {};
-			for (const [contentType, contentValue] of Object.entries(entry.requestBody.content)) resolvedContent[contentType] = { schema: resolveSchema(contentValue.schema, api.components) ?? contentValue.schema };
+			for (const [contentType, contentValue] of Object.entries(entry.requestBody.content)) {
+				const resolvedSchema = resolveSchema(contentValue.schema, api.components) ?? contentValue.schema;
+				const resolvedExample = contentValue.example !== void 0 ? contentValue.example : resolvedSchema.example;
+				resolvedContent[contentType] = {
+					schema: resolvedSchema,
+					...resolvedExample !== void 0 && { example: resolvedExample },
+					...contentValue.examples !== void 0 && { examples: contentValue.examples }
+				};
+			}
 			entry.requestBody = {
 				...entry.requestBody,
 				content: resolvedContent
@@ -9012,7 +9095,15 @@ const transformOpenApiToDocs = (api) => {
 			const resolvedResponses = {};
 			for (const [code, responseValue] of Object.entries(entry.responses)) if (responseValue.content) {
 				const resolvedContent = {};
-				for (const [contentType, contentValue] of Object.entries(responseValue.content)) resolvedContent[contentType] = { schema: resolveSchema(contentValue.schema, api.components) ?? contentValue.schema };
+				for (const [contentType, contentValue] of Object.entries(responseValue.content)) {
+					const resolvedSchema = resolveSchema(contentValue.schema, api.components) ?? contentValue.schema;
+					const resolvedExample = contentValue.example !== void 0 ? contentValue.example : resolvedSchema.example;
+					resolvedContent[contentType] = {
+						schema: resolvedSchema,
+						...resolvedExample !== void 0 && { example: resolvedExample },
+						...contentValue.examples !== void 0 && { examples: contentValue.examples }
+					};
+				}
 				resolvedResponses[code] = {
 					...responseValue,
 					content: resolvedContent
@@ -9195,7 +9286,6 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			alignItems: "center",
 			position: "relative",
 			paddingTop: 20,
-			paddingBottom: 8,
 			paddingLeft: 24,
 			paddingRight: 24,
 			width: "100%"
@@ -9302,7 +9392,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" } }
 					};
 				});
@@ -9333,7 +9423,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" } }
 					};
 				});
@@ -9372,7 +9462,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			Object.entries(methods).forEach(([method, operation]) => {
 				const responses = operation.responses;
 				if (!responses) return;
-				const schema = responses["200" in responses ? "200" : Object.keys(responses)[0]]?.content?.["application/json"]?.schema;
+				const schema = responses["200" in responses ? "200" : Object.keys(responses)[0]]?.content?.["application/json"]?.example;
 				const epId = pathMethodToId[`${path}||${method}`];
 				if (epId && schema) result[epId] = schema;
 			});
@@ -9605,8 +9695,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;
@@ -9623,8 +9716,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"];
@@ -9656,7 +9752,7 @@ const ConsoleDocumentationLayout = ({ data, preSelectedApi, handleVisitLandingPa
 			const statusCode = "200" in responses ? "200" : Object.keys(responses)[0];
 			if (!responses[statusCode]) return;
 			if (!responses[statusCode].content) responses[statusCode].content = {};
-			responses[statusCode].content["application/json"] = { schema };
+			responses[statusCode].content["application/json"] = { example: schema };
 		});
 		try {
 			await onSave?.(cloned);
@@ -10665,7 +10761,20 @@ function CodeboxSidebar() {
 					open: httpStatusOptions.length === 1 ? false : void 0,
 					suffixIcon: httpStatusOptions.length > 1 ? void 0 : false
 				})]
-			}), /* @__PURE__ */ 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) {
+					const firstKey = Object.keys(contentEntry.examples)[0];
+					const firstExample = contentEntry.examples[firstKey];
+					displayData = firstExample?.value ?? firstExample;
+				} else if (contentEntry?.schema && hasAnyExample(contentEntry.schema)) displayData = generateExampleFromSchema(contentEntry.schema);
+				else if (contentEntry?.schema) displayData = contentEntry.schema;
+				else displayData = responseObj;
+				return /* @__PURE__ */ jsx(Codebox, { code: JSON.stringify(displayData, null, 2) || "" });
+			})()]
 		})]
 	});
 }