@apiboost/omnispec 1.0.0

package/dist/cjs/chunks/OpenIdConnectManual-oEnN0QJ-.js

@@ -0,0 +1,2416 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useSpecFetcher = require('./useSpecFetcher-BKz1jHTV.js');
+var css = require('@emotion/css');
+var Collapsible = require('./Collapsible-BHAHk_Ep.js');
+var binaryResponse = require('./binary-response-CSrPCI-1.js');
+
+const AUTH_KEY_PREFIX = "omnispec:auth";
+function getStorage$1() {
+  try {
+    if (typeof window === "undefined" || !window.localStorage) return null;
+    if (typeof window.localStorage.setItem !== "function" || typeof window.localStorage.getItem !== "function") {
+      return null;
+    }
+    return window.localStorage;
+  } catch {
+    return null;
+  }
+}
+function persistEnabled(ttlSeconds) {
+  return typeof ttlSeconds === "number" && Number.isFinite(ttlSeconds) && ttlSeconds > 0;
+}
+function authStorageKey(specKey) {
+  return `${AUTH_KEY_PREFIX}:${specKey}`;
+}
+function loadPersistedAuth(specKey, ttlSeconds) {
+  if (!specKey || !persistEnabled(ttlSeconds)) return /* @__PURE__ */ new Map();
+  const storage = getStorage$1();
+  if (!storage) return /* @__PURE__ */ new Map();
+  const key = authStorageKey(specKey);
+  try {
+    const raw = storage.getItem(key);
+    if (!raw) return /* @__PURE__ */ new Map();
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed.savedAt !== "number" || !Array.isArray(parsed.values)) {
+      storage.removeItem(key);
+      return /* @__PURE__ */ new Map();
+    }
+    if (Date.now() - parsed.savedAt > ttlSeconds * 1e3) {
+      storage.removeItem(key);
+      return /* @__PURE__ */ new Map();
+    }
+    return new Map(parsed.values.filter((v) => v && v.schemeId).map((v) => [v.schemeId, v]));
+  } catch {
+    return /* @__PURE__ */ new Map();
+  }
+}
+function persistAuth(auth, specKey, ttlSeconds) {
+  if (!specKey) return;
+  const storage = getStorage$1();
+  if (!storage) return;
+  const key = authStorageKey(specKey);
+  try {
+    if (!persistEnabled(ttlSeconds) || auth.size === 0) {
+      storage.removeItem(key);
+      return;
+    }
+    const envelope = { savedAt: Date.now(), values: Array.from(auth.values()) };
+    storage.setItem(key, JSON.stringify(envelope));
+  } catch {
+  }
+}
+const AuthContext = React.createContext({
+  appliedAuth: /* @__PURE__ */ new Map(),
+  applyAuth: () => {
+  },
+  removeAuth: () => {
+  },
+  clearAuth: () => {
+  },
+  getAuthHeaders: () => ({}),
+  schemes: [],
+  hasAuth: false,
+  authPanelOpen: false,
+  openAuthPanel: () => {
+  },
+  closeAuthPanel: () => {
+  }
+});
+function useAuth() {
+  return React.useContext(AuthContext);
+}
+function AuthProvider({ children, schemes = [] }) {
+  const { specKey, tryItPersistTtl } = useSpecFetcher.useConfig();
+  const [appliedAuth, setAppliedAuth] = React.useState(
+    () => loadPersistedAuth(specKey, tryItPersistTtl)
+  );
+  const [authPanelOpen, setAuthPanelOpen] = React.useState(false);
+  React.useEffect(() => {
+    persistAuth(appliedAuth, specKey, tryItPersistTtl);
+  }, [appliedAuth, specKey, tryItPersistTtl]);
+  const applyAuth = React.useCallback((value2) => {
+    setAppliedAuth((prev) => {
+      const next = new Map(prev);
+      next.set(value2.schemeId, value2);
+      return next;
+    });
+  }, []);
+  const removeAuth = React.useCallback((schemeId) => {
+    setAppliedAuth((prev) => {
+      const next = new Map(prev);
+      next.delete(schemeId);
+      return next;
+    });
+  }, []);
+  const clearAuth = React.useCallback(() => {
+    setAppliedAuth(/* @__PURE__ */ new Map());
+  }, []);
+  const getAuthHeaders = React.useCallback(() => {
+    const headers = {};
+    for (const auth of appliedAuth.values()) {
+      headers[auth.headerName] = auth.headerValue;
+    }
+    return headers;
+  }, [appliedAuth]);
+  const openAuthPanel = React.useCallback(() => setAuthPanelOpen(true), []);
+  const closeAuthPanel = React.useCallback(() => setAuthPanelOpen(false), []);
+  const value = React.useMemo(() => ({
+    appliedAuth,
+    applyAuth,
+    removeAuth,
+    clearAuth,
+    getAuthHeaders,
+    schemes,
+    hasAuth: schemes.length > 0,
+    authPanelOpen,
+    openAuthPanel,
+    closeAuthPanel
+  }), [appliedAuth, applyAuth, removeAuth, clearAuth, getAuthHeaders, schemes, authPanelOpen, openAuthPanel, closeAuthPanel]);
+  return /* @__PURE__ */ jsxRuntime.jsx(AuthContext.Provider, { value, children });
+}
+
+const MOBILE_TABS = [
+  { id: "schema", label: "Schema" },
+  { id: "samples", label: "Samples" },
+  { id: "try-it", label: "Try It" }
+];
+const RIGHT_TABS = [
+  { id: "samples", label: "Samples" },
+  { id: "try-it", label: "Try It" }
+];
+function ReferenceLayout({ schema, samples, tryIt, operationId }) {
+  const [rightTab, setRightTab] = React.useState("samples");
+  const [mobileTab, setMobileTab] = React.useState("schema");
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: mobileWrapperStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: mobileTabBarStyle, role: "tablist", children: MOBILE_TABS.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": mobileTab === tab.id,
+          "aria-controls": `mobile-panel-${operationId}-${tab.id}`,
+          onClick: () => setMobileTab(tab.id),
+          className: css.cx(mobileTabStyle, mobileTab === tab.id ? mobileTabActiveStyle : void 0),
+          children: tab.label
+        },
+        tab.id
+      )) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          id: `mobile-panel-${operationId}-${mobileTab}`,
+          className: mobileContentStyle,
+          role: "tabpanel",
+          children: [
+            mobileTab === "schema" && schema,
+            mobileTab === "samples" && samples,
+            mobileTab === "try-it" && tryIt
+          ]
+        }
+      )
+    ] }, `mobile-${operationId}`),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: desktopWrapperStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: leftColumnStyle$1, children: schema }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rightColumnStyle$1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: rightTabBarStyle, role: "tablist", children: RIGHT_TABS.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": rightTab === tab.id,
+            "aria-controls": `right-panel-${operationId}-${tab.id}`,
+            onClick: () => setRightTab(tab.id),
+            className: css.cx(rightTabStyle, rightTab === tab.id ? rightTabActiveStyle : void 0),
+            children: tab.label
+          },
+          tab.id
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            id: `right-panel-${operationId}-${rightTab}`,
+            className: rightContentStyle,
+            role: "tabpanel",
+            children: [
+              rightTab === "samples" && samples,
+              rightTab === "try-it" && tryIt
+            ]
+          }
+        )
+      ] })
+    ] }, `desktop-${operationId}`)
+  ] });
+}
+const mobileWrapperStyle = css.css({
+  display: "block",
+  [useSpecFetcher.mq.desktop]: {
+    display: "none"
+  }
+});
+const mobileTabBarStyle = css.css({
+  display: "flex",
+  borderBottom: "1px solid var(--omnispec-border-color)"
+});
+const mobileTabStyle = css.css({
+  flex: 1,
+  textAlign: "center",
+  padding: "0.625rem 0.5rem",
+  background: "none",
+  border: "none",
+  borderBottom: "0.125rem solid transparent",
+  cursor: "pointer",
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontWeight: 600,
+  letterSpacing: "0.04em",
+  textTransform: "uppercase",
+  color: "var(--omnispec-fg-secondary)",
+  "&:hover": {
+    color: "var(--omnispec-fg-primary)"
+  }
+});
+const mobileTabActiveStyle = css.css({
+  borderBottom: "0.125rem solid var(--omnispec-color-primary)",
+  color: "var(--omnispec-color-primary)"
+});
+const mobileContentStyle = css.css({
+  padding: "1rem 0"
+});
+const desktopWrapperStyle = css.css({
+  display: "none",
+  [useSpecFetcher.mq.desktop]: {
+    display: "flex",
+    alignItems: "flex-start"
+  }
+});
+const leftColumnStyle$1 = css.css({
+  flex: 1,
+  minWidth: 0,
+  padding: "1rem 1.5rem"
+});
+const rightColumnStyle$1 = css.css({
+  width: "26rem",
+  flexShrink: 0,
+  borderLeft: "1px solid var(--omnispec-border-color)",
+  position: "sticky",
+  top: "calc(var(--omnispec-offset-top, 0px) + 1rem)",
+  alignSelf: "flex-start",
+  maxHeight: "calc(100vh - var(--omnispec-offset-top, 0px) - 2rem)",
+  overflowY: "auto"
+});
+const rightTabBarStyle = css.css({
+  display: "flex",
+  borderBottom: "1px solid var(--omnispec-border-color)"
+});
+const rightTabStyle = css.css({
+  flex: 1,
+  textAlign: "center",
+  padding: "0.625rem 0.5rem",
+  background: "none",
+  border: "none",
+  borderBottom: "0.125rem solid transparent",
+  cursor: "pointer",
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontWeight: 600,
+  letterSpacing: "0.04em",
+  textTransform: "uppercase",
+  color: "var(--omnispec-fg-secondary)",
+  "&:hover": {
+    color: "var(--omnispec-fg-primary)"
+  }
+});
+const rightTabActiveStyle = css.css({
+  borderBottom: "0.125rem solid var(--omnispec-color-primary)",
+  color: "var(--omnispec-color-primary)"
+});
+const rightContentStyle = css.css({
+  padding: "1rem"
+});
+
+function buildParamSchemaNodes(parameters) {
+  return parameters.map((p) => ({
+    name: p.name,
+    type: p.schema?.type ?? "any",
+    format: p.schema?.format,
+    description: p.description,
+    required: p.required,
+    enum: p.schema?.enum,
+    default: p.schema?.default,
+    constraints: []
+  }));
+}
+function getStatusColor$2(code) {
+  const num = parseInt(code, 10);
+  if (num >= 200 && num < 300) return "var(--omnispec-color-success)";
+  if (num >= 400 && num < 500) return "var(--omnispec-color-warning)";
+  if (num >= 500) return "var(--omnispec-color-error)";
+  return "var(--omnispec-fg-primary)";
+}
+function getStatusBg$1(code) {
+  const num = parseInt(code, 10);
+  if (num >= 200 && num < 300) return "rgba(26, 127, 55, 0.08)";
+  if (num >= 400 && num < 500) return "rgba(191, 135, 0, 0.08)";
+  if (num >= 500) return "rgba(207, 34, 46, 0.08)";
+  return "var(--omnispec-bg-tertiary)";
+}
+function ResponseCard({ response }) {
+  const [expanded, setExpanded] = React.useState(false);
+  const { expandAll, expandGeneration } = Collapsible.useExpandAll();
+  React.useEffect(() => {
+    if (expandGeneration > 0) {
+      setExpanded(!!expandAll);
+    }
+  }, [expandAll, expandGeneration]);
+  const statusColor = getStatusColor$2(response.statusCode);
+  const statusBg = getStatusBg$1(response.statusCode);
+  const hasContent = response.content && Object.keys(response.content).length > 0;
+  const header = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: css.cx(
+          statusPillStyle,
+          css.css({ color: statusColor, backgroundColor: "transparent" })
+        ),
+        children: response.statusCode
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: responseDescStyle, children: response.description })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: css.cx(
+        responseCardStyle,
+        css.css({
+          borderLeft: `0.1875rem solid ${statusColor}`,
+          backgroundColor: statusBg
+        })
+      ),
+      children: [
+        hasContent ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "button",
+          {
+            type: "button",
+            className: responseCardHeaderStyle,
+            onClick: () => setExpanded((prev) => !prev),
+            "aria-expanded": expanded,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  className: css.cx(
+                    chevronStyle,
+                    css.css({ transform: expanded ? "rotate(90deg)" : "rotate(0deg)" })
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(useSpecFetcher.Icon, { name: "chevron-right", size: "0.875rem" })
+                }
+              ),
+              header
+            ]
+          }
+        ) : (
+          // No response schema — render a static, non-interactive row. The left
+          // inset keeps the status pill aligned with the expandable rows' pills.
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: responseCardStaticHeaderStyle, children: header })
+        ),
+        expanded && hasContent && /* @__PURE__ */ jsxRuntime.jsx("div", { className: responseBodyStyle, children: Object.entries(response.content).map(([contentType, media]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: schemaHeaderRowStyle, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: sectionLabelStyle, children: "Response Schema" }),
+            /* @__PURE__ */ jsxRuntime.jsx("code", { className: contentTypeBadgeStyle$1, children: contentType })
+          ] }),
+          media.schema && /* @__PURE__ */ jsxRuntime.jsx(Collapsible.SchemaTree, { nodes: Collapsible.schemaToNodes(media.schema), context: "response" })
+        ] }, contentType)) })
+      ]
+    }
+  );
+}
+function ParamSection({ title, params }) {
+  if (params.length === 0) return null;
+  const nodes = buildParamSchemaNodes(params);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: sectionStyle$1, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: sectionTitleStyle$1, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx(Collapsible.SchemaTree, { nodes })
+  ] });
+}
+function ReferenceOperationDetail({
+  description,
+  parameters,
+  requestBody,
+  responses,
+  security
+}) {
+  const pathParams = parameters.filter((p) => p.in === "path");
+  const queryParams = parameters.filter((p) => p.in === "query");
+  const headerParams = parameters.filter((p) => p.in === "header");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerStyle$4, children: [
+    description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionStyle$1, children: /* @__PURE__ */ jsxRuntime.jsx(Collapsible.MarkdownRenderer, { content: description }) }),
+    security && security.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: sectionStyle$1, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: sectionTitleStyle$1, children: "Security" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: securityListStyle, children: security.map((schemes, idx) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: securityRowStyle, children: schemes.map((scheme) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: securityBadgeStyle, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(useSpecFetcher.Icon, { name: "lock", size: "0.625rem", strokeWidth: 2.5 }),
+        scheme
+      ] }, scheme)) }, idx)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ParamSection, { title: "Path Parameters", params: pathParams }),
+    /* @__PURE__ */ jsxRuntime.jsx(ParamSection, { title: "Query Parameters", params: queryParams }),
+    /* @__PURE__ */ jsxRuntime.jsx(ParamSection, { title: "Header Parameters", params: headerParams }),
+    requestBody && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: sectionStyle$1, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: schemaHeaderRowStyle, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: sectionTitleStyle$1, children: "Request Body" }),
+        requestBody.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: requiredTagStyle, children: "Required" })
+      ] }),
+      Object.entries(requestBody.content).map(([contentType, media]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("code", { className: contentTypeBadgeStyle$1, children: contentType }),
+        media.schema && /* @__PURE__ */ jsxRuntime.jsx(Collapsible.SchemaTree, { nodes: Collapsible.schemaToNodes(media.schema), context: "request" })
+      ] }, contentType))
+    ] }),
+    responses.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: sectionStyle$1, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: responsesHeaderRowStyle, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: sectionTitleStyle$1, children: "Responses" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: statusPillsRowStyle, children: responses.map((r) => /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: css.cx(
+              statusPillStyle,
+              css.css({
+                color: getStatusColor$2(r.statusCode),
+                backgroundColor: getStatusBg$1(r.statusCode)
+              })
+            ),
+            children: r.statusCode
+          },
+          r.statusCode
+        )) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: responseListStyle, children: responses.map((r) => /* @__PURE__ */ jsxRuntime.jsx(ResponseCard, { response: r }, r.statusCode)) })
+    ] })
+  ] });
+}
+const containerStyle$4 = css.css({
+  display: "flex",
+  flexDirection: "column"
+});
+const sectionStyle$1 = css.css({
+  marginBottom: "1.5rem"
+});
+const sectionTitleStyle$1 = css.css({
+  margin: "0 0 0.75rem",
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontWeight: 700,
+  letterSpacing: "0.06em",
+  textTransform: "uppercase",
+  color: "var(--omnispec-fg-muted)"
+});
+const sectionLabelStyle = css.css({
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontWeight: 700,
+  letterSpacing: "0.06em",
+  textTransform: "uppercase",
+  color: "var(--omnispec-fg-muted)"
+});
+const securityListStyle = css.css({
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.375rem"
+});
+const securityRowStyle = css.css({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.375rem",
+  flexWrap: "wrap"
+});
+const securityBadgeStyle = css.css({
+  display: "inline-flex",
+  alignItems: "center",
+  gap: "0.3125rem",
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontFamily: "var(--omnispec-font-mono)",
+  color: "var(--omnispec-fg-primary)",
+  backgroundColor: "var(--omnispec-bg-tertiary)",
+  padding: "0.1875rem 0.625rem",
+  borderRadius: "0.25rem",
+  fontWeight: 500
+});
+const schemaHeaderRowStyle = css.css({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  marginBottom: "0.5rem",
+  flexWrap: "wrap"
+});
+const contentTypeBadgeStyle$1 = css.css({
+  display: "inline-block",
+  fontFamily: "var(--omnispec-font-mono)",
+  fontSize: "var(--omnispec-font-size-xs)",
+  color: "var(--omnispec-fg-muted)",
+  backgroundColor: "var(--omnispec-bg-tertiary)",
+  padding: "0.125rem 0.5rem",
+  borderRadius: "0.25rem"
+});
+const requiredTagStyle = css.css({
+  fontSize: "var(--omnispec-font-size-xxs)",
+  fontWeight: 600,
+  color: "var(--omnispec-color-error)",
+  textTransform: "uppercase",
+  letterSpacing: "0.05em"
+});
+const responsesHeaderRowStyle = css.css({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.75rem",
+  marginBottom: "0.75rem",
+  flexWrap: "wrap"
+});
+const statusPillsRowStyle = css.css({
+  display: "flex",
+  gap: "0.375rem",
+  flexWrap: "wrap"
+});
+const statusPillStyle = css.css({
+  display: "inline-block",
+  fontFamily: "var(--omnispec-font-mono)",
+  fontWeight: 700,
+  fontSize: "var(--omnispec-font-size-xs)",
+  padding: "0.125rem 0.5rem",
+  borderRadius: "0.25rem"
+});
+const responseListStyle = css.css({
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.5rem"
+});
+const responseCardStyle = css.css({
+  borderRadius: "var(--omnispec-border-radius)",
+  overflow: "hidden"
+});
+const responseCardHeaderStyle = css.css({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  width: "100%",
+  padding: "0.625rem 0.75rem",
+  background: "none",
+  border: "none",
+  cursor: "pointer",
+  textAlign: "left",
+  color: "inherit"
+});
+const responseCardStaticHeaderStyle = css.css({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  width: "100%",
+  padding: "0.625rem 0.75rem 0.625rem 2.125rem",
+  color: "inherit"
+});
+const chevronStyle = css.css({
+  display: "inline-flex",
+  alignItems: "center",
+  flexShrink: 0,
+  transition: "transform 0.15s ease",
+  color: "var(--omnispec-fg-muted)"
+});
+const responseDescStyle = css.css({
+  fontSize: "var(--omnispec-font-size-sm)",
+  color: "var(--omnispec-fg-secondary)",
+  flex: 1
+});
+const responseBodyStyle = css.css({
+  padding: "0 0.75rem 0.75rem"
+});
+
+function generateCurl(request, serverUrl) {
+  const parts = ["curl"];
+  if (request.method.toUpperCase() !== "GET") {
+    parts.push(`-X ${request.method.toUpperCase()}`);
+  }
+  let url = serverUrl + request.url;
+  for (const [key, value] of Object.entries(request.pathParams)) {
+    url = url.replace(`{${key}}`, encodeURIComponent(value));
+  }
+  const queryEntries = Object.entries(request.queryParams);
+  if (queryEntries.length > 0) {
+    const params = new URLSearchParams();
+    for (const [key, value] of queryEntries) {
+      if (Array.isArray(value)) {
+        for (const v of value) params.append(key, v);
+      } else {
+        params.set(key, value);
+      }
+    }
+    url += `?${params.toString()}`;
+  }
+  parts.push(`'${url}'`);
+  for (const [key, value] of Object.entries(request.headers)) {
+    parts.push(`-H '${key}: ${value}'`);
+  }
+  if (request.body && typeof request.body !== "string") {
+    request.body.forEach((value, key) => {
+      if (typeof value === "string") {
+        parts.push(`-F '${key}=${value.replace(/'/g, "'\\''")}'`);
+      } else {
+        parts.push(`-F '${key}=@${value.name || "file"}'`);
+      }
+    });
+    return parts.join(" \\\n  ");
+  }
+  if (request.body && typeof request.body === "string") {
+    if (request.bodyType === "application/x-www-form-urlencoded") {
+      try {
+        const parsed = JSON.parse(request.body);
+        for (const [key, value] of Object.entries(parsed)) {
+          parts.push(`--data-urlencode '${key}=${String(value)}'`);
+        }
+      } catch {
+        const escaped = request.body.replace(/'/g, "'\\''");
+        parts.push(`-d '${escaped}'`);
+      }
+    } else {
+      const escaped = request.body.replace(/'/g, "'\\''");
+      parts.push(`-d '${escaped}'`);
+    }
+  }
+  return parts.join(" \\\n  ");
+}
+
+function buildUrl(request, serverUrl) {
+  let url = serverUrl + request.url;
+  for (const [key, value] of Object.entries(request.pathParams)) {
+    url = url.replace(`{${key}}`, encodeURIComponent(value));
+  }
+  const queryEntries = Object.entries(request.queryParams);
+  if (queryEntries.length > 0) {
+    const params = new URLSearchParams();
+    for (const [key, value] of queryEntries) {
+      if (Array.isArray(value)) {
+        for (const v of value) params.append(key, v);
+      } else {
+        params.set(key, value);
+      }
+    }
+    url += `?${params.toString()}`;
+  }
+  return url;
+}
+function generateJavaScript(request, serverUrl) {
+  const url = buildUrl(request, serverUrl);
+  const method = request.method.toUpperCase();
+  const headers = Object.entries(request.headers);
+  const hasBody = request.body && typeof request.body === "string";
+  const lines = [];
+  lines.push(`const response = await fetch('${url}', {`);
+  lines.push(`  method: '${method}',`);
+  if (headers.length > 0) {
+    lines.push("  headers: {");
+    for (const [key, value] of headers) {
+      lines.push(`    '${key}': '${value}',`);
+    }
+    lines.push("  },");
+  }
+  if (hasBody) {
+    lines.push(`  body: JSON.stringify(${request.body}),`);
+  }
+  lines.push("})");
+  lines.push("");
+  lines.push("const data = await response.json()");
+  lines.push("console.log(data)");
+  return lines.join("\n");
+}
+function generatePython(request, serverUrl) {
+  const url = buildUrl(request, serverUrl);
+  const method = request.method.toLowerCase();
+  const headers = Object.entries(request.headers);
+  const hasBody = request.body && typeof request.body === "string";
+  const lines = [];
+  lines.push("import requests");
+  lines.push("");
+  if (headers.length > 0) {
+    lines.push("headers = {");
+    for (const [key, value] of headers) {
+      lines.push(`    '${key}': '${value}',`);
+    }
+    lines.push("}");
+    lines.push("");
+  }
+  if (hasBody) {
+    lines.push(`payload = ${request.body}`);
+    lines.push("");
+  }
+  const args = [`'${url}'`];
+  if (headers.length > 0) args.push("headers=headers");
+  if (hasBody) args.push("json=payload");
+  lines.push(`response = requests.${method}(${args.join(", ")})`);
+  lines.push("print(response.json())");
+  return lines.join("\n");
+}
+function generateGo(request, serverUrl) {
+  const url = buildUrl(request, serverUrl);
+  const method = request.method.toUpperCase();
+  const headers = Object.entries(request.headers);
+  const hasBody = request.body && typeof request.body === "string";
+  const lines = [];
+  lines.push("package main");
+  lines.push("");
+  lines.push("import (");
+  lines.push('	"fmt"');
+  lines.push('	"io"');
+  lines.push('	"net/http"');
+  if (hasBody) lines.push('	"strings"');
+  lines.push(")");
+  lines.push("");
+  lines.push("func main() {");
+  if (hasBody) {
+    lines.push(`	body := strings.NewReader(\`${request.body}\`)`);
+    lines.push(`	req, err := http.NewRequest("${method}", "${url}", body)`);
+  } else {
+    lines.push(`	req, err := http.NewRequest("${method}", "${url}", nil)`);
+  }
+  lines.push("	if err != nil {");
+  lines.push("		panic(err)");
+  lines.push("	}");
+  for (const [key, value] of headers) {
+    lines.push(`	req.Header.Set("${key}", "${value}")`);
+  }
+  lines.push("");
+  lines.push("	resp, err := http.DefaultClient.Do(req)");
+  lines.push("	if err != nil {");
+  lines.push("		panic(err)");
+  lines.push("	}");
+  lines.push("	defer resp.Body.Close()");
+  lines.push("");
+  lines.push("	resBody, _ := io.ReadAll(resp.Body)");
+  lines.push("	fmt.Println(string(resBody))");
+  lines.push("}");
+  return lines.join("\n");
+}
+function generateJava(request, serverUrl) {
+  const url = buildUrl(request, serverUrl);
+  const method = request.method.toUpperCase();
+  const headers = Object.entries(request.headers);
+  const hasBody = request.body && typeof request.body === "string";
+  const lines = [];
+  lines.push("import java.net.URI;");
+  lines.push("import java.net.http.HttpClient;");
+  lines.push("import java.net.http.HttpRequest;");
+  lines.push("import java.net.http.HttpResponse;");
+  lines.push("");
+  lines.push("HttpClient client = HttpClient.newHttpClient();");
+  if (hasBody) {
+    lines.push("");
+    lines.push('String body = """');
+    lines.push(`        ${request.body}""";`);
+  }
+  lines.push("");
+  lines.push("HttpRequest request = HttpRequest.newBuilder()");
+  lines.push(`    .uri(URI.create("${url}"))`);
+  if (hasBody) {
+    lines.push(`    .method("${method}", HttpRequest.BodyPublishers.ofString(body))`);
+  } else if (method !== "GET") {
+    lines.push(`    .method("${method}", HttpRequest.BodyPublishers.noBody())`);
+  }
+  for (const [key, value] of headers) {
+    lines.push(`    .header("${key}", "${value}")`);
+  }
+  lines.push("    .build();");
+  lines.push("");
+  lines.push("HttpResponse<String> response = client.send(");
+  lines.push("    request, HttpResponse.BodyHandlers.ofString());");
+  lines.push("System.out.println(response.body());");
+  return lines.join("\n");
+}
+function generateCSharp(request, serverUrl) {
+  const url = buildUrl(request, serverUrl);
+  const method = request.method.toUpperCase();
+  const headers = Object.entries(request.headers);
+  const hasBody = request.body && typeof request.body === "string";
+  const contentType = request.headers["Content-Type"] ?? "application/json";
+  const lines = [];
+  lines.push("using var client = new HttpClient();");
+  lines.push("");
+  if (hasBody) {
+    lines.push("var content = new StringContent(");
+    lines.push(`    @"${request.body.replace(/"/g, '""')}",`);
+    lines.push("    System.Text.Encoding.UTF8,");
+    lines.push(`    "${contentType}");`);
+    lines.push("");
+  }
+  const nonContentHeaders = headers.filter(([k]) => k !== "Content-Type");
+  for (const [key, value] of nonContentHeaders) {
+    lines.push(`client.DefaultRequestHeaders.Add("${key}", "${value}");`);
+  }
+  if (nonContentHeaders.length > 0) lines.push("");
+  const methodMap = {
+    GET: "GetAsync",
+    POST: "PostAsync",
+    PUT: "PutAsync",
+    DELETE: "DeleteAsync",
+    PATCH: "PatchAsync"
+  };
+  const asyncMethod = methodMap[method] ?? "SendAsync";
+  if (hasBody && (method === "POST" || method === "PUT" || method === "PATCH")) {
+    lines.push(`var response = await client.${asyncMethod}("${url}", content);`);
+  } else if (method === "GET" || method === "DELETE") {
+    lines.push(`var response = await client.${asyncMethod}("${url}");`);
+  } else {
+    lines.push(`var request = new HttpRequestMessage(HttpMethod.${method.charAt(0) + method.slice(1).toLowerCase()}, "${url}");`);
+    if (hasBody) lines.push("request.Content = content;");
+    lines.push("var response = await client.SendAsync(request);");
+  }
+  lines.push("var body = await response.Content.ReadAsStringAsync();");
+  lines.push("Console.WriteLine(body);");
+  return lines.join("\n");
+}
+const CODE_LANGUAGES = [
+  { id: "curl", label: "cURL", prismLanguage: "bash" },
+  { id: "javascript", label: "JavaScript", prismLanguage: "javascript" },
+  { id: "python", label: "Python", prismLanguage: "python" },
+  { id: "go", label: "Go", prismLanguage: "go" },
+  { id: "java", label: "Java", prismLanguage: "java" },
+  { id: "csharp", label: "C#", prismLanguage: "csharp" }
+];
+
+function ExampleSelector({
+  examples,
+  selectedName,
+  onSelect
+}) {
+  if (examples.length <= 1) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerStyle$3, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "example-selector", className: labelStyle, children: "Example:" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "select",
+      {
+        id: "example-selector",
+        value: selectedName,
+        onChange: (e) => onSelect(e.target.value),
+        className: selectStyle,
+        children: examples.map((example) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: example.name, children: example.summary ? `${example.name} - ${example.summary}` : example.name }, example.name))
+      }
+    )
+  ] });
+}
+function getNamedExamples(media) {
+  if (media.example !== void 0) {
+    return [{ name: "default", value: media.example }];
+  }
+  if (media.examples && typeof media.examples === "object") {
+    return Object.entries(media.examples).map(([name, example]) => ({
+      name,
+      summary: example.summary,
+      value: example.value
+    }));
+  }
+  return [];
+}
+const containerStyle$3 = css.css({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  marginBottom: "0.75rem"
+});
+const labelStyle = css.css({
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontWeight: 600,
+  color: "var(--omnispec-fg-muted)",
+  textTransform: "uppercase",
+  letterSpacing: "0.5px",
+  whiteSpace: "nowrap"
+});
+const selectStyle = css.css({
+  padding: "0.375rem 0.625rem",
+  border: "1px solid var(--omnispec-input-border)",
+  borderRadius: "var(--omnispec-border-radius)",
+  backgroundColor: "var(--omnispec-input-bg)",
+  color: "var(--omnispec-fg-primary)",
+  fontSize: "var(--omnispec-font-size-sm)",
+  fontFamily: "var(--omnispec-font-mono)"
+});
+
+const generators$1 = {
+  curl: generateCurl,
+  javascript: generateJavaScript,
+  python: generatePython,
+  go: generateGo,
+  java: generateJava,
+  csharp: generateCSharp
+};
+function getStatusColor$1(statusCode) {
+  const code = parseInt(statusCode, 10);
+  if (code >= 200 && code < 300) return "var(--omnispec-color-success)";
+  if (code >= 400 && code < 500) return "var(--omnispec-color-warning)";
+  if (code >= 500) return "var(--omnispec-color-error)";
+  return "var(--omnispec-fg-muted)";
+}
+function getStatusBg(statusCode) {
+  const code = parseInt(statusCode, 10);
+  if (code >= 200 && code < 300) return "rgba(26, 127, 55, 0.15)";
+  if (code >= 400 && code < 500) return "rgba(191, 135, 0, 0.15)";
+  if (code >= 500) return "rgba(207, 34, 46, 0.15)";
+  return "var(--omnispec-bg-secondary)";
+}
+function SamplesPanel({
+  method,
+  path,
+  serverUrl,
+  requestBodySchema,
+  requestBodyContentType = "application/json",
+  responses
+}) {
+  const [selectedLang, setSelectedLang] = React.useState("curl");
+  const [selectedResponseIndex, setSelectedResponseIndex] = React.useState(0);
+  const [selectedExampleName, setSelectedExampleName] = React.useState("");
+  const request = React.useMemo(() => {
+    const headers = {};
+    const hasBody = requestBodySchema && ["post", "put", "patch", "delete"].includes(method.toLowerCase());
+    if (hasBody) {
+      headers["Content-Type"] = requestBodyContentType;
+    }
+    const body = hasBody ? JSON.stringify(Collapsible.generateExample(requestBodySchema), null, 2) : void 0;
+    return {
+      url: path,
+      method: method.toUpperCase(),
+      headers,
+      queryParams: {},
+      pathParams: {},
+      body
+    };
+  }, [method, path, requestBodySchema, requestBodyContentType]);
+  const requestCode = React.useMemo(() => {
+    const generator = generators$1[selectedLang];
+    return generator ? generator(request, serverUrl) : "";
+  }, [request, serverUrl, selectedLang]);
+  const langOption = CODE_LANGUAGES.find((l) => l.id === selectedLang);
+  const prismLang = langOption?.prismLanguage ?? "text";
+  const activeResponse = responses[selectedResponseIndex] ?? null;
+  const { namedExamples, responseContentType } = React.useMemo(() => {
+    if (!activeResponse?.content) return { namedExamples: [], responseContentType: null };
+    const firstContentType = Object.keys(activeResponse.content)[0];
+    const firstMedia = activeResponse.content[firstContentType];
+    if (!firstMedia) return { namedExamples: [], responseContentType: firstContentType };
+    const examples = getNamedExamples(firstMedia);
+    if (examples.length === 0 && firstMedia.schema) {
+      return {
+        namedExamples: [{ name: "generated", value: Collapsible.generateExample(firstMedia.schema) }],
+        responseContentType: firstContentType
+      };
+    }
+    return { namedExamples: examples, responseContentType: firstContentType };
+  }, [activeResponse]);
+  const responseExampleCode = React.useMemo(() => {
+    if (namedExamples.length === 0) return null;
+    const target = selectedExampleName ? namedExamples.find((ex) => ex.name === selectedExampleName) : namedExamples[0];
+    const value = target?.value ?? namedExamples[0]?.value ?? null;
+    if (value === null) return null;
+    return typeof value === "string" ? value : JSON.stringify(value, null, 2);
+  }, [namedExamples, selectedExampleName]);
+  const languageTabs = /* @__PURE__ */ jsxRuntime.jsx("div", { className: languageBarStyle$1, children: CODE_LANGUAGES.map((lang) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => setSelectedLang(lang.id),
+      className: css.cx(langBtnStyle$1, selectedLang === lang.id && langBtnActiveStyle$1),
+      children: lang.label
+    },
+    lang.id
+  )) });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: panelStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: sectionStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: sectionHeaderStyle, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: sectionTitleStyle, children: "Request samples" }),
+        requestBodyContentType && /* @__PURE__ */ jsxRuntime.jsx("code", { className: contentTypeBadgeStyle, children: requestBodyContentType })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Collapsible.CodeBlock,
+        {
+          code: requestCode,
+          language: prismLang,
+          showCopy: true,
+          headerLeft: languageTabs
+        }
+      )
+    ] }),
+    responses.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: sectionStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: sectionHeaderStyle, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: sectionTitleStyle, children: "Response samples" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: statusTabsStyle, children: responses.map((res, idx) => {
+        const color = getStatusColor$1(res.statusCode);
+        const bg = getStatusBg(res.statusCode);
+        const isActive = idx === selectedResponseIndex;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setSelectedResponseIndex(idx);
+              setSelectedExampleName("");
+            },
+            className: css.cx(statusTabStyle, isActive && statusTabActiveStyle),
+            style: {
+              "--status-color": color,
+              "--status-bg": bg
+            },
+            title: res.description,
+            children: res.statusCode
+          },
+          res.statusCode
+        );
+      }) }),
+      responseExampleCode !== null ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: contentTypeLabelStyle, children: /* @__PURE__ */ jsxRuntime.jsx("code", { className: contentTypeBadgeStyle, children: responseContentType }) }),
+        namedExamples.length > 1 && /* @__PURE__ */ jsxRuntime.jsx(
+          ExampleSelector,
+          {
+            examples: namedExamples,
+            selectedName: selectedExampleName || namedExamples[0]?.name,
+            onSelect: setSelectedExampleName
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Collapsible.CodeBlock,
+          {
+            code: responseExampleCode,
+            language: "json",
+            showCopy: true
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: emptyStateStyle, children: "No response sample available." })
+    ] })
+  ] });
+}
+const panelStyle = css.css({
+  display: "flex",
+  flexDirection: "column",
+  gap: "1.5rem"
+});
+const sectionStyle = css.css({
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.5rem"
+});
+const sectionHeaderStyle = css.css({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  flexWrap: "wrap"
+});
+const sectionTitleStyle = css.css({
+  fontSize: "var(--omnispec-font-size-sm)",
+  fontWeight: 600,
+  color: "var(--omnispec-fg-primary)",
+  [useSpecFetcher.mq.desktop]: {
+    fontSize: "var(--omnispec-font-size-base)"
+  }
+});
+const contentTypeBadgeStyle = css.css({
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontFamily: "var(--omnispec-font-mono)",
+  color: "var(--omnispec-fg-muted)",
+  backgroundColor: "var(--omnispec-bg-secondary)",
+  padding: "0.125rem 0.375rem",
+  borderRadius: "var(--omnispec-border-radius)"
+});
+const languageBarStyle$1 = css.css({
+  display: "flex",
+  gap: "0.125rem",
+  overflowX: "auto",
+  scrollbarWidth: "none",
+  "&::-webkit-scrollbar": {
+    display: "none"
+  }
+});
+const langBtnStyle$1 = css.css({
+  padding: "0.25rem 0.5rem",
+  background: "none",
+  border: "none",
+  cursor: "pointer",
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontWeight: 500,
+  color: "var(--omnispec-fg-muted)",
+  whiteSpace: "nowrap",
+  borderRadius: "var(--omnispec-border-radius)",
+  "&:hover": {
+    color: "var(--omnispec-fg-primary)",
+    backgroundColor: "var(--omnispec-bg-secondary)"
+  }
+});
+const langBtnActiveStyle$1 = css.css({
+  color: "var(--omnispec-color-primary)",
+  backgroundColor: "var(--omnispec-bg-secondary)",
+  fontWeight: 600
+});
+const statusTabsStyle = css.css({
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "0.375rem"
+});
+const statusTabStyle = css.css({
+  padding: "0.25rem 0.625rem",
+  border: "none",
+  borderRadius: "var(--omnispec-border-radius)",
+  cursor: "pointer",
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontWeight: 600,
+  fontFamily: "var(--omnispec-font-mono)",
+  opacity: 0.65,
+  backgroundColor: "var(--status-bg)",
+  color: "var(--status-color)",
+  transition: "opacity 0.15s, box-shadow 0.15s",
+  "&:hover": {
+    opacity: 0.85
+  }
+});
+const statusTabActiveStyle = css.css({
+  opacity: 1,
+  boxShadow: "0 0 0 1px var(--status-color)"
+});
+const contentTypeLabelStyle = css.css({
+  marginBottom: "0.25rem"
+});
+const emptyStateStyle = css.css({
+  fontSize: "var(--omnispec-font-size-sm)",
+  color: "var(--omnispec-fg-muted)",
+  padding: "0.75rem 0"
+});
+
+function LinkableHeading({ id, as: Tag = "h3", className, children }) {
+  const [copied, setCopied] = React.useState(false);
+  const handleCopy = React.useCallback((e) => {
+    e.preventDefault();
+    const url = `${window.location.origin}${window.location.pathname}#${id}`;
+    navigator.clipboard.writeText(url).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1500);
+    });
+  }, [id]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Tag, { id, className: `${containerStyle$2} ${className ?? ""}`, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: `#${id}`,
+        onClick: handleCopy,
+        className: linkIconStyle,
+        "aria-label": "Copy link to section",
+        title: copied ? "Copied!" : "Copy link",
+        children: /* @__PURE__ */ jsxRuntime.jsx(useSpecFetcher.Icon, { name: "link", size: "0.75em" })
+      }
+    )
+  ] });
+}
+const containerStyle$2 = css.css({
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  "&:hover a": {
+    opacity: 1
+  }
+});
+const linkIconStyle = css.css({
+  opacity: 0,
+  color: "var(--omnispec-fg-muted)",
+  transition: "opacity 0.15s",
+  flexShrink: 0,
+  lineHeight: 1,
+  textDecoration: "none",
+  "&:hover": {
+    color: "var(--omnispec-color-primary)"
+  }
+});
+
+function Modal({ open, onClose, title, children }) {
+  React.useEffect(() => {
+    if (!open) return void 0;
+    const handleKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", handleKey);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", handleKey);
+      document.body.style.overflow = "";
+    };
+  }, [open, onClose]);
+  if (!open) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: backdropStyle,
+        onClick: onClose,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: dialogStyle,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": title,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: headerStyle, children: [
+            title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: titleStyle, children: title }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: closeBtnStyle,
+                "aria-label": "Close",
+                children: "\xD7"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: bodyStyle, children })
+        ]
+      }
+    )
+  ] });
+}
+const backdropStyle = css.css({
+  position: "fixed",
+  inset: 0,
+  backgroundColor: "rgba(0, 0, 0, 0.5)",
+  zIndex: 1100
+});
+const dialogStyle = css.css({
+  position: "fixed",
+  top: "50%",
+  left: "50%",
+  transform: "translate(-50%, -50%)",
+  width: "90%",
+  maxWidth: "768px",
+  maxHeight: "85vh",
+  backgroundColor: "var(--omnispec-bg-primary)",
+  borderRadius: "12px",
+  boxShadow: "0 20px 60px rgba(0, 0, 0, 0.2)",
+  zIndex: 1101,
+  display: "flex",
+  flexDirection: "column",
+  overflow: "hidden"
+});
+const headerStyle = css.css({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  padding: "16px 20px",
+  borderBottom: "1px solid var(--omnispec-border-color)"
+});
+const titleStyle = css.css({
+  margin: 0,
+  fontSize: "var(--omnispec-h3-font-size)",
+  fontWeight: 600,
+  color: "var(--omnispec-color-primary)"
+});
+const closeBtnStyle = css.css({
+  background: "none",
+  border: "none",
+  cursor: "pointer",
+  fontSize: "24px",
+  lineHeight: 1,
+  color: "var(--omnispec-fg-muted)",
+  padding: "4px 8px",
+  borderRadius: "4px",
+  "&:hover": {
+    color: "var(--omnispec-fg-primary)",
+    backgroundColor: "var(--omnispec-bg-secondary)"
+  }
+});
+const bodyStyle = css.css({
+  padding: "20px",
+  overflowY: "auto",
+  flex: 1
+});
+
+const PREFIX = "omnispec:tryit";
+function storageKey(specKey, operationKey) {
+  return `${PREFIX}:${specKey}:${operationKey}`;
+}
+function isEnvelope(value) {
+  return typeof value === "object" && value !== null && typeof value.savedAt === "number" && typeof value.state === "object" && value.state !== null;
+}
+function getStorage() {
+  try {
+    if (typeof window === "undefined" || !window.localStorage) return null;
+    if (typeof window.localStorage.setItem !== "function" || typeof window.localStorage.getItem !== "function") {
+      return null;
+    }
+    return window.localStorage;
+  } catch {
+    return null;
+  }
+}
+function loadTryItState(specKey, operationKey, ttlSeconds) {
+  if (!specKey) return null;
+  if (ttlSeconds === 0) return null;
+  const storage = getStorage();
+  if (!storage) return null;
+  const key = storageKey(specKey, operationKey);
+  try {
+    const raw = storage.getItem(key);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (isEnvelope(parsed)) {
+      if (ttlSeconds !== void 0 && Date.now() - parsed.savedAt > ttlSeconds * 1e3) {
+        storage.removeItem(key);
+        return null;
+      }
+      return parsed.state;
+    }
+    if (parsed && typeof parsed === "object") {
+      if (ttlSeconds !== void 0) {
+        storage.removeItem(key);
+        return null;
+      }
+      return parsed;
+    }
+    return null;
+  } catch {
+    return null;
+  }
+}
+function saveTryItState(specKey, operationKey, state) {
+  if (!specKey) return;
+  const storage = getStorage();
+  if (!storage) return;
+  try {
+    const envelope = { savedAt: Date.now(), state };
+    storage.setItem(storageKey(specKey, operationKey), JSON.stringify(envelope));
+  } catch {
+  }
+}
+const PANEL_WIDTH_KEY = `${PREFIX}:panel-width`;
+function loadPanelWidth() {
+  const storage = getStorage();
+  if (!storage) return null;
+  try {
+    const raw = storage.getItem(PANEL_WIDTH_KEY);
+    if (!raw) return null;
+    const value = Number(raw);
+    return Number.isFinite(value) && value > 0 ? value : null;
+  } catch {
+    return null;
+  }
+}
+function savePanelWidth(width) {
+  const storage = getStorage();
+  if (!storage) return;
+  try {
+    storage.setItem(PANEL_WIDTH_KEY, String(Math.round(width)));
+  } catch {
+  }
+}
+function clearTryItState(specKey, operationKey) {
+  if (!specKey) return;
+  const storage = getStorage();
+  if (!storage) return;
+  try {
+    storage.removeItem(storageKey(specKey, operationKey));
+  } catch {
+  }
+}
+
+const MIN_RIGHT_WIDTH = 320;
+const MAX_RIGHT_FRACTION = 0.65;
+const singleColumnStyle = css.css({
+  padding: "0.75rem 0",
+  minWidth: 0,
+  [useSpecFetcher.mq.desktop]: {
+    padding: "1rem 1.25rem"
+  }
+});
+const gridStyle = css.css({
+  maxWidth: "100%",
+  [useSpecFetcher.mq.desktop]: {
+    display: "grid",
+    // The custom property is set inline while a user-chosen width is active;
+    // it falls back to a 65/35 split (content-heavy left, Try-It on the right).
+    gridTemplateColumns: "1fr 0.375rem var(--omnispec-tryit-col, calc(35% - 0.375rem))"
+  }
+});
+const leftColumnStyle = css.css({
+  padding: "0.75rem 0",
+  minWidth: 0,
+  [useSpecFetcher.mq.desktop]: {
+    padding: "1rem 1.25rem"
+  }
+});
+const toggleButtonStyle = css.css({
+  display: "block",
+  width: "100%",
+  padding: "10px 16px",
+  marginTop: "12px",
+  borderRadius: "var(--omnispec-border-radius)",
+  background: "var(--omnispec-color-primary, #1a1a2e)",
+  color: "#fff",
+  border: "none",
+  cursor: "pointer",
+  fontSize: "var(--omnispec-font-size-base)",
+  fontWeight: 500,
+  textAlign: "center",
+  [useSpecFetcher.mq.desktop]: {
+    display: "none"
+  }
+});
+const rightColumnStyle = css.css({
+  padding: "0.75rem 0",
+  background: "var(--omnispec-bg-secondary)",
+  minWidth: 0,
+  display: "none",
+  "&[data-mobile-visible]": {
+    display: "block",
+    borderTop: "1px solid var(--omnispec-border-color)"
+  },
+  [useSpecFetcher.mq.desktop]: {
+    display: "block",
+    padding: "1rem 1.25rem",
+    borderTop: "none"
+  }
+});
+const resizeHandleStyle = css.css({
+  display: "none",
+  [useSpecFetcher.mq.desktop]: {
+    display: "block",
+    cursor: "col-resize",
+    backgroundColor: "var(--omnispec-border-color)",
+    borderRadius: "0.1875rem",
+    transition: "background-color 0.15s ease",
+    marginTop: "1rem",
+    marginBottom: "1rem",
+    "&:hover, &[data-dragging]": {
+      backgroundColor: "var(--omnispec-color-primary)"
+    }
+  }
+});
+const draggingContainerStyle = css.css({
+  userSelect: "none"
+});
+function ResponsiveColumns({ left, right, rightLabel = "Try It" }) {
+  const [showRight, setShowRight] = React.useState(false);
+  const [rightWidth, setRightWidth] = React.useState(() => loadPanelWidth());
+  const [dragging, setDragging] = React.useState(false);
+  const containerRef = React.useRef(null);
+  const startDrag = (e) => {
+    e.preventDefault();
+    setDragging(true);
+    const onMove = (ev) => {
+      const rect = containerRef.current?.getBoundingClientRect();
+      if (!rect) return;
+      const raw = rect.right - ev.clientX;
+      const max = rect.width * MAX_RIGHT_FRACTION;
+      setRightWidth(Math.min(max, Math.max(MIN_RIGHT_WIDTH, raw)));
+    };
+    const onUp = () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      setDragging(false);
+      setRightWidth((width) => {
+        if (width !== null) savePanelWidth(width);
+        return width;
+      });
+    };
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+  };
+  if (!right) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: singleColumnStyle, children: left });
+  }
+  const containerStyle = rightWidth !== null ? { "--omnispec-tryit-col": `${rightWidth}px` } : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `${gridStyle} ${dragging ? draggingContainerStyle : ""}`,
+      style: containerStyle,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: leftColumnStyle, children: [
+          left,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              className: toggleButtonStyle,
+              onClick: () => setShowRight((prev) => !prev),
+              children: showRight ? "Hide" : rightLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: resizeHandleStyle,
+            role: "separator",
+            "aria-orientation": "vertical",
+            "aria-label": `Resize ${rightLabel} panel`,
+            onPointerDown: startDrag,
+            ...dragging ? { "data-dragging": "" } : {}
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: rightColumnStyle,
+            ...showRight ? { "data-mobile-visible": "" } : {},
+            children: right
+          }
+        )
+      ]
+    }
+  );
+}
+
+async function sendProxiedRequest(proxyUrl, request, proxyHeaders) {
+  const targetUrl = buildTargetUrl$1(request);
+  const proxyPayload = {
+    url: targetUrl,
+    method: request.method,
+    headers: request.headers,
+    timeout: 3e4
+  };
+  if (request.body) {
+    if (typeof request.body === "string") {
+      proxyPayload.body = request.body;
+      proxyPayload.bodyEncoding = "utf-8";
+    } else {
+      const { body, contentType } = await encodeMultipartBody(request.body);
+      proxyPayload.body = body;
+      proxyPayload.bodyEncoding = "base64";
+      proxyPayload.headers = { ...proxyPayload.headers, "Content-Type": contentType };
+    }
+  }
+  const startTime = performance.now();
+  const response = await fetch(proxyUrl, {
+    method: "POST",
+    headers: { "Content-Type": "application/json", ...proxyHeaders },
+    body: JSON.stringify(proxyPayload)
+  });
+  if (!response.ok) {
+    throw new Error(`Proxy request failed: ${response.status} ${response.statusText}`);
+  }
+  const proxyResponse = await response.json();
+  const duration = performance.now() - startTime;
+  return {
+    status: proxyResponse.status,
+    statusText: proxyResponse.statusText,
+    headers: proxyResponse.headers,
+    body: proxyResponse.body,
+    bodyEncoding: proxyResponse.bodyEncoding ?? "utf-8",
+    contentType: proxyResponse.headers["content-type"] ?? "text/plain",
+    duration: proxyResponse.duration ?? duration
+  };
+}
+async function blobToBytes(value) {
+  if (typeof value.arrayBuffer === "function") {
+    return new Uint8Array(await value.arrayBuffer());
+  }
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onload = () => resolve(new Uint8Array(reader.result));
+    reader.onerror = () => reject(reader.error);
+    reader.readAsArrayBuffer(value);
+  });
+}
+async function encodeMultipartBody(formData) {
+  const boundary = `----omnispec${Math.random().toString(36).slice(2)}${Date.now().toString(36)}`;
+  const encoder = new TextEncoder();
+  const chunks = [];
+  const push = (s) => chunks.push(encoder.encode(s));
+  const entries = [];
+  formData.forEach((value, key) => entries.push([key, value]));
+  for (const [key, value] of entries) {
+    push(`--${boundary}\r
+`);
+    if (typeof value === "string") {
+      push(`Content-Disposition: form-data; name="${key}"\r
+\r
+`);
+      push(`${value}\r
+`);
+    } else {
+      const filename = value.name || "file";
+      const fileType = value.type || "application/octet-stream";
+      push(`Content-Disposition: form-data; name="${key}"; filename="${filename}"\r
+`);
+      push(`Content-Type: ${fileType}\r
+\r
+`);
+      chunks.push(await blobToBytes(value));
+      push("\r\n");
+    }
+  }
+  push(`--${boundary}--\r
+`);
+  const total = chunks.reduce((n, c) => n + c.length, 0);
+  const bytes = new Uint8Array(total);
+  let offset = 0;
+  for (const c of chunks) {
+    bytes.set(c, offset);
+    offset += c.length;
+  }
+  let binary = "";
+  const CHUNK = 32768;
+  for (let i = 0; i < bytes.length; i += CHUNK) {
+    binary += String.fromCharCode(...bytes.subarray(i, i + CHUNK));
+  }
+  return { body: btoa(binary), contentType: `multipart/form-data; boundary=${boundary}` };
+}
+function buildTargetUrl$1(request) {
+  let url = request.url;
+  for (const [key, value] of Object.entries(request.pathParams)) {
+    url = url.replace(`{${key}}`, encodeURIComponent(value));
+  }
+  const queryEntries = Object.entries(request.queryParams);
+  if (queryEntries.length > 0) {
+    const params = new URLSearchParams();
+    for (const [key, value] of queryEntries) {
+      if (Array.isArray(value)) {
+        for (const v of value) {
+          params.append(key, v);
+        }
+      } else {
+        params.set(key, value);
+      }
+    }
+    const separator = url.includes("?") ? "&" : "?";
+    url = `${url}${separator}${params.toString()}`;
+  }
+  return url;
+}
+
+async function sendDirectRequest(request) {
+  const url = upgradeMixedContent(buildTargetUrl(request));
+  const init = {
+    method: request.method,
+    headers: request.headers
+  };
+  if (request.body) {
+    init.body = typeof request.body === "string" ? request.body : request.body;
+  }
+  const startTime = performance.now();
+  const response = await fetch(url, init);
+  const duration = performance.now() - startTime;
+  const contentType = response.headers.get("content-type") ?? "text/plain";
+  let body;
+  let bodyEncoding = "utf-8";
+  if (binaryResponse.isBinaryContentType(contentType)) {
+    body = binaryResponse.bytesToBase64(new Uint8Array(await response.arrayBuffer()));
+    bodyEncoding = "base64";
+  } else {
+    body = await response.text();
+  }
+  const headers = {};
+  response.headers.forEach((value, key) => {
+    headers[key] = value;
+  });
+  return {
+    status: response.status,
+    statusText: response.statusText,
+    headers,
+    body,
+    bodyEncoding,
+    contentType,
+    duration
+  };
+}
+function upgradeMixedContent(url) {
+  if (typeof window !== "undefined" && window.location?.protocol === "https:" && url.startsWith("http://")) {
+    return `https://${url.slice("http://".length)}`;
+  }
+  return url;
+}
+function buildTargetUrl(request) {
+  let url = request.url;
+  for (const [key, value] of Object.entries(request.pathParams)) {
+    url = url.replace(`{${key}}`, encodeURIComponent(value));
+  }
+  const queryEntries = Object.entries(request.queryParams);
+  if (queryEntries.length > 0) {
+    const params = new URLSearchParams();
+    for (const [key, value] of queryEntries) {
+      if (Array.isArray(value)) {
+        for (const v of value) {
+          params.append(key, v);
+        }
+      } else {
+        params.set(key, value);
+      }
+    }
+    const separator = url.includes("?") ? "&" : "?";
+    url = `${url}${separator}${params.toString()}`;
+  }
+  return url;
+}
+
+const generators = {
+  curl: generateCurl,
+  javascript: generateJavaScript,
+  python: generatePython,
+  go: generateGo,
+  java: generateJava,
+  csharp: generateCSharp
+};
+function CodeSamples({
+  request,
+  serverUrl,
+  selectedLanguage,
+  onLanguageChange,
+  xCodeSamples
+}) {
+  const code = React.useMemo(() => {
+    if (xCodeSamples) {
+      const custom = xCodeSamples.find(
+        (s) => s.lang.toLowerCase() === selectedLanguage || s.label?.toLowerCase() === selectedLanguage
+      );
+      if (custom) return custom.source;
+    }
+    const generator = generators[selectedLanguage];
+    return generator ? generator(request, serverUrl) : "";
+  }, [request, serverUrl, selectedLanguage, xCodeSamples]);
+  const langOption = CODE_LANGUAGES.find((l) => l.id === selectedLanguage);
+  const prismLang = langOption?.prismLanguage ?? "text";
+  const languageTabs = /* @__PURE__ */ jsxRuntime.jsx("div", { className: languageBarStyle, children: CODE_LANGUAGES.map((lang) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onLanguageChange(lang.id),
+      className: css.cx(langBtnStyle, selectedLanguage === lang.id && langBtnActiveStyle),
+      children: lang.label
+    },
+    lang.id
+  )) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerStyle$1, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Collapsible.CodeBlock,
+    {
+      code,
+      language: prismLang,
+      showCopy: true,
+      headerLeft: languageTabs
+    }
+  ) });
+}
+const containerStyle$1 = css.css({
+  marginTop: "0.75rem"
+});
+const languageBarStyle = css.css({
+  display: "flex",
+  gap: "0.125rem",
+  overflowX: "auto",
+  scrollbarWidth: "none",
+  "&::-webkit-scrollbar": {
+    display: "none"
+  }
+});
+const langBtnStyle = css.css({
+  padding: "0.25rem 0.5rem",
+  background: "none",
+  border: "none",
+  cursor: "pointer",
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontWeight: 500,
+  color: "var(--omnispec-fg-muted)",
+  whiteSpace: "nowrap",
+  borderRadius: "var(--omnispec-border-radius)",
+  "&:hover": {
+    color: "var(--omnispec-fg-primary)",
+    backgroundColor: "var(--omnispec-bg-secondary)"
+  }
+});
+const langBtnActiveStyle = css.css({
+  color: "var(--omnispec-color-primary)",
+  backgroundColor: "var(--omnispec-bg-secondary)",
+  fontWeight: 600
+});
+
+const containerStyle = css.css({
+  marginTop: "12px",
+  border: "1px solid var(--omnispec-border-color)",
+  borderRadius: "var(--omnispec-border-radius)",
+  padding: "12px",
+  backgroundColor: "var(--omnispec-bg-secondary)"
+});
+const statusBarStyle = css.css({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  marginBottom: "12px"
+});
+const statusCodeBaseStyle = css.css({
+  fontFamily: "var(--omnispec-font-mono)",
+  fontWeight: 700,
+  fontSize: "var(--omnispec-font-size-base)"
+});
+const durationStyle = css.css({
+  color: "var(--omnispec-fg-muted)",
+  fontSize: "var(--omnispec-font-size-xs)"
+});
+const loadingStyle = css.css({
+  color: "var(--omnispec-fg-muted)",
+  textAlign: "center",
+  padding: "24px"
+});
+const errorStyle$1 = css.css({
+  color: "var(--omnispec-color-error)",
+  padding: "12px"
+});
+const headersStyle = css.css({
+  fontFamily: "var(--omnispec-font-mono)",
+  fontSize: "var(--omnispec-font-size-xs)"
+});
+const headerRowStyle = css.css({
+  display: "flex",
+  gap: "8px",
+  padding: "2px 0"
+});
+const headerKeyStyle = css.css({
+  color: "var(--omnispec-fg-secondary)",
+  fontWeight: 600
+});
+const headerValueStyle = css.css({
+  color: "var(--omnispec-fg-primary)",
+  wordBreak: "break-all"
+});
+function ResponseViewer({ response, loading, error }) {
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: loadingStyle, children: "Sending request..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: containerStyle, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: errorStyle$1, children: error }) });
+  }
+  if (!response) return null;
+  const statusColor = getStatusColor(response.status);
+  const isBinary = response.bodyEncoding === "base64";
+  const bodyLanguage = detectLanguage(response.contentType);
+  const formattedBody = isBinary ? "" : formatBody(response.body, bodyLanguage);
+  const handleDownload = () => {
+    const blob = binaryResponse.base64ToBlob(response.body, response.contentType);
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement("a");
+    anchor.href = url;
+    anchor.download = binaryResponse.filenameForResponse(response.headers, response.contentType);
+    document.body.appendChild(anchor);
+    anchor.click();
+    anchor.remove();
+    URL.revokeObjectURL(url);
+  };
+  const binarySize = isBinary ? Math.floor(response.body.length * 3 / 4) : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `adr-response ${containerStyle}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: statusBarStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: css.css(statusCodeBaseStyle, { color: statusColor }), children: [
+        response.status,
+        " ",
+        response.statusText
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: durationStyle, children: [
+        response.duration.toFixed(0),
+        "ms"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Collapsible.Tabs,
+      {
+        tabs: [
+          {
+            id: "body",
+            label: "Response Body",
+            content: isBinary ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: binaryPanelStyle, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: binaryInfoStyle, children: [
+                "Binary response \u2014 ",
+                response.contentType.split(";")[0],
+                " (",
+                formatSize(binarySize),
+                ")"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(useSpecFetcher.Button, { variant: "secondary", onClick: handleDownload, children: "Download" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+              Collapsible.CodeBlock,
+              {
+                code: formattedBody,
+                language: bodyLanguage,
+                title: response.contentType,
+                maxHeight: "300px"
+              }
+            )
+          },
+          {
+            id: "headers",
+            label: "Headers",
+            content: /* @__PURE__ */ jsxRuntime.jsx("div", { className: headersStyle, children: Object.entries(response.headers).map(([key, value]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: headerRowStyle, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("span", { className: headerKeyStyle, children: [
+                key,
+                ":"
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: headerValueStyle, children: value })
+            ] }, key)) })
+          }
+        ]
+      }
+    )
+  ] });
+}
+const binaryPanelStyle = css.css({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "flex-start",
+  gap: "0.75rem",
+  padding: "1rem"
+});
+const binaryInfoStyle = css.css({
+  fontSize: "var(--omnispec-font-size-sm)",
+  color: "var(--omnispec-fg-secondary)",
+  fontFamily: "var(--omnispec-font-mono)",
+  wordBreak: "break-all"
+});
+function formatSize(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+function getStatusColor(status) {
+  if (status >= 200 && status < 300) return "var(--omnispec-color-success)";
+  if (status >= 300 && status < 400) return "var(--omnispec-color-info)";
+  if (status >= 400 && status < 500) return "var(--omnispec-color-warning)";
+  return "var(--omnispec-color-error)";
+}
+function detectLanguage(contentType) {
+  if (contentType.includes("json")) return "json";
+  if (contentType.includes("xml") || contentType.includes("html")) return "xml";
+  if (contentType.includes("yaml") || contentType.includes("yml")) return "yaml";
+  return "text";
+}
+function formatBody(body, language) {
+  if (language === "json") {
+    try {
+      return JSON.stringify(JSON.parse(body), null, 2);
+    } catch {
+      return body;
+    }
+  }
+  return body;
+}
+
+function SecretInput({
+  value,
+  onChange,
+  placeholder,
+  className,
+  autoComplete,
+  "aria-label": ariaLabel
+}) {
+  const [revealed, setRevealed] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapStyle, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: revealed ? "text" : "password",
+        value,
+        onChange: (e) => onChange(e.target.value),
+        placeholder,
+        className,
+        autoComplete,
+        "aria-label": ariaLabel,
+        style: { width: "100%", paddingRight: "2.25rem" }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setRevealed((v) => !v),
+        className: toggleStyle,
+        "aria-label": revealed ? "Hide value" : "Show value",
+        "aria-pressed": revealed,
+        title: revealed ? "Hide" : "Show",
+        children: /* @__PURE__ */ jsxRuntime.jsx(useSpecFetcher.Icon, { name: revealed ? "eye-off" : "eye", size: "1rem" })
+      }
+    )
+  ] });
+}
+const wrapStyle = css.css({
+  position: "relative",
+  flex: 1,
+  display: "flex",
+  alignItems: "stretch"
+});
+const toggleStyle = css.css({
+  position: "absolute",
+  right: "4px",
+  top: "50%",
+  transform: "translateY(-50%)",
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: "1.75rem",
+  height: "1.75rem",
+  padding: 0,
+  border: "none",
+  background: "transparent",
+  cursor: "pointer",
+  color: "var(--omnispec-fg-muted)",
+  borderRadius: "var(--omnispec-border-radius)",
+  "&:hover": {
+    color: "var(--omnispec-fg-primary)"
+  },
+  "&:focus-visible": {
+    outline: "2px solid var(--omnispec-color-primary)",
+    outlineOffset: "1px"
+  }
+});
+
+const authStyles = {
+  section: css.css({
+    padding: "0.75rem 0",
+    borderBottom: "1px solid var(--omnispec-border-color)",
+    "&:last-child": {
+      borderBottom: "none"
+    }
+  }),
+  label: css.css({
+    fontWeight: 600,
+    fontSize: "var(--omnispec-font-size-sm)",
+    color: "var(--omnispec-fg-primary)",
+    marginBottom: "4px",
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
+  }),
+  hint: css.css({
+    fontWeight: 400,
+    fontSize: "var(--omnispec-font-size-xs)",
+    color: "var(--omnispec-fg-muted)"
+  }),
+  description: css.css({
+    fontSize: "var(--omnispec-font-size-xs)",
+    color: "var(--omnispec-fg-secondary)",
+    margin: "4px 0 8px"
+  }),
+  inputRow: css.css({
+    display: "flex",
+    gap: "8px",
+    alignItems: "center"
+  }),
+  input: css.css({
+    flex: 1,
+    padding: "6px 10px",
+    border: "1px solid var(--omnispec-input-border)",
+    borderRadius: "var(--omnispec-border-radius)",
+    backgroundColor: "var(--omnispec-input-bg)",
+    color: "var(--omnispec-fg-primary)",
+    fontSize: "var(--omnispec-font-size-sm)",
+    fontFamily: "var(--omnispec-font-mono)",
+    "&:focus": {
+      borderColor: "var(--omnispec-color-primary)",
+      outline: "none"
+    },
+    "&:hover": {
+      borderColor: "var(--omnispec-color-primary)"
+    }
+  }),
+  applyBtn: css.css({
+    padding: "6px 16px",
+    backgroundColor: "var(--omnispec-color-primary)",
+    color: "var(--omnispec-color-primary-text)",
+    border: "none",
+    borderRadius: "var(--omnispec-border-radius)",
+    cursor: "pointer",
+    fontSize: "var(--omnispec-font-size-sm)",
+    fontWeight: 500,
+    "&:hover": {
+      opacity: 0.85
+    }
+  }),
+  removeBtn: css.css({
+    padding: "6px 16px",
+    backgroundColor: "var(--omnispec-color-error)",
+    color: "#fff",
+    border: "none",
+    borderRadius: "var(--omnispec-border-radius)",
+    cursor: "pointer",
+    fontSize: "var(--omnispec-font-size-sm)",
+    fontWeight: 500,
+    "&:hover": {
+      opacity: 0.85
+    }
+  })
+};
+function ApiKeyAuth({ scheme, onApply, onRemove, applied, appliedValue }) {
+  const [value, setValue] = React.useState(appliedValue?.input?.value ?? "");
+  const handleApply = () => {
+    if (!value.trim()) return;
+    const headerName = scheme.in === "query" ? scheme.name ?? "api_key" : scheme.name ?? "X-API-Key";
+    onApply({
+      schemeId: scheme.id,
+      headerName,
+      headerValue: value,
+      input: { value }
+    });
+  };
+  const handleRemove = () => {
+    setValue("");
+    onRemove(scheme.id);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authStyles.section, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authStyles.label, children: [
+      scheme.displayName,
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: authStyles.hint, children: [
+        "(",
+        scheme.in,
+        ": ",
+        scheme.name,
+        ")"
+      ] })
+    ] }),
+    scheme.description && /* @__PURE__ */ jsxRuntime.jsx(Collapsible.MarkdownRenderer, { content: scheme.description, className: authStyles.description }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authStyles.inputRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SecretInput,
+        {
+          value,
+          onChange: setValue,
+          placeholder: "Enter API key",
+          className: authStyles.input,
+          "aria-label": `${scheme.displayName} value`
+        }
+      ),
+      applied ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleRemove, className: authStyles.removeBtn, children: "Remove" }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleApply, className: authStyles.applyBtn, children: "Apply" })
+    ] })
+  ] });
+}
+
+const flowLabels = {
+  authorizationCode: "Authorization Code",
+  implicit: "Implicit",
+  clientCredentials: "Client Credentials",
+  password: "Resource Owner Password"
+};
+const flowSelectorStyle = css.css({
+  display: "flex",
+  gap: "4px",
+  marginBottom: ".5rem"
+});
+const flowTabStyle = css.css({
+  padding: "4px 10px",
+  background: "var(--omnispec-bg-tertiary)",
+  border: "1px solid var(--omnispec-border-color)",
+  borderRadius: "var(--omnispec-border-radius)",
+  cursor: "pointer",
+  fontSize: "var(--omnispec-font-size-xs)",
+  color: "var(--omnispec-fg-secondary)",
+  "&:hover": {
+    borderColor: "var(--omnispec-color-primary)"
+  }
+});
+const activeFlowTabStyle = css.css({
+  backgroundColor: "var(--omnispec-color-primary)",
+  color: "var(--omnispec-color-primary-text)",
+  borderColor: "var(--omnispec-color-primary)"
+});
+const flowDetailsStyle = css.css({
+  marginBottom: "0.5rem"
+});
+const urlRowStyle$1 = css.css({
+  display: "flex",
+  gap: "0.5rem",
+  fontSize: "var(--omnispec-font-size-sm)",
+  marginBottom: "0.25rem"
+});
+const urlLabelStyle = css.css({
+  color: "var(--omnispec-fg-muted)",
+  fontWeight: 600,
+  whiteSpace: "nowrap",
+  marginBottom: ".5rem",
+  display: "inline-block"
+});
+const urlValueStyle = css.css({
+  color: "var(--omnispec-fg-secondary)",
+  fontFamily: "var(--omnispec-font-mono)",
+  fontSize: "var(--omnispec-font-size-sm)",
+  wordBreak: "break-all"
+});
+const scopesStyle = css.css({
+  marginTop: "0.5rem",
+  fontSize: "var(--omnispec-font-size-sm)"
+});
+const scopeListStyle = css.css({
+  marginTop: "0.25rem",
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.125rem"
+});
+const scopeItemStyle = css.css({
+  fontSize: "var(--omnispec-font-size-sm)"
+});
+const scopeNameStyle = css.css({
+  fontFamily: "var(--omnispec-font-mono)",
+  color: "var(--omnispec-fg-secondary)"
+});
+const scopeDescStyle = css.css({
+  color: "var(--omnispec-fg-muted)"
+});
+const tokenSectionStyle = css.css({
+  marginTop: "8px"
+});
+const flowErrorStyle = css.css({
+  marginTop: "8px",
+  fontSize: "var(--omnispec-font-size-xs)",
+  color: "var(--omnispec-color-error)"
+});
+function OAuth2AuthManual({ scheme, onApply, onRemove, applied, appliedValue }) {
+  const flows = scheme.flows;
+  const availableFlows = flows ? Object.entries(flows).filter(([, v]) => v) : [];
+  const [activeFlow, setActiveFlow] = React.useState(availableFlows[0]?.[0] ?? "authorizationCode");
+  const [token, setToken] = React.useState(appliedValue?.input?.token ?? "");
+  const [applyError, setApplyError] = React.useState(void 0);
+  const currentFlow = flows?.[activeFlow];
+  const handleTokenChange = (value) => {
+    setToken(value);
+    if (applyError) setApplyError(void 0);
+  };
+  const handleApplyToken = () => {
+    if (!token.trim()) {
+      setApplyError("Enter an access token to apply.");
+      return;
+    }
+    setApplyError(void 0);
+    onApply({
+      schemeId: scheme.id,
+      headerName: "Authorization",
+      headerValue: `Bearer ${token}`,
+      input: { token }
+    });
+  };
+  const handleRemove = () => {
+    setToken("");
+    setApplyError(void 0);
+    onRemove(scheme.id);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authStyles.section, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authStyles.label, children: [
+      scheme.displayName,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: authStyles.hint, children: "(OAuth 2.0)" })
+    ] }),
+    scheme.description && /* @__PURE__ */ jsxRuntime.jsx(Collapsible.MarkdownRenderer, { content: scheme.description, className: authStyles.description }),
+    availableFlows.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: flowSelectorStyle, children: availableFlows.map(([key]) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setActiveFlow(key),
+        className: css.cx(flowTabStyle, key === activeFlow && activeFlowTabStyle),
+        children: flowLabels[key]
+      },
+      key
+    )) }),
+    currentFlow && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: flowDetailsStyle, children: [
+      currentFlow.authorizationUrl && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: urlRowStyle$1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: urlLabelStyle, children: "Auth URL:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("code", { className: urlValueStyle, children: currentFlow.authorizationUrl })
+      ] }),
+      currentFlow.tokenUrl && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: urlRowStyle$1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: urlLabelStyle, children: "Token URL:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("code", { className: urlValueStyle, children: currentFlow.tokenUrl })
+      ] }),
+      currentFlow.refreshUrl && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: urlRowStyle$1, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: urlLabelStyle, children: "Refresh URL:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("code", { className: urlValueStyle, children: currentFlow.refreshUrl })
+      ] }),
+      currentFlow.scopes && Object.keys(currentFlow.scopes).length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: scopesStyle, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: urlLabelStyle, children: "Scopes:" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: scopeListStyle, children: Object.entries(currentFlow.scopes).map(([scope, desc]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: scopeItemStyle, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("code", { className: scopeNameStyle, children: scope }),
+          desc && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: scopeDescStyle, children: [
+            " \u2014 ",
+            desc
+          ] })
+        ] }, scope)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tokenSectionStyle, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: authStyles.label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: authStyles.hint, children: "Enter access token:" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authStyles.inputRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          SecretInput,
+          {
+            value: token,
+            onChange: handleTokenChange,
+            placeholder: "Access token",
+            className: authStyles.input,
+            "aria-label": `${scheme.displayName} access token`
+          }
+        ),
+        applied ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleRemove, className: authStyles.removeBtn, children: "Remove" }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleApplyToken, className: authStyles.applyBtn, children: "Apply" })
+      ] }),
+      applyError && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: flowErrorStyle, children: applyError })
+    ] })
+  ] });
+}
+
+const errorStyle = css.css({
+  fontSize: "var(--omnispec-font-size-xs)",
+  color: "var(--omnispec-color-error)",
+  margin: "4px 0 8px"
+});
+const urlRowStyle = css.css({
+  fontSize: "var(--omnispec-font-size-xs)",
+  color: "var(--omnispec-fg-secondary)",
+  margin: "4px 0 8px",
+  wordBreak: "break-all"
+});
+const urlLinkStyle = css.css({
+  color: "var(--omnispec-color-primary)"
+});
+function OpenIdConnectManual({
+  scheme,
+  onApply,
+  onRemove,
+  applied,
+  appliedValue
+}) {
+  const [token, setToken] = React.useState(appliedValue?.input?.token ?? "");
+  const [error, setError] = React.useState(void 0);
+  const handleApply = () => {
+    if (!token.trim()) {
+      setError("Enter an access token to apply.");
+      return;
+    }
+    setError(void 0);
+    onApply({
+      schemeId: scheme.id,
+      headerName: "Authorization",
+      headerValue: `Bearer ${token}`,
+      input: { token }
+    });
+  };
+  const handleRemove = () => {
+    setToken("");
+    setError(void 0);
+    onRemove(scheme.id);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authStyles.section, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authStyles.label, children: [
+      scheme.displayName,
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: authStyles.hint, children: "(OpenID Connect)" })
+    ] }),
+    scheme.description && /* @__PURE__ */ jsxRuntime.jsx(Collapsible.MarkdownRenderer, { content: scheme.description, className: authStyles.description }),
+    scheme.openIdConnectUrl && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: urlRowStyle, children: [
+      "Discovery URL:",
+      " ",
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "a",
+        {
+          className: urlLinkStyle,
+          href: scheme.openIdConnectUrl,
+          target: "_blank",
+          rel: "noreferrer noopener",
+          children: scheme.openIdConnectUrl
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: authStyles.label, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: authStyles.hint, children: "Enter access token directly:" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: authStyles.inputRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SecretInput,
+        {
+          value: token,
+          onChange: (value) => {
+            setToken(value);
+            if (error) setError(void 0);
+          },
+          placeholder: "Access token",
+          className: authStyles.input,
+          "aria-label": `${scheme.displayName} access token`
+        }
+      ),
+      applied ? /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleRemove, className: authStyles.removeBtn, children: "Remove" }) : /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleApply, className: authStyles.applyBtn, children: "Apply" })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", className: errorStyle, children: error })
+  ] });
+}
+
+exports.ApiKeyAuth = ApiKeyAuth;
+exports.AuthProvider = AuthProvider;
+exports.CodeSamples = CodeSamples;
+exports.ExampleSelector = ExampleSelector;
+exports.LinkableHeading = LinkableHeading;
+exports.Modal = Modal;
+exports.OAuth2AuthManual = OAuth2AuthManual;
+exports.OpenIdConnectManual = OpenIdConnectManual;
+exports.ReferenceLayout = ReferenceLayout;
+exports.ReferenceOperationDetail = ReferenceOperationDetail;
+exports.ResponseViewer = ResponseViewer;
+exports.ResponsiveColumns = ResponsiveColumns;
+exports.SamplesPanel = SamplesPanel;
+exports.SecretInput = SecretInput;
+exports.authStyles = authStyles;
+exports.clearTryItState = clearTryItState;
+exports.getNamedExamples = getNamedExamples;
+exports.loadTryItState = loadTryItState;
+exports.saveTryItState = saveTryItState;
+exports.sendDirectRequest = sendDirectRequest;
+exports.sendProxiedRequest = sendProxiedRequest;
+exports.useAuth = useAuth;
+//# sourceMappingURL=OpenIdConnectManual-oEnN0QJ-.js.map