@djangocfg/ui-tools 2.1.285 → 2.1.286

package/dist/DocsLayout-BCVU6TTX.cjs

@@ -0,0 +1,2027 @@
+'use strict';
+
+var chunkIULI4XII_cjs = require('./chunk-IULI4XII.cjs');
+var chunk33AMWFBZ_cjs = require('./chunk-33AMWFBZ.cjs');
+require('./chunk-2SMCH62O.cjs');
+var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
+var React6 = require('react');
+var components = require('@djangocfg/ui-core/components');
+var hooks = require('@djangocfg/ui-core/hooks');
+var consola = require('consola');
+var lucideReact = require('lucide-react');
+var lib = require('@djangocfg/ui-core/lib');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React6__default = /*#__PURE__*/_interopDefault(React6);
+var consola__default = /*#__PURE__*/_interopDefault(consola);
+
+function exampleFromSchema(schema, depth = 0) {
+  if (!schema || depth > 8) return null;
+  if (schema.example !== void 0) return schema.example;
+  if (schema.default !== void 0) return schema.default;
+  if (Array.isArray(schema.enum) && schema.enum.length > 0) return schema.enum[0];
+  switch (schema.type) {
+    case "object": {
+      const out = {};
+      const props = schema.properties ?? {};
+      for (const [k, v] of Object.entries(props)) {
+        out[k] = exampleFromSchema(v, depth + 1);
+      }
+      return out;
+    }
+    case "array":
+      return [exampleFromSchema(schema.items, depth + 1)];
+    case "integer":
+    case "number":
+      return 0;
+    case "boolean":
+      return false;
+    case "string":
+      if (schema.format === "date-time") return (/* @__PURE__ */ new Date()).toISOString();
+      if (schema.format === "date") return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+      if (schema.format === "email") return "user@example.com";
+      if (schema.format === "uri" || schema.format === "url") return "https://example.com";
+      if (schema.format === "uuid") return "00000000-0000-0000-0000-000000000000";
+      return "";
+    default:
+      if (schema.properties) {
+        const out = {};
+        for (const [k, v] of Object.entries(schema.properties)) {
+          out[k] = exampleFromSchema(v, depth + 1);
+        }
+        return out;
+      }
+      return null;
+  }
+}
+chunkWGEGR3DF_cjs.__name(exampleFromSchema, "exampleFromSchema");
+var HTTP_METHODS = ["get", "post", "put", "patch", "delete"];
+var extractEndpoints = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((schema, baseUrl) => {
+  const endpoints = [];
+  if (!schema.paths) return [];
+  for (const [path, methods] of Object.entries(schema.paths)) {
+    for (const method of HTTP_METHODS) {
+      const op = methods[method];
+      if (!op) continue;
+      const methodUpper = method.toUpperCase();
+      const summary = (op.summary || "").trim();
+      const description = op.description || summary || `${methodUpper} ${path}`;
+      const category = op.tags?.[0] || "Other";
+      const parameters = [];
+      const allParams = [...methods.parameters || [], ...op.parameters || []];
+      for (const param of allParams) {
+        parameters.push({
+          name: param.name,
+          type: param.schema?.type || "string",
+          required: param.required || false,
+          description: param.description
+        });
+      }
+      const responses = [];
+      if (op.responses) {
+        for (const [code, response] of Object.entries(op.responses)) {
+          responses.push({
+            code,
+            description: response.description || `Response ${code}`
+          });
+        }
+      }
+      let requestBody;
+      if (op.requestBody) {
+        const content = op.requestBody.content;
+        const mediaType = content?.["application/json"] || content?.[Object.keys(content || {})[0]];
+        const rawSchema = mediaType?.schema;
+        requestBody = {
+          type: rawSchema?.type || "object",
+          description: op.requestBody.description,
+          schema: rawSchema,
+          example: rawSchema ? JSON.stringify(exampleFromSchema(rawSchema), null, 2) : void 0
+        };
+      }
+      const endpoint = {
+        name: path.split("/").pop() || path,
+        method: methodUpper,
+        path: baseUrl ? chunkIULI4XII_cjs.joinUrl(baseUrl, path) : path,
+        summary,
+        description,
+        category,
+        parameters: parameters.length > 0 ? parameters : void 0,
+        requestBody,
+        responses: responses.length > 0 ? responses : void 0
+      };
+      endpoints.push(endpoint);
+    }
+  }
+  return endpoints;
+}, "extractEndpoints");
+var getCategories = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((endpoints) => {
+  const categories = /* @__PURE__ */ new Set();
+  endpoints.forEach((endpoint) => categories.add(endpoint.category));
+  return Array.from(categories).sort();
+}, "getCategories");
+var fetchSchema = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(async (url) => {
+  const response = await fetch(url, {
+    headers: {
+      "Accept": "application/json"
+    }
+  });
+  if (!response.ok) {
+    throw new Error(`Failed to fetch schema: ${response.statusText}`);
+  }
+  return response.json();
+}, "fetchSchema");
+function useOpenApiSchema({
+  schemas,
+  defaultSchemaId,
+  baseUrl: configBaseUrl
+}) {
+  const [loading, setLoading] = React6.useState(true);
+  const [error, setError] = React6.useState(null);
+  const [currentSchemaId, setCurrentSchemaId] = React6.useState(
+    defaultSchemaId || schemas[0]?.id
+  );
+  const [loadedSchemas, setLoadedSchemas] = React6.useState(
+    /* @__PURE__ */ new Map()
+  );
+  const currentSchema = React6.useMemo(
+    () => schemas.find((s) => s.id === currentSchemaId) || null,
+    [schemas, currentSchemaId]
+  );
+  const currentOpenApiSchema = React6.useMemo(
+    () => currentSchemaId ? loadedSchemas.get(currentSchemaId) : null,
+    [loadedSchemas, currentSchemaId]
+  );
+  const dereferencedSchema = React6.useMemo(
+    () => currentOpenApiSchema ? chunkIULI4XII_cjs.dereferenceSchema(currentOpenApiSchema) : null,
+    [currentOpenApiSchema]
+  );
+  const resolvedBaseUrl = React6.useMemo(
+    () => chunkIULI4XII_cjs.resolveBaseUrl({
+      schemaSource: currentSchema?.baseUrl,
+      config: configBaseUrl,
+      fromServers: currentOpenApiSchema?.servers?.[0]?.url
+    }),
+    [currentSchema?.baseUrl, configBaseUrl, currentOpenApiSchema]
+  );
+  const endpoints = React6.useMemo(
+    () => dereferencedSchema ? extractEndpoints(dereferencedSchema, resolvedBaseUrl) : [],
+    [dereferencedSchema, resolvedBaseUrl]
+  );
+  const categories = React6.useMemo(() => getCategories(endpoints), [endpoints]);
+  const schemaInfo = React6.useMemo(() => {
+    if (!currentOpenApiSchema?.info) return null;
+    const { title, version, description } = currentOpenApiSchema.info;
+    return {
+      title,
+      version,
+      description,
+      servers: currentOpenApiSchema.servers
+    };
+  }, [currentOpenApiSchema]);
+  React6.useEffect(() => {
+    if (!currentSchema) return;
+    if (loadedSchemas.has(currentSchema.id)) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    fetchSchema(currentSchema.url).then((schema) => {
+      setLoadedSchemas((prev) => new Map(prev).set(currentSchema.id, schema));
+      consola__default.default.success(`Schema loaded: ${currentSchema.name}`);
+      setLoading(false);
+    }).catch((err) => {
+      consola__default.default.error(`Error loading schema from ${currentSchema.url}:`, err);
+      setError(err instanceof Error ? err.message : "Failed to load schema");
+      setLoading(false);
+    });
+  }, [currentSchema, loadedSchemas]);
+  const setCurrentSchema = React6.useCallback((schemaId) => {
+    setCurrentSchemaId(schemaId);
+  }, []);
+  const refresh = React6.useCallback(() => {
+    if (!currentSchema) return;
+    setLoading(true);
+    setError(null);
+    setLoadedSchemas((prev) => {
+      const next = new Map(prev);
+      next.delete(currentSchema.id);
+      return next;
+    });
+    fetchSchema(currentSchema.url).then((schema) => {
+      setLoadedSchemas((prev) => new Map(prev).set(currentSchema.id, schema));
+      consola__default.default.success(`Schema refreshed: ${currentSchema.name}`);
+      setLoading(false);
+    }).catch((err) => {
+      consola__default.default.error(`Error refreshing schema from ${currentSchema.url}:`, err);
+      setError(err instanceof Error ? err.message : "Failed to refresh schema");
+      setLoading(false);
+    });
+  }, [currentSchema]);
+  return {
+    loading,
+    error,
+    endpoints,
+    categories,
+    schemas,
+    currentSchema,
+    schemaInfo,
+    rawSchema: currentOpenApiSchema ?? null,
+    // Consumers expect ``undefined`` when no base URL was resolved (for
+    // conditional ``{ baseUrl?: … }`` plumbing). Turn the empty-string
+    // convention from the resolver into undefined at the API boundary.
+    resolvedBaseUrl: resolvedBaseUrl || void 0,
+    setCurrentSchema,
+    refresh
+  };
+}
+chunkWGEGR3DF_cjs.__name(useOpenApiSchema, "useOpenApiSchema");
+var EMPTY_DRAFT = { parameters: {}, requestBody: "" };
+function storageKey(schemaId, ep) {
+  if (!schemaId || !ep) return null;
+  return `openapi-playground:draft:${schemaId}:${ep.method}:${ep.path}`;
+}
+chunkWGEGR3DF_cjs.__name(storageKey, "storageKey");
+function readDraft(key) {
+  if (!key || typeof window === "undefined") return EMPTY_DRAFT;
+  try {
+    const raw = window.localStorage.getItem(key);
+    if (!raw) return EMPTY_DRAFT;
+    const parsed = JSON.parse(raw);
+    return {
+      parameters: parsed?.parameters ?? {},
+      requestBody: typeof parsed?.requestBody === "string" ? parsed.requestBody : ""
+    };
+  } catch {
+    return EMPTY_DRAFT;
+  }
+}
+chunkWGEGR3DF_cjs.__name(readDraft, "readDraft");
+function writeDraft(key, value) {
+  if (!key || typeof window === "undefined") return;
+  try {
+    if (Object.keys(value.parameters).length === 0 && !value.requestBody) {
+      window.localStorage.removeItem(key);
+      return;
+    }
+    window.localStorage.setItem(key, JSON.stringify(value));
+  } catch {
+  }
+}
+chunkWGEGR3DF_cjs.__name(writeDraft, "writeDraft");
+function useEndpointDraft(schemaId, endpoint) {
+  const key = storageKey(schemaId, endpoint);
+  const [draft, setDraftSnapshot] = React6.useState(() => readDraft(key));
+  const loadedKeyRef = React6.useRef(key);
+  React6.useEffect(() => {
+    if (loadedKeyRef.current === key) return;
+    loadedKeyRef.current = key;
+    setDraftSnapshot(readDraft(key));
+  }, [key]);
+  const keyRef = React6.useRef(key);
+  React6.useEffect(() => {
+    keyRef.current = key;
+  }, [key]);
+  const latestRef = React6.useRef(draft);
+  React6.useEffect(() => {
+    latestRef.current = draft;
+  }, [draft]);
+  const setParameters = React6.useCallback((params) => {
+    const next = {
+      parameters: params,
+      requestBody: latestRef.current.requestBody
+    };
+    latestRef.current = next;
+    writeDraft(keyRef.current, next);
+  }, []);
+  const setRequestBody = React6.useCallback((body) => {
+    const next = {
+      parameters: latestRef.current.parameters,
+      requestBody: body
+    };
+    latestRef.current = next;
+    writeDraft(keyRef.current, next);
+  }, []);
+  const reset = React6.useCallback(() => {
+    latestRef.current = EMPTY_DRAFT;
+    if (keyRef.current && typeof window !== "undefined") {
+      try {
+        window.localStorage.removeItem(keyRef.current);
+      } catch {
+      }
+    }
+    setDraftSnapshot(EMPTY_DRAFT);
+  }, []);
+  return { draft, setParameters, setRequestBody, reset };
+}
+chunkWGEGR3DF_cjs.__name(useEndpointDraft, "useEndpointDraft");
+
+// src/tools/OpenapiViewer/components/shared/EndpointDraftSync.tsx
+function EndpointDraftSync({ schemaId }) {
+  const { state, setParameters, setRequestBody, setActiveSchemaId } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const ep = state.selectedEndpoint;
+  React6.useEffect(() => {
+    setActiveSchemaId(schemaId);
+  }, [schemaId, setActiveSchemaId]);
+  const { draft, setParameters: persistParams, setRequestBody: persistBody } = useEndpointDraft(schemaId, ep);
+  const lastLoadedKeyRef = React6.useRef(null);
+  const lastPersistedParamsRef = React6.useRef("");
+  const lastPersistedBodyRef = React6.useRef("");
+  const currentKey = ep ? `${ep.method}|${ep.path}` : null;
+  React6.useEffect(() => {
+    if (!ep || !currentKey) {
+      lastLoadedKeyRef.current = null;
+      return;
+    }
+    if (lastLoadedKeyRef.current === currentKey) return;
+    lastLoadedKeyRef.current = currentKey;
+    const hasStoredParams = draft.parameters && Object.keys(draft.parameters).length > 0;
+    const hasStoredBody = typeof draft.requestBody === "string" && draft.requestBody !== "";
+    if (hasStoredParams) {
+      setParameters(draft.parameters);
+      lastPersistedParamsRef.current = JSON.stringify(draft.parameters);
+    } else {
+      lastPersistedParamsRef.current = JSON.stringify(state.parameters);
+    }
+    if (hasStoredBody) {
+      setRequestBody(draft.requestBody);
+      lastPersistedBodyRef.current = draft.requestBody;
+    } else {
+      lastPersistedBodyRef.current = state.requestBody;
+    }
+  }, [currentKey]);
+  React6.useEffect(() => {
+    if (!ep || lastLoadedKeyRef.current !== currentKey) return;
+    const serialised = JSON.stringify(state.parameters);
+    if (serialised === lastPersistedParamsRef.current) return;
+    lastPersistedParamsRef.current = serialised;
+    persistParams(state.parameters);
+  }, [state.parameters, ep, currentKey, persistParams]);
+  React6.useEffect(() => {
+    if (!ep || lastLoadedKeyRef.current !== currentKey) return;
+    if (state.requestBody === lastPersistedBodyRef.current) return;
+    lastPersistedBodyRef.current = state.requestBody;
+    persistBody(state.requestBody);
+  }, [state.requestBody, ep, currentKey, persistBody]);
+  return null;
+}
+chunkWGEGR3DF_cjs.__name(EndpointDraftSync, "EndpointDraftSync");
+var METHOD_STYLES = {
+  GET: "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/25",
+  POST: "bg-blue-500/10    text-blue-600    dark:text-blue-400    border-blue-500/25",
+  PUT: "bg-amber-500/10   text-amber-600   dark:text-amber-400   border-amber-500/25",
+  PATCH: "bg-orange-500/10  text-orange-600  dark:text-orange-400  border-orange-500/25",
+  DELETE: "bg-red-500/10     text-red-600     dark:text-red-400     border-red-500/25"
+};
+var METHOD_FALLBACK = "bg-muted text-muted-foreground border-border";
+function getMethodStyle(method) {
+  return METHOD_STYLES[method.toUpperCase()] ?? METHOD_FALLBACK;
+}
+chunkWGEGR3DF_cjs.__name(getMethodStyle, "getMethodStyle");
+function getStatusStyle(status) {
+  if (status >= 500) return "bg-red-500/10 text-red-500 dark:text-red-400 border-red-500/25";
+  if (status >= 400) return "bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/25";
+  if (status >= 300) return "bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/25";
+  return "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/25";
+}
+chunkWGEGR3DF_cjs.__name(getStatusStyle, "getStatusStyle");
+function MethodBadge({ method }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: lib.cn(
+    "inline-flex shrink-0 items-center rounded border px-1.5 py-px",
+    "font-mono text-[10px] font-bold uppercase tracking-wider leading-none",
+    getMethodStyle(method)
+  ), children: method });
+}
+chunkWGEGR3DF_cjs.__name(MethodBadge, "MethodBadge");
+function StatusBadge({ status }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: lib.cn(
+    "inline-flex items-center rounded border px-1.5 py-px",
+    "font-mono text-[11px] font-bold leading-none",
+    getStatusStyle(status)
+  ), children: status });
+}
+chunkWGEGR3DF_cjs.__name(StatusBadge, "StatusBadge");
+function SectionLabel({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60 select-none", children });
+}
+chunkWGEGR3DF_cjs.__name(SectionLabel, "SectionLabel");
+function Panel({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: lib.cn("flex flex-col min-h-0 overflow-hidden", className), children });
+}
+chunkWGEGR3DF_cjs.__name(Panel, "Panel");
+function ScrollArea({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: lib.cn("flex-1 overflow-y-auto min-h-0", className), children });
+}
+chunkWGEGR3DF_cjs.__name(ScrollArea, "ScrollArea");
+function EmptyState({
+  icon: Icon,
+  text,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: lib.cn(
+        "flex flex-col items-center justify-center h-full gap-3 px-6 text-center",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-7 w-7 text-muted-foreground/25" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: text })
+      ]
+    }
+  );
+}
+chunkWGEGR3DF_cjs.__name(EmptyState, "EmptyState");
+function CollapsibleSection({
+  label,
+  action,
+  children,
+  defaultOpen = false
+}) {
+  const [open, setOpen] = React6__default.default.useState(defaultOpen);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setOpen((v) => !v),
+          className: "flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60 hover:text-muted-foreground transition-colors py-1",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: lib.cn("h-3 w-3 transition-transform", open && "rotate-90") }),
+            label
+          ]
+        }
+      ),
+      action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0", children: action })
+    ] }),
+    open && /* @__PURE__ */ jsxRuntime.jsx("div", { children })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(CollapsibleSection, "CollapsibleSection");
+
+// src/tools/OpenapiViewer/components/DocsLayout/anchor.ts
+function endpointAnchor(ep) {
+  const slug = ep.path.replace(/^https?:\/\/[^/]+/, "").replace(/[{}]/g, "").replace(/[^a-zA-Z0-9]+/g, "-").replace(/^-+|-+$/g, "").toLowerCase();
+  return `ep-${ep.method.toLowerCase()}-${slug}`;
+}
+chunkWGEGR3DF_cjs.__name(endpointAnchor, "endpointAnchor");
+
+// src/tools/OpenapiViewer/components/DocsLayout/sidebarLabel.ts
+function longestCommonPrefix(paths) {
+  if (paths.length === 0) return "";
+  if (paths.length === 1) return "";
+  const segments = paths.map((p) => p.split("/"));
+  const minLen = Math.min(...segments.map((s) => s.length));
+  const shared = [];
+  for (let i = 0; i < minLen; i++) {
+    const first = segments[0][i];
+    if (segments.every((s) => s[i] === first)) {
+      shared.push(first);
+    } else {
+      break;
+    }
+  }
+  const joined = shared.join("/");
+  return joined;
+}
+chunkWGEGR3DF_cjs.__name(longestCommonPrefix, "longestCommonPrefix");
+function sidebarLabel(ep, groupCommonPrefix) {
+  if (ep.summary) return ep.summary;
+  if (groupCommonPrefix && ep.path.startsWith(groupCommonPrefix)) {
+    const tail = ep.path.slice(groupCommonPrefix.length) || "/";
+    return tail;
+  }
+  return relativePath2(ep.path);
+}
+chunkWGEGR3DF_cjs.__name(sidebarLabel, "sidebarLabel");
+function relativePath2(full) {
+  try {
+    return new URL(full).pathname;
+  } catch {
+    return full;
+  }
+}
+chunkWGEGR3DF_cjs.__name(relativePath2, "relativePath");
+function sidebarTooltip(ep) {
+  return `${ep.method} ${relativePath2(ep.path)}`;
+}
+chunkWGEGR3DF_cjs.__name(sidebarTooltip, "sidebarTooltip");
+var METHOD_ORDER = {
+  GET: 0,
+  POST: 1,
+  PUT: 2,
+  PATCH: 3,
+  DELETE: 4
+};
+function groupEndpoints(list) {
+  const map = /* @__PURE__ */ new Map();
+  for (const ep of list) {
+    const arr = map.get(ep.category) ?? [];
+    arr.push(ep);
+    map.set(ep.category, arr);
+  }
+  const groups = Array.from(map.entries()).map(([category, endpoints]) => ({
+    category,
+    endpoints: [...endpoints].sort((a, b) => {
+      const byPath = a.path.localeCompare(b.path);
+      if (byPath !== 0) return byPath;
+      return (METHOD_ORDER[a.method] ?? 99) - (METHOD_ORDER[b.method] ?? 99);
+    }),
+    commonPrefix: longestCommonPrefix(endpoints.map((e) => e.path))
+  }));
+  groups.sort((a, b) => {
+    if (a.category === "Other") return 1;
+    if (b.category === "Other") return -1;
+    return a.category.localeCompare(b.category);
+  });
+  return groups;
+}
+chunkWGEGR3DF_cjs.__name(groupEndpoints, "groupEndpoints");
+function DocsSidebar({
+  info,
+  endpoints,
+  schemas,
+  currentSchemaId,
+  onSchemaChange,
+  activeEndpointId,
+  selectedVersion,
+  onNavigate
+}) {
+  const [search, setSearch] = React6.useState("");
+  const [debounced, setDebounced] = React6.useState("");
+  React6.useEffect(() => {
+    const id = setTimeout(() => setDebounced(search), 120);
+    return () => clearTimeout(id);
+  }, [search]);
+  const filteredGroups = React6.useMemo(() => {
+    let list = chunkIULI4XII_cjs.deduplicateEndpoints(endpoints, selectedVersion);
+    if (debounced) {
+      const q = debounced.toLowerCase();
+      list = list.filter(
+        (e) => e.summary.toLowerCase().includes(q) || e.name.toLowerCase().includes(q) || e.description.toLowerCase().includes(q) || e.path.toLowerCase().includes(q)
+      );
+    }
+    return groupEndpoints(list);
+  }, [endpoints, debounced, selectedVersion]);
+  const schemaOptions = React6.useMemo(
+    () => schemas.map((s) => ({ value: s.id, label: s.name })),
+    [schemas]
+  );
+  const hasMultipleSchemas = schemas.length > 1;
+  const apiTitle = info?.title ?? "API Reference";
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "flex flex-col min-h-0 border-r bg-muted/10", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b px-4 h-12 flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] font-semibold text-foreground truncate", children: apiTitle }),
+      info?.version && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-mono text-[10px] text-muted-foreground/70 shrink-0", children: [
+        "v",
+        info.version
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b px-3 py-3 space-y-2", children: [
+      hasMultipleSchemas && /* @__PURE__ */ jsxRuntime.jsx(
+        components.Combobox,
+        {
+          options: schemaOptions,
+          value: currentSchemaId ?? "",
+          onValueChange: (id) => id && onSchemaChange(id),
+          placeholder: "Select API",
+          searchPlaceholder: "Search APIs\u2026",
+          emptyText: "No APIs found",
+          className: "w-full h-8 text-xs"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-3.5 w-3.5 text-muted-foreground/50 pointer-events-none" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          components.Input,
+          {
+            placeholder: "Search endpoints\u2026",
+            value: search,
+            onChange: (e) => setSearch(e.target.value),
+            className: "pl-8 h-8 text-xs"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { children: filteredGroups.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-10 px-4 text-center text-xs text-muted-foreground", children: debounced ? `No endpoints match "${debounced}"` : "No endpoints in this schema" }) : /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "py-2", children: filteredGroups.map((group) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 last:mb-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-1.5 text-[10px] font-semibold uppercase tracking-[0.14em] text-muted-foreground/50 select-none", children: group.category }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: group.endpoints.map((ep) => {
+        const anchor = endpointAnchor(ep);
+        const isActive = activeEndpointId === anchor;
+        const label = sidebarLabel(ep, group.commonPrefix);
+        const tooltip = sidebarTooltip(ep);
+        const useMono = !ep.summary;
+        return /* @__PURE__ */ jsxRuntime.jsxs(components.Tooltip, { delayDuration: 350, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(components.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: () => onNavigate(anchor),
+              "aria-current": isActive ? "location" : void 0,
+              className: lib.cn(
+                "relative group w-full text-left flex items-center gap-2 pl-4 pr-3 py-1.5 transition-colors",
+                isActive ? "bg-primary/10 text-foreground" : "hover:bg-muted/40 text-foreground/75 hover:text-foreground"
+              ),
+              children: [
+                isActive && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-0 top-1 bottom-1 w-0.5 rounded-r bg-primary" }),
+                /* @__PURE__ */ jsxRuntime.jsx(MethodBadge, { method: ep.method }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: lib.cn(
+                      "truncate leading-tight flex-1 min-w-0",
+                      useMono ? "font-mono text-[11px]" : "text-[12px]",
+                      isActive && "text-foreground font-medium"
+                    ),
+                    children: label
+                  }
+                )
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(components.TooltipContent, { side: "right", align: "center", className: "font-mono text-[11px]", children: tooltip })
+        ] }, `${ep.method}-${ep.path}`);
+      }) })
+    ] }, group.category)) }) })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(DocsSidebar, "DocsSidebar");
+var FLAVOUR_LABELS = {
+  markdown: {
+    title: "Markdown for LLM",
+    hint: "Endpoints + params as prose. Smallest."
+  },
+  compact: {
+    title: "Compact JSON",
+    hint: "Dereferenced, no examples, minified."
+  },
+  raw: {
+    title: "Raw JSON",
+    hint: "Full OpenAPI document with $refs."
+  }
+};
+function SchemaCopyMenu({ schema, endpoints, baseUrl }) {
+  const [sizeCache, setSizeCache] = React6.useState({});
+  const [justCopied, setJustCopied] = React6.useState(null);
+  const [open, setOpen] = React6.useState(false);
+  const isReady = schema !== null && endpoints.length > 0;
+  const build = React6.useCallback(
+    (flavour) => {
+      if (!schema) return "";
+      if (flavour === "markdown") return chunkIULI4XII_cjs.toMarkdown(schema, endpoints, baseUrl);
+      if (flavour === "compact") return chunkIULI4XII_cjs.toCompactJson(schema, baseUrl);
+      return chunkIULI4XII_cjs.toRawJson(schema, baseUrl);
+    },
+    [schema, endpoints, baseUrl]
+  );
+  const handleCopy = React6.useCallback(
+    async (flavour) => {
+      if (!isReady) return;
+      const text = build(flavour);
+      try {
+        await navigator.clipboard.writeText(text);
+        setSizeCache((prev) => ({ ...prev, [flavour]: chunkIULI4XII_cjs.formatBytes(text) }));
+        setJustCopied(flavour);
+        setTimeout(() => setJustCopied(null), 1500);
+        setOpen(false);
+      } catch {
+      }
+    },
+    [build, isReady]
+  );
+  const flavours = React6.useMemo(() => ["markdown", "compact", "raw"], []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(components.Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", disabled: !isReady, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-3 w-3" }),
+      "Copy for AI",
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-3 w-3 opacity-60" })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(components.DropdownMenuContent, { align: "end", className: "w-72", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components.DropdownMenuLabel, { className: "text-[10px] uppercase tracking-wider text-muted-foreground/70", children: "Copy schema" }),
+      /* @__PURE__ */ jsxRuntime.jsx(components.DropdownMenuSeparator, {}),
+      flavours.map((f) => {
+        const label = FLAVOUR_LABELS[f];
+        const size = sizeCache[f];
+        const isDone = justCopied === f;
+        return /* @__PURE__ */ jsxRuntime.jsxs(
+          components.DropdownMenuItem,
+          {
+            onClick: (e) => {
+              e.preventDefault();
+              void handleCopy(f);
+            },
+            className: "flex flex-col items-start gap-0.5 py-2 cursor-pointer",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-medium flex-1", children: label.title }),
+                isDone ? /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1 text-[10px] text-emerald-500", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3" }),
+                  " Copied"
+                ] }) : size ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] font-mono text-muted-foreground/70 tabular-nums", children: size }) : null
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground/70 leading-snug", children: label.hint })
+            ]
+          },
+          f
+        );
+      })
+    ] })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(SchemaCopyMenu, "SchemaCopyMenu");
+function ApiIntroSection({ info, schema, endpoints, resolvedBaseUrl }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "pb-10 mb-10 border-b", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-wrap min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-semibold tracking-tight text-foreground leading-tight", children: info.title }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 font-mono text-[11px] text-muted-foreground", children: [
+          "v",
+          info.version
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        SchemaCopyMenu,
+        {
+          schema,
+          endpoints,
+          baseUrl: resolvedBaseUrl
+        }
+      )
+    ] }),
+    info.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(chunkIULI4XII_cjs.MarkdownMessage, { content: info.description }) }),
+    info.servers && info.servers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-6 space-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60", children: "Base URL" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: info.servers.map((s, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2 flex-wrap", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-xs px-2 py-1 rounded bg-muted border", children: s.url }),
+        s.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: s.description })
+      ] }, `${s.url}-${i}`)) })
+    ] })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(ApiIntroSection, "ApiIntroSection");
+
+// src/tools/OpenapiViewer/components/DocsLayout/schemaFields.ts
+var MAX_DEPTH = 2;
+function describeType(node) {
+  if (!node.type && node.properties) return "object";
+  const base = node.type || "any";
+  if (base === "array") {
+    const itemType = node.items ? describeType(node.items) : "any";
+    return `array<${itemType}>`;
+  }
+  if (Array.isArray(node.enum) && node.enum.length > 0) {
+    return `${base} enum`;
+  }
+  if (node.format) return `${base} (${node.format})`;
+  return base;
+}
+chunkWGEGR3DF_cjs.__name(describeType, "describeType");
+function schemaToFields(schema, prefix = "", depth = 0) {
+  if (!schema || depth > MAX_DEPTH) return [];
+  if (schema.type === "array") {
+    if (!schema.items) {
+      return [{ name: prefix || "[]", type: "array", required: false }];
+    }
+    const inner = schemaToFields(schema.items, prefix ? `${prefix}[]` : "[]", depth);
+    if (inner.length === 0) {
+      return [
+        {
+          name: prefix || "[]",
+          type: describeType(schema),
+          required: false,
+          description: schema.description
+        }
+      ];
+    }
+    return inner;
+  }
+  if (schema.type !== "object" && !schema.properties) {
+    return [
+      {
+        name: prefix || "(body)",
+        type: describeType(schema),
+        required: false,
+        description: schema.description
+      }
+    ];
+  }
+  const required = new Set(schema.required ?? []);
+  const rows = [];
+  const props = schema.properties ?? {};
+  for (const [key, node] of Object.entries(props)) {
+    const fullName = prefix ? `${prefix}.${key}` : key;
+    const isRequired = required.has(key);
+    const isNestedExpandable = node.type === "object" && node.properties || node.type === "array" && node.items;
+    if (isNestedExpandable && depth < MAX_DEPTH) {
+      rows.push({
+        name: fullName,
+        type: describeType(node),
+        required: isRequired,
+        description: node.description
+      });
+      rows.push(...schemaToFields(node, fullName, depth + 1));
+    } else {
+      rows.push({
+        name: fullName,
+        type: describeType(node),
+        required: isRequired,
+        description: node.description
+      });
+    }
+  }
+  return rows;
+}
+chunkWGEGR3DF_cjs.__name(schemaToFields, "schemaToFields");
+function EndpointDoc({ endpoint, isLoadedInPlayground, onTryIt }) {
+  const anchor = endpointAnchor(endpoint);
+  const pathParams = endpoint.parameters?.filter((p) => endpoint.path.includes(`{${p.name}}`)) ?? [];
+  const queryParams = endpoint.parameters?.filter((p) => !endpoint.path.includes(`{${p.name}}`)) ?? [];
+  const [copied, setCopied] = React6.useState(false);
+  const copyAnchor = React6.useCallback(() => {
+    if (typeof window === "undefined") return;
+    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;
+    void navigator.clipboard?.writeText(url).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1200);
+    });
+  }, [anchor]);
+  const endpointMd = React6.useMemo(() => chunkIULI4XII_cjs.endpointToMarkdown(endpoint), [endpoint]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      id: anchor,
+      "data-endpoint-anchor": anchor,
+      className: "scroll-mt-24 py-10 first:pt-0",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3 flex-wrap", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2.5 min-w-0 flex-1 group/header", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 translate-y-[2px]", children: /* @__PURE__ */ jsxRuntime.jsx(MethodBadge, { method: endpoint.method }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "code",
+                {
+                  className: "font-mono text-sm md:text-[15px] font-medium text-foreground leading-snug min-w-0",
+                  style: { overflowWrap: "anywhere", wordBreak: "break-word" },
+                  children: chunkIULI4XII_cjs.relativePath(endpoint.path)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: copyAnchor,
+                  title: "Copy link to this section",
+                  className: lib.cn(
+                    "shrink-0 p-1 rounded text-muted-foreground/40 hover:text-foreground hover:bg-muted transition-all",
+                    "opacity-0 group-hover/header:opacity-100",
+                    copied && "opacity-100 text-emerald-500"
+                  ),
+                  children: copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link2, { className: "h-3.5 w-3.5" })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                components.CopyButton,
+                {
+                  value: endpointMd,
+                  title: "Copy endpoint as markdown (for AI)",
+                  variant: "ghost",
+                  size: "icon",
+                  iconClassName: "h-3.5 w-3.5",
+                  className: lib.cn(
+                    "shrink-0 h-6 w-6 text-muted-foreground/40 hover:text-foreground",
+                    "opacity-0 group-hover/header:opacity-100 focus-visible:opacity-100"
+                  )
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              components.Button,
+              {
+                size: "sm",
+                variant: isLoadedInPlayground ? "secondary" : "default",
+                onClick: onTryIt,
+                className: "shrink-0 h-8 text-xs gap-1.5 lg:flex hidden",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "h-3 w-3" }),
+                  isLoadedInPlayground ? "Loaded" : "Try it"
+                ]
+              }
+            )
+          ] }),
+          endpoint.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(chunkIULI4XII_cjs.MarkdownMessage, { content: endpoint.description }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            components.Button,
+            {
+              size: "sm",
+              variant: isLoadedInPlayground ? "secondary" : "default",
+              onClick: onTryIt,
+              className: "lg:hidden h-8 text-xs gap-1.5",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "h-3 w-3" }),
+                isLoadedInPlayground ? "Loaded in playground" : "Try it"
+              ]
+            }
+          )
+        ] }),
+        (pathParams.length > 0 || queryParams.length > 0 || endpoint.requestBody || endpoint.responses?.length) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 space-y-8", children: [
+          pathParams.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ParamTable, { title: "Path parameters", params: pathParams }),
+          queryParams.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(ParamTable, { title: "Query parameters", params: queryParams }),
+          endpoint.requestBody && /* @__PURE__ */ jsxRuntime.jsx(RequestBodySection, { body: endpoint.requestBody }),
+          endpoint.responses && endpoint.responses.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(Subsection, { title: "Responses", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y border rounded-md overflow-hidden", children: endpoint.responses.map((r) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "grid grid-cols-[72px_minmax(0,1fr)] items-center gap-3 px-3 py-2.5 bg-background",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsxRuntime.jsx(StatusTag, { code: r.code }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground leading-relaxed break-words", children: r.description })
+              ]
+            },
+            r.code
+          )) }) })
+        ] })
+      ]
+    }
+  );
+}
+chunkWGEGR3DF_cjs.__name(EndpointDoc, "EndpointDoc");
+function RequestBodySection({ body }) {
+  const fields = React6.useMemo(() => schemaToFields(body.schema), [body.schema]);
+  const typeLabel = body.schema ? body.type === "array" ? `array<${body.schema.items?.type ?? "object"}>` : body.type : body.type;
+  return /* @__PURE__ */ jsxRuntime.jsx(Subsection, { title: "Request body", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-[11px] text-muted-foreground/80", children: typeLabel }),
+      body.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: body.description })
+    ] }),
+    fields.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(FieldsTable, { fields })
+  ] }) });
+}
+chunkWGEGR3DF_cjs.__name(RequestBodySection, "RequestBodySection");
+function FieldsTable({ fields }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y border rounded-md overflow-hidden", children: fields.map((f) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2.5 bg-background space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-xs font-medium text-foreground", children: f.name }),
+      f.required && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          title: "Required",
+          className: "text-[9px] text-destructive font-bold leading-none",
+          children: "*"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-[11px] text-muted-foreground/70", children: f.type })
+    ] }),
+    f.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground leading-relaxed break-words", children: f.description })
+  ] }, f.name)) });
+}
+chunkWGEGR3DF_cjs.__name(FieldsTable, "FieldsTable");
+function Subsection({ title, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-[10px] font-semibold uppercase tracking-[0.12em] text-muted-foreground/70", children: title }),
+    children
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(Subsection, "Subsection");
+function ParamTable({
+  title,
+  params
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Subsection, { title, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y border rounded-md overflow-hidden", children: params.map((p) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-3 py-2.5 bg-background space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-xs font-medium text-foreground", children: p.name }),
+      p.required && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          title: "Required",
+          className: "text-[9px] text-destructive font-bold leading-none",
+          children: "*"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-[11px] text-muted-foreground/70", children: p.type })
+    ] }),
+    p.description ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground leading-relaxed break-words", children: p.description }) : null
+  ] }, p.name)) }) });
+}
+chunkWGEGR3DF_cjs.__name(ParamTable, "ParamTable");
+function StatusTag({ code }) {
+  const numeric = Number.parseInt(code, 10);
+  const cls = !Number.isFinite(numeric) ? "bg-muted text-muted-foreground border-border" : numeric >= 500 ? "bg-red-500/10 text-red-600 dark:text-red-400 border-red-500/25" : numeric >= 400 ? "bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/25" : numeric >= 300 ? "bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/25" : "bg-emerald-500/10 text-emerald-600 dark:text-emerald-400 border-emerald-500/25";
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: lib.cn(
+    "inline-flex items-center justify-center rounded border px-2 py-0.5 font-mono text-[11px] font-bold leading-none shrink-0 tabular-nums",
+    cls
+  ), children: code });
+}
+chunkWGEGR3DF_cjs.__name(StatusTag, "StatusTag");
+var DocsView = React6__default.default.forwardRef(/* @__PURE__ */ chunkWGEGR3DF_cjs.__name(function DocsView2({
+  info,
+  rawSchema,
+  resolvedBaseUrl,
+  endpoints,
+  selectedVersion,
+  loadedEndpoint,
+  onTryEndpoint,
+  onActiveChange
+}, ref) {
+  const scrollRef = React6.useRef(null);
+  const visibleEndpoints = React6.useMemo(
+    () => chunkIULI4XII_cjs.deduplicateEndpoints(endpoints, selectedVersion),
+    [endpoints, selectedVersion]
+  );
+  const scrollToAnchor = React6.useCallback((anchor) => {
+    const root = scrollRef.current;
+    if (!root) return;
+    const el = root.querySelector(`[data-endpoint-anchor="${anchor}"]`);
+    if (!el) return;
+    el.scrollIntoView({ behavior: "smooth", block: "start" });
+  }, []);
+  React6__default.default.useImperativeHandle(ref, () => ({ scrollToAnchor }), [scrollToAnchor]);
+  React6.useEffect(() => {
+    const root = scrollRef.current;
+    if (!root) return;
+    let rafId = 0;
+    let lastActive = null;
+    const compute = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+      rafId = 0;
+      const sections = root.querySelectorAll("[data-endpoint-anchor]");
+      if (sections.length === 0) return;
+      const rootTop = root.getBoundingClientRect().top;
+      const threshold = rootTop + root.clientHeight * 0.25;
+      let active = null;
+      for (const s of Array.from(sections)) {
+        const top = s.getBoundingClientRect().top;
+        if (top <= threshold) {
+          active = s.dataset.endpointAnchor ?? null;
+        } else {
+          break;
+        }
+      }
+      if (active !== lastActive) {
+        lastActive = active;
+        onActiveChange(active);
+      }
+    }, "compute");
+    const onScroll = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+      if (rafId) return;
+      rafId = requestAnimationFrame(compute);
+    }, "onScroll");
+    compute();
+    root.addEventListener("scroll", onScroll, { passive: true });
+    return () => {
+      root.removeEventListener("scroll", onScroll);
+      if (rafId) cancelAnimationFrame(rafId);
+    };
+  }, [visibleEndpoints, onActiveChange]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollRef, className: "flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto w-full max-w-[860px] px-6 md:px-10 lg:px-14 py-12", children: [
+    info && /* @__PURE__ */ jsxRuntime.jsx(
+      ApiIntroSection,
+      {
+        info,
+        schema: rawSchema,
+        endpoints: visibleEndpoints,
+        resolvedBaseUrl
+      }
+    ),
+    visibleEndpoints.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-16 text-center text-sm text-muted-foreground", children: "No endpoints to display." }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/60", children: visibleEndpoints.map((ep) => {
+      const isLoaded = loadedEndpoint?.method === ep.method && loadedEndpoint?.path === ep.path;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        EndpointDoc,
+        {
+          endpoint: ep,
+          isLoadedInPlayground: isLoaded,
+          onTryIt: () => onTryEndpoint(ep)
+        },
+        `${ep.method}-${ep.path}`
+      );
+    }) })
+  ] }) });
+}, "DocsView"));
+var MAX_DEPTH2 = 6;
+function defaultForSchema(schema) {
+  if (!schema) return null;
+  if (Array.isArray(schema.enum) && schema.enum.length > 0) return schema.enum[0];
+  switch (schema.type) {
+    case "object": {
+      const out = {};
+      for (const [k, v] of Object.entries(schema.properties ?? {})) {
+        out[k] = defaultForSchema(v);
+      }
+      return out;
+    }
+    case "array":
+      return [];
+    case "integer":
+    case "number":
+      return 0;
+    case "boolean":
+      return false;
+    case "string":
+      return "";
+    default:
+      if (schema.properties) {
+        const out = {};
+        for (const [k, v] of Object.entries(schema.properties)) {
+          out[k] = defaultForSchema(v);
+        }
+        return out;
+      }
+      return "";
+  }
+}
+chunkWGEGR3DF_cjs.__name(defaultForSchema, "defaultForSchema");
+function BodyFormEditor({ schema, value, onChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SchemaField,
+    {
+      schema,
+      value,
+      onChange,
+      depth: 0,
+      required: false
+    }
+  );
+}
+chunkWGEGR3DF_cjs.__name(BodyFormEditor, "BodyFormEditor");
+function SchemaField({ schema, value, onChange, depth, required, label }) {
+  if (depth > MAX_DEPTH2) {
+    return /* @__PURE__ */ jsxRuntime.jsx(RawJsonField, { label, value, onChange });
+  }
+  if (Array.isArray(schema.enum) && schema.enum.length > 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(EnumField, { schema, value, onChange, label, required });
+  }
+  switch (schema.type) {
+    case "object":
+      return /* @__PURE__ */ jsxRuntime.jsx(ObjectField, { schema, value, onChange, depth, label });
+    case "array":
+      return /* @__PURE__ */ jsxRuntime.jsx(ArrayField, { schema, value, onChange, depth, label, required });
+    case "boolean":
+      return /* @__PURE__ */ jsxRuntime.jsx(BooleanField, { value, onChange, label, schema, required });
+    case "integer":
+    case "number":
+      return /* @__PURE__ */ jsxRuntime.jsx(NumberField, { value, onChange, label, schema, required });
+    case "string":
+    default:
+      if (!schema.type && schema.properties) {
+        return /* @__PURE__ */ jsxRuntime.jsx(ObjectField, { schema, value, onChange, depth, label });
+      }
+      return /* @__PURE__ */ jsxRuntime.jsx(StringField, { value, onChange, label, schema, required });
+  }
+}
+chunkWGEGR3DF_cjs.__name(SchemaField, "SchemaField");
+function FieldHeader({
+  label,
+  type,
+  required,
+  description
+}) {
+  if (!label) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[11px] text-foreground/80", children: label }),
+      required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[9px] text-destructive font-bold leading-none", children: "*" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[10px] text-muted-foreground/50", children: type })
+    ] }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground/70 leading-snug", children: description })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(FieldHeader, "FieldHeader");
+function StringField({
+  value,
+  onChange,
+  label,
+  schema,
+  required
+}) {
+  const stringValue = typeof value === "string" ? value : value == null ? "" : String(value);
+  const placeholder = schema.format ? `${schema.type ?? "string"} (${schema.format})` : schema.description || schema.type || "string";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FieldHeader, { label, type: schema.format ? `string (${schema.format})` : "string", required, description: schema.description }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      components.Input,
+      {
+        value: stringValue,
+        onChange: (e) => onChange(e.target.value),
+        placeholder,
+        className: "h-8 text-xs font-mono"
+      }
+    )
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(StringField, "StringField");
+function NumberField({
+  value,
+  onChange,
+  label,
+  schema,
+  required
+}) {
+  const raw = value == null ? "" : String(value);
+  const type = schema.type === "integer" ? "integer" : "number";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FieldHeader, { label, type: schema.format ? `${type} (${schema.format})` : type, required, description: schema.description }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      components.Input,
+      {
+        type: "number",
+        value: raw,
+        onChange: (e) => {
+          const v = e.target.value;
+          if (v === "") return onChange(null);
+          const n = schema.type === "integer" ? parseInt(v, 10) : parseFloat(v);
+          onChange(Number.isNaN(n) ? null : n);
+        },
+        placeholder: type,
+        className: "h-8 text-xs font-mono"
+      }
+    )
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(NumberField, "NumberField");
+function BooleanField({
+  value,
+  onChange,
+  label,
+  schema,
+  required
+}) {
+  const bool = value === true;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FieldHeader, { label, type: "boolean", required, description: schema.description }),
+    /* @__PURE__ */ jsxRuntime.jsx(components.Switch, { checked: bool, onCheckedChange: onChange, className: "mt-0.5 shrink-0" })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(BooleanField, "BooleanField");
+function EnumField({
+  schema,
+  value,
+  onChange,
+  label,
+  required
+}) {
+  const options = (schema.enum ?? []).map((v) => ({
+    value: String(v),
+    label: String(v)
+  }));
+  const strValue = value == null ? "" : String(value);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(FieldHeader, { label, type: `${schema.type ?? "enum"} enum`, required, description: schema.description }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      components.Combobox,
+      {
+        options,
+        value: strValue,
+        onValueChange: (v) => {
+          if (schema.type === "integer") onChange(parseInt(v, 10));
+          else if (schema.type === "number") onChange(parseFloat(v));
+          else onChange(v);
+        },
+        placeholder: "Select\u2026",
+        searchPlaceholder: "Search\u2026",
+        className: "h-8 text-xs"
+      }
+    )
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(EnumField, "EnumField");
+function RawJsonField({
+  label,
+  value,
+  onChange
+}) {
+  const [text, setText] = React6__default.default.useState(() => JSON.stringify(value ?? null, null, 2));
+  React6__default.default.useEffect(() => {
+    setText(JSON.stringify(value ?? null, null, 2));
+  }, [value]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs(SectionLabel, { children: [
+      label,
+      " (raw)"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      components.Textarea,
+      {
+        value: text,
+        onChange: (e) => {
+          setText(e.target.value);
+          try {
+            onChange(JSON.parse(e.target.value));
+          } catch {
+          }
+        },
+        className: "font-mono text-[11px] min-h-[80px]",
+        rows: 4
+      }
+    )
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(RawJsonField, "RawJsonField");
+function ObjectField({
+  schema,
+  value,
+  onChange,
+  depth,
+  label
+}) {
+  const obj = value && typeof value === "object" && !Array.isArray(value) ? value : {};
+  const required = new Set(schema.required ?? []);
+  const entries = Object.entries(schema.properties ?? {});
+  const setKey = React6.useCallback(
+    (key) => (next) => {
+      onChange({ ...obj, [key]: next });
+    },
+    [obj, onChange]
+  );
+  if (entries.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(RawJsonField, { label, value: obj, onChange });
+  }
+  const wrapperClass = depth === 0 ? "space-y-3" : "space-y-2 border-l-2 border-border/60 pl-3 ml-px";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+    label && depth > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[11px] text-foreground/80", children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[10px] text-muted-foreground/50", children: "object" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: lib.cn(wrapperClass), children: entries.map(([key, subSchema]) => /* @__PURE__ */ jsxRuntime.jsx(
+      SchemaField,
+      {
+        schema: subSchema,
+        value: obj[key],
+        onChange: setKey(key),
+        depth: depth + 1,
+        required: required.has(key),
+        label: key
+      },
+      key
+    )) })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(ObjectField, "ObjectField");
+function ArrayField({
+  schema,
+  value,
+  onChange,
+  depth,
+  label,
+  required
+}) {
+  const arr = Array.isArray(value) ? value : [];
+  const items = schema.items ?? { type: "string" };
+  const addItem = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => onChange([...arr, defaultForSchema(items)]), "addItem");
+  const removeAt = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((i) => onChange(arr.filter((_, idx) => idx !== i)), "removeAt");
+  const setAt = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((i) => (next) => onChange(arr.map((v, idx) => idx === i ? next : v)), "setAt");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+    label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[11px] text-foreground/80", children: label }),
+      required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[9px] text-destructive font-bold leading-none", children: "*" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[10px] text-muted-foreground/50", children: `array<${items.type ?? "any"}>` })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 border-l-2 border-border/60 pl-3 ml-px", children: [
+      arr.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-muted-foreground/50 italic", children: "Empty array" }),
+      arr.map((v, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+          SchemaField,
+          {
+            schema: items,
+            value: v,
+            onChange: setAt(i),
+            depth: depth + 1,
+            required: false,
+            label: `${label ?? ""}[${i}]`
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => removeAt(i),
+            title: "Remove item",
+            className: "shrink-0 h-7 w-7 inline-flex items-center justify-center rounded-md text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }, i)),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: addItem,
+          className: "inline-flex items-center gap-1.5 text-[10px] text-muted-foreground hover:text-foreground transition-colors py-1",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-3 w-3" }),
+            "Add item"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(ArrayField, "ArrayField");
+function EndpointResetButton() {
+  const { state, setParameters, setRequestBody } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const ep = state.selectedEndpoint;
+  const { reset } = useEndpointDraft(state.activeSchemaId, ep);
+  const hasDraft = Object.keys(state.parameters).length > 0 || state.requestBody.length > 0;
+  const onClick = React6.useCallback(() => {
+    setParameters({});
+    setRequestBody("");
+    reset();
+  }, [setParameters, setRequestBody, reset]);
+  if (!ep || !hasDraft) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      title: "Reset parameters & body (keeps auth)",
+      className: lib.cn(
+        "inline-flex items-center gap-1 text-[10px] text-muted-foreground",
+        "hover:text-foreground transition-colors"
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "h-2.5 w-2.5" }),
+        "Reset"
+      ]
+    }
+  );
+}
+chunkWGEGR3DF_cjs.__name(EndpointResetButton, "EndpointResetButton");
+function ParamFields({ label, params }) {
+  const { state, setParameters } = chunkIULI4XII_cjs.usePlaygroundContext();
+  function handleChange(name, value) {
+    setParameters({ ...state.parameters, [name]: value });
+  }
+  chunkWGEGR3DF_cjs.__name(handleChange, "handleChange");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: params.map((p) => {
+      const value = state.parameters[p.name] ?? "";
+      const placeholder = p.description || p.name;
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[11px] text-foreground/80", children: p.name }),
+          p.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[9px] text-destructive font-bold leading-none", children: "*" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[10px] text-muted-foreground/50", children: p.type })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          components.Input,
+          {
+            value,
+            onChange: (e) => handleChange(p.name, e.target.value),
+            placeholder,
+            className: "h-8 text-xs font-mono"
+          }
+        )
+      ] }, p.name);
+    }) })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(ParamFields, "ParamFields");
+function RequestPanel() {
+  const {
+    state,
+    apiKeys,
+    apiKeysLoading,
+    setRequestBody,
+    setRequestHeaders,
+    setSelectedApiKey,
+    setManualApiToken,
+    sendRequest
+  } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const apiKeyOptions = React6.useMemo(
+    () => apiKeys.map((k) => ({
+      value: k.id,
+      label: k.name || "Unnamed key",
+      // Surface the first 8 chars of the secret so the user
+      // can tell two similarly-named keys apart at a glance.
+      description: k.secret ? `${k.secret.slice(0, 8)}\u2026` : void 0
+    })),
+    [apiKeys]
+  );
+  const hasApiKeys = apiKeyOptions.length > 0;
+  const ep = state.selectedEndpoint;
+  const isJsonValid = state.requestBody ? chunkIULI4XII_cjs.isValidJson(state.requestBody) : true;
+  const curlCommand = React6.useMemo(() => {
+    if (!state.requestUrl) return "";
+    const absoluteUrl = chunkIULI4XII_cjs.resolveAbsolute(state.requestUrl);
+    const apiKey = state.selectedApiKey ? chunkIULI4XII_cjs.findApiKeyById(apiKeys, state.selectedApiKey) : null;
+    const hdrs = chunkIULI4XII_cjs.parseRequestHeaders(state.requestHeaders);
+    if (apiKey) hdrs["X-API-Key"] = apiKey.secret || apiKey.id;
+    let cmd = `curl -X ${state.requestMethod} "${absoluteUrl}"`;
+    Object.entries(hdrs).forEach(([k, v]) => {
+      cmd += ` \\
+  -H "${k}: ${v}"`;
+    });
+    if (state.requestBody && state.requestMethod !== "GET" && isJsonValid) {
+      cmd += ` \\
+  -d '${state.requestBody}'`;
+    }
+    return cmd;
+  }, [state, apiKeys, isJsonValid]);
+  const pathParams = React6.useMemo(
+    () => ep?.parameters?.filter((p) => ep.path.includes(`{${p.name}}`)) ?? [],
+    [ep]
+  );
+  const queryParams = React6.useMemo(
+    () => ep?.parameters?.filter((p) => !ep.path.includes(`{${p.name}}`)) ?? [],
+    [ep]
+  );
+  state.loading || !state.requestUrl || !isJsonValid;
+  const displayUrl = chunkIULI4XII_cjs.resolveAbsolute(state.requestUrl || ep?.path || "");
+  const hasBody = ep?.method !== "GET";
+  const bodyType = ep?.requestBody?.type ?? "";
+  const hasPathParams = pathParams.length > 0;
+  const hasQueryParams = queryParams.length > 0;
+  const hasCurl = Boolean(curlCommand);
+  const epPath = ep ? chunkIULI4XII_cjs.relativePath(ep.path) : "";
+  const urlChanged = displayUrl !== "" && displayUrl !== epPath;
+  if (!ep) {
+    return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { icon: lucideReact.Send, text: "Select an endpoint to build a request" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    (urlChanged || ep) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b px-4 py-2 bg-muted/10 flex items-center gap-2 min-h-[28px]", children: [
+      urlChanged ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[10px] text-muted-foreground/60 break-all leading-snug truncate min-w-0 flex-1", children: displayUrl }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+      /* @__PURE__ */ jsxRuntime.jsx(EndpointResetButton, {})
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ScrollArea, { className: "px-4 py-3 space-y-3", children: [
+      hasPathParams && /* @__PURE__ */ jsxRuntime.jsx(ParamFields, { label: "Path Parameters", params: pathParams }),
+      hasQueryParams && /* @__PURE__ */ jsxRuntime.jsx(ParamFields, { label: "Query Parameters", params: queryParams }),
+      hasBody && /* @__PURE__ */ jsxRuntime.jsx(
+        BodySection,
+        {
+          schema: ep.requestBody?.schema,
+          bodyType,
+          bodyDescription: ep.requestBody?.description,
+          value: state.requestBody,
+          onChange: setRequestBody,
+          isJsonValid
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CollapsibleSection,
+        {
+          label: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Key, { className: "h-2.5 w-2.5" }),
+            "Auth & Headers"
+          ] }),
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 pt-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "API Key" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                components.Combobox,
+                {
+                  options: apiKeyOptions,
+                  value: state.selectedApiKey ?? "",
+                  onValueChange: (v) => setSelectedApiKey(v || null),
+                  placeholder: apiKeysLoading ? "Loading keys\u2026" : hasApiKeys ? "Select an API key" : "No API keys yet",
+                  searchPlaceholder: "Search keys\u2026",
+                  emptyText: "No matching key",
+                  disabled: apiKeysLoading || !hasApiKeys,
+                  className: "h-8"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
+                "Picks are sent via the",
+                " ",
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono", children: "X-API-Key" }),
+                " header."
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "Bearer Token" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                components.Input,
+                {
+                  type: "password",
+                  placeholder: "Leave empty to use JWT from localStorage",
+                  value: state.manualApiToken,
+                  onChange: (e) => setManualApiToken(e.target.value),
+                  className: "font-mono text-xs h-8"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "Headers" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                components.Textarea,
+                {
+                  value: state.requestHeaders,
+                  onChange: (e) => setRequestHeaders(e.target.value),
+                  className: "font-mono text-[11px] min-h-[60px] resize-y",
+                  rows: 3
+                }
+              )
+            ] })
+          ] })
+        }
+      ),
+      hasCurl && /* @__PURE__ */ jsxRuntime.jsx(
+        CollapsibleSection,
+        {
+          label: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Terminal, { className: "h-2.5 w-2.5" }),
+            "cURL"
+          ] }),
+          children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            chunkIULI4XII_cjs.PrettyCode_default,
+            {
+              data: curlCommand,
+              language: "bash",
+              isCompact: true,
+              maxLines: 50
+            }
+          ) })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4" })
+    ] })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(RequestPanel, "RequestPanel");
+function BodySection({ schema, bodyType, bodyDescription, value, onChange, isJsonValid }) {
+  const hasSchema = !!schema;
+  const [mode, setMode] = React6__default.default.useState(hasSchema ? "form" : "json");
+  const parsed = React6__default.default.useMemo(() => {
+    if (!value) return null;
+    try {
+      return JSON.parse(value);
+    } catch {
+      return null;
+    }
+  }, [value]);
+  const handleFormChange = React6.useCallback(
+    (next) => {
+      onChange(JSON.stringify(next, null, 2));
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SectionLabel, { children: "Body" }),
+        bodyType && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground/40 font-mono", children: bodyType }),
+        bodyDescription && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground/60 truncate", children: bodyDescription })
+      ] }),
+      hasSchema && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "inline-flex rounded-md border overflow-hidden text-[10px]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ModeButton, { active: mode === "form", onClick: () => setMode("form"), children: "Form" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ModeButton, { active: mode === "json", onClick: () => setMode("json"), children: "JSON" })
+      ] }),
+      mode === "json" && isJsonValid && value && /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            try {
+              onChange(JSON.stringify(JSON.parse(value), null, 2));
+            } catch {
+            }
+          },
+          className: "inline-flex items-center gap-1 text-[10px] text-muted-foreground hover:text-foreground transition-colors",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-2.5 w-2.5" }),
+            "Format"
+          ]
+        }
+      )
+    ] }),
+    mode === "form" && hasSchema ? /* @__PURE__ */ jsxRuntime.jsx(
+      BodyFormEditor,
+      {
+        schema,
+        value: parsed,
+        onChange: handleFormChange
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        components.Textarea,
+        {
+          placeholder: '{\n  "key": "value"\n}',
+          value,
+          onChange: (e) => onChange(e.target.value),
+          className: lib.cn(
+            "font-mono text-[11px] min-h-[90px] resize-y",
+            !isJsonValid && "border-destructive focus-visible:ring-destructive/30"
+          ),
+          rows: 4
+        }
+      ),
+      !isJsonValid && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] text-destructive", children: "Invalid JSON" })
+    ] })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(BodySection, "BodySection");
+function ModeButton({
+  active,
+  onClick,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: lib.cn(
+        "px-2 py-0.5 font-medium transition-colors",
+        active ? "bg-primary/10 text-foreground" : "text-muted-foreground hover:text-foreground"
+      ),
+      children
+    }
+  );
+}
+chunkWGEGR3DF_cjs.__name(ModeButton, "ModeButton");
+var JSON_TREE_CONFIG = {
+  maxAutoExpandDepth: 2,
+  maxAutoExpandArrayItems: 10,
+  maxAutoExpandObjectKeys: 5,
+  maxStringLength: 200,
+  collectionLimit: 50,
+  showCollectionInfo: true,
+  showExpandControls: true,
+  showActionButtons: false,
+  preserveKeyOrder: true,
+  className: "border-0 rounded-none"
+};
+function ResponsePanel() {
+  const { state } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const { response, loading, selectedEndpoint } = state;
+  const { treeData, rawText } = React6.useMemo(() => {
+    const d = response?.data;
+    if (d == null) return { treeData: null, rawText: "" };
+    if (typeof d === "string") {
+      try {
+        return { treeData: JSON.parse(d), rawText: d };
+      } catch {
+        return { treeData: null, rawText: d };
+      }
+    }
+    return { treeData: d, rawText: JSON.stringify(d, null, 2) };
+  }, [response?.data]);
+  const sizeKb = rawText ? `${(rawText.length / 1024).toFixed(1)} KB` : "";
+  const duration = response?.duration != null ? `${response.duration}ms` : "";
+  const hasError = Boolean(response?.error);
+  const hasStatus = response?.status != null;
+  const hasCopy = Boolean(rawText);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center h-full gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Sending\u2026" })
+    ] });
+  }
+  if (!selectedEndpoint) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { icon: lucideReact.Terminal, text: "Response will appear here" });
+  if (!response) return /* @__PURE__ */ jsxRuntime.jsx(EmptyState, { icon: lucideReact.Send, text: 'Press "Send Request" to see the response' });
+  if (hasError && !hasStatus) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      EmptyState,
+      {
+        icon: lucideReact.WifiOff,
+        text: response.error,
+        className: "text-destructive [&_svg]:text-destructive"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b px-4 py-2 flex items-center justify-between gap-3 bg-muted/20", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+        hasStatus && /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: response.status }),
+        response.statusText && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground truncate", children: response.statusText }),
+        sizeKb && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground/50 tabular-nums shrink-0", children: sizeKb }),
+        duration && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground/50 tabular-nums shrink-0", children: duration })
+      ] }),
+      hasCopy && /* @__PURE__ */ jsxRuntime.jsx(components.CopyButton, { value: rawText, variant: "ghost", size: "sm", className: "h-6 px-2 text-[10px] text-muted-foreground shrink-0", children: "Copy" })
+    ] }),
+    hasError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 mx-4 mt-3 rounded border border-destructive/20 bg-destructive/5 px-3 py-2", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: response.error }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { children: treeData != null ? /* @__PURE__ */ jsxRuntime.jsx(chunk33AMWFBZ_cjs.JsonTree_default, { title: "Response Body", data: treeData, config: JSON_TREE_CONFIG }) : rawText ? /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-4 text-[11px] font-mono text-foreground/70 whitespace-pre-wrap break-all leading-relaxed", children: rawText }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-10 text-center text-xs text-muted-foreground", children: "Empty response body" }) })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(ResponsePanel, "ResponsePanel");
+function SendButton({ className }) {
+  const { state, sendRequest } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const ep = state.selectedEndpoint;
+  const builder = React6.useMemo(
+    () => ep ? new chunkIULI4XII_cjs.UrlBuilder(ep, state.parameters) : null,
+    [ep, state.parameters]
+  );
+  const missingRequired = builder?.missingRequired() ?? [];
+  const unsubstituted = builder?.unfilledPlaceholders() ?? [];
+  const isJsonValid = state.requestBody ? chunkIULI4XII_cjs.isValidJson(state.requestBody) : true;
+  const blockers = [];
+  if (missingRequired.length > 0) {
+    blockers.push(
+      `Fill required parameter${missingRequired.length > 1 ? "s" : ""}: ${missingRequired.join(", ")}`
+    );
+  } else if (unsubstituted.length > 0) {
+    blockers.push(`URL still has unfilled placeholder${unsubstituted.length > 1 ? "s" : ""}: ${unsubstituted.map((n) => `{${n}}`).join(", ")}`);
+  }
+  if (!isJsonValid) blockers.push("Request body is not valid JSON");
+  const disabled = state.loading || !state.requestUrl || blockers.length > 0;
+  const tooltip = blockers.length > 0 ? blockers.join("\n") : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("space-y-2", className), children: [
+    blockers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2 rounded-md border border-amber-500/25 bg-amber-500/[0.06] px-3 py-2 text-[11px] text-amber-600 dark:text-amber-400", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-3.5 w-3.5 shrink-0 mt-px" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "leading-snug", children: blockers[0] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      components.Button,
+      {
+        onClick: sendRequest,
+        disabled,
+        size: "sm",
+        title: tooltip,
+        className: "w-full gap-2 h-9",
+        children: state.loading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
+          "Sending\u2026"
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Send, { className: "h-3.5 w-3.5" }),
+          "Send Request"
+        ] })
+      }
+    )
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(SendButton, "SendButton");
+var WIDTH_NARROW = "clamp(380px, 30vw, 480px)";
+var WIDTH_WIDE = "clamp(720px, 60vw, 1280px)";
+function SlideInPlayground({ open, onClose }) {
+  const { state } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const ep = state.selectedEndpoint;
+  const showResponse = state.response !== null || state.loading;
+  const width = showResponse ? WIDTH_WIDE : WIDTH_NARROW;
+  return /* @__PURE__ */ jsxRuntime.jsx(components.SidePanel, { open, onOpenChange: (v) => !v && onClose(), side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(components.SidePanel.Content, { width, className: "max-w-[95vw]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(components.SidePanel.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(components.SidePanel.Title, { children: "Playground" }),
+      ep && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(MethodBadge, { method: ep.method }),
+        /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-[11px] text-muted-foreground truncate", children: chunkIULI4XII_cjs.relativePath(ep.path) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(components.SidePanel.Close, { className: "ml-auto" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      components.SidePanel.Body,
+      {
+        className: lib.cn(
+          "overflow-hidden grid divide-x transition-[grid-template-columns] duration-250",
+          showResponse ? "grid-cols-[minmax(0,1fr)_minmax(0,1fr)]" : "grid-cols-1"
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Panel, { children: /* @__PURE__ */ jsxRuntime.jsx(RequestPanel, {}) }),
+          showResponse && /* @__PURE__ */ jsxRuntime.jsx(Panel, { children: /* @__PURE__ */ jsxRuntime.jsx(ResponsePanel, {}) })
+        ]
+      }
+    ),
+    ep && /* @__PURE__ */ jsxRuntime.jsx(components.SidePanel.Footer, { className: "px-4 py-3", children: /* @__PURE__ */ jsxRuntime.jsx(SendButton, {}) })
+  ] }) });
+}
+chunkWGEGR3DF_cjs.__name(SlideInPlayground, "SlideInPlayground");
+function TryItSheet({ open, onOpenChange }) {
+  const { state } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const showResponse = state.response !== null || state.loading;
+  return /* @__PURE__ */ jsxRuntime.jsx(components.ResponsiveSheet, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(components.ResponsiveSheetContent, { className: "sm:max-w-xl flex flex-col h-full p-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components.ResponsiveSheetHeader, { className: "px-4 py-3 border-b shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(components.ResponsiveSheetTitle, { className: "text-sm", children: "Playground" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-h-0 flex flex-col divide-y", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: showResponse ? "flex-1 min-h-0 flex flex-col" : "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(RequestPanel, {}) }),
+      showResponse && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx(ResponsePanel, {}) })
+    ] }),
+    state.selectedEndpoint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-t px-4 py-3 bg-background/95 backdrop-blur-sm", children: /* @__PURE__ */ jsxRuntime.jsx(SendButton, {}) })
+  ] }) });
+}
+chunkWGEGR3DF_cjs.__name(TryItSheet, "TryItSheet");
+var DocsLayout = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+  const { state, config, setSelectedEndpoint } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const isDesktop = hooks.useMediaQuery("(min-width: 1024px)");
+  const isMobile = !isDesktop;
+  const {
+    endpoints,
+    schemaInfo,
+    rawSchema,
+    resolvedBaseUrl,
+    loading,
+    error,
+    schemas,
+    currentSchema,
+    setCurrentSchema
+  } = useOpenApiSchema({
+    schemas: config.schemas,
+    defaultSchemaId: config.defaultSchemaId,
+    baseUrl: config.baseUrl
+  });
+  const [activeAnchor, setActiveAnchor] = React6.useState(null);
+  const [sheetOpen, setSheetOpen] = React6.useState(false);
+  const docsRef = React6.useRef(null);
+  const slideOpen = !isMobile && state.selectedEndpoint !== null;
+  const handleTry = React6.useCallback(
+    (ep) => {
+      setSelectedEndpoint(ep);
+      if (isMobile) setSheetOpen(true);
+    },
+    [isMobile, setSelectedEndpoint]
+  );
+  const handleCloseSlide = React6.useCallback(() => {
+    setSelectedEndpoint(null);
+  }, [setSelectedEndpoint]);
+  const handleNavigate = React6.useCallback((anchor) => {
+    docsRef.current?.scrollToAnchor(anchor);
+  }, []);
+  if (loading) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "grid grid-cols-[260px_1fr] min-h-0 overflow-hidden",
+        style: { height: "calc(100dvh - var(--navbar-height, 64px))" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-r p-3 space-y-1.5", children: Array.from({ length: 12 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(components.Skeleton, { className: "h-8 w-full rounded" }, i)) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-8 space-y-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(components.Skeleton, { className: "h-8 w-1/2" }),
+            /* @__PURE__ */ jsxRuntime.jsx(components.Skeleton, { className: "h-4 w-full" }),
+            /* @__PURE__ */ jsxRuntime.jsx(components.Skeleton, { className: "h-4 w-3/4" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-8 space-y-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(components.Skeleton, { className: "h-6 w-1/3" }),
+              /* @__PURE__ */ jsxRuntime.jsx(components.Skeleton, { className: "h-20 w-full" })
+            ] }, i)) })
+          ] })
+        ]
+      }
+    );
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "flex items-center justify-center p-8",
+        style: { height: "calc(100dvh - var(--navbar-height, 64px))" },
+        children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-destructive", children: [
+          "Failed to load schema: ",
+          error
+        ] })
+      }
+    );
+  }
+  if (isMobile) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: "flex flex-col overflow-hidden",
+        style: { height: "calc(100dvh - var(--navbar-height, 64px))" },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(EndpointDraftSync, { schemaId: currentSchema?.id ?? null }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DocsView,
+            {
+              ref: docsRef,
+              info: schemaInfo,
+              rawSchema,
+              resolvedBaseUrl,
+              endpoints,
+              selectedVersion: state.selectedVersion,
+              loadedEndpoint: state.selectedEndpoint,
+              onTryEndpoint: handleTry,
+              onActiveChange: setActiveAnchor
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(TryItSheet, { open: sheetOpen, onOpenChange: setSheetOpen })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(components.TooltipProvider, { delayDuration: 350, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "grid grid-cols-[260px_minmax(0,1fr)] min-h-0 overflow-hidden",
+      style: { height: "calc(100dvh - var(--navbar-height, 64px))" },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(EndpointDraftSync, { schemaId: currentSchema?.id ?? null }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DocsSidebar,
+          {
+            info: schemaInfo,
+            endpoints,
+            schemas,
+            currentSchemaId: currentSchema?.id ?? null,
+            onSchemaChange: setCurrentSchema,
+            activeEndpointId: activeAnchor,
+            selectedVersion: state.selectedVersion,
+            onNavigate: handleNavigate
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DocsView,
+          {
+            ref: docsRef,
+            info: schemaInfo,
+            rawSchema,
+            resolvedBaseUrl,
+            endpoints,
+            selectedVersion: state.selectedVersion,
+            loadedEndpoint: state.selectedEndpoint,
+            onTryEndpoint: handleTry,
+            onActiveChange: setActiveAnchor
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(SlideInPlayground, { open: slideOpen, onClose: handleCloseSlide })
+      ]
+    }
+  ) });
+}, "DocsLayout");
+
+exports.DocsLayout = DocsLayout;
+//# sourceMappingURL=DocsLayout-BCVU6TTX.cjs.map
+//# sourceMappingURL=DocsLayout-BCVU6TTX.cjs.map