@clarify-labs/renderer 0.11.4 → 0.11.6

package/output/{MermaidViewer-CPuTNujY.cjs → MermaidViewer-FOg263MO.cjs}

@@ -1,5 +1,5 @@
 const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
-const require_i18n = require("./i18n-Ds-f-qlT.cjs");
+const require_i18n = require("./i18n-Cjfk1N7i.cjs");
 let clsx = require("clsx");
 clsx = require_rolldown_runtime.__toESM(clsx, 1);
 let react = require("react");
@@ -62,7 +62,7 @@ function MermaidViewer(arg0) {
 		onPointerDown: () => containerRef.current?.focus(),
 		onFocus: () => setFocused(true),
 		onBlur: () => setFocused(false),
-		className: (0, clsx.default)("clarify-mermaid group not-prose relative my-6 overflow-hidden rounded-2xl border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)", className),
+		className: (0, clsx.default)("clarify-mermaid group not-prose relative my-6 resize-y overflow-hidden rounded-2xl border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)", className),
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_zoom_pan_pinch.TransformWrapper, {
 			minScale: .5,
 			maxScale: 8,
@@ -70,7 +70,7 @@ function MermaidViewer(arg0) {
 			centerOnInit: true,
 			smooth: true,
 			wheel: {
-				step: .05,
+				step: .01,
 				wheelDisabled: !focused,
 				touchPadDisabled: !focused
 			},
@@ -78,9 +78,8 @@ function MermaidViewer(arg0) {
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(ZoomControls, {}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_zoom_pan_pinch.TransformComponent, {
-					wrapperClass: "!w-full !cursor-grab active:!cursor-grabbing",
-					contentClass: "!w-full justify-center [&_svg]:h-auto [&_svg]:max-w-full",
-					wrapperStyle: { height: "min(70vh, 32rem)" },
+					wrapperClass: "!h-full !w-full !cursor-grab active:!cursor-grabbing",
+					contentClass: "!h-full !w-full justify-center [&_svg]:h-auto [&_svg]:max-w-full",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 						className: "flex h-full w-full items-center justify-center p-4",
 						dangerouslySetInnerHTML: { __html: svg }
@@ -98,4 +97,4 @@ function MermaidViewer(arg0) {
 exports.MermaidViewer = MermaidViewer;
 exports.default = MermaidViewer;
 
-//# sourceMappingURL=MermaidViewer-CPuTNujY.cjs.map
+//# sourceMappingURL=MermaidViewer-FOg263MO.cjs.map

package/output/MermaidViewer-FOg263MO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidViewer-FOg263MO.cjs","names":[],"sources":["../source/components/MermaidViewer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { Maximize2, ZoomIn, ZoomOut } from 'lucide-react'\nimport { useRef, useState, type ReactNode } from 'react'\nimport { TransformComponent, TransformWrapper, useControls } from 'react-zoom-pan-pinch'\n\nimport { useBuiltInText } from '../core/i18n'\n\ntype MermaidViewerProps = {\n  svg: string\n  className?: string\n}\n\nfunction ZoomControls(): ReactNode {\n  const { zoomIn, zoomOut, resetTransform } = useControls()\n  const t = useBuiltInText()\n\n  const buttonClassName = 'flex h-7 w-7 items-center justify-center rounded-md bg-(--clarify-theme-tokens-colors-surface) text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-theme-tokens-colors-foreground)'\n\n  return (\n    <div className=\"clarify-mermaid-controls absolute top-2 right-2 z-10 flex gap-1 opacity-0 transition group-hover:opacity-100 focus-within:opacity-100\">\n      <button type=\"button\" aria-label={t('mermaid.zoomIn')} title={t('mermaid.zoomIn')} onClick={() => zoomIn()} className={buttonClassName}>\n        <ZoomIn className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.zoomOut')} title={t('mermaid.zoomOut')} onClick={() => zoomOut()} className={buttonClassName}>\n        <ZoomOut className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.resetZoom')} title={t('mermaid.resetZoom')} onClick={() => resetTransform()} className={buttonClassName}>\n        <Maximize2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n\nexport function MermaidViewer(arg0: MermaidViewerProps): ReactNode {\n  const { svg, className } = arg0\n\n  const t = useBuiltInText()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [focused, setFocused] = useState(false)\n\n  return (\n    <div\n      ref={containerRef}\n      tabIndex={0}\n      role=\"group\"\n      onPointerDown={() => containerRef.current?.focus()}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      className={clsx('clarify-mermaid group not-prose relative my-6 resize-y overflow-hidden rounded-2xl border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)', className)}\n    >\n      <TransformWrapper\n        minScale={0.5}\n        maxScale={8}\n        initialScale={1}\n        centerOnInit\n        smooth\n        wheel={{ step: 0.01, wheelDisabled: !focused, touchPadDisabled: !focused }}\n        doubleClick={{ mode: 'reset' }}\n      >\n        <ZoomControls />\n        <TransformComponent\n          wrapperClass=\"!h-full !w-full !cursor-grab active:!cursor-grabbing\"\n          contentClass=\"!h-full !w-full justify-center [&_svg]:h-auto [&_svg]:max-w-full\"\n        >\n          <div className=\"flex h-full w-full items-center justify-center p-4\" dangerouslySetInnerHTML={{ __html: svg }} />\n        </TransformComponent>\n        <p\n          className={clsx(\n            'clarify-mermaid-hint pointer-events-none absolute bottom-2 left-1/2 z-10 -translate-x-1/2 rounded-full bg-(--clarify-theme-tokens-colors-surface)/90 px-2.5 py-1 text-2xs text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) backdrop-blur-sm transition',\n            focused ? 'opacity-0' : 'opacity-0 group-hover:opacity-100',\n          )}\n        >\n          {t('mermaid.scrollHint')}\n        </p>\n      </TransformWrapper>\n    </div>\n  )\n}\n\nexport default MermaidViewer\n"],"mappings":";;;;;;;;;AAYA,SAAS,eAA0B;CACjC,MAAM,EAAE,QAAQ,SAAS,oBAAA,GAAA,qBAAA,YAAA,CAA+B;CACxD,MAAM,IAAI,aAAA,eAAe;CAEzB,MAAM,kBAAkB;CAExB,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,gBAAgB;IAAG,OAAO,EAAE,gBAAgB;IAAG,eAAe,OAAO;IAAG,WAAW;cACrH,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,QAAD;KAAQ,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC1C,CAAA;GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,iBAAiB;IAAG,OAAO,EAAE,iBAAiB;IAAG,eAAe,QAAQ;IAAG,WAAW;cACxH,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,SAAD;KAAS,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC3C,CAAA;GACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,mBAAmB;IAAG,OAAO,EAAE,mBAAmB;IAAG,eAAe,eAAe;IAAG,WAAW;cACnI,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,WAAD;KAAW,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC7C,CAAA;EACL;;AAET;AAEA,SAAgB,cAAc,MAAqC;CACjE,MAAM,EAAE,KAAK,cAAc;CAE3B,MAAM,IAAI,aAAA,eAAe;CACzB,MAAM,gBAAA,GAAA,MAAA,OAAA,CAAsC,IAAI;CAChD,MAAM,CAAC,SAAS,eAAA,GAAA,MAAA,SAAA,CAAuB,KAAK;CAE5C,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;EACE,KAAK;EACL,UAAU;EACV,MAAK;EACL,qBAAqB,aAAa,SAAS,MAAM;EACjD,eAAe,WAAW,IAAI;EAC9B,cAAc,WAAW,KAAK;EAC9B,YAAA,GAAA,KAAA,QAAA,CAAgB,mRAAmR,SAAS;YAE5S,iBAAA,GAAA,kBAAA,KAAA,CAAC,qBAAA,kBAAD;GACE,UAAU;GACV,UAAU;GACV,cAAc;GACd,cAAA;GACA,QAAA;GACA,OAAO;IAAE,MAAM;IAAM,eAAe,CAAC;IAAS,kBAAkB,CAAC;GAAQ;GACzE,aAAa,EAAE,MAAM,QAAQ;aAP/B;IASE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAD,CAAe,CAAA;IACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,oBAAD;KACE,cAAa;KACb,cAAa;eAEb,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;MAAK,WAAU;MAAqD,yBAAyB,EAAE,QAAQ,IAAI;KAAI,CAAA;IAC7F,CAAA;IACpB,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;KACE,YAAA,GAAA,KAAA,QAAA,CACE,oSACA,UAAU,cAAc,mCAC1B;eAEC,EAAE,oBAAoB;IACtB,CAAA;GACa;;CACf,CAAA;AAET"}

package/output/{MermaidViewer-EVuBmrzA.js → MermaidViewer-_tpH0JNn.js}

@@ -1,4 +1,4 @@
-import { t as useBuiltInText } from "./i18n-LXAq0RIC.js";
+import { t as useBuiltInText } from "./i18n-Cff810G_.js";
 import clsx from "clsx";
 import { useRef, useState } from "react";
 import { Maximize2, ZoomIn, ZoomOut } from "lucide-react";
@@ -60,7 +60,7 @@ function MermaidViewer(arg0) {
 		onPointerDown: () => containerRef.current?.focus(),
 		onFocus: () => setFocused(true),
 		onBlur: () => setFocused(false),
-		className: clsx("clarify-mermaid group not-prose relative my-6 overflow-hidden rounded-2xl border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)", className),
+		className: clsx("clarify-mermaid group not-prose relative my-6 resize-y overflow-hidden rounded-2xl border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)", className),
 		children: /* @__PURE__ */ jsxs(TransformWrapper, {
 			minScale: .5,
 			maxScale: 8,
@@ -68,7 +68,7 @@ function MermaidViewer(arg0) {
 			centerOnInit: true,
 			smooth: true,
 			wheel: {
-				step: .05,
+				step: .01,
 				wheelDisabled: !focused,
 				touchPadDisabled: !focused
 			},
@@ -76,9 +76,8 @@ function MermaidViewer(arg0) {
 			children: [
 				/* @__PURE__ */ jsx(ZoomControls, {}),
 				/* @__PURE__ */ jsx(TransformComponent, {
-					wrapperClass: "!w-full !cursor-grab active:!cursor-grabbing",
-					contentClass: "!w-full justify-center [&_svg]:h-auto [&_svg]:max-w-full",
-					wrapperStyle: { height: "min(70vh, 32rem)" },
+					wrapperClass: "!h-full !w-full !cursor-grab active:!cursor-grabbing",
+					contentClass: "!h-full !w-full justify-center [&_svg]:h-auto [&_svg]:max-w-full",
 					children: /* @__PURE__ */ jsx("div", {
 						className: "flex h-full w-full items-center justify-center p-4",
 						dangerouslySetInnerHTML: { __html: svg }
@@ -95,4 +94,4 @@ function MermaidViewer(arg0) {
 //#endregion
 export { MermaidViewer, MermaidViewer as default };
 
-//# sourceMappingURL=MermaidViewer-EVuBmrzA.js.map
+//# sourceMappingURL=MermaidViewer-_tpH0JNn.js.map

package/output/MermaidViewer-_tpH0JNn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MermaidViewer-_tpH0JNn.js","names":[],"sources":["../source/components/MermaidViewer.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { Maximize2, ZoomIn, ZoomOut } from 'lucide-react'\nimport { useRef, useState, type ReactNode } from 'react'\nimport { TransformComponent, TransformWrapper, useControls } from 'react-zoom-pan-pinch'\n\nimport { useBuiltInText } from '../core/i18n'\n\ntype MermaidViewerProps = {\n  svg: string\n  className?: string\n}\n\nfunction ZoomControls(): ReactNode {\n  const { zoomIn, zoomOut, resetTransform } = useControls()\n  const t = useBuiltInText()\n\n  const buttonClassName = 'flex h-7 w-7 items-center justify-center rounded-md bg-(--clarify-theme-tokens-colors-surface) text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-theme-tokens-colors-foreground)'\n\n  return (\n    <div className=\"clarify-mermaid-controls absolute top-2 right-2 z-10 flex gap-1 opacity-0 transition group-hover:opacity-100 focus-within:opacity-100\">\n      <button type=\"button\" aria-label={t('mermaid.zoomIn')} title={t('mermaid.zoomIn')} onClick={() => zoomIn()} className={buttonClassName}>\n        <ZoomIn className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.zoomOut')} title={t('mermaid.zoomOut')} onClick={() => zoomOut()} className={buttonClassName}>\n        <ZoomOut className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n      <button type=\"button\" aria-label={t('mermaid.resetZoom')} title={t('mermaid.resetZoom')} onClick={() => resetTransform()} className={buttonClassName}>\n        <Maximize2 className=\"h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n    </div>\n  )\n}\n\nexport function MermaidViewer(arg0: MermaidViewerProps): ReactNode {\n  const { svg, className } = arg0\n\n  const t = useBuiltInText()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [focused, setFocused] = useState(false)\n\n  return (\n    <div\n      ref={containerRef}\n      tabIndex={0}\n      role=\"group\"\n      onPointerDown={() => containerRef.current?.focus()}\n      onFocus={() => setFocused(true)}\n      onBlur={() => setFocused(false)}\n      className={clsx('clarify-mermaid group not-prose relative my-6 resize-y overflow-hidden rounded-2xl border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) outline-none focus-visible:ring-2 focus-visible:ring-(--clarify-theme-tokens-colors-primary)', className)}\n    >\n      <TransformWrapper\n        minScale={0.5}\n        maxScale={8}\n        initialScale={1}\n        centerOnInit\n        smooth\n        wheel={{ step: 0.01, wheelDisabled: !focused, touchPadDisabled: !focused }}\n        doubleClick={{ mode: 'reset' }}\n      >\n        <ZoomControls />\n        <TransformComponent\n          wrapperClass=\"!h-full !w-full !cursor-grab active:!cursor-grabbing\"\n          contentClass=\"!h-full !w-full justify-center [&_svg]:h-auto [&_svg]:max-w-full\"\n        >\n          <div className=\"flex h-full w-full items-center justify-center p-4\" dangerouslySetInnerHTML={{ __html: svg }} />\n        </TransformComponent>\n        <p\n          className={clsx(\n            'clarify-mermaid-hint pointer-events-none absolute bottom-2 left-1/2 z-10 -translate-x-1/2 rounded-full bg-(--clarify-theme-tokens-colors-surface)/90 px-2.5 py-1 text-2xs text-(--clarify-ui-text-soft) shadow-xs ring-1 ring-(--clarify-theme-tokens-colors-border) backdrop-blur-sm transition',\n            focused ? 'opacity-0' : 'opacity-0 group-hover:opacity-100',\n          )}\n        >\n          {t('mermaid.scrollHint')}\n        </p>\n      </TransformWrapper>\n    </div>\n  )\n}\n\nexport default MermaidViewer\n"],"mappings":";;;;;;;AAYA,SAAS,eAA0B;CACjC,MAAM,EAAE,QAAQ,SAAS,mBAAmB,YAAY;CACxD,MAAM,IAAI,eAAe;CAEzB,MAAM,kBAAkB;CAExB,OACE,qBAAC,OAAD;EAAK,WAAU;YAAf;GACE,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,gBAAgB;IAAG,OAAO,EAAE,gBAAgB;IAAG,eAAe,OAAO;IAAG,WAAW;cACrH,oBAAC,QAAD;KAAQ,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC1C,CAAA;GACR,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,iBAAiB;IAAG,OAAO,EAAE,iBAAiB;IAAG,eAAe,QAAQ;IAAG,WAAW;cACxH,oBAAC,SAAD;KAAS,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC3C,CAAA;GACR,oBAAC,UAAD;IAAQ,MAAK;IAAS,cAAY,EAAE,mBAAmB;IAAG,OAAO,EAAE,mBAAmB;IAAG,eAAe,eAAe;IAAG,WAAW;cACnI,oBAAC,WAAD;KAAW,WAAU;KAAU,eAAY;IAAQ,CAAA;GAC7C,CAAA;EACL;;AAET;AAEA,SAAgB,cAAc,MAAqC;CACjE,MAAM,EAAE,KAAK,cAAc;CAE3B,MAAM,IAAI,eAAe;CACzB,MAAM,eAAe,OAAuB,IAAI;CAChD,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAE5C,OACE,oBAAC,OAAD;EACE,KAAK;EACL,UAAU;EACV,MAAK;EACL,qBAAqB,aAAa,SAAS,MAAM;EACjD,eAAe,WAAW,IAAI;EAC9B,cAAc,WAAW,KAAK;EAC9B,WAAW,KAAK,mRAAmR,SAAS;YAE5S,qBAAC,kBAAD;GACE,UAAU;GACV,UAAU;GACV,cAAc;GACd,cAAA;GACA,QAAA;GACA,OAAO;IAAE,MAAM;IAAM,eAAe,CAAC;IAAS,kBAAkB,CAAC;GAAQ;GACzE,aAAa,EAAE,MAAM,QAAQ;aAP/B;IASE,oBAAC,cAAD,CAAe,CAAA;IACf,oBAAC,oBAAD;KACE,cAAa;KACb,cAAa;eAEb,oBAAC,OAAD;MAAK,WAAU;MAAqD,yBAAyB,EAAE,QAAQ,IAAI;KAAI,CAAA;IAC7F,CAAA;IACpB,oBAAC,KAAD;KACE,WAAW,KACT,oSACA,UAAU,cAAc,mCAC1B;eAEC,EAAE,oBAAoB;IACtB,CAAA;GACa;;CACf,CAAA;AAET"}

package/output/{OpenApiOperation-Ddax6Pen.js → OpenApiOperation-Dv9u2GEJ.js}

@@ -1,5 +1,5 @@
-import { a as useConfig, s as useLocale, t as useBuiltInText } from "./i18n-LXAq0RIC.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-BBRz0tJ4.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-EVuBmrzA.js"));
+var MermaidViewer = lazy(() => import("./MermaidViewer-_tpH0JNn.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))
 		})]
@@ -1744,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);
 }
@@ -1782,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 ?? {};
@@ -1812,9 +1804,9 @@ var endpointMethodStyleVars = {
 	WEBHOOK: "bg-(--clarify-http-method-webhook-background) text-(--clarify-http-method-webhook-text)"
 };
 function EndpointMethodBadge(arg0) {
-	const { method } = arg0;
+	const { method, compact = false } = arg0;
 	return /* @__PURE__ */ jsx("span", {
-		className: clsx("rounded-(--clarify-theme-tokens-radius-md) px-2.5 py-0.5 text-xs/6 font-black tracking-wide", endpointMethodStyleVars[method] ?? "bg-(--clarify-http-method-default-background) text-(--clarify-http-method-default-text)"),
+		className: clsx(compact ? "rounded px-1.5 py-0.5 text-[0.625rem]/4 font-bold" : "rounded-(--clarify-theme-tokens-radius-md) px-2.5 py-0.5 text-xs/6 font-black tracking-wide", endpointMethodStyleVars[method] ?? "bg-(--clarify-http-method-default-background) text-(--clarify-http-method-default-text)"),
 		children: method
 	});
 }
@@ -3075,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", {
@@ -3140,7 +3132,7 @@ 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"),
@@ -3151,10 +3143,13 @@ function SchemaNode(arg0) {
 		}) : /* @__PURE__ */ jsx("div", {
 			className: rowClassName,
 			children: content
-		}), hasChildren && expanded ? /* @__PURE__ */ jsx(SchemaTree, {
-			nodes: node.children,
-			depth: depth + 1,
-			forceExpanded
+		}), hasChildren ? /* @__PURE__ */ jsx("div", {
+			className: clsx(!expanded && "hidden"),
+			children: /* @__PURE__ */ jsx(SchemaTree, {
+				nodes: node.children,
+				depth: depth + 1,
+				forceExpanded
+			})
 		}) : null]
 	});
 }
@@ -3172,18 +3167,24 @@ function SchemaTree(arg0) {
 		}, node.key))
 	});
 }
-function filterSchemaNodes(nodes, query) {
-	if (!query.trim()) return nodes;
-	return nodes.flatMap((node) => {
-		const children = filterSchemaNodes(node.children, query);
-		return fuzzyMatch(getSchemaSearchText(node.name, {
+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
-		}), query) || children.length > 0 ? [{
+		});
+		return {
 			...node,
+			visible: fuzzyMatch(searchableText, query) || children.some((child) => child.visible),
 			children
-		}] : [];
+		};
 	});
 }
 function SchemaProperties(arg0) {
@@ -3191,20 +3192,22 @@ function SchemaProperties(arg0) {
 	const t = useBuiltInText();
 	const root = getRootSchemaNode(spec, schema, defaultExpanded);
 	if (!root || root.children.length === 0) return null;
-	const filteredNodes = filterSchemaNodes(root.children, query);
-	const hasQuery = Boolean(query.trim());
+	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__ */ jsx(OpenApiDocumentSection, {
+	return /* @__PURE__ */ jsxs(OpenApiDocumentSection, {
 		title,
 		level: 4,
 		bodyClassName: "clarify-schema-properties not-prose",
-		children: filteredNodes.length > 0 ? /* @__PURE__ */ jsx(SchemaTree, {
-			nodes: filteredNodes,
+		children: [/* @__PURE__ */ jsx(SchemaTree, {
+			nodes,
 			forceExpanded: hasQuery
-		}) : /* @__PURE__ */ jsx("p", {
-			className: "m-0 py-2 text-sm/5 text-(--clarify-ui-text-soft)",
+		}), /* @__PURE__ */ jsx("p", {
+			className: clsx("m-0 py-2 text-sm/5 text-(--clarify-ui-text-soft)", hasVisibleNodes && "hidden"),
 			children: resolvedEmptyText
-		})
+		})]
 	});
 }
 function ParameterList(arg0) {
@@ -4756,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];
@@ -4771,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];
@@ -4933,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;
@@ -4953,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);
@@ -5164,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: [
@@ -5203,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]
 		})]
 	});
 }
@@ -5223,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")
@@ -5567,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 { Feedback as A, LocalizedLink as B, Steps as C, Logo as D, HeroPattern as E, Mermaid as F, Card as I, CardGroup as L, Code as M, CodeGroup as N, Heading as O, Pre as P, Callout as R, Step as S, GridPattern as T, Markdown as _, ResponseExamplesPanel as a, TabItem as b, getAuthOptions as c, EndpointMethodBadge as d, getOpenApiOperationEntryById as f, getRequestBody$1 as g, getMediaTypeEntries as h, RequestExamplesPanel as i, Collapse as j, Tag as k, getServerKey as l, listOpenApiOperations as m, OpenApiOperation as n, authPlaceholder as o, getOpenApiOperationSectionId as p, OpenApiRequestWorkbench as r, defaultServerVariables as s, EndpointIdentity as t, getServers as u, primitives_exports as v, Prose as w, Tabs as x, WebFrame as y, Button as z };
 
-//# sourceMappingURL=OpenApiOperation-Ddax6Pen.js.map
+//# sourceMappingURL=OpenApiOperation-Dv9u2GEJ.js.map