@djangocfg/ui-tools 2.1.287 → 2.1.290

package/dist/DocsLayout-ERETJLLV.mjs

@@ -1,2020 +0,0 @@
-import { deduplicateEndpoints, dereferenceSchema, resolveBaseUrl, usePlaygroundContext, toMarkdown, toCompactJson, toRawJson, formatBytes, MarkdownMessage, endpointToMarkdown, relativePath, isValidJson, resolveAbsolute, findApiKeyById, parseRequestHeaders, PrettyCode_default, UrlBuilder, joinUrl } from './chunk-VZGQC3NG.mjs';
-import { JsonTree_default } from './chunk-LFWQ36LJ.mjs';
-import './chunk-SSUOENAZ.mjs';
-import { __name } from './chunk-CGILA3WO.mjs';
-import React6, { useRef, useMemo, useCallback, useEffect, useState } from 'react';
-import { Combobox, Input, Tooltip, TooltipTrigger, TooltipContent, DropdownMenu, DropdownMenuTrigger, Button, DropdownMenuContent, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuItem, CopyButton, Switch, Textarea, SidePanel, ResponsiveSheet, ResponsiveSheetContent, ResponsiveSheetHeader, ResponsiveSheetTitle, Skeleton, TooltipProvider } from '@djangocfg/ui-core/components';
-import { useMediaQuery } from '@djangocfg/ui-core/hooks';
-import consola from 'consola';
-import { ChevronRight, Search, Sparkles, ChevronDown, Check, Link2, Play, Minus, Plus, RotateCcw, Send, Key, Terminal, Loader2, WifiOff, AlertCircle } from 'lucide-react';
-import { cn } from '@djangocfg/ui-core/lib';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-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;
-  }
-}
-__name(exampleFromSchema, "exampleFromSchema");
-var HTTP_METHODS = ["get", "post", "put", "patch", "delete"];
-var extractEndpoints = /* @__PURE__ */ __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 ? 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__ */ __name((endpoints) => {
-  const categories = /* @__PURE__ */ new Set();
-  endpoints.forEach((endpoint) => categories.add(endpoint.category));
-  return Array.from(categories).sort();
-}, "getCategories");
-var fetchSchema = /* @__PURE__ */ __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] = useState(true);
-  const [error, setError] = useState(null);
-  const [currentSchemaId, setCurrentSchemaId] = useState(
-    defaultSchemaId || schemas[0]?.id
-  );
-  const [loadedSchemas, setLoadedSchemas] = useState(
-    /* @__PURE__ */ new Map()
-  );
-  const currentSchema = useMemo(
-    () => schemas.find((s) => s.id === currentSchemaId) || null,
-    [schemas, currentSchemaId]
-  );
-  const currentOpenApiSchema = useMemo(
-    () => currentSchemaId ? loadedSchemas.get(currentSchemaId) : null,
-    [loadedSchemas, currentSchemaId]
-  );
-  const dereferencedSchema = useMemo(
-    () => currentOpenApiSchema ? dereferenceSchema(currentOpenApiSchema) : null,
-    [currentOpenApiSchema]
-  );
-  const resolvedBaseUrl = useMemo(
-    () => resolveBaseUrl({
-      schemaSource: currentSchema?.baseUrl,
-      config: configBaseUrl,
-      fromServers: currentOpenApiSchema?.servers?.[0]?.url
-    }),
-    [currentSchema?.baseUrl, configBaseUrl, currentOpenApiSchema]
-  );
-  const endpoints = useMemo(
-    () => dereferencedSchema ? extractEndpoints(dereferencedSchema, resolvedBaseUrl) : [],
-    [dereferencedSchema, resolvedBaseUrl]
-  );
-  const categories = useMemo(() => getCategories(endpoints), [endpoints]);
-  const schemaInfo = useMemo(() => {
-    if (!currentOpenApiSchema?.info) return null;
-    const { title, version, description } = currentOpenApiSchema.info;
-    return {
-      title,
-      version,
-      description,
-      servers: currentOpenApiSchema.servers
-    };
-  }, [currentOpenApiSchema]);
-  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.success(`Schema loaded: ${currentSchema.name}`);
-      setLoading(false);
-    }).catch((err) => {
-      consola.error(`Error loading schema from ${currentSchema.url}:`, err);
-      setError(err instanceof Error ? err.message : "Failed to load schema");
-      setLoading(false);
-    });
-  }, [currentSchema, loadedSchemas]);
-  const setCurrentSchema = useCallback((schemaId) => {
-    setCurrentSchemaId(schemaId);
-  }, []);
-  const refresh = 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.success(`Schema refreshed: ${currentSchema.name}`);
-      setLoading(false);
-    }).catch((err) => {
-      consola.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
-  };
-}
-__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}`;
-}
-__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;
-  }
-}
-__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 {
-  }
-}
-__name(writeDraft, "writeDraft");
-function useEndpointDraft(schemaId, endpoint) {
-  const key = storageKey(schemaId, endpoint);
-  const [draft, setDraftSnapshot] = useState(() => readDraft(key));
-  const loadedKeyRef = useRef(key);
-  useEffect(() => {
-    if (loadedKeyRef.current === key) return;
-    loadedKeyRef.current = key;
-    setDraftSnapshot(readDraft(key));
-  }, [key]);
-  const keyRef = useRef(key);
-  useEffect(() => {
-    keyRef.current = key;
-  }, [key]);
-  const latestRef = useRef(draft);
-  useEffect(() => {
-    latestRef.current = draft;
-  }, [draft]);
-  const setParameters = useCallback((params) => {
-    const next = {
-      parameters: params,
-      requestBody: latestRef.current.requestBody
-    };
-    latestRef.current = next;
-    writeDraft(keyRef.current, next);
-  }, []);
-  const setRequestBody = useCallback((body) => {
-    const next = {
-      parameters: latestRef.current.parameters,
-      requestBody: body
-    };
-    latestRef.current = next;
-    writeDraft(keyRef.current, next);
-  }, []);
-  const reset = 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 };
-}
-__name(useEndpointDraft, "useEndpointDraft");
-
-// src/tools/OpenapiViewer/components/shared/EndpointDraftSync.tsx
-function EndpointDraftSync({ schemaId }) {
-  const { state, setParameters, setRequestBody, setActiveSchemaId } = usePlaygroundContext();
-  const ep = state.selectedEndpoint;
-  useEffect(() => {
-    setActiveSchemaId(schemaId);
-  }, [schemaId, setActiveSchemaId]);
-  const { draft, setParameters: persistParams, setRequestBody: persistBody } = useEndpointDraft(schemaId, ep);
-  const lastLoadedKeyRef = useRef(null);
-  const lastPersistedParamsRef = useRef("");
-  const lastPersistedBodyRef = useRef("");
-  const currentKey = ep ? `${ep.method}|${ep.path}` : null;
-  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]);
-  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]);
-  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;
-}
-__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;
-}
-__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";
-}
-__name(getStatusStyle, "getStatusStyle");
-function MethodBadge({ method }) {
-  return /* @__PURE__ */ jsx("span", { className: 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 });
-}
-__name(MethodBadge, "MethodBadge");
-function StatusBadge({ status }) {
-  return /* @__PURE__ */ jsx("span", { className: cn(
-    "inline-flex items-center rounded border px-1.5 py-px",
-    "font-mono text-[11px] font-bold leading-none",
-    getStatusStyle(status)
-  ), children: status });
-}
-__name(StatusBadge, "StatusBadge");
-function SectionLabel({ children }) {
-  return /* @__PURE__ */ jsx("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60 select-none", children });
-}
-__name(SectionLabel, "SectionLabel");
-function Panel({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col min-h-0 overflow-hidden", className), children });
-}
-__name(Panel, "Panel");
-function ScrollArea({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex-1 overflow-y-auto min-h-0", className), children });
-}
-__name(ScrollArea, "ScrollArea");
-function EmptyState({
-  icon: Icon,
-  text,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "flex flex-col items-center justify-center h-full gap-3 px-6 text-center",
-        className
-      ),
-      children: [
-        /* @__PURE__ */ jsx(Icon, { className: "h-7 w-7 text-muted-foreground/25" }),
-        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: text })
-      ]
-    }
-  );
-}
-__name(EmptyState, "EmptyState");
-function CollapsibleSection({
-  label,
-  action,
-  children,
-  defaultOpen = false
-}) {
-  const [open, setOpen] = React6.useState(defaultOpen);
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-0", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ 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__ */ jsx(ChevronRight, { className: cn("h-3 w-3 transition-transform", open && "rotate-90") }),
-            label
-          ]
-        }
-      ),
-      action && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
-    ] }),
-    open && /* @__PURE__ */ jsx("div", { children })
-  ] });
-}
-__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}`;
-}
-__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;
-}
-__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);
-}
-__name(sidebarLabel, "sidebarLabel");
-function relativePath2(full) {
-  try {
-    return new URL(full).pathname;
-  } catch {
-    return full;
-  }
-}
-__name(relativePath2, "relativePath");
-function sidebarTooltip(ep) {
-  return `${ep.method} ${relativePath2(ep.path)}`;
-}
-__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;
-}
-__name(groupEndpoints, "groupEndpoints");
-function DocsSidebar({
-  info,
-  endpoints,
-  schemas,
-  currentSchemaId,
-  onSchemaChange,
-  activeEndpointId,
-  selectedVersion,
-  onNavigate
-}) {
-  const [search, setSearch] = useState("");
-  const [debounced, setDebounced] = useState("");
-  useEffect(() => {
-    const id = setTimeout(() => setDebounced(search), 120);
-    return () => clearTimeout(id);
-  }, [search]);
-  const filteredGroups = useMemo(() => {
-    let list = 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 = useMemo(
-    () => schemas.map((s) => ({ value: s.id, label: s.name })),
-    [schemas]
-  );
-  const hasMultipleSchemas = schemas.length > 1;
-  const apiTitle = info?.title ?? "API Reference";
-  return /* @__PURE__ */ jsxs("aside", { className: "flex flex-col min-h-0 border-r bg-muted/10", children: [
-    /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-b px-4 h-12 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-[13px] font-semibold text-foreground truncate", children: apiTitle }),
-      info?.version && /* @__PURE__ */ jsxs("span", { className: "font-mono text-[10px] text-muted-foreground/70 shrink-0", children: [
-        "v",
-        info.version
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-b px-3 py-3 space-y-2", children: [
-      hasMultipleSchemas && /* @__PURE__ */ jsx(
-        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__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx(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__ */ jsx(
-          Input,
-          {
-            placeholder: "Search endpoints\u2026",
-            value: search,
-            onChange: (e) => setSearch(e.target.value),
-            className: "pl-8 h-8 text-xs"
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(ScrollArea, { children: filteredGroups.length === 0 ? /* @__PURE__ */ 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__ */ jsx("nav", { className: "py-2", children: filteredGroups.map((group) => /* @__PURE__ */ jsxs("div", { className: "mb-4 last:mb-2", children: [
-      /* @__PURE__ */ 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__ */ 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__ */ jsxs(Tooltip, { delayDuration: 350, children: [
-          /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => onNavigate(anchor),
-              "aria-current": isActive ? "location" : void 0,
-              className: 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__ */ jsx("span", { className: "absolute left-0 top-1 bottom-1 w-0.5 rounded-r bg-primary" }),
-                /* @__PURE__ */ jsx(MethodBadge, { method: ep.method }),
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "truncate leading-tight flex-1 min-w-0",
-                      useMono ? "font-mono text-[11px]" : "text-[12px]",
-                      isActive && "text-foreground font-medium"
-                    ),
-                    children: label
-                  }
-                )
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsx(TooltipContent, { side: "right", align: "center", className: "font-mono text-[11px]", children: tooltip })
-        ] }, `${ep.method}-${ep.path}`);
-      }) })
-    ] }, group.category)) }) })
-  ] });
-}
-__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] = useState({});
-  const [justCopied, setJustCopied] = useState(null);
-  const [open, setOpen] = useState(false);
-  const isReady = schema !== null && endpoints.length > 0;
-  const build = useCallback(
-    (flavour) => {
-      if (!schema) return "";
-      if (flavour === "markdown") return toMarkdown(schema, endpoints, baseUrl);
-      if (flavour === "compact") return toCompactJson(schema, baseUrl);
-      return toRawJson(schema, baseUrl);
-    },
-    [schema, endpoints, baseUrl]
-  );
-  const handleCopy = useCallback(
-    async (flavour) => {
-      if (!isReady) return;
-      const text = build(flavour);
-      try {
-        await navigator.clipboard.writeText(text);
-        setSizeCache((prev) => ({ ...prev, [flavour]: formatBytes(text) }));
-        setJustCopied(flavour);
-        setTimeout(() => setJustCopied(null), 1500);
-        setOpen(false);
-      } catch {
-      }
-    },
-    [build, isReady]
-  );
-  const flavours = useMemo(() => ["markdown", "compact", "raw"], []);
-  return /* @__PURE__ */ jsxs(DropdownMenu, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", className: "h-8 gap-1.5 text-xs", disabled: !isReady, children: [
-      /* @__PURE__ */ jsx(Sparkles, { className: "h-3 w-3" }),
-      "Copy for AI",
-      /* @__PURE__ */ jsx(ChevronDown, { className: "h-3 w-3 opacity-60" })
-    ] }) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "end", className: "w-72", children: [
-      /* @__PURE__ */ jsx(DropdownMenuLabel, { className: "text-[10px] uppercase tracking-wider text-muted-foreground/70", children: "Copy schema" }),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      flavours.map((f) => {
-        const label = FLAVOUR_LABELS[f];
-        const size = sizeCache[f];
-        const isDone = justCopied === f;
-        return /* @__PURE__ */ jsxs(
-          DropdownMenuItem,
-          {
-            onClick: (e) => {
-              e.preventDefault();
-              void handleCopy(f);
-            },
-            className: "flex flex-col items-start gap-0.5 py-2 cursor-pointer",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-xs font-medium flex-1", children: label.title }),
-                isDone ? /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[10px] text-emerald-500", children: [
-                  /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
-                  " Copied"
-                ] }) : size ? /* @__PURE__ */ jsx("span", { className: "text-[10px] font-mono text-muted-foreground/70 tabular-nums", children: size }) : null
-              ] }),
-              /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/70 leading-snug", children: label.hint })
-            ]
-          },
-          f
-        );
-      })
-    ] })
-  ] });
-}
-__name(SchemaCopyMenu, "SchemaCopyMenu");
-function ApiIntroSection({ info, schema, endpoints, resolvedBaseUrl }) {
-  return /* @__PURE__ */ jsxs("section", { className: "pb-10 mb-10 border-b", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-4 flex-wrap", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-wrap min-w-0", children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-3xl font-semibold tracking-tight text-foreground leading-tight", children: info.title }),
-        /* @__PURE__ */ 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__ */ jsx(
-        SchemaCopyMenu,
-        {
-          schema,
-          endpoints,
-          baseUrl: resolvedBaseUrl
-        }
-      )
-    ] }),
-    info.description && /* @__PURE__ */ jsx("div", { className: "mt-4 text-muted-foreground", children: /* @__PURE__ */ jsx(MarkdownMessage, { content: info.description }) }),
-    info.servers && info.servers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-6 space-y-2", children: [
-      /* @__PURE__ */ jsx("h4", { className: "text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60", children: "Base URL" }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: info.servers.map((s, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 flex-wrap", children: [
-        /* @__PURE__ */ jsx("code", { className: "font-mono text-xs px-2 py-1 rounded bg-muted border", children: s.url }),
-        s.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: s.description })
-      ] }, `${s.url}-${i}`)) })
-    ] })
-  ] });
-}
-__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;
-}
-__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;
-}
-__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] = useState(false);
-  const copyAnchor = 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 = useMemo(() => endpointToMarkdown(endpoint), [endpoint]);
-  return /* @__PURE__ */ jsxs(
-    "section",
-    {
-      id: anchor,
-      "data-endpoint-anchor": anchor,
-      className: "scroll-mt-24 py-10 first:pt-0",
-      children: [
-        /* @__PURE__ */ jsxs("header", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 flex-wrap", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2.5 min-w-0 flex-1 group/header", children: [
-              /* @__PURE__ */ jsx("span", { className: "shrink-0 translate-y-[2px]", children: /* @__PURE__ */ jsx(MethodBadge, { method: endpoint.method }) }),
-              /* @__PURE__ */ 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: relativePath(endpoint.path)
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: copyAnchor,
-                  title: "Copy link to this section",
-                  className: 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__ */ jsx(Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Link2, { className: "h-3.5 w-3.5" })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                CopyButton,
-                {
-                  value: endpointMd,
-                  title: "Copy endpoint as markdown (for AI)",
-                  variant: "ghost",
-                  size: "icon",
-                  iconClassName: "h-3.5 w-3.5",
-                  className: 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__ */ jsxs(
-              Button,
-              {
-                size: "sm",
-                variant: isLoadedInPlayground ? "secondary" : "default",
-                onClick: onTryIt,
-                className: "shrink-0 h-8 text-xs gap-1.5 lg:flex hidden",
-                children: [
-                  /* @__PURE__ */ jsx(Play, { className: "h-3 w-3" }),
-                  isLoadedInPlayground ? "Loaded" : "Try it"
-                ]
-              }
-            )
-          ] }),
-          endpoint.description && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: /* @__PURE__ */ jsx(MarkdownMessage, { content: endpoint.description }) }),
-          /* @__PURE__ */ jsxs(
-            Button,
-            {
-              size: "sm",
-              variant: isLoadedInPlayground ? "secondary" : "default",
-              onClick: onTryIt,
-              className: "lg:hidden h-8 text-xs gap-1.5",
-              children: [
-                /* @__PURE__ */ jsx(Play, { className: "h-3 w-3" }),
-                isLoadedInPlayground ? "Loaded in playground" : "Try it"
-              ]
-            }
-          )
-        ] }),
-        (pathParams.length > 0 || queryParams.length > 0 || endpoint.requestBody || endpoint.responses?.length) && /* @__PURE__ */ jsxs("div", { className: "mt-8 space-y-8", children: [
-          pathParams.length > 0 && /* @__PURE__ */ jsx(ParamTable, { title: "Path parameters", params: pathParams }),
-          queryParams.length > 0 && /* @__PURE__ */ jsx(ParamTable, { title: "Query parameters", params: queryParams }),
-          endpoint.requestBody && /* @__PURE__ */ jsx(RequestBodySection, { body: endpoint.requestBody }),
-          endpoint.responses && endpoint.responses.length > 0 && /* @__PURE__ */ jsx(Subsection, { title: "Responses", children: /* @__PURE__ */ jsx("div", { className: "divide-y border rounded-md overflow-hidden", children: endpoint.responses.map((r) => /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "grid grid-cols-[72px_minmax(0,1fr)] items-center gap-3 px-3 py-2.5 bg-background",
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "flex justify-start", children: /* @__PURE__ */ jsx(StatusTag, { code: r.code }) }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground leading-relaxed break-words", children: r.description })
-              ]
-            },
-            r.code
-          )) }) })
-        ] })
-      ]
-    }
-  );
-}
-__name(EndpointDoc, "EndpointDoc");
-function RequestBodySection({ body }) {
-  const fields = 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__ */ jsx(Subsection, { title: "Request body", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsx("code", { className: "font-mono text-[11px] text-muted-foreground/80", children: typeLabel }),
-      body.description && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: body.description })
-    ] }),
-    fields.length > 0 && /* @__PURE__ */ jsx(FieldsTable, { fields })
-  ] }) });
-}
-__name(RequestBodySection, "RequestBodySection");
-function FieldsTable({ fields }) {
-  return /* @__PURE__ */ jsx("div", { className: "divide-y border rounded-md overflow-hidden", children: fields.map((f) => /* @__PURE__ */ jsxs("div", { className: "px-3 py-2.5 bg-background space-y-1", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsx("code", { className: "font-mono text-xs font-medium text-foreground", children: f.name }),
-      f.required && /* @__PURE__ */ jsx(
-        "span",
-        {
-          title: "Required",
-          className: "text-[9px] text-destructive font-bold leading-none",
-          children: "*"
-        }
-      ),
-      /* @__PURE__ */ jsx("code", { className: "font-mono text-[11px] text-muted-foreground/70", children: f.type })
-    ] }),
-    f.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed break-words", children: f.description })
-  ] }, f.name)) });
-}
-__name(FieldsTable, "FieldsTable");
-function Subsection({ title, children }) {
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-2.5", children: [
-    /* @__PURE__ */ jsx("h4", { className: "text-[10px] font-semibold uppercase tracking-[0.12em] text-muted-foreground/70", children: title }),
-    children
-  ] });
-}
-__name(Subsection, "Subsection");
-function ParamTable({
-  title,
-  params
-}) {
-  return /* @__PURE__ */ jsx(Subsection, { title, children: /* @__PURE__ */ jsx("div", { className: "divide-y border rounded-md overflow-hidden", children: params.map((p) => /* @__PURE__ */ jsxs("div", { className: "px-3 py-2.5 bg-background space-y-1", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsx("code", { className: "font-mono text-xs font-medium text-foreground", children: p.name }),
-      p.required && /* @__PURE__ */ jsx(
-        "span",
-        {
-          title: "Required",
-          className: "text-[9px] text-destructive font-bold leading-none",
-          children: "*"
-        }
-      ),
-      /* @__PURE__ */ jsx("code", { className: "font-mono text-[11px] text-muted-foreground/70", children: p.type })
-    ] }),
-    p.description ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed break-words", children: p.description }) : null
-  ] }, p.name)) }) });
-}
-__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__ */ jsx("span", { className: 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 });
-}
-__name(StatusTag, "StatusTag");
-var DocsView = React6.forwardRef(/* @__PURE__ */ __name(function DocsView2({
-  info,
-  rawSchema,
-  resolvedBaseUrl,
-  endpoints,
-  selectedVersion,
-  loadedEndpoint,
-  onTryEndpoint,
-  onActiveChange
-}, ref) {
-  const scrollRef = useRef(null);
-  const visibleEndpoints = useMemo(
-    () => deduplicateEndpoints(endpoints, selectedVersion),
-    [endpoints, selectedVersion]
-  );
-  const scrollToAnchor = 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.useImperativeHandle(ref, () => ({ scrollToAnchor }), [scrollToAnchor]);
-  useEffect(() => {
-    const root = scrollRef.current;
-    if (!root) return;
-    let rafId = 0;
-    let lastActive = null;
-    const compute = /* @__PURE__ */ __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__ */ __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__ */ jsx("div", { ref: scrollRef, className: "flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto w-full max-w-[860px] px-6 md:px-10 lg:px-14 py-12", children: [
-    info && /* @__PURE__ */ jsx(
-      ApiIntroSection,
-      {
-        info,
-        schema: rawSchema,
-        endpoints: visibleEndpoints,
-        resolvedBaseUrl
-      }
-    ),
-    visibleEndpoints.length === 0 ? /* @__PURE__ */ jsx("div", { className: "py-16 text-center text-sm text-muted-foreground", children: "No endpoints to display." }) : /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/60", children: visibleEndpoints.map((ep) => {
-      const isLoaded = loadedEndpoint?.method === ep.method && loadedEndpoint?.path === ep.path;
-      return /* @__PURE__ */ 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 "";
-  }
-}
-__name(defaultForSchema, "defaultForSchema");
-function BodyFormEditor({ schema, value, onChange }) {
-  return /* @__PURE__ */ jsx(
-    SchemaField,
-    {
-      schema,
-      value,
-      onChange,
-      depth: 0,
-      required: false
-    }
-  );
-}
-__name(BodyFormEditor, "BodyFormEditor");
-function SchemaField({ schema, value, onChange, depth, required, label }) {
-  if (depth > MAX_DEPTH2) {
-    return /* @__PURE__ */ jsx(RawJsonField, { label, value, onChange });
-  }
-  if (Array.isArray(schema.enum) && schema.enum.length > 0) {
-    return /* @__PURE__ */ jsx(EnumField, { schema, value, onChange, label, required });
-  }
-  switch (schema.type) {
-    case "object":
-      return /* @__PURE__ */ jsx(ObjectField, { schema, value, onChange, depth, label });
-    case "array":
-      return /* @__PURE__ */ jsx(ArrayField, { schema, value, onChange, depth, label, required });
-    case "boolean":
-      return /* @__PURE__ */ jsx(BooleanField, { value, onChange, label, schema, required });
-    case "integer":
-    case "number":
-      return /* @__PURE__ */ jsx(NumberField, { value, onChange, label, schema, required });
-    case "string":
-    default:
-      if (!schema.type && schema.properties) {
-        return /* @__PURE__ */ jsx(ObjectField, { schema, value, onChange, depth, label });
-      }
-      return /* @__PURE__ */ jsx(StringField, { value, onChange, label, schema, required });
-  }
-}
-__name(SchemaField, "SchemaField");
-function FieldHeader({
-  label,
-  type,
-  required,
-  description
-}) {
-  if (!label) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px] text-foreground/80", children: label }),
-      required && /* @__PURE__ */ jsx("span", { className: "text-[9px] text-destructive font-bold leading-none", children: "*" }),
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] text-muted-foreground/50", children: type })
-    ] }),
-    description && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground/70 leading-snug", children: description })
-  ] });
-}
-__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__ */ jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsx(FieldHeader, { label, type: schema.format ? `string (${schema.format})` : "string", required, description: schema.description }),
-    /* @__PURE__ */ jsx(
-      Input,
-      {
-        value: stringValue,
-        onChange: (e) => onChange(e.target.value),
-        placeholder,
-        className: "h-8 text-xs font-mono"
-      }
-    )
-  ] });
-}
-__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__ */ jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsx(FieldHeader, { label, type: schema.format ? `${type} (${schema.format})` : type, required, description: schema.description }),
-    /* @__PURE__ */ jsx(
-      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"
-      }
-    )
-  ] });
-}
-__name(NumberField, "NumberField");
-function BooleanField({
-  value,
-  onChange,
-  label,
-  schema,
-  required
-}) {
-  const bool = value === true;
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-    /* @__PURE__ */ jsx(FieldHeader, { label, type: "boolean", required, description: schema.description }),
-    /* @__PURE__ */ jsx(Switch, { checked: bool, onCheckedChange: onChange, className: "mt-0.5 shrink-0" })
-  ] });
-}
-__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__ */ jsxs("div", { className: "space-y-1", children: [
-    /* @__PURE__ */ jsx(FieldHeader, { label, type: `${schema.type ?? "enum"} enum`, required, description: schema.description }),
-    /* @__PURE__ */ jsx(
-      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"
-      }
-    )
-  ] });
-}
-__name(EnumField, "EnumField");
-function RawJsonField({
-  label,
-  value,
-  onChange
-}) {
-  const [text, setText] = React6.useState(() => JSON.stringify(value ?? null, null, 2));
-  React6.useEffect(() => {
-    setText(JSON.stringify(value ?? null, null, 2));
-  }, [value]);
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-    label && /* @__PURE__ */ jsxs(SectionLabel, { children: [
-      label,
-      " (raw)"
-    ] }),
-    /* @__PURE__ */ jsx(
-      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
-      }
-    )
-  ] });
-}
-__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 = useCallback(
-    (key) => (next) => {
-      onChange({ ...obj, [key]: next });
-    },
-    [obj, onChange]
-  );
-  if (entries.length === 0) {
-    return /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-1.5", children: [
-    label && depth > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px] text-foreground/80", children: label }),
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] text-muted-foreground/50", children: "object" })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: cn(wrapperClass), children: entries.map(([key, subSchema]) => /* @__PURE__ */ jsx(
-      SchemaField,
-      {
-        schema: subSchema,
-        value: obj[key],
-        onChange: setKey(key),
-        depth: depth + 1,
-        required: required.has(key),
-        label: key
-      },
-      key
-    )) })
-  ] });
-}
-__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__ */ __name(() => onChange([...arr, defaultForSchema(items)]), "addItem");
-  const removeAt = /* @__PURE__ */ __name((i) => onChange(arr.filter((_, idx) => idx !== i)), "removeAt");
-  const setAt = /* @__PURE__ */ __name((i) => (next) => onChange(arr.map((v, idx) => idx === i ? next : v)), "setAt");
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-    label && /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1.5", children: [
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px] text-foreground/80", children: label }),
-      required && /* @__PURE__ */ jsx("span", { className: "text-[9px] text-destructive font-bold leading-none", children: "*" }),
-      /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] text-muted-foreground/50", children: `array<${items.type ?? "any"}>` })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-2 border-l-2 border-border/60 pl-3 ml-px", children: [
-      arr.length === 0 && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-muted-foreground/50 italic", children: "Empty array" }),
-      arr.map((v, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx(
-          SchemaField,
-          {
-            schema: items,
-            value: v,
-            onChange: setAt(i),
-            depth: depth + 1,
-            required: false,
-            label: `${label ?? ""}[${i}]`
-          }
-        ) }),
-        /* @__PURE__ */ 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__ */ jsx(Minus, { className: "h-3.5 w-3.5" })
-          }
-        )
-      ] }, i)),
-      /* @__PURE__ */ 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__ */ jsx(Plus, { className: "h-3 w-3" }),
-            "Add item"
-          ]
-        }
-      )
-    ] })
-  ] });
-}
-__name(ArrayField, "ArrayField");
-function EndpointResetButton() {
-  const { state, setParameters, setRequestBody } = 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 = useCallback(() => {
-    setParameters({});
-    setRequestBody("");
-    reset();
-  }, [setParameters, setRequestBody, reset]);
-  if (!ep || !hasDraft) return null;
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      onClick,
-      title: "Reset parameters & body (keeps auth)",
-      className: cn(
-        "inline-flex items-center gap-1 text-[10px] text-muted-foreground",
-        "hover:text-foreground transition-colors"
-      ),
-      children: [
-        /* @__PURE__ */ jsx(RotateCcw, { className: "h-2.5 w-2.5" }),
-        "Reset"
-      ]
-    }
-  );
-}
-__name(EndpointResetButton, "EndpointResetButton");
-function ParamFields({ label, params }) {
-  const { state, setParameters } = usePlaygroundContext();
-  function handleChange(name, value) {
-    setParameters({ ...state.parameters, [name]: value });
-  }
-  __name(handleChange, "handleChange");
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsx(SectionLabel, { children: label }),
-    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: params.map((p) => {
-      const value = state.parameters[p.name] ?? "";
-      const placeholder = p.description || p.name;
-      return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px] text-foreground/80", children: p.name }),
-          p.required && /* @__PURE__ */ jsx("span", { className: "text-[9px] text-destructive font-bold leading-none", children: "*" }),
-          /* @__PURE__ */ jsx("span", { className: "font-mono text-[10px] text-muted-foreground/50", children: p.type })
-        ] }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            value,
-            onChange: (e) => handleChange(p.name, e.target.value),
-            placeholder,
-            className: "h-8 text-xs font-mono"
-          }
-        )
-      ] }, p.name);
-    }) })
-  ] });
-}
-__name(ParamFields, "ParamFields");
-function RequestPanel() {
-  const {
-    state,
-    apiKeys,
-    apiKeysLoading,
-    setRequestBody,
-    setRequestHeaders,
-    setSelectedApiKey,
-    setManualApiToken,
-    sendRequest
-  } = usePlaygroundContext();
-  const apiKeyOptions = 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 ? isValidJson(state.requestBody) : true;
-  const curlCommand = useMemo(() => {
-    if (!state.requestUrl) return "";
-    const absoluteUrl = resolveAbsolute(state.requestUrl);
-    const apiKey = state.selectedApiKey ? findApiKeyById(apiKeys, state.selectedApiKey) : null;
-    const hdrs = 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 = useMemo(
-    () => ep?.parameters?.filter((p) => ep.path.includes(`{${p.name}}`)) ?? [],
-    [ep]
-  );
-  const queryParams = useMemo(
-    () => ep?.parameters?.filter((p) => !ep.path.includes(`{${p.name}}`)) ?? [],
-    [ep]
-  );
-  state.loading || !state.requestUrl || !isJsonValid;
-  const displayUrl = 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 ? relativePath(ep.path) : "";
-  const urlChanged = displayUrl !== "" && displayUrl !== epPath;
-  if (!ep) {
-    return /* @__PURE__ */ jsx(EmptyState, { icon: Send, text: "Select an endpoint to build a request" });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    (urlChanged || ep) && /* @__PURE__ */ 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__ */ jsx("span", { className: "font-mono text-[10px] text-muted-foreground/60 break-all leading-snug truncate min-w-0 flex-1", children: displayUrl }) : /* @__PURE__ */ jsx("span", { className: "flex-1" }),
-      /* @__PURE__ */ jsx(EndpointResetButton, {})
-    ] }),
-    /* @__PURE__ */ jsxs(ScrollArea, { className: "px-4 py-3 space-y-3", children: [
-      hasPathParams && /* @__PURE__ */ jsx(ParamFields, { label: "Path Parameters", params: pathParams }),
-      hasQueryParams && /* @__PURE__ */ jsx(ParamFields, { label: "Query Parameters", params: queryParams }),
-      hasBody && /* @__PURE__ */ jsx(
-        BodySection,
-        {
-          schema: ep.requestBody?.schema,
-          bodyType,
-          bodyDescription: ep.requestBody?.description,
-          value: state.requestBody,
-          onChange: setRequestBody,
-          isJsonValid
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        CollapsibleSection,
-        {
-          label: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(Key, { className: "h-2.5 w-2.5" }),
-            "Auth & Headers"
-          ] }),
-          children: /* @__PURE__ */ jsxs("div", { className: "space-y-3 pt-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx(SectionLabel, { children: "API Key" }),
-              /* @__PURE__ */ jsx(
-                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__ */ jsxs("p", { className: "text-[10px] text-muted-foreground", children: [
-                "Picks are sent via the",
-                " ",
-                /* @__PURE__ */ jsx("span", { className: "font-mono", children: "X-API-Key" }),
-                " header."
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx(SectionLabel, { children: "Bearer Token" }),
-              /* @__PURE__ */ jsx(
-                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__ */ jsxs("div", { className: "space-y-1.5", children: [
-              /* @__PURE__ */ jsx(SectionLabel, { children: "Headers" }),
-              /* @__PURE__ */ jsx(
-                Textarea,
-                {
-                  value: state.requestHeaders,
-                  onChange: (e) => setRequestHeaders(e.target.value),
-                  className: "font-mono text-[11px] min-h-[60px] resize-y",
-                  rows: 3
-                }
-              )
-            ] })
-          ] })
-        }
-      ),
-      hasCurl && /* @__PURE__ */ jsx(
-        CollapsibleSection,
-        {
-          label: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
-            /* @__PURE__ */ jsx(Terminal, { className: "h-2.5 w-2.5" }),
-            "cURL"
-          ] }),
-          children: /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
-            PrettyCode_default,
-            {
-              data: curlCommand,
-              language: "bash",
-              isCompact: true,
-              maxLines: 50
-            }
-          ) })
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "h-4" })
-    ] })
-  ] });
-}
-__name(RequestPanel, "RequestPanel");
-function BodySection({ schema, bodyType, bodyDescription, value, onChange, isJsonValid }) {
-  const hasSchema = !!schema;
-  const [mode, setMode] = React6.useState(hasSchema ? "form" : "json");
-  const parsed = React6.useMemo(() => {
-    if (!value) return null;
-    try {
-      return JSON.parse(value);
-    } catch {
-      return null;
-    }
-  }, [value]);
-  const handleFormChange = useCallback(
-    (next) => {
-      onChange(JSON.stringify(next, null, 2));
-    },
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2 min-w-0", children: [
-        /* @__PURE__ */ jsx(SectionLabel, { children: "Body" }),
-        bodyType && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/40 font-mono", children: bodyType }),
-        bodyDescription && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/60 truncate", children: bodyDescription })
-      ] }),
-      hasSchema && /* @__PURE__ */ jsxs("div", { className: "inline-flex rounded-md border overflow-hidden text-[10px]", children: [
-        /* @__PURE__ */ jsx(ModeButton, { active: mode === "form", onClick: () => setMode("form"), children: "Form" }),
-        /* @__PURE__ */ jsx(ModeButton, { active: mode === "json", onClick: () => setMode("json"), children: "JSON" })
-      ] }),
-      mode === "json" && isJsonValid && value && /* @__PURE__ */ 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__ */ jsx(Sparkles, { className: "h-2.5 w-2.5" }),
-            "Format"
-          ]
-        }
-      )
-    ] }),
-    mode === "form" && hasSchema ? /* @__PURE__ */ jsx(
-      BodyFormEditor,
-      {
-        schema,
-        value: parsed,
-        onChange: handleFormChange
-      }
-    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        Textarea,
-        {
-          placeholder: '{\n  "key": "value"\n}',
-          value,
-          onChange: (e) => onChange(e.target.value),
-          className: cn(
-            "font-mono text-[11px] min-h-[90px] resize-y",
-            !isJsonValid && "border-destructive focus-visible:ring-destructive/30"
-          ),
-          rows: 4
-        }
-      ),
-      !isJsonValid && /* @__PURE__ */ jsx("p", { className: "text-[10px] text-destructive", children: "Invalid JSON" })
-    ] })
-  ] });
-}
-__name(BodySection, "BodySection");
-function ModeButton({
-  active,
-  onClick,
-  children
-}) {
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      type: "button",
-      onClick,
-      className: cn(
-        "px-2 py-0.5 font-medium transition-colors",
-        active ? "bg-primary/10 text-foreground" : "text-muted-foreground hover:text-foreground"
-      ),
-      children
-    }
-  );
-}
-__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 } = usePlaygroundContext();
-  const { response, loading, selectedEndpoint } = state;
-  const { treeData, rawText } = 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__ */ jsxs("div", { className: "flex items-center justify-center h-full gap-2", children: [
-      /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin text-muted-foreground" }),
-      /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Sending\u2026" })
-    ] });
-  }
-  if (!selectedEndpoint) return /* @__PURE__ */ jsx(EmptyState, { icon: Terminal, text: "Response will appear here" });
-  if (!response) return /* @__PURE__ */ jsx(EmptyState, { icon: Send, text: 'Press "Send Request" to see the response' });
-  if (hasError && !hasStatus) {
-    return /* @__PURE__ */ jsx(
-      EmptyState,
-      {
-        icon: WifiOff,
-        text: response.error,
-        className: "text-destructive [&_svg]:text-destructive"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "shrink-0 border-b px-4 py-2 flex items-center justify-between gap-3 bg-muted/20", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
-        hasStatus && /* @__PURE__ */ jsx(StatusBadge, { status: response.status }),
-        response.statusText && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground truncate", children: response.statusText }),
-        sizeKb && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/50 tabular-nums shrink-0", children: sizeKb }),
-        duration && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground/50 tabular-nums shrink-0", children: duration })
-      ] }),
-      hasCopy && /* @__PURE__ */ jsx(CopyButton, { value: rawText, variant: "ghost", size: "sm", className: "h-6 px-2 text-[10px] text-muted-foreground shrink-0", children: "Copy" })
-    ] }),
-    hasError && /* @__PURE__ */ jsx("div", { className: "shrink-0 mx-4 mt-3 rounded border border-destructive/20 bg-destructive/5 px-3 py-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: response.error }) }),
-    /* @__PURE__ */ jsx(ScrollArea, { children: treeData != null ? /* @__PURE__ */ jsx(JsonTree_default, { title: "Response Body", data: treeData, config: JSON_TREE_CONFIG }) : rawText ? /* @__PURE__ */ jsx("pre", { className: "p-4 text-[11px] font-mono text-foreground/70 whitespace-pre-wrap break-all leading-relaxed", children: rawText }) : /* @__PURE__ */ jsx("div", { className: "py-10 text-center text-xs text-muted-foreground", children: "Empty response body" }) })
-  ] });
-}
-__name(ResponsePanel, "ResponsePanel");
-function SendButton({ className }) {
-  const { state, sendRequest } = usePlaygroundContext();
-  const ep = state.selectedEndpoint;
-  const builder = useMemo(
-    () => ep ? new UrlBuilder(ep, state.parameters) : null,
-    [ep, state.parameters]
-  );
-  const missingRequired = builder?.missingRequired() ?? [];
-  const unsubstituted = builder?.unfilledPlaceholders() ?? [];
-  const isJsonValid = state.requestBody ? 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__ */ jsxs("div", { className: cn("space-y-2", className), children: [
-    blockers.length > 0 && /* @__PURE__ */ 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__ */ jsx(AlertCircle, { className: "h-3.5 w-3.5 shrink-0 mt-px" }),
-      /* @__PURE__ */ jsx("span", { className: "leading-snug", children: blockers[0] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        onClick: sendRequest,
-        disabled,
-        size: "sm",
-        title: tooltip,
-        className: "w-full gap-2 h-9",
-        children: state.loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
-          "Sending\u2026"
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Send, { className: "h-3.5 w-3.5" }),
-          "Send Request"
-        ] })
-      }
-    )
-  ] });
-}
-__name(SendButton, "SendButton");
-var WIDTH_NARROW = "clamp(380px, 30vw, 480px)";
-var WIDTH_WIDE = "clamp(720px, 60vw, 1280px)";
-function SlideInPlayground({ open, onClose }) {
-  const { state } = usePlaygroundContext();
-  const ep = state.selectedEndpoint;
-  const showResponse = state.response !== null || state.loading;
-  const width = showResponse ? WIDTH_WIDE : WIDTH_NARROW;
-  return /* @__PURE__ */ jsx(SidePanel, { open, onOpenChange: (v) => !v && onClose(), side: "right", children: /* @__PURE__ */ jsxs(SidePanel.Content, { width, className: "max-w-[95vw]", children: [
-    /* @__PURE__ */ jsxs(SidePanel.Header, { children: [
-      /* @__PURE__ */ jsx(SidePanel.Title, { children: "Playground" }),
-      ep && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 flex-1", children: [
-        /* @__PURE__ */ jsx(MethodBadge, { method: ep.method }),
-        /* @__PURE__ */ jsx("code", { className: "font-mono text-[11px] text-muted-foreground truncate", children: relativePath(ep.path) })
-      ] }),
-      /* @__PURE__ */ jsx(SidePanel.Close, { className: "ml-auto" })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      SidePanel.Body,
-      {
-        className: 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__ */ jsx(Panel, { children: /* @__PURE__ */ jsx(RequestPanel, {}) }),
-          showResponse && /* @__PURE__ */ jsx(Panel, { children: /* @__PURE__ */ jsx(ResponsePanel, {}) })
-        ]
-      }
-    ),
-    ep && /* @__PURE__ */ jsx(SidePanel.Footer, { className: "px-4 py-3", children: /* @__PURE__ */ jsx(SendButton, {}) })
-  ] }) });
-}
-__name(SlideInPlayground, "SlideInPlayground");
-function TryItSheet({ open, onOpenChange }) {
-  const { state } = usePlaygroundContext();
-  const showResponse = state.response !== null || state.loading;
-  return /* @__PURE__ */ jsx(ResponsiveSheet, { open, onOpenChange, children: /* @__PURE__ */ jsxs(ResponsiveSheetContent, { className: "sm:max-w-xl flex flex-col h-full p-0", children: [
-    /* @__PURE__ */ jsx(ResponsiveSheetHeader, { className: "px-4 py-3 border-b shrink-0", children: /* @__PURE__ */ jsx(ResponsiveSheetTitle, { className: "text-sm", children: "Playground" }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0 flex flex-col divide-y", children: [
-      /* @__PURE__ */ jsx("div", { className: showResponse ? "flex-1 min-h-0 flex flex-col" : "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ jsx(RequestPanel, {}) }),
-      showResponse && /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ jsx(ResponsePanel, {}) })
-    ] }),
-    state.selectedEndpoint && /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t px-4 py-3 bg-background/95 backdrop-blur-sm", children: /* @__PURE__ */ jsx(SendButton, {}) })
-  ] }) });
-}
-__name(TryItSheet, "TryItSheet");
-var DocsLayout = /* @__PURE__ */ __name(() => {
-  const { state, config, setSelectedEndpoint } = usePlaygroundContext();
-  const isDesktop = 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] = useState(null);
-  const [sheetOpen, setSheetOpen] = useState(false);
-  const docsRef = useRef(null);
-  const slideOpen = !isMobile && state.selectedEndpoint !== null;
-  const handleTry = useCallback(
-    (ep) => {
-      setSelectedEndpoint(ep);
-      if (isMobile) setSheetOpen(true);
-    },
-    [isMobile, setSelectedEndpoint]
-  );
-  const handleCloseSlide = useCallback(() => {
-    setSelectedEndpoint(null);
-  }, [setSelectedEndpoint]);
-  const handleNavigate = useCallback((anchor) => {
-    docsRef.current?.scrollToAnchor(anchor);
-  }, []);
-  if (loading) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "grid grid-cols-[260px_1fr] min-h-0 overflow-hidden",
-        style: { height: "calc(100dvh - var(--navbar-height, 64px))" },
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "border-r p-3 space-y-1.5", children: Array.from({ length: 12 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full rounded" }, i)) }),
-          /* @__PURE__ */ jsxs("div", { className: "p-8 space-y-4", children: [
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-1/2" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
-            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
-            /* @__PURE__ */ jsx("div", { className: "mt-8 space-y-6", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-              /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-1/3" }),
-              /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full" })
-            ] }, i)) })
-          ] })
-        ]
-      }
-    );
-  }
-  if (error) {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "flex items-center justify-center p-8",
-        style: { height: "calc(100dvh - var(--navbar-height, 64px))" },
-        children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive", children: [
-          "Failed to load schema: ",
-          error
-        ] })
-      }
-    );
-  }
-  if (isMobile) {
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex flex-col overflow-hidden",
-        style: { height: "calc(100dvh - var(--navbar-height, 64px))" },
-        children: [
-          /* @__PURE__ */ jsx(EndpointDraftSync, { schemaId: currentSchema?.id ?? null }),
-          /* @__PURE__ */ jsx(
-            DocsView,
-            {
-              ref: docsRef,
-              info: schemaInfo,
-              rawSchema,
-              resolvedBaseUrl,
-              endpoints,
-              selectedVersion: state.selectedVersion,
-              loadedEndpoint: state.selectedEndpoint,
-              onTryEndpoint: handleTry,
-              onActiveChange: setActiveAnchor
-            }
-          ),
-          /* @__PURE__ */ jsx(TryItSheet, { open: sheetOpen, onOpenChange: setSheetOpen })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 350, children: /* @__PURE__ */ 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__ */ jsx(EndpointDraftSync, { schemaId: currentSchema?.id ?? null }),
-        /* @__PURE__ */ jsx(
-          DocsSidebar,
-          {
-            info: schemaInfo,
-            endpoints,
-            schemas,
-            currentSchemaId: currentSchema?.id ?? null,
-            onSchemaChange: setCurrentSchema,
-            activeEndpointId: activeAnchor,
-            selectedVersion: state.selectedVersion,
-            onNavigate: handleNavigate
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          DocsView,
-          {
-            ref: docsRef,
-            info: schemaInfo,
-            rawSchema,
-            resolvedBaseUrl,
-            endpoints,
-            selectedVersion: state.selectedVersion,
-            loadedEndpoint: state.selectedEndpoint,
-            onTryEndpoint: handleTry,
-            onActiveChange: setActiveAnchor
-          }
-        ),
-        /* @__PURE__ */ jsx(SlideInPlayground, { open: slideOpen, onClose: handleCloseSlide })
-      ]
-    }
-  ) });
-}, "DocsLayout");
-
-export { DocsLayout };
-//# sourceMappingURL=DocsLayout-ERETJLLV.mjs.map
-//# sourceMappingURL=DocsLayout-ERETJLLV.mjs.map