@clarify-labs/renderer 0.11.3 → 0.11.5

package/output/{OpenApiOperation-BcJYHwft.js → OpenApiOperation-CbdKZMO1.js}

@@ -1,5 +1,5 @@
-import { a as useConfig, s as useLocale, t as useBuiltInText } from "./i18n-sJUQQLRZ.js";
-import { C as isExternalHref, E as copyTextToClipboard, c as lucideIconRegistry, h as useTheme, l as resolveLucideIconName, n as PageTitleActions, o as useSectionStore, s as remToPx, w as localizeHref } from "./PageActions-Bnz5Bybt.js";
+import { a as useConfig, s as useLocale, t as useBuiltInText } from "./i18n-Cff810G_.js";
+import { C as isExternalHref, E as copyTextToClipboard, c as lucideIconRegistry, h as useTheme, l as resolveLucideIconName, o as useSectionStore, s as remToPx, t as PageActions, w as localizeHref } from "./PageActions-DviEypf6.js";
 import { t as markdownRemarkPlugins } from "./remark-C9iRQM0R.js";
 import clsx from "clsx";
 import { Children, Suspense, cloneElement, createContext, createElement, forwardRef, isValidElement, lazy, useContext, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
@@ -253,7 +253,7 @@ function Card(arg0) {
 }
 //#endregion
 //#region source/components/Mermaid.tsx
-var MermaidViewer = lazy(() => import("./MermaidViewer-D4h-WEak.js"));
+var MermaidViewer = lazy(() => import("./MermaidViewer-D1wiX_T9.js"));
 var mermaidModulePromise;
 async function loadMermaid() {
 	mermaidModulePromise = mermaidModulePromise ?? import("mermaid").then((module) => module.default);
@@ -496,10 +496,14 @@ function CodeGroupHeader(arg0) {
 }
 function CodeGroupPanels(arg0) {
 	const { children, ...props } = arg0;
-	if (Children.count(children) > 1) return /* @__PURE__ */ jsx(TabPanels, { children: Children.map(children, (child) => /* @__PURE__ */ jsx(TabPanel, { children: /* @__PURE__ */ jsx(CodePanel, {
-		...props,
-		children: child
-	}) })) });
+	if (Children.count(children) > 1) return /* @__PURE__ */ jsx(TabPanels, { children: Children.map(children, (child) => /* @__PURE__ */ jsx(TabPanel, {
+		static: true,
+		className: "hidden data-selected:block",
+		children: /* @__PURE__ */ jsx(CodePanel, {
+			...props,
+			children: child
+		})
+	})) });
 	return /* @__PURE__ */ jsx(CodePanel, {
 		...props,
 		children
@@ -1052,7 +1056,8 @@ function Tabs(arg0) {
 		}), /* @__PURE__ */ jsx(TabPanels, {
 			className: panelsClassName ?? "mt-5",
 			children: resolvedItems.map((item) => /* @__PURE__ */ jsx(TabPanel, {
-				className: "focus:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)",
+				static: true,
+				className: ({ selected }) => clsx("focus:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)", !selected && "hidden"),
 				children: item.panel
 			}, item.id))
 		})]
@@ -1265,12 +1270,15 @@ var primitives_exports = /* @__PURE__ */ __exportAll({
 });
 function wrapper(arg0) {
 	const { children } = arg0;
-	return /* @__PURE__ */ jsx("article", {
-		className: "clarify-mdx-page flex h-full min-w-0 flex-col pt-14 pb-10",
-		children: /* @__PURE__ */ jsx(Prose, {
+	return /* @__PURE__ */ jsxs("article", {
+		className: "clarify-mdx-page relative flex h-full min-w-0 flex-col pt-14 pb-10",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: "clarify-page-actions mb-4 flex justify-end sm:absolute sm:top-14 sm:right-0 sm:mb-0",
+			children: /* @__PURE__ */ jsx(PageActions, {})
+		}), /* @__PURE__ */ jsx(Prose, {
 			className: "flex-auto",
 			children
-		})
+		})]
 	});
 }
 function table(arg0) {
@@ -1292,13 +1300,10 @@ function a(arg0) {
 }
 function h1(arg0) {
 	const { children, className, ...props } = arg0;
-	return /* @__PURE__ */ jsxs("div", {
-		className: "clarify-page-title-row flex flex-col gap-4  pb-4 sm:flex-row sm:items-start sm:justify-between",
-		children: [/* @__PURE__ */ jsx("h1", {
-			className: clsx("clarify-page-title min-w-0 flex-1", className),
-			...props,
-			children
-		}), /* @__PURE__ */ jsx(PageTitleActions, {})]
+	return /* @__PURE__ */ jsx("h1", {
+		className: clsx("clarify-page-title min-w-0 flex-1", className),
+		...props,
+		children
 	});
 }
 var code = Code;
@@ -1483,6 +1488,57 @@ function resolveRequestSchema(spec, schema) {
 	delete ownSchema.allOf;
 	return mergeAllOfSchemas(spec, [...allOf, ownSchema]);
 }
+function fuzzyMatch(value, query) {
+	const candidate = value.toLocaleLowerCase();
+	const needle = query.trim().toLocaleLowerCase();
+	let candidateIndex = 0;
+	for (const character of needle) {
+		candidateIndex = candidate.indexOf(character, candidateIndex);
+		if (candidateIndex === -1) return false;
+		candidateIndex += 1;
+	}
+	return true;
+}
+var noExampleMatch = Symbol("no-example-match");
+function getSchemaSearchText(name, schema) {
+	if (!isRecord$1(schema)) return name;
+	return [
+		name,
+		schema.type,
+		schema.description,
+		schema.pattern,
+		schema.const,
+		schema.default,
+		schema.minimum,
+		schema.maximum,
+		schema.additionalProperties
+	].filter((value) => typeof value === "string" || typeof value === "number" || typeof value === "boolean").join(" ");
+}
+function filterExampleValue(spec, schema, value, query) {
+	const resolved = resolveRequestSchema(spec, schema);
+	if (Array.isArray(value)) {
+		const itemSchema = isRecord$1(resolved) ? resolved.items : void 0;
+		const items = value.map((item) => filterExampleValue(spec, itemSchema, item, query)).filter((item) => item !== noExampleMatch);
+		return items.length > 0 ? items : noExampleMatch;
+	}
+	if (isRecord$1(value)) {
+		const properties = isRecord$1(resolved) && isRecord$1(resolved.properties) ? resolved.properties : {};
+		const filtered = Object.entries(value).flatMap(([name, propertyValue]) => {
+			const propertySchema = properties[name] ?? (isRecord$1(resolved) && isRecord$1(resolved.additionalProperties) ? resolved.additionalProperties : void 0);
+			if (fuzzyMatch(getSchemaSearchText(name, resolveRequestSchema(spec, propertySchema)), query)) return [[name, propertyValue]];
+			const child = filterExampleValue(spec, propertySchema, propertyValue, query);
+			return child === noExampleMatch ? [] : [[name, child]];
+		});
+		return filtered.length > 0 ? Object.fromEntries(filtered) : noExampleMatch;
+	}
+	return fuzzyMatch(getSchemaSearchText("", resolved), query) ? value : noExampleMatch;
+}
+function filterExampleBySchema(spec, schema, value, query) {
+	if (!query.trim()) return value;
+	const filtered = filterExampleValue(spec, schema, value, query);
+	if (filtered !== noExampleMatch) return filtered;
+	return Array.isArray(value) ? [] : isRecord$1(value) ? {} : value;
+}
 function getPathItem$1(spec, path) {
 	return resolveObjectRef(spec, spec.paths?.[path]);
 }
@@ -1693,9 +1749,6 @@ function normalizeOpenApiOperationSectionId(operation, method, path, source) {
 	if (typeof sectionId !== "string" || !sectionId) operation[CLARIFY_OPENAPI_SECTION_ID_EXTENSION] = createOpenApiOperationSectionId(operation, method, path, source);
 	return operation;
 }
-function isOpenAPIHttpMethod(method) {
-	return OPENAPI_HTTP_METHODS.includes(method.toLowerCase());
-}
 function isRecord(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
@@ -1731,19 +1784,9 @@ function listOperationsFromPathItems(items, source, spec) {
 	}
 	return operations;
 }
-function getOpenApiOperationEntry(spec, path, method, source) {
-	if (!isOpenAPIHttpMethod(method)) return void 0;
-	const normalizedMethod = method.toLowerCase();
-	const sources = source ? [source] : ["path", "webhook"];
-	for (const currentSource of sources) {
-		const operation = (currentSource === "webhook" ? getWebhookItem(spec, path) : getPathItem(spec, path))?.[normalizedMethod];
-		if (isRecord(operation)) return {
-			path,
-			method: normalizedMethod,
-			operation: normalizeOpenApiOperationSectionId(operation, normalizedMethod, path, currentSource),
-			source: currentSource
-		};
-	}
+function getOpenApiOperationEntryById(spec, operationId) {
+	const matches = listOpenApiOperations(spec).filter(({ operation }) => operation.operationId === operationId);
+	return matches.length === 1 ? matches[0] : void 0;
 }
 function listOpenApiOperations(spec) {
 	const paths = spec.paths ?? {};
@@ -2530,8 +2573,11 @@ function ApiExampleCodeGroup(arg0) {
 function firstExampleKeyForMediaType(requestContents, mediaType, spec) {
 	return getExampleEntries(requestContents.find((content) => content.mediaType === mediaType)?.value, spec)[0]?.key ?? "";
 }
+function isStructuredMediaType(mediaType) {
+	return mediaType.includes("json") || mediaType.includes("yaml") || mediaType.includes("yml");
+}
 function useRequestExamplesState(arg0) {
-	const { spec, path, method, parameters, requestContents, selectedMediaType, onSelectMediaType, selectedServer, serverVariables, auth, operationSource, sharedExampleKey, onSelectExampleKey } = arg0;
+	const { spec, path, method, parameters, requestContents, selectedMediaType, onSelectMediaType, selectedServer, serverVariables, auth, operationSource, sharedExampleKey, onSelectExampleKey, query = "" } = arg0;
 	const selectedContent = requestContents.find((content) => content.mediaType === selectedMediaType) ?? requestContents[0];
 	const examples = getExampleEntries(selectedContent?.value, spec);
 	const [selectedExampleKey, setSelectedExampleKey] = useState(examples[0]?.key ?? "");
@@ -2539,6 +2585,7 @@ function useRequestExamplesState(arg0) {
 	const [selectedClientKey, setSelectedClientKey] = useState("curl");
 	const currentExampleKey = (sharedExampleKey && examples.some((example) => example.key === sharedExampleKey) ? sharedExampleKey : void 0) ?? selectedExampleKey;
 	const selectedExample = examples.find((example) => example.key === currentExampleKey) ?? examples[0];
+	const requestExample = selectedContent && isStructuredMediaType(selectedContent.mediaType) ? filterExampleBySchema(spec, selectedContent.value.schema, selectedExample?.value, query) : selectedExample?.value;
 	const codeOptions = buildRequestCodeExamples({
 		spec,
 		path,
@@ -2548,7 +2595,7 @@ function useRequestExamplesState(arg0) {
 			...selectedContent,
 			value: {
 				...selectedContent.value,
-				example: selectedExample?.value,
+				example: requestExample,
 				examples: void 0
 			}
 		} : void 0,
@@ -2583,7 +2630,7 @@ function useRequestExamplesState(arg0) {
 	};
 }
 function RequestExamplesPanel(arg0) {
-	const { spec, path, method, parameters, requestContents, selectedMediaType, onSelectMediaType, selectedServer, serverVariables, auth, operationSource, sharedExampleKey, onSelectExampleKey } = arg0;
+	const { spec, path, method, parameters, requestContents, selectedMediaType, onSelectMediaType, selectedServer, serverVariables, auth, operationSource, sharedExampleKey, onSelectExampleKey, query } = arg0;
 	const t = useBuiltInText();
 	const state = useRequestExamplesState({
 		spec,
@@ -2598,7 +2645,8 @@ function RequestExamplesPanel(arg0) {
 		auth,
 		operationSource,
 		sharedExampleKey,
-		onSelectExampleKey
+		onSelectExampleKey,
+		query
 	});
 	return /* @__PURE__ */ jsx(ApiExampleCodeGroup, {
 		title: t("openapi.request"),
@@ -2623,11 +2671,12 @@ function RequestExamplesPanel(arg0) {
 function firstExampleKeyForResponseContent(content, spec) {
 	return getExampleEntries(content?.value, spec)[0]?.key ?? "";
 }
-function getResponseExampleBody(content, example) {
-	return content ? stringifyExample(example?.value) : "";
+function getResponseExampleBody(content, example, spec, query = "") {
+	if (!content) return "";
+	return stringifyExample(spec && isStructuredMediaType(content.mediaType) ? filterExampleBySchema(spec, content.value.schema, example?.value, query) : example?.value);
 }
 function useResponseExamplesState(arg0) {
-	const { operation, spec, sharedExampleKey, onSelectExampleKey, selectedStatus, onSelectStatus } = arg0;
+	const { operation, spec, sharedExampleKey, onSelectExampleKey, selectedStatus, onSelectStatus, query = "" } = arg0;
 	const orderedResponses = [...getResponseEntries(operation, spec)].sort((left, right) => {
 		if (left.status === "default") return -1;
 		if (right.status === "default") return 1;
@@ -2662,7 +2711,7 @@ function useResponseExamplesState(arg0) {
 		selectedContent,
 		examples,
 		selectedExample,
-		responseBody: getResponseExampleBody(selectedContent, selectedExample),
+		responseBody: getResponseExampleBody(selectedContent, selectedExample, spec, query),
 		onSelectStatus: (value) => {
 			const nextContents = getMediaTypeEntries(orderedResponses.find(({ status }) => status === value)?.response.content, spec);
 			if (typeof selectedStatus === "undefined") setInternalSelectedStatus(value);
@@ -2691,7 +2740,7 @@ function useResponseExamplesState(arg0) {
 	};
 }
 function ResponseExamplesPanel(arg0) {
-	const { operation, spec, title, sharedExampleKey, onSelectExampleKey, selectedStatus, onSelectStatus } = arg0;
+	const { operation, spec, title, sharedExampleKey, onSelectExampleKey, selectedStatus, onSelectStatus, query } = arg0;
 	const t = useBuiltInText();
 	const state = useResponseExamplesState({
 		operation,
@@ -2699,7 +2748,8 @@ function ResponseExamplesPanel(arg0) {
 		sharedExampleKey,
 		onSelectExampleKey,
 		selectedStatus,
-		onSelectStatus
+		onSelectStatus,
+		query
 	});
 	if (!state.selectedContent || !state.responseBody) return null;
 	return /* @__PURE__ */ jsx(ApiExampleCodeGroup, {
@@ -2721,7 +2771,7 @@ function ResponseExamplesPanel(arg0) {
 //#endregion
 //#region source/openapi/components/OpenApiDocumentSection.tsx
 function OpenApiDocumentSection(props) {
-	const { title, children, className, bodyClassName, level = 3 } = props;
+	const { title, children, action, className, bodyClassName, level = 3 } = props;
 	const heading = level === 3 ? /* @__PURE__ */ jsx("h3", {
 		className: "!m-0 text-sm/6 font-semibold text-(--clarify-theme-tokens-colors-foreground)",
 		children: title
@@ -2731,7 +2781,10 @@ function OpenApiDocumentSection(props) {
 	});
 	return /* @__PURE__ */ jsxs("section", {
 		className: clsx("clarify-openapi-document-section", className),
-		children: [heading, /* @__PURE__ */ jsx("div", {
+		children: [action ? /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-center justify-between gap-2",
+			children: [heading, action]
+		}) : heading, /* @__PURE__ */ jsx("div", {
 			className: clsx("mt-2", bodyClassName),
 			children
 		})]
@@ -3014,7 +3067,7 @@ function getRootSchemaNode(spec, schema, defaultExpanded) {
 function EnumValueNode(arg0) {
 	const { node } = arg0;
 	return /* @__PURE__ */ jsx("li", {
-		className: "clarify-schema-node m-0 p-0",
+		className: clsx("clarify-schema-node m-0 p-0", node.visible === false && "hidden"),
 		children: /* @__PURE__ */ jsx("div", {
 			className: "flex min-w-0 items-start rounded-(--clarify-theme-tokens-radius-md) px-2 py-2 text-left",
 			children: /* @__PURE__ */ jsxs("div", {
@@ -3040,10 +3093,11 @@ function EnumValueNode(arg0) {
 	});
 }
 function SchemaNode(arg0) {
-	const { node, depth = 0, defaultExpanded } = arg0;
+	const { node, depth = 0, defaultExpanded, forceExpanded = false } = arg0;
 	const t = useBuiltInText();
-	const [expanded, setExpanded] = useState(defaultExpanded ?? depth < 1);
+	const [locallyExpanded, setLocallyExpanded] = useState(defaultExpanded ?? depth < 1);
 	const hasChildren = node.children.length > 0;
+	const expanded = forceExpanded || locallyExpanded;
 	if (node.kind === "enum") return /* @__PURE__ */ jsx(EnumValueNode, {
 		node,
 		depth
@@ -3078,25 +3132,29 @@ function SchemaNode(arg0) {
 		children: expanded ? /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
 	}) : null] });
 	return /* @__PURE__ */ jsxs("li", {
-		className: "clarify-schema-node m-0 p-0",
+		className: clsx("clarify-schema-node m-0 p-0", node.visible === false && "hidden"),
 		children: [hasChildren ? /* @__PURE__ */ jsx("button", {
 			type: "button",
 			"aria-label": expanded ? t("openapi.collapse") : t("openapi.expand"),
 			"aria-expanded": expanded,
-			onClick: () => setExpanded((value) => !value),
+			onClick: () => setLocallyExpanded((value) => !value),
 			className: clsx(rowClassName, "cursor-pointer transition hover:bg-(--clarify-ui-hover-background) focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)"),
 			children: content
 		}) : /* @__PURE__ */ jsx("div", {
 			className: rowClassName,
 			children: content
-		}), hasChildren && expanded ? /* @__PURE__ */ jsx(SchemaTree, {
-			nodes: node.children,
-			depth: depth + 1
+		}), hasChildren ? /* @__PURE__ */ jsx("div", {
+			className: clsx(!expanded && "hidden"),
+			children: /* @__PURE__ */ jsx(SchemaTree, {
+				nodes: node.children,
+				depth: depth + 1,
+				forceExpanded
+			})
 		}) : null]
 	});
 }
 function SchemaTree(arg0) {
-	const { nodes, depth = 0 } = arg0;
+	const { nodes, depth = 0, forceExpanded = false } = arg0;
 	if (nodes.length === 0) return null;
 	return /* @__PURE__ */ jsx("ul", {
 		role: "list",
@@ -3104,19 +3162,52 @@ function SchemaTree(arg0) {
 		children: nodes.map((node) => /* @__PURE__ */ jsx(SchemaNode, {
 			node,
 			depth,
-			defaultExpanded: node.defaultExpanded
+			defaultExpanded: node.defaultExpanded,
+			forceExpanded
 		}, node.key))
 	});
 }
+function markSchemaNodesVisibility(nodes, query) {
+	if (!query) return nodes.map((node) => ({
+		...node,
+		visible: true,
+		children: markSchemaNodesVisibility(node.children, query)
+	}));
+	return nodes.map((node) => {
+		const children = markSchemaNodesVisibility(node.children, query);
+		const searchableText = getSchemaSearchText(node.name, {
+			type: node.type,
+			description: node.description,
+			pattern: node.details
+		});
+		return {
+			...node,
+			visible: fuzzyMatch(searchableText, query) || children.some((child) => child.visible),
+			children
+		};
+	});
+}
 function SchemaProperties(arg0) {
-	const { title, schema, spec, defaultExpanded } = arg0;
+	const { title, schema, spec, defaultExpanded, query = "", emptyText } = arg0;
+	const t = useBuiltInText();
 	const root = getRootSchemaNode(spec, schema, defaultExpanded);
 	if (!root || root.children.length === 0) return null;
-	return /* @__PURE__ */ jsx(OpenApiDocumentSection, {
+	const normalizedQuery = query.trim();
+	const nodes = markSchemaNodesVisibility(root.children, normalizedQuery);
+	const hasQuery = Boolean(normalizedQuery);
+	const hasVisibleNodes = nodes.some((node) => node.visible);
+	const resolvedEmptyText = emptyText ?? t("openapi.noBodyProperties");
+	return /* @__PURE__ */ jsxs(OpenApiDocumentSection, {
 		title,
 		level: 4,
 		bodyClassName: "clarify-schema-properties not-prose",
-		children: /* @__PURE__ */ jsx(SchemaTree, { nodes: root.children })
+		children: [/* @__PURE__ */ jsx(SchemaTree, {
+			nodes,
+			forceExpanded: hasQuery
+		}), /* @__PURE__ */ jsx("p", {
+			className: clsx("m-0 py-2 text-sm/5 text-(--clarify-ui-text-soft)", hasVisibleNodes && "hidden"),
+			children: resolvedEmptyText
+		})]
 	});
 }
 function ParameterList(arg0) {
@@ -3140,7 +3231,7 @@ function ParameterList(arg0) {
 	});
 }
 function ResponseList(arg0) {
-	const { title, operation, spec, selectedStatus, onSelectStatus } = arg0;
+	const { title, operation, spec, selectedStatus, onSelectStatus, query = "", search } = arg0;
 	const t = useBuiltInText();
 	const orderedResponses = [...getResponseEntries(operation, spec)].sort((left, right) => {
 		if (left.status === "default") return -1;
@@ -3181,7 +3272,9 @@ function ResponseList(arg0) {
 					children: /* @__PURE__ */ jsx(SchemaProperties, {
 						title: t("openapi.responseBodyProperties"),
 						schema: responseSchema,
-						spec
+						spec,
+						query,
+						emptyText: t("openapi.noResponseBodyProperties")
 					})
 				}) : null
 			]
@@ -3189,18 +3282,20 @@ function ResponseList(arg0) {
 	};
 	if (orderedResponses.length === 1) {
 		const [{ status, response }] = orderedResponses;
-		return /* @__PURE__ */ jsx(OpenApiDocumentSection, {
+		return /* @__PURE__ */ jsxs(OpenApiDocumentSection, {
 			title: title ?? t("openapi.responses"),
-			children: renderResponsePanel({
+			action: search?.action,
+			children: [search?.open ? search.input : null, renderResponsePanel({
 				status,
 				response
-			})
+			})]
 		});
 	}
-	return /* @__PURE__ */ jsx(OpenApiDocumentSection, {
+	return /* @__PURE__ */ jsxs(OpenApiDocumentSection, {
 		title: title ?? t("openapi.responses"),
+		action: search?.action,
 		bodyClassName: "not-prose",
-		children: /* @__PURE__ */ jsx(Tabs, {
+		children: [search?.open ? search.input : null, /* @__PURE__ */ jsx(Tabs, {
 			selectedIndex,
 			onChange: (index) => {
 				onSelectStatus?.(orderedResponses[index]?.status ?? "");
@@ -3215,15 +3310,71 @@ function ResponseList(arg0) {
 			})),
 			spacingClassName: "m-0",
 			panelsClassName: "mt-2"
+		})]
+	});
+}
+//#endregion
+//#region source/openapi/components/SchemaSearch.tsx
+function useSchemaSearch() {
+	const [open, setOpen] = useState(false);
+	const [query, setQuery] = useState("");
+	return {
+		open,
+		query,
+		onChange: (event) => setQuery(event.target.value),
+		toggle: () => {
+			setOpen((current) => {
+				if (current) setQuery("");
+				return !current;
+			});
+		}
+	};
+}
+function SchemaSearchButton(arg0) {
+	const { label, open, onClick } = arg0;
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		"aria-label": label,
+		"aria-pressed": open,
+		onClick,
+		className: clsx("flex size-7 shrink-0 cursor-pointer items-center justify-center rounded-(--clarify-theme-tokens-radius-md) transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)", open ? "bg-(--clarify-ui-hover-background) text-(--clarify-theme-tokens-colors-primary)" : "text-(--clarify-ui-text-faint) hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-theme-tokens-colors-foreground)"),
+		children: /* @__PURE__ */ jsx(SearchIcon, {
+			className: "size-4",
+			"aria-hidden": "true"
 		})
 	});
 }
+function SchemaSearchInput(arg0) {
+	const { label, value, onChange } = arg0;
+	return /* @__PURE__ */ jsxs("label", {
+		className: "not-prose mb-3 flex h-9 items-center gap-2 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) px-3 transition focus-within:border-(--clarify-theme-tokens-colors-primary) focus-within:ring-2 focus-within:ring-(--clarify-theme-tokens-colors-primary)/15",
+		children: [
+			/* @__PURE__ */ jsx(SearchIcon, {
+				className: "size-4 shrink-0 text-(--clarify-ui-text-faint)",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "sr-only",
+				children: label
+			}),
+			/* @__PURE__ */ jsx("input", {
+				type: "search",
+				value,
+				onChange,
+				placeholder: label,
+				autoFocus: true,
+				className: "min-w-0 flex-1 bg-transparent text-sm text-(--clarify-theme-tokens-colors-foreground) outline-none placeholder:text-(--clarify-ui-text-faint)"
+			})
+		]
+	});
+}
 //#endregion
 //#region source/openapi/components/EndpointSections.tsx
 function EndpointRequest(arg0) {
 	const { spec, path, method, operationSource = "path", description, groupedParameters, parameters, requestBody, requestContents, requestSchema, selectedRequestMediaType, onSelectRequestMediaType, selectedServer, serverVariables, authOptions, auth, sharedExampleKey, onSelectExampleKey } = arg0;
 	const t = useBuiltInText();
 	const hasRequestBody = Boolean(requestBody && requestContents.length > 0);
+	const requestBodySearch = useSchemaSearch();
 	const renderDescription = () => {
 		if (!description) return null;
 		return /* @__PURE__ */ jsx(Markdown, { children: description });
@@ -3233,11 +3384,20 @@ function EndpointRequest(arg0) {
 			className: "text-sm/5 text-(--clarify-ui-text-soft)",
 			children: t("openapi.requestBodyEmpty")
 		});
-		return /* @__PURE__ */ jsxs(Fragment$1, { children: [typeof requestBody?.description === "string" ? /* @__PURE__ */ jsx(Markdown, { children: requestBody.description }) : null, /* @__PURE__ */ jsx(SchemaProperties, {
-			title: t("openapi.bodyProperties"),
-			schema: requestSchema,
-			spec
-		})] });
+		return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			requestBodySearch.open ? /* @__PURE__ */ jsx(SchemaSearchInput, {
+				label: t("openapi.searchBodyProperties"),
+				value: requestBodySearch.query,
+				onChange: requestBodySearch.onChange
+			}) : null,
+			typeof requestBody?.description === "string" ? /* @__PURE__ */ jsx(Markdown, { children: requestBody.description }) : null,
+			/* @__PURE__ */ jsx(SchemaProperties, {
+				title: t("openapi.bodyProperties"),
+				schema: requestSchema,
+				spec,
+				query: requestBodySearch.query
+			})
+		] });
 	};
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderDescription(), /* @__PURE__ */ jsxs(Row, {
 		className: "clarify-openapi-request-workspace relative mt-8 pt-6",
@@ -3259,6 +3419,11 @@ function EndpointRequest(arg0) {
 				}),
 				/* @__PURE__ */ jsx(OpenApiDocumentSection, {
 					title: t("openapi.requestBody"),
+					action: hasRequestBody ? /* @__PURE__ */ jsx(SchemaSearchButton, {
+						label: t("openapi.searchBodyProperties"),
+						open: requestBodySearch.open,
+						onClick: requestBodySearch.toggle
+					}) : null,
 					children: renderRequestBody()
 				})
 			]
@@ -3279,7 +3444,8 @@ function EndpointRequest(arg0) {
 					auth,
 					operationSource,
 					sharedExampleKey,
-					onSelectExampleKey
+					onSelectExampleKey,
+					query: requestBodySearch.query
 				})
 			})
 		})]
@@ -3290,6 +3456,7 @@ function EndpointResponse(arg0) {
 	const t = useBuiltInText();
 	const responseTitle = operationSource === "webhook" ? t("openapi.webhookResponses") : t("openapi.responses");
 	const responseExampleTitle = operationSource === "webhook" ? t("openapi.webhookResponse") : t("openapi.response");
+	const responseBodySearch = useSchemaSearch();
 	return /* @__PURE__ */ jsx("div", {
 		className: "mt-10 pt-6",
 		children: /* @__PURE__ */ jsxs(Row, {
@@ -3301,7 +3468,21 @@ function EndpointResponse(arg0) {
 					operation,
 					spec,
 					selectedStatus,
-					onSelectStatus
+					onSelectStatus,
+					query: responseBodySearch.query,
+					search: {
+						open: responseBodySearch.open,
+						action: /* @__PURE__ */ jsx(SchemaSearchButton, {
+							label: t("openapi.searchResponseBodyProperties"),
+							open: responseBodySearch.open,
+							onClick: responseBodySearch.toggle
+						}),
+						input: /* @__PURE__ */ jsx(SchemaSearchInput, {
+							label: t("openapi.searchResponseBodyProperties"),
+							value: responseBodySearch.query,
+							onChange: responseBodySearch.onChange
+						})
+					}
 				})
 			}) }), /* @__PURE__ */ jsx(Col, {
 				sticky: true,
@@ -3314,7 +3495,8 @@ function EndpointResponse(arg0) {
 						sharedExampleKey,
 						onSelectExampleKey,
 						selectedStatus,
-						onSelectStatus
+						onSelectStatus,
+						query: responseBodySearch.query
 					})
 				})
 			})]
@@ -4577,7 +4759,7 @@ function requestBodyForExample(spec, content, exampleKey) {
 	const example = getExampleEntries(content, spec).find((entry) => !entry.generated && entry.key === exampleKey);
 	return example ? stringifyExample(example.value) : initialRequestBody(spec, content);
 }
-function useOpenApiRequestTarget(spec, path, operation, operationSource) {
+function useOpenApiRequestTarget(spec, path, operation, operationSource, requestExample = "") {
 	const servers = getServers(spec, operation, path, operationSource);
 	const [selectedServerKey, setSelectedServerKey] = useState(getServerKey(servers[0], 0));
 	const selectedServer = servers.find((server, index) => getServerKey(server, index) === selectedServerKey) ?? servers[0];
@@ -4592,7 +4774,7 @@ function useOpenApiRequestTarget(spec, path, operation, operationSource) {
 	const requestContents = getMediaTypeEntries(getRequestBody$1(spec, operation)?.content, spec);
 	const [mediaType, setMediaType] = useState(requestContents[0]?.mediaType ?? "");
 	const selectedContent = requestContents.find((entry) => entry.mediaType === mediaType) ?? requestContents[0];
-	const [body, setBody] = useState(initialRequestBody(spec, selectedContent?.value));
+	const [body, setBody] = useState(requestBodyForExample(spec, selectedContent?.value, requestExample));
 	const [bodyFiles, setBodyFiles] = useState({});
 	function selectServer(value) {
 		const nextServer = servers.find((server, index) => getServerKey(server, index) === value) ?? servers[0];
@@ -4754,12 +4936,12 @@ function parameterGroupLabel(location, t) {
 	return t("openapi.queryParameters");
 }
 function OpenApiRequestWorkbench(arg0) {
-	const { spec, path, method, operation, operationSource = "path", compact = false, onClose } = arg0;
+	const { spec, path, method, operation, operationSource = "path", requestExample, compact = false, onClose } = arg0;
 	const t = useBuiltInText();
 	const parameters = getOperationParameters(spec, path, operation, operationSource);
-	const { servers, selectedServer, selectedServerKey, serverVariables, setServerVariables, serverVariableEntries, selectServer, authOptions, selectedAuthName, setSelectedAuthName, selectedAuth, credentialScope, credentials, setCredential, clearCredential, requestContents, mediaType, selectedContent, body, setBody, bodyFiles, setBodyFile, applyBodyExample, selectMediaType } = useOpenApiRequestTarget(spec, path, operation, operationSource);
+	const { servers, selectedServer, selectedServerKey, serverVariables, setServerVariables, serverVariableEntries, selectServer, authOptions, selectedAuthName, setSelectedAuthName, selectedAuth, credentialScope, credentials, setCredential, clearCredential, requestContents, mediaType, selectedContent, body, setBody, bodyFiles, setBodyFile, applyBodyExample, selectMediaType } = useOpenApiRequestTarget(spec, path, operation, operationSource, requestExample);
 	const requestExamples = getRequestExampleEntries(parameters, selectedContent?.value);
-	const [selectedRequestExampleKey, setSelectedRequestExampleKey] = useState(requestExamples[0]?.key ?? "");
+	const [selectedRequestExampleKey, setSelectedRequestExampleKey] = useState(requestExample ?? requestExamples[0]?.key ?? "");
 	const currentRequestExampleKey = requestExamples.some((example) => example.key === selectedRequestExampleKey) ? selectedRequestExampleKey : requestExamples[0]?.key ?? "";
 	const parameterState = useOpenApiParameterState(spec, parameters, (parameter) => initialParameterValue(spec, parameter), currentRequestExampleKey);
 	const { parameterValues, parameterEnabled, parameterIssues, setParameterGroupValues, setParameterIncluded, updateParameterValue, applyParameterExample } = parameterState;
@@ -4774,6 +4956,7 @@ function OpenApiRequestWorkbench(arg0) {
 	})).filter((group) => group.parameters.length > 0);
 	const pathParameters = parameters.filter((parameter) => parameter.in === "path");
 	const hasRequestConfiguration = authOptions.length > 0 || serverVariableEntries.length > 0 || parameters.length > 0 || requestContents.length > 0;
+	const showResponse = compact || Boolean(exchange || error);
 	function applyRequestExample(exampleKey) {
 		setSelectedRequestExampleKey(exampleKey);
 		applyParameterExample(exampleKey);
@@ -4985,9 +5168,9 @@ function OpenApiRequestWorkbench(arg0) {
 		});
 	}
 	return /* @__PURE__ */ jsxs("div", {
-		className: clsx("clarify-api-request flex min-h-0 min-w-0 flex-col not-prose bg-(--clarify-theme-tokens-colors-surface) [--clarify-theme-tokens-radius-lg:6px] [--clarify-theme-tokens-radius-md:4px] [--clarify-theme-tokens-radius-sm:2px] [--clarify-theme-tokens-radius-xl:8px] [--clarify-ui-accent-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_10%,transparent)] [--clarify-ui-accent-border:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_22%,transparent)] [--clarify-ui-accent-text:var(--clarify-theme-tokens-colors-foreground)] [--clarify-ui-active-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_12%,transparent)] [--clarify-ui-subtle-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_5%,transparent)]", compact ? "h-full" : "my-6"),
+		className: clsx("clarify-openapi-request flex min-h-0 min-w-0 flex-col not-prose bg-(--clarify-theme-tokens-colors-surface) [--clarify-ui-accent-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_10%,transparent)] [--clarify-ui-accent-border:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_22%,transparent)] [--clarify-ui-accent-text:var(--clarify-theme-tokens-colors-foreground)] [--clarify-ui-active-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_12%,transparent)] [--clarify-ui-subtle-background:color-mix(in_srgb,var(--clarify-theme-tokens-colors-foreground)_5%,transparent)]", compact ? "h-full" : "my-6 overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-theme-tokens-colors-border)"),
 		children: [renderHeader(), /* @__PURE__ */ jsxs("div", {
-			className: "grid min-h-0 flex-1 gap-0 px-0 lg:grid-cols-[minmax(0,1.12fr)_minmax(22rem,0.88fr)]",
+			className: clsx("grid min-h-0 flex-1 gap-0 px-0", showResponse && "lg:grid-cols-[minmax(0,1.12fr)_minmax(22rem,0.88fr)]"),
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex min-h-0 min-w-0 flex-col overflow-y-auto",
 				children: [
@@ -5024,13 +5207,13 @@ function OpenApiRequestWorkbench(arg0) {
 						})
 					}) : null
 				]
-			}), /* @__PURE__ */ jsx("div", {
+			}), showResponse ? /* @__PURE__ */ jsx("div", {
 				className: "h-full min-h-0 min-w-0 overflow-hidden border-t border-(--clarify-theme-tokens-colors-border) lg:border-t-0 lg:border-l",
 				children: /* @__PURE__ */ jsx(OpenApiResponseViewer, {
 					exchange,
 					error
 				})
-			})]
+			}) : null]
 		})]
 	});
 }
@@ -5044,7 +5227,7 @@ function OpenApiRequestDialog(arg0) {
 		children: [/* @__PURE__ */ jsx(DialogBackdrop, { className: "fixed inset-0 bg-(--clarify-ui-overlay-background) backdrop-blur-sm" }), /* @__PURE__ */ jsx("div", {
 			className: "fixed inset-0 grid place-items-center overflow-y-auto p-3 sm:p-6",
 			children: /* @__PURE__ */ jsxs(DialogPanel, {
-				className: "relative flex h-[min(46rem,calc(100dvh-1.5rem))] w-full max-w-7xl flex-col overflow-hidden rounded-lg border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) shadow-2xl sm:h-[min(46rem,calc(100dvh-3rem))]",
+				className: "relative flex h-[min(46rem,calc(100dvh-1.5rem))] w-full max-w-7xl flex-col overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) shadow-2xl sm:h-[min(46rem,calc(100dvh-3rem))]",
 				children: [/* @__PURE__ */ jsx(DialogTitle, {
 					className: "sr-only",
 					children: t("openapi.tryRequest")
@@ -5388,6 +5571,6 @@ function OpenApiOperation(arg0) {
 	});
 }
 //#endregion
-export { Code as A, GridPattern as C, Tag as D, Heading as E, CardGroup as F, Callout as I, Button as L, Pre as M, Mermaid as N, Feedback as O, Card as P, Prose as S, Logo as T, WebFrame as _, ResponseExamplesPanel as a, Step as b, getAuthOptions as c, getOpenApiOperationEntry as d, listOpenApiOperations as f, primitives_exports as g, Markdown as h, RequestExamplesPanel as i, CodeGroup as j, Collapse as k, getServerKey as l, getRequestBody$1 as m, OpenApiOperation as n, authPlaceholder as o, getMediaTypeEntries as p, OpenApiRequestWorkbench as r, defaultServerVariables as s, EndpointIdentity as t, getServers as u, TabItem as v, HeroPattern as w, Steps as x, Tabs as y };
+export { Code as A, GridPattern as C, Tag as D, Heading as E, CardGroup as F, Callout as I, Button as L, Pre as M, Mermaid as N, Feedback as O, Card as P, Prose as S, Logo as T, WebFrame as _, ResponseExamplesPanel as a, Step as b, getAuthOptions as c, getOpenApiOperationEntryById as d, listOpenApiOperations as f, primitives_exports as g, Markdown as h, RequestExamplesPanel as i, CodeGroup as j, Collapse as k, getServerKey as l, getRequestBody$1 as m, OpenApiOperation as n, authPlaceholder as o, getMediaTypeEntries as p, OpenApiRequestWorkbench as r, defaultServerVariables as s, EndpointIdentity as t, getServers as u, TabItem as v, HeroPattern as w, Steps as x, Tabs as y };
 
-//# sourceMappingURL=OpenApiOperation-BcJYHwft.js.map
+//# sourceMappingURL=OpenApiOperation-CbdKZMO1.js.map