@apiboost/omnispec 1.0.0

package/dist/esm/chunks/OpenIdConnectManual-COfITasf.js

@@ -0,0 +1,2393 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { createContext, useContext, useState, useEffect, useCallback, useMemo, useRef } from 'react';
+import { j as useConfig, m as mq, I as Icon, B as Button } from './useSpecFetcher-CZvAnU7Z.js';
+import { css, cx } from '@emotion/css';
+import { M as MarkdownRenderer, t as SchemaTree, A as schemaToNodes, I as useExpandAll, x as generateExample, C as CodeBlock, T as Tabs } from './Collapsible-DA6-nS46.js';
+import { i as isBinaryContentType, b as bytesToBase64, a as base64ToBlob, f as filenameForResponse } from './binary-response-Cre_H-Rt.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 = createContext({
+  appliedAuth: /* @__PURE__ */ new Map(),
+  applyAuth: () => {
+  },
+  removeAuth: () => {
+  },
+  clearAuth: () => {
+  },
+  getAuthHeaders: () => ({}),
+  schemes: [],
+  hasAuth: false,
+  authPanelOpen: false,
+  openAuthPanel: () => {
+  },
+  closeAuthPanel: () => {
+  }
+});
+function useAuth() {
+  return useContext(AuthContext);
+}
+function AuthProvider({ children, schemes = [] }) {
+  const { specKey, tryItPersistTtl } = useConfig();
+  const [appliedAuth, setAppliedAuth] = useState(
+    () => loadPersistedAuth(specKey, tryItPersistTtl)
+  );
+  const [authPanelOpen, setAuthPanelOpen] = useState(false);
+  useEffect(() => {
+    persistAuth(appliedAuth, specKey, tryItPersistTtl);
+  }, [appliedAuth, specKey, tryItPersistTtl]);
+  const applyAuth = useCallback((value2) => {
+    setAppliedAuth((prev) => {
+      const next = new Map(prev);
+      next.set(value2.schemeId, value2);
+      return next;
+    });
+  }, []);
+  const removeAuth = useCallback((schemeId) => {
+    setAppliedAuth((prev) => {
+      const next = new Map(prev);
+      next.delete(schemeId);
+      return next;
+    });
+  }, []);
+  const clearAuth = useCallback(() => {
+    setAppliedAuth(/* @__PURE__ */ new Map());
+  }, []);
+  const getAuthHeaders = useCallback(() => {
+    const headers = {};
+    for (const auth of appliedAuth.values()) {
+      headers[auth.headerName] = auth.headerValue;
+    }
+    return headers;
+  }, [appliedAuth]);
+  const openAuthPanel = useCallback(() => setAuthPanelOpen(true), []);
+  const closeAuthPanel = useCallback(() => setAuthPanelOpen(false), []);
+  const value = 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__ */ 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] = useState("samples");
+  const [mobileTab, setMobileTab] = useState("schema");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { className: mobileWrapperStyle, children: [
+      /* @__PURE__ */ jsx("div", { className: mobileTabBarStyle, role: "tablist", children: MOBILE_TABS.map((tab) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "tab",
+          "aria-selected": mobileTab === tab.id,
+          "aria-controls": `mobile-panel-${operationId}-${tab.id}`,
+          onClick: () => setMobileTab(tab.id),
+          className: cx(mobileTabStyle, mobileTab === tab.id ? mobileTabActiveStyle : void 0),
+          children: tab.label
+        },
+        tab.id
+      )) }),
+      /* @__PURE__ */ 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__ */ jsxs("div", { className: desktopWrapperStyle, children: [
+      /* @__PURE__ */ jsx("div", { className: leftColumnStyle$1, children: schema }),
+      /* @__PURE__ */ jsxs("div", { className: rightColumnStyle$1, children: [
+        /* @__PURE__ */ jsx("div", { className: rightTabBarStyle, role: "tablist", children: RIGHT_TABS.map((tab) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": rightTab === tab.id,
+            "aria-controls": `right-panel-${operationId}-${tab.id}`,
+            onClick: () => setRightTab(tab.id),
+            className: cx(rightTabStyle, rightTab === tab.id ? rightTabActiveStyle : void 0),
+            children: tab.label
+          },
+          tab.id
+        )) }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            id: `right-panel-${operationId}-${rightTab}`,
+            className: rightContentStyle,
+            role: "tabpanel",
+            children: [
+              rightTab === "samples" && samples,
+              rightTab === "try-it" && tryIt
+            ]
+          }
+        )
+      ] })
+    ] }, `desktop-${operationId}`)
+  ] });
+}
+const mobileWrapperStyle = css({
+  display: "block",
+  [mq.desktop]: {
+    display: "none"
+  }
+});
+const mobileTabBarStyle = css({
+  display: "flex",
+  borderBottom: "1px solid var(--omnispec-border-color)"
+});
+const mobileTabStyle = 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({
+  borderBottom: "0.125rem solid var(--omnispec-color-primary)",
+  color: "var(--omnispec-color-primary)"
+});
+const mobileContentStyle = css({
+  padding: "1rem 0"
+});
+const desktopWrapperStyle = css({
+  display: "none",
+  [mq.desktop]: {
+    display: "flex",
+    alignItems: "flex-start"
+  }
+});
+const leftColumnStyle$1 = css({
+  flex: 1,
+  minWidth: 0,
+  padding: "1rem 1.5rem"
+});
+const rightColumnStyle$1 = 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({
+  display: "flex",
+  borderBottom: "1px solid var(--omnispec-border-color)"
+});
+const rightTabStyle = 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({
+  borderBottom: "0.125rem solid var(--omnispec-color-primary)",
+  color: "var(--omnispec-color-primary)"
+});
+const rightContentStyle = 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] = useState(false);
+  const { expandAll, expandGeneration } = useExpandAll();
+  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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cx(
+          statusPillStyle,
+          css({ color: statusColor, backgroundColor: "transparent" })
+        ),
+        children: response.statusCode
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: responseDescStyle, children: response.description })
+  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cx(
+        responseCardStyle,
+        css({
+          borderLeft: `0.1875rem solid ${statusColor}`,
+          backgroundColor: statusBg
+        })
+      ),
+      children: [
+        hasContent ? /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: responseCardHeaderStyle,
+            onClick: () => setExpanded((prev) => !prev),
+            "aria-expanded": expanded,
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cx(
+                    chevronStyle,
+                    css({ transform: expanded ? "rotate(90deg)" : "rotate(0deg)" })
+                  ),
+                  children: /* @__PURE__ */ jsx(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__ */ jsx("div", { className: responseCardStaticHeaderStyle, children: header })
+        ),
+        expanded && hasContent && /* @__PURE__ */ jsx("div", { className: responseBodyStyle, children: Object.entries(response.content).map(([contentType, media]) => /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: schemaHeaderRowStyle, children: [
+            /* @__PURE__ */ jsx("span", { className: sectionLabelStyle, children: "Response Schema" }),
+            /* @__PURE__ */ jsx("code", { className: contentTypeBadgeStyle$1, children: contentType })
+          ] }),
+          media.schema && /* @__PURE__ */ jsx(SchemaTree, { nodes: schemaToNodes(media.schema), context: "response" })
+        ] }, contentType)) })
+      ]
+    }
+  );
+}
+function ParamSection({ title, params }) {
+  if (params.length === 0) return null;
+  const nodes = buildParamSchemaNodes(params);
+  return /* @__PURE__ */ jsxs("div", { className: sectionStyle$1, children: [
+    /* @__PURE__ */ jsx("h4", { className: sectionTitleStyle$1, children: title }),
+    /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: containerStyle$4, children: [
+    description && /* @__PURE__ */ jsx("div", { className: sectionStyle$1, children: /* @__PURE__ */ jsx(MarkdownRenderer, { content: description }) }),
+    security && security.length > 0 && /* @__PURE__ */ jsxs("div", { className: sectionStyle$1, children: [
+      /* @__PURE__ */ jsx("h4", { className: sectionTitleStyle$1, children: "Security" }),
+      /* @__PURE__ */ jsx("div", { className: securityListStyle, children: security.map((schemes, idx) => /* @__PURE__ */ jsx("div", { className: securityRowStyle, children: schemes.map((scheme) => /* @__PURE__ */ jsxs("span", { className: securityBadgeStyle, children: [
+        /* @__PURE__ */ jsx(Icon, { name: "lock", size: "0.625rem", strokeWidth: 2.5 }),
+        scheme
+      ] }, scheme)) }, idx)) })
+    ] }),
+    /* @__PURE__ */ jsx(ParamSection, { title: "Path Parameters", params: pathParams }),
+    /* @__PURE__ */ jsx(ParamSection, { title: "Query Parameters", params: queryParams }),
+    /* @__PURE__ */ jsx(ParamSection, { title: "Header Parameters", params: headerParams }),
+    requestBody && /* @__PURE__ */ jsxs("div", { className: sectionStyle$1, children: [
+      /* @__PURE__ */ jsxs("div", { className: schemaHeaderRowStyle, children: [
+        /* @__PURE__ */ jsx("h4", { className: sectionTitleStyle$1, children: "Request Body" }),
+        requestBody.required && /* @__PURE__ */ jsx("span", { className: requiredTagStyle, children: "Required" })
+      ] }),
+      Object.entries(requestBody.content).map(([contentType, media]) => /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("code", { className: contentTypeBadgeStyle$1, children: contentType }),
+        media.schema && /* @__PURE__ */ jsx(SchemaTree, { nodes: schemaToNodes(media.schema), context: "request" })
+      ] }, contentType))
+    ] }),
+    responses.length > 0 && /* @__PURE__ */ jsxs("div", { className: sectionStyle$1, children: [
+      /* @__PURE__ */ jsxs("div", { className: responsesHeaderRowStyle, children: [
+        /* @__PURE__ */ jsx("h4", { className: sectionTitleStyle$1, children: "Responses" }),
+        /* @__PURE__ */ jsx("div", { className: statusPillsRowStyle, children: responses.map((r) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cx(
+              statusPillStyle,
+              css({
+                color: getStatusColor$2(r.statusCode),
+                backgroundColor: getStatusBg$1(r.statusCode)
+              })
+            ),
+            children: r.statusCode
+          },
+          r.statusCode
+        )) })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: responseListStyle, children: responses.map((r) => /* @__PURE__ */ jsx(ResponseCard, { response: r }, r.statusCode)) })
+    ] })
+  ] });
+}
+const containerStyle$4 = css({
+  display: "flex",
+  flexDirection: "column"
+});
+const sectionStyle$1 = css({
+  marginBottom: "1.5rem"
+});
+const sectionTitleStyle$1 = 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({
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontWeight: 700,
+  letterSpacing: "0.06em",
+  textTransform: "uppercase",
+  color: "var(--omnispec-fg-muted)"
+});
+const securityListStyle = css({
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.375rem"
+});
+const securityRowStyle = css({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.375rem",
+  flexWrap: "wrap"
+});
+const securityBadgeStyle = 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({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  marginBottom: "0.5rem",
+  flexWrap: "wrap"
+});
+const contentTypeBadgeStyle$1 = 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({
+  fontSize: "var(--omnispec-font-size-xxs)",
+  fontWeight: 600,
+  color: "var(--omnispec-color-error)",
+  textTransform: "uppercase",
+  letterSpacing: "0.05em"
+});
+const responsesHeaderRowStyle = css({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.75rem",
+  marginBottom: "0.75rem",
+  flexWrap: "wrap"
+});
+const statusPillsRowStyle = css({
+  display: "flex",
+  gap: "0.375rem",
+  flexWrap: "wrap"
+});
+const statusPillStyle = 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({
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.5rem"
+});
+const responseCardStyle = css({
+  borderRadius: "var(--omnispec-border-radius)",
+  overflow: "hidden"
+});
+const responseCardHeaderStyle = 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({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  width: "100%",
+  padding: "0.625rem 0.75rem 0.625rem 2.125rem",
+  color: "inherit"
+});
+const chevronStyle = css({
+  display: "inline-flex",
+  alignItems: "center",
+  flexShrink: 0,
+  transition: "transform 0.15s ease",
+  color: "var(--omnispec-fg-muted)"
+});
+const responseDescStyle = css({
+  fontSize: "var(--omnispec-font-size-sm)",
+  color: "var(--omnispec-fg-secondary)",
+  flex: 1
+});
+const responseBodyStyle = 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__ */ jsxs("div", { className: containerStyle$3, children: [
+    /* @__PURE__ */ jsx("label", { htmlFor: "example-selector", className: labelStyle, children: "Example:" }),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        id: "example-selector",
+        value: selectedName,
+        onChange: (e) => onSelect(e.target.value),
+        className: selectStyle,
+        children: examples.map((example) => /* @__PURE__ */ 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({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  marginBottom: "0.75rem"
+});
+const labelStyle = css({
+  fontSize: "var(--omnispec-font-size-xs)",
+  fontWeight: 600,
+  color: "var(--omnispec-fg-muted)",
+  textTransform: "uppercase",
+  letterSpacing: "0.5px",
+  whiteSpace: "nowrap"
+});
+const selectStyle = 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] = useState("curl");
+  const [selectedResponseIndex, setSelectedResponseIndex] = useState(0);
+  const [selectedExampleName, setSelectedExampleName] = useState("");
+  const request = useMemo(() => {
+    const headers = {};
+    const hasBody = requestBodySchema && ["post", "put", "patch", "delete"].includes(method.toLowerCase());
+    if (hasBody) {
+      headers["Content-Type"] = requestBodyContentType;
+    }
+    const body = hasBody ? JSON.stringify(generateExample(requestBodySchema), null, 2) : void 0;
+    return {
+      url: path,
+      method: method.toUpperCase(),
+      headers,
+      queryParams: {},
+      pathParams: {},
+      body
+    };
+  }, [method, path, requestBodySchema, requestBodyContentType]);
+  const requestCode = 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 } = 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: generateExample(firstMedia.schema) }],
+        responseContentType: firstContentType
+      };
+    }
+    return { namedExamples: examples, responseContentType: firstContentType };
+  }, [activeResponse]);
+  const responseExampleCode = 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__ */ jsx("div", { className: languageBarStyle$1, children: CODE_LANGUAGES.map((lang) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => setSelectedLang(lang.id),
+      className: cx(langBtnStyle$1, selectedLang === lang.id && langBtnActiveStyle$1),
+      children: lang.label
+    },
+    lang.id
+  )) });
+  return /* @__PURE__ */ jsxs("div", { className: panelStyle, children: [
+    /* @__PURE__ */ jsxs("div", { className: sectionStyle, children: [
+      /* @__PURE__ */ jsxs("div", { className: sectionHeaderStyle, children: [
+        /* @__PURE__ */ jsx("span", { className: sectionTitleStyle, children: "Request samples" }),
+        requestBodyContentType && /* @__PURE__ */ jsx("code", { className: contentTypeBadgeStyle, children: requestBodyContentType })
+      ] }),
+      /* @__PURE__ */ jsx(
+        CodeBlock,
+        {
+          code: requestCode,
+          language: prismLang,
+          showCopy: true,
+          headerLeft: languageTabs
+        }
+      )
+    ] }),
+    responses.length > 0 && /* @__PURE__ */ jsxs("div", { className: sectionStyle, children: [
+      /* @__PURE__ */ jsx("div", { className: sectionHeaderStyle, children: /* @__PURE__ */ jsx("span", { className: sectionTitleStyle, children: "Response samples" }) }),
+      /* @__PURE__ */ 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__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              setSelectedResponseIndex(idx);
+              setSelectedExampleName("");
+            },
+            className: cx(statusTabStyle, isActive && statusTabActiveStyle),
+            style: {
+              "--status-color": color,
+              "--status-bg": bg
+            },
+            title: res.description,
+            children: res.statusCode
+          },
+          res.statusCode
+        );
+      }) }),
+      responseExampleCode !== null ? /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: contentTypeLabelStyle, children: /* @__PURE__ */ jsx("code", { className: contentTypeBadgeStyle, children: responseContentType }) }),
+        namedExamples.length > 1 && /* @__PURE__ */ jsx(
+          ExampleSelector,
+          {
+            examples: namedExamples,
+            selectedName: selectedExampleName || namedExamples[0]?.name,
+            onSelect: setSelectedExampleName
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CodeBlock,
+          {
+            code: responseExampleCode,
+            language: "json",
+            showCopy: true
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx("div", { className: emptyStateStyle, children: "No response sample available." })
+    ] })
+  ] });
+}
+const panelStyle = css({
+  display: "flex",
+  flexDirection: "column",
+  gap: "1.5rem"
+});
+const sectionStyle = css({
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.5rem"
+});
+const sectionHeaderStyle = css({
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  flexWrap: "wrap"
+});
+const sectionTitleStyle = css({
+  fontSize: "var(--omnispec-font-size-sm)",
+  fontWeight: 600,
+  color: "var(--omnispec-fg-primary)",
+  [mq.desktop]: {
+    fontSize: "var(--omnispec-font-size-base)"
+  }
+});
+const contentTypeBadgeStyle = 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({
+  display: "flex",
+  gap: "0.125rem",
+  overflowX: "auto",
+  scrollbarWidth: "none",
+  "&::-webkit-scrollbar": {
+    display: "none"
+  }
+});
+const langBtnStyle$1 = 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({
+  color: "var(--omnispec-color-primary)",
+  backgroundColor: "var(--omnispec-bg-secondary)",
+  fontWeight: 600
+});
+const statusTabsStyle = css({
+  display: "flex",
+  flexWrap: "wrap",
+  gap: "0.375rem"
+});
+const statusTabStyle = 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({
+  opacity: 1,
+  boxShadow: "0 0 0 1px var(--status-color)"
+});
+const contentTypeLabelStyle = css({
+  marginBottom: "0.25rem"
+});
+const emptyStateStyle = 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] = useState(false);
+  const handleCopy = 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__ */ jsxs(Tag, { id, className: `${containerStyle$2} ${className ?? ""}`, children: [
+    children,
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        href: `#${id}`,
+        onClick: handleCopy,
+        className: linkIconStyle,
+        "aria-label": "Copy link to section",
+        title: copied ? "Copied!" : "Copy link",
+        children: /* @__PURE__ */ jsx(Icon, { name: "link", size: "0.75em" })
+      }
+    )
+  ] });
+}
+const containerStyle$2 = css({
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  gap: "0.5rem",
+  "&:hover a": {
+    opacity: 1
+  }
+});
+const linkIconStyle = 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 }) {
+  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__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: backdropStyle,
+        onClick: onClose,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: dialogStyle,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": title,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: headerStyle, children: [
+            title && /* @__PURE__ */ jsx("h3", { className: titleStyle, children: title }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onClose,
+                className: closeBtnStyle,
+                "aria-label": "Close",
+                children: "\xD7"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: bodyStyle, children })
+        ]
+      }
+    )
+  ] });
+}
+const backdropStyle = css({
+  position: "fixed",
+  inset: 0,
+  backgroundColor: "rgba(0, 0, 0, 0.5)",
+  zIndex: 1100
+});
+const dialogStyle = 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({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  padding: "16px 20px",
+  borderBottom: "1px solid var(--omnispec-border-color)"
+});
+const titleStyle = css({
+  margin: 0,
+  fontSize: "var(--omnispec-h3-font-size)",
+  fontWeight: 600,
+  color: "var(--omnispec-color-primary)"
+});
+const closeBtnStyle = 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({
+  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({
+  padding: "0.75rem 0",
+  minWidth: 0,
+  [mq.desktop]: {
+    padding: "1rem 1.25rem"
+  }
+});
+const gridStyle = css({
+  maxWidth: "100%",
+  [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({
+  padding: "0.75rem 0",
+  minWidth: 0,
+  [mq.desktop]: {
+    padding: "1rem 1.25rem"
+  }
+});
+const toggleButtonStyle = 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",
+  [mq.desktop]: {
+    display: "none"
+  }
+});
+const rightColumnStyle = 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)"
+  },
+  [mq.desktop]: {
+    display: "block",
+    padding: "1rem 1.25rem",
+    borderTop: "none"
+  }
+});
+const resizeHandleStyle = css({
+  display: "none",
+  [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({
+  userSelect: "none"
+});
+function ResponsiveColumns({ left, right, rightLabel = "Try It" }) {
+  const [showRight, setShowRight] = useState(false);
+  const [rightWidth, setRightWidth] = useState(() => loadPanelWidth());
+  const [dragging, setDragging] = useState(false);
+  const containerRef = 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__ */ jsx("div", { className: singleColumnStyle, children: left });
+  }
+  const containerStyle = rightWidth !== null ? { "--omnispec-tryit-col": `${rightWidth}px` } : void 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `${gridStyle} ${dragging ? draggingContainerStyle : ""}`,
+      style: containerStyle,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: leftColumnStyle, children: [
+          left,
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: toggleButtonStyle,
+              onClick: () => setShowRight((prev) => !prev),
+              children: showRight ? "Hide" : rightLabel
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: resizeHandleStyle,
+            role: "separator",
+            "aria-orientation": "vertical",
+            "aria-label": `Resize ${rightLabel} panel`,
+            onPointerDown: startDrag,
+            ...dragging ? { "data-dragging": "" } : {}
+          }
+        ),
+        /* @__PURE__ */ 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 (isBinaryContentType(contentType)) {
+    body = 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 = 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__ */ jsx("div", { className: languageBarStyle, children: CODE_LANGUAGES.map((lang) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onLanguageChange(lang.id),
+      className: cx(langBtnStyle, selectedLanguage === lang.id && langBtnActiveStyle),
+      children: lang.label
+    },
+    lang.id
+  )) });
+  return /* @__PURE__ */ jsx("div", { className: containerStyle$1, children: /* @__PURE__ */ jsx(
+    CodeBlock,
+    {
+      code,
+      language: prismLang,
+      showCopy: true,
+      headerLeft: languageTabs
+    }
+  ) });
+}
+const containerStyle$1 = css({
+  marginTop: "0.75rem"
+});
+const languageBarStyle = css({
+  display: "flex",
+  gap: "0.125rem",
+  overflowX: "auto",
+  scrollbarWidth: "none",
+  "&::-webkit-scrollbar": {
+    display: "none"
+  }
+});
+const langBtnStyle = 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({
+  color: "var(--omnispec-color-primary)",
+  backgroundColor: "var(--omnispec-bg-secondary)",
+  fontWeight: 600
+});
+
+const containerStyle = 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({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  marginBottom: "12px"
+});
+const statusCodeBaseStyle = css({
+  fontFamily: "var(--omnispec-font-mono)",
+  fontWeight: 700,
+  fontSize: "var(--omnispec-font-size-base)"
+});
+const durationStyle = css({
+  color: "var(--omnispec-fg-muted)",
+  fontSize: "var(--omnispec-font-size-xs)"
+});
+const loadingStyle = css({
+  color: "var(--omnispec-fg-muted)",
+  textAlign: "center",
+  padding: "24px"
+});
+const errorStyle$1 = css({
+  color: "var(--omnispec-color-error)",
+  padding: "12px"
+});
+const headersStyle = css({
+  fontFamily: "var(--omnispec-font-mono)",
+  fontSize: "var(--omnispec-font-size-xs)"
+});
+const headerRowStyle = css({
+  display: "flex",
+  gap: "8px",
+  padding: "2px 0"
+});
+const headerKeyStyle = css({
+  color: "var(--omnispec-fg-secondary)",
+  fontWeight: 600
+});
+const headerValueStyle = css({
+  color: "var(--omnispec-fg-primary)",
+  wordBreak: "break-all"
+});
+function ResponseViewer({ response, loading, error }) {
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: containerStyle, children: /* @__PURE__ */ jsx("div", { className: loadingStyle, children: "Sending request..." }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx("div", { className: containerStyle, children: /* @__PURE__ */ 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 = base64ToBlob(response.body, response.contentType);
+    const url = URL.createObjectURL(blob);
+    const anchor = document.createElement("a");
+    anchor.href = url;
+    anchor.download = 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__ */ jsxs("div", { className: `adr-response ${containerStyle}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: statusBarStyle, children: [
+      /* @__PURE__ */ jsxs("span", { className: css(statusCodeBaseStyle, { color: statusColor }), children: [
+        response.status,
+        " ",
+        response.statusText
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: durationStyle, children: [
+        response.duration.toFixed(0),
+        "ms"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Tabs,
+      {
+        tabs: [
+          {
+            id: "body",
+            label: "Response Body",
+            content: isBinary ? /* @__PURE__ */ jsxs("div", { className: binaryPanelStyle, children: [
+              /* @__PURE__ */ jsxs("span", { className: binaryInfoStyle, children: [
+                "Binary response \u2014 ",
+                response.contentType.split(";")[0],
+                " (",
+                formatSize(binarySize),
+                ")"
+              ] }),
+              /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: handleDownload, children: "Download" })
+            ] }) : /* @__PURE__ */ jsx(
+              CodeBlock,
+              {
+                code: formattedBody,
+                language: bodyLanguage,
+                title: response.contentType,
+                maxHeight: "300px"
+              }
+            )
+          },
+          {
+            id: "headers",
+            label: "Headers",
+            content: /* @__PURE__ */ jsx("div", { className: headersStyle, children: Object.entries(response.headers).map(([key, value]) => /* @__PURE__ */ jsxs("div", { className: headerRowStyle, children: [
+              /* @__PURE__ */ jsxs("span", { className: headerKeyStyle, children: [
+                key,
+                ":"
+              ] }),
+              /* @__PURE__ */ jsx("span", { className: headerValueStyle, children: value })
+            ] }, key)) })
+          }
+        ]
+      }
+    )
+  ] });
+}
+const binaryPanelStyle = css({
+  display: "flex",
+  flexDirection: "column",
+  alignItems: "flex-start",
+  gap: "0.75rem",
+  padding: "1rem"
+});
+const binaryInfoStyle = 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] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: wrapStyle, children: [
+    /* @__PURE__ */ 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__ */ 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__ */ jsx(Icon, { name: revealed ? "eye-off" : "eye", size: "1rem" })
+      }
+    )
+  ] });
+}
+const wrapStyle = css({
+  position: "relative",
+  flex: 1,
+  display: "flex",
+  alignItems: "stretch"
+});
+const toggleStyle = 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({
+    padding: "0.75rem 0",
+    borderBottom: "1px solid var(--omnispec-border-color)",
+    "&:last-child": {
+      borderBottom: "none"
+    }
+  }),
+  label: css({
+    fontWeight: 600,
+    fontSize: "var(--omnispec-font-size-sm)",
+    color: "var(--omnispec-fg-primary)",
+    marginBottom: "4px",
+    display: "flex",
+    alignItems: "center",
+    gap: "8px"
+  }),
+  hint: css({
+    fontWeight: 400,
+    fontSize: "var(--omnispec-font-size-xs)",
+    color: "var(--omnispec-fg-muted)"
+  }),
+  description: css({
+    fontSize: "var(--omnispec-font-size-xs)",
+    color: "var(--omnispec-fg-secondary)",
+    margin: "4px 0 8px"
+  }),
+  inputRow: css({
+    display: "flex",
+    gap: "8px",
+    alignItems: "center"
+  }),
+  input: 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({
+    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({
+    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] = 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__ */ jsxs("div", { className: authStyles.section, children: [
+    /* @__PURE__ */ jsxs("div", { className: authStyles.label, children: [
+      scheme.displayName,
+      /* @__PURE__ */ jsxs("span", { className: authStyles.hint, children: [
+        "(",
+        scheme.in,
+        ": ",
+        scheme.name,
+        ")"
+      ] })
+    ] }),
+    scheme.description && /* @__PURE__ */ jsx(MarkdownRenderer, { content: scheme.description, className: authStyles.description }),
+    /* @__PURE__ */ jsxs("div", { className: authStyles.inputRow, children: [
+      /* @__PURE__ */ jsx(
+        SecretInput,
+        {
+          value,
+          onChange: setValue,
+          placeholder: "Enter API key",
+          className: authStyles.input,
+          "aria-label": `${scheme.displayName} value`
+        }
+      ),
+      applied ? /* @__PURE__ */ jsx("button", { type: "button", onClick: handleRemove, className: authStyles.removeBtn, children: "Remove" }) : /* @__PURE__ */ 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({
+  display: "flex",
+  gap: "4px",
+  marginBottom: ".5rem"
+});
+const flowTabStyle = 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({
+  backgroundColor: "var(--omnispec-color-primary)",
+  color: "var(--omnispec-color-primary-text)",
+  borderColor: "var(--omnispec-color-primary)"
+});
+const flowDetailsStyle = css({
+  marginBottom: "0.5rem"
+});
+const urlRowStyle$1 = css({
+  display: "flex",
+  gap: "0.5rem",
+  fontSize: "var(--omnispec-font-size-sm)",
+  marginBottom: "0.25rem"
+});
+const urlLabelStyle = css({
+  color: "var(--omnispec-fg-muted)",
+  fontWeight: 600,
+  whiteSpace: "nowrap",
+  marginBottom: ".5rem",
+  display: "inline-block"
+});
+const urlValueStyle = css({
+  color: "var(--omnispec-fg-secondary)",
+  fontFamily: "var(--omnispec-font-mono)",
+  fontSize: "var(--omnispec-font-size-sm)",
+  wordBreak: "break-all"
+});
+const scopesStyle = css({
+  marginTop: "0.5rem",
+  fontSize: "var(--omnispec-font-size-sm)"
+});
+const scopeListStyle = css({
+  marginTop: "0.25rem",
+  display: "flex",
+  flexDirection: "column",
+  gap: "0.125rem"
+});
+const scopeItemStyle = css({
+  fontSize: "var(--omnispec-font-size-sm)"
+});
+const scopeNameStyle = css({
+  fontFamily: "var(--omnispec-font-mono)",
+  color: "var(--omnispec-fg-secondary)"
+});
+const scopeDescStyle = css({
+  color: "var(--omnispec-fg-muted)"
+});
+const tokenSectionStyle = css({
+  marginTop: "8px"
+});
+const flowErrorStyle = 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] = useState(availableFlows[0]?.[0] ?? "authorizationCode");
+  const [token, setToken] = useState(appliedValue?.input?.token ?? "");
+  const [applyError, setApplyError] = 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__ */ jsxs("div", { className: authStyles.section, children: [
+    /* @__PURE__ */ jsxs("div", { className: authStyles.label, children: [
+      scheme.displayName,
+      /* @__PURE__ */ jsx("span", { className: authStyles.hint, children: "(OAuth 2.0)" })
+    ] }),
+    scheme.description && /* @__PURE__ */ jsx(MarkdownRenderer, { content: scheme.description, className: authStyles.description }),
+    availableFlows.length > 1 && /* @__PURE__ */ jsx("div", { className: flowSelectorStyle, children: availableFlows.map(([key]) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setActiveFlow(key),
+        className: cx(flowTabStyle, key === activeFlow && activeFlowTabStyle),
+        children: flowLabels[key]
+      },
+      key
+    )) }),
+    currentFlow && /* @__PURE__ */ jsxs("div", { className: flowDetailsStyle, children: [
+      currentFlow.authorizationUrl && /* @__PURE__ */ jsxs("div", { className: urlRowStyle$1, children: [
+        /* @__PURE__ */ jsx("span", { className: urlLabelStyle, children: "Auth URL:" }),
+        /* @__PURE__ */ jsx("code", { className: urlValueStyle, children: currentFlow.authorizationUrl })
+      ] }),
+      currentFlow.tokenUrl && /* @__PURE__ */ jsxs("div", { className: urlRowStyle$1, children: [
+        /* @__PURE__ */ jsx("span", { className: urlLabelStyle, children: "Token URL:" }),
+        /* @__PURE__ */ jsx("code", { className: urlValueStyle, children: currentFlow.tokenUrl })
+      ] }),
+      currentFlow.refreshUrl && /* @__PURE__ */ jsxs("div", { className: urlRowStyle$1, children: [
+        /* @__PURE__ */ jsx("span", { className: urlLabelStyle, children: "Refresh URL:" }),
+        /* @__PURE__ */ jsx("code", { className: urlValueStyle, children: currentFlow.refreshUrl })
+      ] }),
+      currentFlow.scopes && Object.keys(currentFlow.scopes).length > 0 && /* @__PURE__ */ jsxs("div", { className: scopesStyle, children: [
+        /* @__PURE__ */ jsx("span", { className: urlLabelStyle, children: "Scopes:" }),
+        /* @__PURE__ */ jsx("div", { className: scopeListStyle, children: Object.entries(currentFlow.scopes).map(([scope, desc]) => /* @__PURE__ */ jsxs("div", { className: scopeItemStyle, children: [
+          /* @__PURE__ */ jsx("code", { className: scopeNameStyle, children: scope }),
+          desc && /* @__PURE__ */ jsxs("span", { className: scopeDescStyle, children: [
+            " \u2014 ",
+            desc
+          ] })
+        ] }, scope)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: tokenSectionStyle, children: [
+      /* @__PURE__ */ jsx("div", { className: authStyles.label, children: /* @__PURE__ */ jsx("span", { className: authStyles.hint, children: "Enter access token:" }) }),
+      /* @__PURE__ */ jsxs("div", { className: authStyles.inputRow, children: [
+        /* @__PURE__ */ jsx(
+          SecretInput,
+          {
+            value: token,
+            onChange: handleTokenChange,
+            placeholder: "Access token",
+            className: authStyles.input,
+            "aria-label": `${scheme.displayName} access token`
+          }
+        ),
+        applied ? /* @__PURE__ */ jsx("button", { type: "button", onClick: handleRemove, className: authStyles.removeBtn, children: "Remove" }) : /* @__PURE__ */ jsx("button", { type: "button", onClick: handleApplyToken, className: authStyles.applyBtn, children: "Apply" })
+      ] }),
+      applyError && /* @__PURE__ */ jsx("p", { role: "alert", className: flowErrorStyle, children: applyError })
+    ] })
+  ] });
+}
+
+const errorStyle = css({
+  fontSize: "var(--omnispec-font-size-xs)",
+  color: "var(--omnispec-color-error)",
+  margin: "4px 0 8px"
+});
+const urlRowStyle = css({
+  fontSize: "var(--omnispec-font-size-xs)",
+  color: "var(--omnispec-fg-secondary)",
+  margin: "4px 0 8px",
+  wordBreak: "break-all"
+});
+const urlLinkStyle = css({
+  color: "var(--omnispec-color-primary)"
+});
+function OpenIdConnectManual({
+  scheme,
+  onApply,
+  onRemove,
+  applied,
+  appliedValue
+}) {
+  const [token, setToken] = useState(appliedValue?.input?.token ?? "");
+  const [error, setError] = 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__ */ jsxs("div", { className: authStyles.section, children: [
+    /* @__PURE__ */ jsxs("div", { className: authStyles.label, children: [
+      scheme.displayName,
+      /* @__PURE__ */ jsx("span", { className: authStyles.hint, children: "(OpenID Connect)" })
+    ] }),
+    scheme.description && /* @__PURE__ */ jsx(MarkdownRenderer, { content: scheme.description, className: authStyles.description }),
+    scheme.openIdConnectUrl && /* @__PURE__ */ jsxs("p", { className: urlRowStyle, children: [
+      "Discovery URL:",
+      " ",
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          className: urlLinkStyle,
+          href: scheme.openIdConnectUrl,
+          target: "_blank",
+          rel: "noreferrer noopener",
+          children: scheme.openIdConnectUrl
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: authStyles.label, children: /* @__PURE__ */ jsx("span", { className: authStyles.hint, children: "Enter access token directly:" }) }),
+    /* @__PURE__ */ jsxs("div", { className: authStyles.inputRow, children: [
+      /* @__PURE__ */ 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__ */ jsx("button", { type: "button", onClick: handleRemove, className: authStyles.removeBtn, children: "Remove" }) : /* @__PURE__ */ jsx("button", { type: "button", onClick: handleApply, className: authStyles.applyBtn, children: "Apply" })
+    ] }),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", className: errorStyle, children: error })
+  ] });
+}
+
+export { AuthProvider as A, CodeSamples as C, ExampleSelector as E, LinkableHeading as L, Modal as M, OAuth2AuthManual as O, ReferenceLayout as R, SamplesPanel as S, OpenIdConnectManual as a, ReferenceOperationDetail as b, ResponseViewer as c, ResponsiveColumns as d, SecretInput as e, authStyles as f, sendProxiedRequest as g, ApiKeyAuth as h, saveTryItState as i, clearTryItState as j, getNamedExamples as k, loadTryItState as l, sendDirectRequest as s, useAuth as u };
+//# sourceMappingURL=OpenIdConnectManual-COfITasf.js.map