@djangocfg/ui-tools 2.1.289 → 2.1.291

package/dist/{DocsLayout-YDR7DSMM.cjs → DocsLayout-IKH7BLSU.cjs}

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkIULI4XII_cjs = require('./chunk-IULI4XII.cjs');
+var chunk5Q4UMSWB_cjs = require('./chunk-5Q4UMSWB.cjs');
 var chunk33AMWFBZ_cjs = require('./chunk-33AMWFBZ.cjs');
 require('./chunk-2SMCH62O.cjs');
 var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
-var React6 = require('react');
+var React12 = require('react');
 var lodashEs = require('lodash-es');
 var components = require('@djangocfg/ui-core/components');
 var hooks = require('@djangocfg/ui-core/hooks');
@@ -12,54 +12,16 @@ var consola = require('consola');
 var lucideReact = require('lucide-react');
 var lib = require('@djangocfg/ui-core/lib');
 var jsxRuntime = require('react/jsx-runtime');
+var zustand = require('zustand');
+var middleware = require('zustand/middleware');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React6__default = /*#__PURE__*/_interopDefault(React6);
+var React12__default = /*#__PURE__*/_interopDefault(React12);
 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, schemaId) => {
+var extractEndpoints = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((schema, baseUrl, schemaId, specRoot) => {
   const endpoints = [];
   if (!schema.paths) return [];
   for (const [path, methods] of Object.entries(schema.paths)) {
@@ -83,9 +45,17 @@ var extractEndpoints = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((schema, baseUrl
       const responses = [];
       if (op.responses) {
         for (const [code, response] of Object.entries(op.responses)) {
+          const respContent = response.content;
+          const contentKeys = respContent ? Object.keys(respContent) : [];
+          const chosenContentType = respContent?.["application/json"] ? "application/json" : contentKeys[0];
+          const chosen = chosenContentType ? respContent?.[chosenContentType] : void 0;
+          const respSchema = chosen?.schema;
           responses.push({
             code,
-            description: response.description || `Response ${code}`
+            description: response.description || `Response ${code}`,
+            contentType: chosenContentType,
+            schema: respSchema,
+            example: respSchema ? chunk5Q4UMSWB_cjs.sampleSchemaJson(respSchema, { skipWriteOnly: true }, specRoot) : void 0
           });
         }
       }
@@ -98,13 +68,13 @@ var extractEndpoints = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((schema, baseUrl
           type: rawSchema?.type || "object",
           description: op.requestBody.description,
           schema: rawSchema,
-          example: rawSchema ? JSON.stringify(exampleFromSchema(rawSchema), null, 2) : void 0
+          example: rawSchema ? chunk5Q4UMSWB_cjs.sampleSchemaJson(rawSchema, { skipReadOnly: true }, specRoot) : void 0
         };
       }
       const endpoint = {
         name: path.split("/").pop() || path,
         method: methodUpper,
-        path: baseUrl ? chunkIULI4XII_cjs.joinUrl(baseUrl, path) : path,
+        path: baseUrl ? chunk5Q4UMSWB_cjs.joinUrl(baseUrl, path) : path,
         summary,
         description,
         category,
@@ -140,41 +110,41 @@ function useOpenApiSchema({
   baseUrl: configBaseUrl,
   preloadAll = false
 }) {
-  const [loading, setLoading] = React6.useState(true);
-  const [error, setError] = React6.useState(null);
-  const [currentSchemaId, setCurrentSchemaId] = React6.useState(
+  const [loading, setLoading] = React12.useState(true);
+  const [error, setError] = React12.useState(null);
+  const [currentSchemaId, setCurrentSchemaId] = React12.useState(
     defaultSchemaId || schemas[0]?.id
   );
-  const [loadedSchemas, setLoadedSchemas] = React6.useState(
+  const [loadedSchemas, setLoadedSchemas] = React12.useState(
     /* @__PURE__ */ new Map()
   );
-  const [loadStates, setLoadStates] = React6.useState(/* @__PURE__ */ new Map());
-  const currentSchema = React6.useMemo(
+  const [loadStates, setLoadStates] = React12.useState(/* @__PURE__ */ new Map());
+  const currentSchema = React12.useMemo(
     () => schemas.find((s) => s.id === currentSchemaId) || null,
     [schemas, currentSchemaId]
   );
-  const currentOpenApiSchema = React6.useMemo(
+  const currentOpenApiSchema = React12.useMemo(
     () => currentSchemaId ? loadedSchemas.get(currentSchemaId) : null,
     [loadedSchemas, currentSchemaId]
   );
-  const dereferencedSchema = React6.useMemo(
-    () => currentOpenApiSchema ? chunkIULI4XII_cjs.dereferenceSchema(currentOpenApiSchema) : null,
+  const dereferencedSchema = React12.useMemo(
+    () => currentOpenApiSchema ? chunk5Q4UMSWB_cjs.dereferenceSchema(currentOpenApiSchema) : null,
     [currentOpenApiSchema]
   );
-  const resolvedBaseUrl = React6.useMemo(
-    () => chunkIULI4XII_cjs.resolveBaseUrl({
+  const resolvedBaseUrl = React12.useMemo(
+    () => chunk5Q4UMSWB_cjs.resolveBaseUrl({
       schemaSource: currentSchema?.baseUrl,
       config: configBaseUrl,
       fromServers: currentOpenApiSchema?.servers?.[0]?.url
     }),
     [currentSchema?.baseUrl, configBaseUrl, currentOpenApiSchema]
   );
-  const endpoints = React6.useMemo(
-    () => dereferencedSchema ? extractEndpoints(dereferencedSchema, resolvedBaseUrl, currentSchemaId) : [],
-    [dereferencedSchema, resolvedBaseUrl, currentSchemaId]
+  const endpoints = React12.useMemo(
+    () => dereferencedSchema ? extractEndpoints(dereferencedSchema, resolvedBaseUrl, currentSchemaId, currentOpenApiSchema ?? void 0) : [],
+    [dereferencedSchema, resolvedBaseUrl, currentSchemaId, currentOpenApiSchema]
   );
-  const categories = React6.useMemo(() => getCategories(endpoints), [endpoints]);
-  const schemaInfo = React6.useMemo(() => {
+  const categories = React12.useMemo(() => getCategories(endpoints), [endpoints]);
+  const schemaInfo = React12.useMemo(() => {
     if (!currentOpenApiSchema?.info) return null;
     const { title, version, description } = currentOpenApiSchema.info;
     return {
@@ -184,7 +154,7 @@ function useOpenApiSchema({
       servers: currentOpenApiSchema.servers
     };
   }, [currentOpenApiSchema]);
-  React6.useEffect(() => {
+  React12.useEffect(() => {
     if (preloadAll) return;
     if (!currentSchema) return;
     if (loadedSchemas.has(currentSchema.id)) {
@@ -203,7 +173,7 @@ function useOpenApiSchema({
       setLoading(false);
     });
   }, [currentSchema, loadedSchemas, preloadAll]);
-  React6.useEffect(() => {
+  React12.useEffect(() => {
     if (!preloadAll) return;
     if (schemas.length === 0) {
       setLoading(false);
@@ -257,12 +227,12 @@ function useOpenApiSchema({
       cancelled = true;
     };
   }, [preloadAll, schemas, loadedSchemas]);
-  const schemasData = React6.useMemo(() => {
+  const schemasData = React12.useMemo(() => {
     if (!preloadAll) return [];
     return schemas.map((src) => {
       const raw = loadedSchemas.get(src.id) ?? null;
-      const deref = raw ? chunkIULI4XII_cjs.dereferenceSchema(raw) : null;
-      const resolved = chunkIULI4XII_cjs.resolveBaseUrl({
+      const deref = raw ? chunk5Q4UMSWB_cjs.dereferenceSchema(raw) : null;
+      const resolved = chunk5Q4UMSWB_cjs.resolveBaseUrl({
         schemaSource: src.baseUrl,
         config: configBaseUrl,
         fromServers: raw?.servers?.[0]?.url
@@ -273,7 +243,7 @@ function useOpenApiSchema({
         description: raw.info.description,
         servers: raw.servers
       } : null;
-      const eps = deref ? extractEndpoints(deref, resolved, src.id) : [];
+      const eps = deref ? extractEndpoints(deref, resolved, src.id, raw ?? void 0) : [];
       const state = loadStates.get(src.id) ?? { loading: !raw, error: null };
       return {
         source: src,
@@ -286,10 +256,10 @@ function useOpenApiSchema({
       };
     });
   }, [preloadAll, schemas, loadedSchemas, loadStates, configBaseUrl]);
-  const setCurrentSchema = React6.useCallback((schemaId) => {
+  const setCurrentSchema = React12.useCallback((schemaId) => {
     setCurrentSchemaId(schemaId);
   }, []);
-  const refresh = React6.useCallback(() => {
+  const refresh = React12.useCallback(() => {
     if (!currentSchema) return;
     setLoading(true);
     setError(null);
@@ -351,12 +321,12 @@ function useDocsUrlSync({
   activeAnchor,
   onHashTarget
 }) {
-  const primedRef = React6.useRef(false);
-  const onHashTargetRef = React6.useRef(onHashTarget);
-  React6.useEffect(() => {
+  const primedRef = React12.useRef(false);
+  const onHashTargetRef = React12.useRef(onHashTarget);
+  React12.useEffect(() => {
     onHashTargetRef.current = onHashTarget;
   }, [onHashTarget]);
-  React6.useEffect(() => {
+  React12.useEffect(() => {
     if (!enabled || typeof window === "undefined") return;
     const apply = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
       onHashTargetRef.current(parseDocsHash(window.location.hash));
@@ -370,7 +340,7 @@ function useDocsUrlSync({
       window.removeEventListener("popstate", apply);
     };
   }, [enabled]);
-  React6.useEffect(() => {
+  React12.useEffect(() => {
     if (!enabled || typeof window === "undefined") return;
     if (!primedRef.current) return;
     const next = buildDocsHash(currentSchemaId, activeAnchor);
@@ -379,7 +349,7 @@ function useDocsUrlSync({
     const url = next ? `${window.location.pathname}${window.location.search}${next}` : `${window.location.pathname}${window.location.search}`;
     window.history.replaceState(window.history.state, "", url);
   }, [enabled, currentSchemaId, activeAnchor]);
-  const pushTarget = React6.useCallback(
+  const pushTarget = React12.useCallback(
     (schemaId, anchor) => {
       if (!enabled || typeof window === "undefined") return;
       const next = buildDocsHash(schemaId, anchor);
@@ -426,22 +396,22 @@ function writeDraft(key, value) {
 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(() => {
+  const [draft, setDraftSnapshot] = React12.useState(() => readDraft(key));
+  const loadedKeyRef = React12.useRef(key);
+  React12.useEffect(() => {
     if (loadedKeyRef.current === key) return;
     loadedKeyRef.current = key;
     setDraftSnapshot(readDraft(key));
   }, [key]);
-  const keyRef = React6.useRef(key);
-  React6.useEffect(() => {
+  const keyRef = React12.useRef(key);
+  React12.useEffect(() => {
     keyRef.current = key;
   }, [key]);
-  const latestRef = React6.useRef(draft);
-  React6.useEffect(() => {
+  const latestRef = React12.useRef(draft);
+  React12.useEffect(() => {
     latestRef.current = draft;
   }, [draft]);
-  const setParameters = React6.useCallback((params) => {
+  const setParameters = React12.useCallback((params) => {
     const next = {
       parameters: params,
       requestBody: latestRef.current.requestBody
@@ -449,7 +419,7 @@ function useEndpointDraft(schemaId, endpoint) {
     latestRef.current = next;
     writeDraft(keyRef.current, next);
   }, []);
-  const setRequestBody = React6.useCallback((body) => {
+  const setRequestBody = React12.useCallback((body) => {
     const next = {
       parameters: latestRef.current.parameters,
       requestBody: body
@@ -457,7 +427,7 @@ function useEndpointDraft(schemaId, endpoint) {
     latestRef.current = next;
     writeDraft(keyRef.current, next);
   }, []);
-  const reset = React6.useCallback(() => {
+  const reset = React12.useCallback(() => {
     latestRef.current = EMPTY_DRAFT;
     if (keyRef.current && typeof window !== "undefined") {
       try {
@@ -473,17 +443,17 @@ chunkWGEGR3DF_cjs.__name(useEndpointDraft, "useEndpointDraft");
 
 // src/tools/OpenapiViewer/components/shared/EndpointDraftSync.tsx
 function EndpointDraftSync({ schemaId }) {
-  const { state, setParameters, setRequestBody, setActiveSchemaId } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const { state, setParameters, setRequestBody, setActiveSchemaId } = chunk5Q4UMSWB_cjs.usePlaygroundContext();
   const ep = state.selectedEndpoint;
-  React6.useEffect(() => {
+  React12.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 lastLoadedKeyRef = React12.useRef(null);
+  const lastPersistedParamsRef = React12.useRef("");
+  const lastPersistedBodyRef = React12.useRef("");
   const currentKey = ep ? `${ep.method}|${ep.path}` : null;
-  React6.useEffect(() => {
+  React12.useEffect(() => {
     if (!ep || !currentKey) {
       lastLoadedKeyRef.current = null;
       return;
@@ -505,14 +475,14 @@ function EndpointDraftSync({ schemaId }) {
       lastPersistedBodyRef.current = state.requestBody;
     }
   }, [currentKey]);
-  React6.useEffect(() => {
+  React12.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(() => {
+  React12.useEffect(() => {
     if (!ep || lastLoadedKeyRef.current !== currentKey) return;
     if (state.requestBody === lastPersistedBodyRef.current) return;
     lastPersistedBodyRef.current = state.requestBody;
@@ -606,7 +576,7 @@ function CollapsibleSection({
   children,
   defaultOpen = false
 }) {
-  const [open, setOpen] = React6__default.default.useState(defaultOpen);
+  const [open, setOpen] = React12__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(
@@ -627,6 +597,145 @@ function CollapsibleSection({
   ] });
 }
 chunkWGEGR3DF_cjs.__name(CollapsibleSection, "CollapsibleSection");
+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, variant = "button" }) {
+  const [sizeCache, setSizeCache] = React12.useState({});
+  const [justCopied, setJustCopied] = React12.useState(null);
+  const [open, setOpen] = React12.useState(false);
+  const isReady = schema !== null && endpoints.length > 0;
+  const build = React12.useCallback(
+    (flavour) => {
+      if (!schema) return "";
+      if (flavour === "markdown") return chunk5Q4UMSWB_cjs.toMarkdown(schema, endpoints, baseUrl);
+      if (flavour === "compact") return chunk5Q4UMSWB_cjs.toCompactJson(schema, baseUrl);
+      return chunk5Q4UMSWB_cjs.toRawJson(schema, baseUrl);
+    },
+    [schema, endpoints, baseUrl]
+  );
+  const handleCopy = React12.useCallback(
+    async (flavour) => {
+      if (!isReady) return;
+      const text = build(flavour);
+      const label = FLAVOUR_LABELS[flavour].title;
+      try {
+        await navigator.clipboard.writeText(text);
+        const size = chunk5Q4UMSWB_cjs.formatBytes(text);
+        setSizeCache((prev) => ({ ...prev, [flavour]: size }));
+        setJustCopied(flavour);
+        setTimeout(() => setJustCopied(null), 1500);
+        setOpen(false);
+        hooks.toast.success(`Copied ${label}`, { description: size });
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Clipboard permission denied";
+        hooks.toast.error("Copy failed", { description: message });
+      }
+    },
+    [build, isReady]
+  );
+  const flavours = React12.useMemo(() => ["markdown", "compact", "raw"], []);
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components.DropdownMenuTrigger, { asChild: true, children: variant === "icon" ? /* @__PURE__ */ jsxRuntime.jsx(
+      components.Button,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "h-7 w-7 shrink-0",
+        disabled: !isReady,
+        title: "Copy schema for AI",
+        "aria-label": "Copy schema for AI",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-3.5 w-3.5" })
+      }
+    ) : /* @__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,
+      {
+        side: "right",
+        align: "start",
+        sideOffset: 6,
+        collisionPadding: 8,
+        className: "w-60 max-w-[calc(100vw-16px)]",
+        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 line-clamp-1", children: label.hint })
+                ]
+              },
+              f
+            );
+          })
+        ]
+      }
+    )
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(SchemaCopyMenu, "SchemaCopyMenu");
+function BrandHeader({ info, endpoints, rawSchema, resolvedBaseUrl }) {
+  const apiTitle = info?.title ?? "API Reference";
+  const copyReady = rawSchema !== null && rawSchema !== void 0 && endpoints.length > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b px-3 py-2.5 flex items-start gap-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "text-[13px] font-semibold text-foreground leading-tight truncate",
+          title: apiTitle,
+          children: apiTitle
+        }
+      ),
+      info?.version && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "font-mono text-[10px] text-muted-foreground/60 leading-tight mt-0.5", children: [
+        "v",
+        info.version
+      ] })
+    ] }),
+    copyReady && /* @__PURE__ */ jsxRuntime.jsx(
+      SchemaCopyMenu,
+      {
+        schema: rawSchema ?? null,
+        endpoints,
+        baseUrl: resolvedBaseUrl,
+        variant: "icon"
+      }
+    )
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(BrandHeader, "BrandHeader");
 
 // src/tools/OpenapiViewer/components/DocsLayout/sidebarLabel.ts
 function longestCommonPrefix(paths) {
@@ -696,106 +805,8 @@ function buildSchemaSections(sources, endpointsBySchema) {
   }));
 }
 chunkWGEGR3DF_cjs.__name(buildSchemaSections, "buildSchemaSections");
-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, variant = "button" }) {
-  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);
-      const label = FLAVOUR_LABELS[flavour].title;
-      try {
-        await navigator.clipboard.writeText(text);
-        const size = chunkIULI4XII_cjs.formatBytes(text);
-        setSizeCache((prev) => ({ ...prev, [flavour]: size }));
-        setJustCopied(flavour);
-        setTimeout(() => setJustCopied(null), 1500);
-        setOpen(false);
-        hooks.toast.success(`Copied ${label}`, { description: size });
-      } catch (err) {
-        const message = err instanceof Error ? err.message : "Clipboard permission denied";
-        hooks.toast.error("Copy failed", { description: message });
-      }
-    },
-    [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: variant === "icon" ? /* @__PURE__ */ jsxRuntime.jsx(
-      components.Button,
-      {
-        variant: "ghost",
-        size: "icon",
-        className: "h-7 w-7 shrink-0",
-        disabled: !isReady,
-        title: "Copy schema for AI",
-        "aria-label": "Copy schema for AI",
-        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-3.5 w-3.5" })
-      }
-    ) : /* @__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");
-var METHOD_FILTERS = ["ALL", "GET", "POST", "PUT", "PATCH", "DELETE"];
+
+// src/tools/OpenapiViewer/components/DocsLayout/Sidebar/buildVM.ts
 function filterEndpoints(list, query, method) {
   let out = list;
   if (method !== "ALL") {
@@ -831,14 +842,19 @@ function buildCategory(group, activeEndpointId, schemaId, keyPrefix) {
   };
 }
 chunkWGEGR3DF_cjs.__name(buildCategory, "buildCategory");
-var emptyTextFor = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((query, method, defaultText) => {
+function emptyTextFor(query, method, defaultText) {
   if (query && method !== "ALL") return `No ${method} endpoints match "${query}"`;
   if (query) return `No endpoints match "${query}"`;
   if (method !== "ALL") return `No ${method} endpoints`;
   return defaultText;
-}, "emptyTextFor");
+}
+chunkWGEGR3DF_cjs.__name(emptyTextFor, "emptyTextFor");
 function buildFlatVM(endpoints, selectedVersion, query, method, activeEndpointId) {
-  const filtered = filterEndpoints(chunkIULI4XII_cjs.deduplicateEndpoints(endpoints, selectedVersion), query, method);
+  const filtered = filterEndpoints(
+    chunk5Q4UMSWB_cjs.deduplicateEndpoints(endpoints, selectedVersion),
+    query,
+    method
+  );
   const groups = groupEndpoints(filtered);
   return {
     kind: "flat",
@@ -851,13 +867,19 @@ function buildSectionsVM(schemas, endpointsBySchema, selectedVersion, query, met
   const filteredMap = {};
   for (const src of schemas) {
     const raw = endpointsBySchema[src.id] ?? [];
-    filteredMap[src.id] = filterEndpoints(chunkIULI4XII_cjs.deduplicateEndpoints(raw, selectedVersion), query, method);
+    filteredMap[src.id] = filterEndpoints(
+      chunk5Q4UMSWB_cjs.deduplicateEndpoints(raw, selectedVersion),
+      query,
+      method
+    );
   }
   const rawSections = buildSchemaSections(schemas, filteredMap);
   const sections = rawSections.filter((s) => s.groups.length > 0).map((s) => ({
     sourceId: s.source.id,
     sourceName: s.source.name,
-    categories: s.groups.map((g) => buildCategory(g, activeEndpointId, s.source.id, `${s.source.id}-`))
+    categories: s.groups.map(
+      (g) => buildCategory(g, activeEndpointId, s.source.id, `${s.source.id}-`)
+    )
   }));
   return {
     kind: "sections",
@@ -866,189 +888,237 @@ function buildSectionsVM(schemas, endpointsBySchema, selectedVersion, query, met
   };
 }
 chunkWGEGR3DF_cjs.__name(buildSectionsVM, "buildSectionsVM");
-function DocsSidebar({
-  info,
-  endpoints,
-  schemas,
-  currentSchemaId,
-  onSchemaChange,
-  activeEndpointId,
-  selectedVersion,
-  onNavigate,
-  grouping = "selector",
-  endpointsBySchema,
-  rawSchema,
-  resolvedBaseUrl
-}) {
-  const [search, setSearch] = React6.useState("");
-  const [debounced, setDebounced] = React6.useState("");
-  const [methodFilter, setMethodFilter] = React6.useState("ALL");
-  React6.useEffect(() => {
-    const id = setTimeout(() => setDebounced(search), 120);
-    return () => clearTimeout(id);
-  }, [search]);
-  const body = React6.useMemo(() => {
-    if (grouping === "sections") {
-      return buildSectionsVM(
-        schemas,
-        endpointsBySchema ?? {},
-        selectedVersion,
-        debounced,
-        methodFilter,
-        activeEndpointId
-      );
-    }
-    return buildFlatVM(endpoints, selectedVersion, debounced, methodFilter, activeEndpointId);
-  }, [
-    grouping,
-    schemas,
-    endpointsBySchema,
-    endpoints,
-    selectedVersion,
-    debounced,
-    methodFilter,
-    activeEndpointId
-  ]);
-  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";
-  const showCombobox = grouping === "selector" && hasMultipleSchemas;
-  const copyReady = rawSchema !== null && rawSchema !== void 0 && endpoints.length > 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "flex flex-col h-full min-h-0 border-r bg-muted/10", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b px-3 h-12 flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", 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
-        ] })
-      ] }),
-      copyReady && /* @__PURE__ */ jsxRuntime.jsx(
-        SchemaCopyMenu,
-        {
-          schema: rawSchema ?? null,
-          endpoints,
-          baseUrl: resolvedBaseUrl,
-          variant: "icon"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b px-3 py-3 space-y-2", children: [
-      showCombobox && /* @__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(MethodChips, { value: methodFilter, onChange: setMethodFilter })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarBody, { body, onNavigate }) })
-  ] });
-}
-chunkWGEGR3DF_cjs.__name(DocsSidebar, "DocsSidebar");
-function MethodChips({
-  value,
-  onChange
+var EndpointRow = React12__default.default.memo(/* @__PURE__ */ chunkWGEGR3DF_cjs.__name(function EndpointRow2({
+  row,
+  onNavigate
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 flex-wrap", children: METHOD_FILTERS.map((m) => {
-    const active = value === m;
-    return /* @__PURE__ */ jsxRuntime.jsx(
+  const displayLabel = row.label.replace(/\.$/, "");
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.Tooltip, { delayDuration: 350, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
-        type: "button",
-        onClick: () => onChange(m),
-        "aria-pressed": active,
+        onClick: () => onNavigate(row.anchor, row.schemaId),
+        "aria-current": row.isActive ? "location" : void 0,
         className: lib.cn(
-          "px-2 py-0.5 rounded font-mono text-[10px] font-semibold tracking-wide transition-colors border",
-          active ? "bg-primary/15 border-primary/40 text-foreground" : "bg-transparent border-border/40 text-muted-foreground hover:text-foreground hover:border-border"
+          "relative w-full text-left grid grid-cols-[52px_minmax(0,1fr)] items-baseline gap-2 pl-3 pr-3 py-1 transition-colors",
+          row.isActive ? "bg-primary/10 text-foreground" : "hover:bg-muted/40 text-foreground/75 hover:text-foreground"
         ),
-        children: m
-      },
-      m
-    );
-  }) });
+        children: [
+          row.isActive && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-0 top-1 bottom-1 w-0.5 rounded-r bg-primary" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "justify-self-start", children: /* @__PURE__ */ jsxRuntime.jsx(MethodBadge, { method: row.method }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: lib.cn(
+                "line-clamp-2 leading-snug min-w-0",
+                row.useMono ? "font-mono text-[11px] break-all" : "text-[12px]",
+                row.isActive && "text-foreground font-medium"
+              ),
+              children: displayLabel
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(components.TooltipContent, { side: "right", align: "center", className: "font-mono text-[11px]", children: row.tooltip })
+  ] });
+}, "EndpointRow"));
+var CategoryBlock = React12__default.default.memo(/* @__PURE__ */ chunkWGEGR3DF_cjs.__name(function CategoryBlock2({
+  category,
+  onNavigate
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-2.5 last:mb-1", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 pt-3 pb-1 text-[10px] font-semibold uppercase tracking-[0.14em] text-muted-foreground/50 select-none", children: category.category }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: category.rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(EndpointRow, { row, onNavigate }, row.key)) })
+  ] });
+}, "CategoryBlock"));
+function SchemaSection({ section, onNavigate }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 last:mb-2", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 py-1.5 sticky top-0 z-[1] bg-background/95 backdrop-blur-[2px] border-b border-border/40", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-bold uppercase tracking-[0.12em] text-foreground/80", children: section.sourceName }) }),
+    section.categories.map((cat) => /* @__PURE__ */ jsxRuntime.jsx(CategoryBlock, { category: cat, onNavigate }, cat.key))
+  ] });
 }
-chunkWGEGR3DF_cjs.__name(MethodChips, "MethodChips");
+chunkWGEGR3DF_cjs.__name(SchemaSection, "SchemaSection");
 function SidebarBody({ body, onNavigate }) {
   if (body.kind === "flat") {
     if (body.categories.length === 0) {
       return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-10 px-4 text-center text-xs text-muted-foreground", children: body.emptyText });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "py-2", children: body.categories.map((cat) => /* @__PURE__ */ jsxRuntime.jsx(CategoryBlock, { category: cat, onNavigate }, cat.key)) });
+    return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "py-1.5", children: body.categories.map((cat) => /* @__PURE__ */ jsxRuntime.jsx(CategoryBlock, { category: cat, onNavigate }, cat.key)) });
   }
   if (body.sections.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-10 px-4 text-center text-xs text-muted-foreground", children: body.emptyText });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "py-2", children: body.sections.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-5 last:mb-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-4 py-2 sticky top-0 z-[1] bg-muted/30 backdrop-blur-[2px] border-b border-border/30", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] font-bold uppercase tracking-[0.12em] text-foreground/80", children: section.sourceName }) }),
-    section.categories.map((cat) => /* @__PURE__ */ jsxRuntime.jsx(CategoryBlock, { category: cat, onNavigate }, cat.key))
-  ] }, section.sourceId)) });
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "py-1.5", children: body.sections.map((section) => /* @__PURE__ */ jsxRuntime.jsx(SchemaSection, { section, onNavigate }, section.sourceId)) });
 }
 chunkWGEGR3DF_cjs.__name(SidebarBody, "SidebarBody");
-var CategoryBlock = React6__default.default.memo(/* @__PURE__ */ chunkWGEGR3DF_cjs.__name(function CategoryBlock2({
-  category,
-  onNavigate
-}) {
-  return /* @__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: category.category }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: category.rows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(EndpointRow, { row, onNavigate }, row.key)) })
-  ] });
-}, "CategoryBlock"));
-var EndpointRow = React6__default.default.memo(/* @__PURE__ */ chunkWGEGR3DF_cjs.__name(function EndpointRow2({
-  row,
-  onNavigate
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(components.Tooltip, { delayDuration: 350, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(components.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+
+// src/tools/OpenapiViewer/components/DocsLayout/Sidebar/types.ts
+var METHOD_FILTERS = ["ALL", "GET", "POST", "PUT", "PATCH", "DELETE"];
+function MethodChips({ value, onChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 overflow-x-auto -mx-1 px-1 pb-px", children: METHOD_FILTERS.map((m) => {
+    const active = value === m;
+    return /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
-        onClick: () => onNavigate(row.anchor, row.schemaId),
-        "aria-current": row.isActive ? "location" : void 0,
+        type: "button",
+        onClick: () => onChange(m),
+        "aria-pressed": active,
         className: lib.cn(
-          "relative group w-full text-left flex items-start gap-2 pl-4 pr-3 py-1.5 transition-colors",
-          row.isActive ? "bg-primary/10 text-foreground" : "hover:bg-muted/40 text-foreground/75 hover:text-foreground"
+          "shrink-0 px-2 h-6 rounded font-mono text-[10px] font-semibold tracking-wide uppercase transition-colors",
+          active ? "bg-foreground text-background" : "text-muted-foreground/70 hover:text-foreground hover:bg-muted"
         ),
-        children: [
-          row.isActive && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-0 top-1 bottom-1 w-0.5 rounded-r bg-primary" }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 mt-[1px]", children: /* @__PURE__ */ jsxRuntime.jsx(MethodBadge, { method: row.method }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              className: lib.cn(
-                "line-clamp-2 leading-snug flex-1 min-w-0",
-                row.useMono ? "font-mono text-[11px] break-all" : "text-[12px]",
-                row.isActive && "text-foreground font-medium"
-              ),
-              children: row.label
-            }
-          )
-        ]
+        children: m
+      },
+      m
+    );
+  }) });
+}
+chunkWGEGR3DF_cjs.__name(MethodChips, "MethodChips");
+function SearchInput({ value, onChange, placeholder }) {
+  return /* @__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: placeholder ?? "Search endpoints\u2026",
+        value,
+        onChange: (e) => onChange(e.target.value),
+        className: "pl-8 pr-7 h-8 text-xs"
       }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(components.TooltipContent, { side: "right", align: "center", className: "font-mono text-[11px]", children: row.tooltip })
+    ),
+    value && /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChange(""),
+        "aria-label": "Clear search",
+        className: lib.cn(
+          "absolute right-1.5 top-1/2 -translate-y-1/2 h-5 w-5 rounded",
+          "inline-flex items-center justify-center",
+          "text-muted-foreground/50 hover:text-foreground hover:bg-muted transition-colors"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-3 w-3" })
+      }
+    )
   ] });
-}, "EndpointRow"));
+}
+chunkWGEGR3DF_cjs.__name(SearchInput, "SearchInput");
+function Toolbar({
+  schemas,
+  currentSchemaId,
+  onSchemaChange,
+  showSchemaSelector,
+  search,
+  onSearchChange,
+  methodFilter,
+  onMethodFilterChange
+}) {
+  const schemaOptions = React12__default.default.useMemo(
+    () => schemas.map((s) => ({ value: s.id, label: s.name })),
+    [schemas]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 border-b px-3 py-2.5 space-y-2", children: [
+    showSchemaSelector && /* @__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.jsx(SearchInput, { value: search, onChange: onSearchChange }),
+    /* @__PURE__ */ jsxRuntime.jsx(MethodChips, { value: methodFilter, onChange: onMethodFilterChange })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(Toolbar, "Toolbar");
+function useDebouncedValue(value, delayMs = 120) {
+  const [debounced, setDebounced] = React12.useState(value);
+  React12.useEffect(() => {
+    const id = setTimeout(() => setDebounced(value), delayMs);
+    return () => clearTimeout(id);
+  }, [value, delayMs]);
+  return debounced;
+}
+chunkWGEGR3DF_cjs.__name(useDebouncedValue, "useDebouncedValue");
+function DocsSidebar({
+  info,
+  endpoints,
+  schemas,
+  currentSchemaId,
+  onSchemaChange,
+  activeEndpointId,
+  selectedVersion,
+  onNavigate,
+  grouping = "selector",
+  endpointsBySchema,
+  rawSchema,
+  resolvedBaseUrl
+}) {
+  const [search, setSearch] = React12.useState("");
+  const [methodFilter, setMethodFilter] = React12.useState("ALL");
+  const debouncedSearch = useDebouncedValue(search);
+  const body = React12.useMemo(() => {
+    if (grouping === "sections") {
+      return buildSectionsVM(
+        schemas,
+        endpointsBySchema ?? {},
+        selectedVersion,
+        debouncedSearch,
+        methodFilter,
+        activeEndpointId
+      );
+    }
+    return buildFlatVM(
+      endpoints,
+      selectedVersion,
+      debouncedSearch,
+      methodFilter,
+      activeEndpointId
+    );
+  }, [
+    grouping,
+    schemas,
+    endpointsBySchema,
+    endpoints,
+    selectedVersion,
+    debouncedSearch,
+    methodFilter,
+    activeEndpointId
+  ]);
+  const hasMultipleSchemas = schemas.length > 1;
+  const showSchemaSelector = grouping === "selector" && hasMultipleSchemas;
+  return /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: "flex flex-col h-full min-h-0 border-r bg-muted/10", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      BrandHeader,
+      {
+        info,
+        endpoints,
+        rawSchema,
+        resolvedBaseUrl
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Toolbar,
+      {
+        schemas,
+        currentSchemaId,
+        onSchemaChange,
+        showSchemaSelector,
+        search,
+        onSearchChange: setSearch,
+        methodFilter,
+        onMethodFilterChange: setMethodFilter
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ScrollArea, { children: /* @__PURE__ */ jsxRuntime.jsx(SidebarBody, { body, onNavigate }) })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(DocsSidebar, "DocsSidebar");
 
 // src/tools/OpenapiViewer/utils/scrollParent.ts
 function getScrollParent(el) {
@@ -1086,6 +1156,7 @@ function scrollTargetTo(target, top) {
 }
 chunkWGEGR3DF_cjs.__name(scrollTargetTo, "scrollTargetTo");
 function ApiIntroSection({ info, schema, endpoints, resolvedBaseUrl }) {
+  const baseUrlRows = resolvedBaseUrl ? [{ url: resolvedBaseUrl, description: info.servers?.[0]?.description }] : (info.servers ?? []).map((s) => ({ url: s.url, description: s.description }));
   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: [
@@ -1104,106 +1175,776 @@ function ApiIntroSection({ info, schema, endpoints, 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}`)) })
-    ] })
+    info.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5Q4UMSWB_cjs.MarkdownMessage, { content: info.description }) }),
+    baseUrlRows.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: baseUrlRows.map((row, 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: row.url }),
+        row.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: row.description })
+      ] }, `${row.url}-${i}`)) })
+    ] })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(ApiIntroSection, "ApiIntroSection");
+var EndpointDocContext = React12.createContext(null);
+function EndpointDocProvider({ endpointId, method, children }) {
+  const value = React12.useMemo(() => ({ endpointId, method }), [endpointId, method]);
+  return /* @__PURE__ */ jsxRuntime.jsx(EndpointDocContext.Provider, { value, children });
+}
+chunkWGEGR3DF_cjs.__name(EndpointDocProvider, "EndpointDocProvider");
+function useEndpointDocContext() {
+  const ctx = React12.useContext(EndpointDocContext);
+  if (!ctx) {
+    throw new Error(
+      "[OpenapiViewer] useEndpointDocContext must be used inside <EndpointDocProvider>."
+    );
+  }
+  return ctx;
+}
+chunkWGEGR3DF_cjs.__name(useEndpointDocContext, "useEndpointDocContext");
+var sectionKey = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((endpointId, sectionId) => `${endpointId}:${sectionId}`, "sectionKey");
+var initialState = {
+  openSections: {},
+  activeCodeTab: {}
+};
+var useEndpointDocStore = zustand.create()(
+  middleware.persist(
+    (set) => ({
+      ...initialState,
+      toggleSection: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((endpointId, sectionId) => set((state) => {
+        const key = sectionKey(endpointId, sectionId);
+        const current = state.openSections[key];
+        return {
+          openSections: {
+            ...state.openSections,
+            // If there's no explicit override yet, the user's
+            // first click means "flip from the default". We
+            // assume the default was ``true`` for the most
+            // common case (bodies/responses) and ``false``
+            // otherwise; the Section component tracks this
+            // via its ``defaultOpen`` prop and never calls
+            // toggle on sections whose defaults match the
+            // next state.
+            [key]: current === void 0 ? false : !current
+          }
+        };
+      }), "toggleSection"),
+      setSectionOpen: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((endpointId, sectionId, open) => set((state) => ({
+        openSections: {
+          ...state.openSections,
+          [sectionKey(endpointId, sectionId)]: open
+        }
+      })), "setSectionOpen"),
+      setCodeTab: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((endpointId, tab) => set((state) => ({
+        activeCodeTab: {
+          ...state.activeCodeTab,
+          [endpointId]: tab
+        }
+      })), "setCodeTab"),
+      expandAll: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((endpointId, sectionIds) => set((state) => {
+        const next = { ...state.openSections };
+        for (const sid of sectionIds) {
+          next[sectionKey(endpointId, sid)] = true;
+        }
+        return { openSections: next };
+      }), "expandAll"),
+      collapseAll: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((endpointId, sectionIds) => set((state) => {
+        const next = { ...state.openSections };
+        for (const sid of sectionIds) {
+          next[sectionKey(endpointId, sid)] = false;
+        }
+        return { openSections: next };
+      }), "collapseAll")
+    }),
+    {
+      name: "openapi-viewer:endpoint-doc",
+      storage: middleware.createJSONStorage(() => {
+        if (typeof window === "undefined") {
+          return {
+            getItem: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => null, "getItem"),
+            setItem: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+            }, "setItem"),
+            removeItem: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
+            }, "removeItem")
+          };
+        }
+        return window.sessionStorage;
+      }),
+      // Only persist user overrides, not the functions. Zustand
+      // serialises everything by default and logs a warning on
+      // non-serialisable values; partialize keeps the payload lean.
+      partialize: /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((state) => ({
+        openSections: state.openSections,
+        activeCodeTab: state.activeCodeTab
+      }), "partialize")
+    }
+  )
+);
+
+// src/tools/OpenapiViewer/components/DocsLayout/EndpointDoc/store/selectors.ts
+function useIsSectionOpen(endpointId, sectionId, defaultOpen) {
+  return useEndpointDocStore((s) => {
+    const explicit = s.openSections[sectionKey(endpointId, sectionId)];
+    return explicit === void 0 ? defaultOpen : explicit;
+  });
+}
+chunkWGEGR3DF_cjs.__name(useIsSectionOpen, "useIsSectionOpen");
+function useActiveCodeTab(endpointId, fallback = "curl") {
+  return useEndpointDocStore((s) => s.activeCodeTab[endpointId] ?? fallback);
+}
+chunkWGEGR3DF_cjs.__name(useActiveCodeTab, "useActiveCodeTab");
+function LanguageTabs({ activeId, onChange }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 overflow-x-auto -mx-1 px-1", children: chunk5Q4UMSWB_cjs.CODE_SAMPLE_TARGETS.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(t.id),
+      className: lib.cn(
+        "shrink-0 h-7 px-2.5 rounded text-xs font-medium transition-colors",
+        activeId === t.id ? "bg-muted text-foreground" : "text-muted-foreground/70 hover:text-foreground hover:bg-muted/50"
+      ),
+      children: t.label
+    },
+    t.id
+  )) });
+}
+chunkWGEGR3DF_cjs.__name(LanguageTabs, "LanguageTabs");
+function useCodeSnippet({
+  endpoint,
+  body,
+  parameters,
+  headers,
+  baseUrl,
+  activeId
+}) {
+  const effectiveBody = body ?? endpoint.requestBody?.example;
+  const har = React12.useMemo(() => {
+    const h = chunk5Q4UMSWB_cjs.buildHarRequest({
+      endpoint,
+      body: effectiveBody,
+      parameters,
+      headers,
+      baseUrl
+    });
+    return baseUrl ? h : { ...h, url: chunk5Q4UMSWB_cjs.resolveAbsolute(h.url) };
+  }, [endpoint, effectiveBody, parameters, headers, baseUrl]);
+  return React12.useMemo(() => {
+    const target = chunk5Q4UMSWB_cjs.CODE_SAMPLE_TARGETS.find((t) => t.id === activeId);
+    const code = chunk5Q4UMSWB_cjs.renderSnippet(har, activeId);
+    return {
+      snippet: code ?? `// Snippet for ${target.label} is unavailable for this request.`,
+      prism: target.prism
+    };
+  }, [har, activeId]);
+}
+chunkWGEGR3DF_cjs.__name(useCodeSnippet, "useCodeSnippet");
+function CodeSamples({ endpoint, body, parameters, headers, baseUrl }) {
+  const { endpointId } = useEndpointDocContext();
+  const activeId = useActiveCodeTab(endpointId);
+  const setCodeTab = useEndpointDocStore((s) => s.setCodeTab);
+  const { snippet, prism } = useCodeSnippet({
+    endpoint,
+    body,
+    parameters,
+    headers,
+    baseUrl,
+    activeId
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(LanguageTabs, { activeId, onChange: (id) => setCodeTab(endpointId, id) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunk5Q4UMSWB_cjs.PrettyCode_default,
+      {
+        data: snippet,
+        language: prism,
+        isCompact: true,
+        maxLines: 20
+      }
+    )
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(CodeSamples, "CodeSamples");
+function IconButton({ label, onClick, children, active }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(components.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(components.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick,
+        "aria-label": label,
+        className: lib.cn(
+          "shrink-0 h-6 w-6 inline-flex items-center justify-center rounded",
+          "text-muted-foreground/60 hover:text-foreground hover:bg-muted transition-colors",
+          active && "text-emerald-500 hover:text-emerald-500"
+        ),
+        children
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(components.TooltipContent, { side: "bottom", className: "text-[11px]", children: label })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(IconButton, "IconButton");
+function MetaActions({ anchor, endpointMarkdown, presentSections }) {
+  const { endpointId } = useEndpointDocContext();
+  const expandAll = useEndpointDocStore((s) => s.expandAll);
+  const collapseAll = useEndpointDocStore((s) => s.collapseAll);
+  const openSections = useEndpointDocStore((s) => s.openSections);
+  const [justCopied, setJustCopied] = React12.useState(null);
+  const flash = React12.useCallback((which) => {
+    setJustCopied(which);
+    setTimeout(() => setJustCopied(null), 1200);
+  }, []);
+  const mostlyOpen = React12.useMemo(() => {
+    if (presentSections.length === 0) return false;
+    let openCount = 0;
+    for (const sid of presentSections) {
+      if (openSections[sectionKey(endpointId, sid)]) openCount += 1;
+    }
+    return openCount > presentSections.length / 2;
+  }, [openSections, presentSections, endpointId]);
+  const copyLink = React12.useCallback(() => {
+    if (typeof window === "undefined") return;
+    const url = `${window.location.origin}${window.location.pathname}#${anchor}`;
+    void navigator.clipboard?.writeText(url).then(() => flash("link"));
+  }, [anchor, flash]);
+  const copyMarkdown = React12.useCallback(() => {
+    if (typeof window === "undefined") return;
+    void navigator.clipboard?.writeText(endpointMarkdown).then(() => flash("md"));
+  }, [endpointMarkdown, flash]);
+  const toggleAll = React12.useCallback(() => {
+    if (mostlyOpen) collapseAll(endpointId, presentSections);
+    else expandAll(endpointId, presentSections);
+  }, [mostlyOpen, collapseAll, expandAll, endpointId, presentSections]);
+  return /* @__PURE__ */ jsxRuntime.jsx(components.SafeTooltipProvider, { delayDuration: 200, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-0.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton,
+      {
+        label: justCopied === "link" ? "Copied!" : "Copy link to endpoint",
+        onClick: copyLink,
+        active: justCopied === "link",
+        children: justCopied === "link" ? /* @__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(
+      IconButton,
+      {
+        label: justCopied === "md" ? "Copied!" : "Copy as Markdown (for AI)",
+        onClick: copyMarkdown,
+        active: justCopied === "md",
+        children: justCopied === "md" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileCode2, { className: "h-3.5 w-3.5" })
+      }
+    ),
+    presentSections.length >= 2 && /* @__PURE__ */ jsxRuntime.jsx(
+      IconButton,
+      {
+        label: mostlyOpen ? "Collapse all sections" : "Expand all sections",
+        onClick: toggleAll,
+        children: mostlyOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsDownUp, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { className: "h-3.5 w-3.5" })
+      }
+    )
+  ] }) });
+}
+chunkWGEGR3DF_cjs.__name(MetaActions, "MetaActions");
+function PathDisplay({ path }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "code",
+    {
+      className: "block font-mono text-lg md:text-xl font-semibold text-foreground leading-tight",
+      style: { overflowWrap: "anywhere", wordBreak: "break-word" },
+      children: chunk5Q4UMSWB_cjs.relativePath(path)
+    }
+  );
+}
+chunkWGEGR3DF_cjs.__name(PathDisplay, "PathDisplay");
+function EndpointHeader({
+  endpoint,
+  anchor,
+  isLoadedInPlayground,
+  onTryIt,
+  presentSections
+}) {
+  const endpointMd = React12.useMemo(() => chunk5Q4UMSWB_cjs.endpointToMarkdown(endpoint), [endpoint]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("header", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 min-w-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(MethodBadge, { method: endpoint.method }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          MetaActions,
+          {
+            anchor,
+            endpointMarkdown: endpointMd,
+            presentSections
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        components.Button,
+        {
+          size: "sm",
+          variant: isLoadedInPlayground ? "secondary" : "default",
+          onClick: onTryIt,
+          className: "ml-auto h-7 text-xs gap-1.5 px-2.5",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { className: "h-3 w-3" }),
+            isLoadedInPlayground ? "Loaded" : "Try it"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0", children: /* @__PURE__ */ jsxRuntime.jsx(PathDisplay, { path: endpoint.path }) }),
+    endpoint.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground text-sm", children: /* @__PURE__ */ jsxRuntime.jsx(chunk5Q4UMSWB_cjs.MarkdownMessage, { content: endpoint.description }) })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(EndpointHeader, "EndpointHeader");
+function ParamRow({ param }) {
+  return /* @__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: param.name }),
+      param.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: param.type })
+    ] }),
+    param.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground leading-relaxed break-words", children: param.description })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(ParamRow, "ParamRow");
+function ParamGroup({ label, params }) {
+  if (params.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-[10px] font-semibold uppercase tracking-[0.1em] text-muted-foreground/60 px-1", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y border rounded-md overflow-hidden", children: params.map((p) => /* @__PURE__ */ jsxRuntime.jsx(ParamRow, { param: p }, `${label}-${p.name}`)) })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(ParamGroup, "ParamGroup");
+function Parameters({ pathParams, queryParams }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ParamGroup, { label: "Path", params: pathParams }),
+    /* @__PURE__ */ jsxRuntime.jsx(ParamGroup, { label: "Query", params: queryParams })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(Parameters, "Parameters");
+
+// src/tools/OpenapiViewer/components/DocsLayout/EndpointDoc/SchemaFields/buildTree.ts
+var MAX_DEPTH = 5;
+function mergeAllOf(branches) {
+  const properties = {};
+  const required = [];
+  for (const b of branches) {
+    if (b.properties) Object.assign(properties, b.properties);
+    if (Array.isArray(b.required)) required.push(...b.required);
+  }
+  return { type: "object", properties, required };
+}
+chunkWGEGR3DF_cjs.__name(mergeAllOf, "mergeAllOf");
+function describeType(node) {
+  if (node.type === "array") {
+    const itemLabel = node.items ? describeType(node.items).label : "any";
+    return { label: `array<${itemLabel}>`, kind: "array" };
+  }
+  if (node.type === "object" || node.properties) {
+    return { label: "object", kind: "object" };
+  }
+  const base = node.type || "any";
+  if (Array.isArray(node.enum) && node.enum.length > 0) {
+    return { label: `${base} enum`, kind: "primitive" };
+  }
+  if (node.format) {
+    return { label: `${base} (${node.format})`, kind: "primitive" };
+  }
+  return { label: base, kind: "primitive" };
+}
+chunkWGEGR3DF_cjs.__name(describeType, "describeType");
+function resolveCombinators(node) {
+  if (Array.isArray(node.allOf) && node.allOf.length > 0) {
+    return { ...mergeAllOf(node.allOf), description: node.description };
+  }
+  if (Array.isArray(node.oneOf) && node.oneOf.length > 0) {
+    return { ...node.oneOf[0], description: node.description ?? node.oneOf[0].description };
+  }
+  if (Array.isArray(node.anyOf) && node.anyOf.length > 0) {
+    return { ...node.anyOf[0], description: node.description ?? node.anyOf[0].description };
+  }
+  return node;
+}
+chunkWGEGR3DF_cjs.__name(resolveCombinators, "resolveCombinators");
+function buildNode(name, schema, isRequired, depth) {
+  const resolved = resolveCombinators(schema);
+  const { label, kind } = describeType(resolved);
+  const node = {
+    name,
+    type: label,
+    kind,
+    required: isRequired,
+    description: resolved.description
+  };
+  if (Array.isArray(resolved.enum) && resolved.enum.length > 0) {
+    node.enumValues = resolved.enum.map((v) => String(v));
+  }
+  if (depth >= MAX_DEPTH) return node;
+  if (kind === "object" && resolved.properties) {
+    const required = new Set(resolved.required ?? []);
+    node.children = Object.entries(resolved.properties).map(
+      ([key, child]) => buildNode(key, child, required.has(key), depth + 1)
+    );
+  } else if (kind === "array" && resolved.items) {
+    node.children = [buildNode("[]", resolved.items, false, depth + 1)];
+  }
+  return node;
+}
+chunkWGEGR3DF_cjs.__name(buildNode, "buildNode");
+function buildSchemaTree(schema) {
+  if (!schema) return [];
+  const root = buildNode("", schema, false, 0);
+  if (root.children && root.children.length > 0) return root.children;
+  if (root.kind === "primitive" || !root.children && root.name === "") {
+    return [{ ...root, name: root.name || "(body)" }];
+  }
+  return [];
+}
+chunkWGEGR3DF_cjs.__name(buildSchemaTree, "buildSchemaTree");
+function FieldRow({ field, depth, showTreeLine = true }) {
+  const isExpandable = (field.kind === "object" || field.kind === "array") && Array.isArray(field.children) && field.children.length > 0;
+  const [open, setOpen] = React12.useState(depth < 2);
+  const padLeft = showTreeLine ? depth * 14 : 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-background", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: lib.cn(
+          "grid grid-cols-[16px_minmax(0,1fr)] items-baseline gap-2 px-3 py-2",
+          isExpandable && "cursor-pointer hover:bg-muted/30"
+        ),
+        style: { paddingLeft: 12 + padLeft },
+        onClick: () => isExpandable && setOpen((v) => !v),
+        role: isExpandable ? "button" : void 0,
+        "aria-expanded": isExpandable ? open : void 0,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronRight,
+            {
+              className: lib.cn(
+                "h-3.5 w-3.5 text-muted-foreground/50 shrink-0 transition-transform",
+                !isExpandable && "opacity-0",
+                open && "rotate-90"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 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: field.name }),
+              field.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: field.type })
+            ] }),
+            field.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground leading-relaxed break-words", children: field.description }),
+            field.enumValues && field.enumValues.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 pt-0.5", children: field.enumValues.map((v) => /* @__PURE__ */ jsxRuntime.jsx(
+              "code",
+              {
+                className: "inline-flex items-center rounded border border-border/60 bg-muted/40 px-1.5 py-px font-mono text-[10px] text-muted-foreground",
+                children: v
+              },
+              v
+            )) })
+          ] })
+        ]
+      }
+    ),
+    isExpandable && open && /* @__PURE__ */ jsxRuntime.jsx("div", { children: field.children.map((child, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      FieldRow,
+      {
+        field: child,
+        depth: depth + 1
+      },
+      `${child.name}-${i}`
+    )) })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(FieldRow, "FieldRow");
+function SchemaFields({ schema }) {
+  const tree = React12.useMemo(() => buildSchemaTree(schema), [schema]);
+  if (tree.length === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y border rounded-md overflow-hidden", children: tree.map((node, i) => /* @__PURE__ */ jsxRuntime.jsx(FieldRow, { field: node, depth: 0 }, `${node.name}-${i}`)) });
+}
+chunkWGEGR3DF_cjs.__name(SchemaFields, "SchemaFields");
+function RequestBody({ body }) {
+  const typeLabel = body.schema ? body.type === "array" ? `array<${body.schema.items?.type ?? "object"}>` : body.type : body.type;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", 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 })
+    ] }),
+    body.schema && /* @__PURE__ */ jsxRuntime.jsx(SchemaFields, { schema: body.schema })
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(RequestBody, "RequestBody");
+var EXAMPLE_JSON_TREE_CONFIG = {
+  maxAutoExpandDepth: 2,
+  maxAutoExpandArrayItems: 5,
+  maxAutoExpandObjectKeys: 8,
+  maxStringLength: 160,
+  collectionLimit: 25,
+  showCollectionInfo: true,
+  showExpandControls: false,
+  showActionButtons: false,
+  preserveKeyOrder: true,
+  className: "border-0 rounded-none"
+};
+function ResponseBody({ example, contentType }) {
+  const parsed = React12.useMemo(() => {
+    try {
+      return JSON.parse(example);
+    } catch {
+      return null;
+    }
+  }, [example]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t bg-muted/20", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-3 py-1.5 border-b border-border/50", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("code", { className: "font-mono text-[10px] uppercase tracking-wider text-muted-foreground/70", children: contentType ?? "application/json" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        components.CopyButton,
+        {
+          value: example,
+          variant: "ghost",
+          size: "sm",
+          className: "h-6 px-2 text-[10px] text-muted-foreground",
+          children: "Copy"
+        }
+      )
+    ] }),
+    parsed != null ? /* @__PURE__ */ jsxRuntime.jsx(
+      chunk33AMWFBZ_cjs.JsonTree_default,
+      {
+        title: "",
+        data: parsed,
+        mode: "compact",
+        config: EXAMPLE_JSON_TREE_CONFIG
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-3 text-[11px] font-mono text-foreground/70 whitespace-pre-wrap break-all leading-relaxed", children: example })
   ] });
 }
-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`;
+chunkWGEGR3DF_cjs.__name(ResponseBody, "ResponseBody");
+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");
+function ResponseRow({ response }) {
+  const hasExample = Boolean(response.example);
+  const numeric = Number.parseInt(response.code, 10);
+  const isSuccess = Number.isFinite(numeric) && numeric >= 200 && numeric < 300;
+  const [open, setOpen] = React12.useState(hasExample && isSuccess);
+  if (!hasExample) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-3 py-2 bg-background", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 shrink-0 flex justify-start", children: /* @__PURE__ */ jsxRuntime.jsx(StatusTag, { code: response.code }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground leading-relaxed break-words min-w-0", children: response.description })
+    ] });
   }
-  if (node.format) return `${base} (${node.format})`;
-  return base;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-background", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((v) => !v),
+        className: "w-full flex items-center gap-3 px-3 py-2 text-left hover:bg-muted/40 cursor-pointer transition-colors",
+        "aria-expanded": open,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronRight,
+            {
+              className: lib.cn(
+                "h-3.5 w-3.5 text-muted-foreground/60 transition-transform shrink-0",
+                open && "rotate-90"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 shrink-0 flex justify-start", children: /* @__PURE__ */ jsxRuntime.jsx(StatusTag, { code: response.code }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground leading-relaxed break-words min-w-0 flex-1", children: response.description })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx(
+      ResponseBody,
+      {
+        example: response.example,
+        contentType: response.contentType
+      }
+    )
+  ] });
 }
-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 }];
+chunkWGEGR3DF_cjs.__name(ResponseRow, "ResponseRow");
+function Responses({ responses }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y border rounded-md overflow-hidden", children: responses.map((r) => /* @__PURE__ */ jsxRuntime.jsx(ResponseRow, { response: r }, r.code)) });
+}
+chunkWGEGR3DF_cjs.__name(Responses, "Responses");
+
+// src/tools/OpenapiViewer/components/DocsLayout/EndpointDoc/Section/defaults.ts
+var DEFAULTS_BY_METHOD = {
+  GET: { parameters: true, responses: true },
+  DELETE: { parameters: true, responses: true },
+  POST: { requestBody: true, responses: true },
+  PUT: { requestBody: true, responses: true },
+  PATCH: { requestBody: true, responses: true }
+};
+function defaultSectionOpen(method, sectionId) {
+  return DEFAULTS_BY_METHOD[method.toUpperCase()]?.[sectionId] ?? false;
+}
+chunkWGEGR3DF_cjs.__name(defaultSectionOpen, "defaultSectionOpen");
+
+// src/tools/OpenapiViewer/components/DocsLayout/EndpointDoc/types.ts
+var ALL_SECTION_IDS = [
+  "parameters",
+  "requestBody",
+  "responses",
+  "codeSamples"
+];
+
+// src/tools/OpenapiViewer/components/DocsLayout/EndpointDoc/hooks/useSectionHash.ts
+function parseSectionHash(hash) {
+  const raw = hash.startsWith("#") ? hash.slice(1) : hash;
+  if (!raw.startsWith("section=")) return null;
+  const value = raw.slice("section=".length);
+  const dot = value.lastIndexOf(".");
+  if (dot <= 0 || dot === value.length - 1) return null;
+  const endpointId = value.slice(0, dot);
+  const sectionIdCandidate = value.slice(dot + 1);
+  if (!ALL_SECTION_IDS.includes(sectionIdCandidate)) return null;
+  return { endpointId, sectionId: sectionIdCandidate };
+}
+chunkWGEGR3DF_cjs.__name(parseSectionHash, "parseSectionHash");
+function buildSectionHash(endpointId, sectionId) {
+  return `section=${endpointId}.${sectionId}`;
+}
+chunkWGEGR3DF_cjs.__name(buildSectionHash, "buildSectionHash");
+function useSectionHashRouter() {
+  const setSectionOpen = useEndpointDocStore((s) => s.setSectionOpen);
+  React12.useEffect(() => {
+    if (typeof window === "undefined") return;
+    function apply() {
+      const parsed = parseSectionHash(window.location.hash);
+      if (!parsed) return;
+      setSectionOpen(parsed.endpointId, parsed.sectionId, true);
+      requestAnimationFrame(() => {
+        const el = document.getElementById(parsed.endpointId);
+        el?.scrollIntoView({ behavior: "smooth", block: "start" });
+      });
     }
-    const inner = schemaToFields(schema.items, prefix ? `${prefix}[]` : "[]", depth);
-    if (inner.length === 0) {
-      return [
-        {
-          name: prefix || "[]",
-          type: describeType(schema),
-          required: false,
-          description: schema.description
+    chunkWGEGR3DF_cjs.__name(apply, "apply");
+    apply();
+    window.addEventListener("hashchange", apply);
+    return () => window.removeEventListener("hashchange", apply);
+  }, [setSectionOpen]);
+}
+chunkWGEGR3DF_cjs.__name(useSectionHashRouter, "useSectionHashRouter");
+function SectionHeader({ sectionId, title, badge, open, onToggle }) {
+  const { endpointId } = useEndpointDocContext();
+  const [copied, setCopied] = React12.useState(false);
+  const copyHash = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((e) => {
+    e.stopPropagation();
+    if (typeof window === "undefined") return;
+    const hash = buildSectionHash(endpointId, sectionId);
+    const url = `${window.location.origin}${window.location.pathname}#${hash}`;
+    void navigator.clipboard?.writeText(url).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 1200);
+    });
+  }, "copyHash");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: lib.cn(
+        "group/section w-full flex items-center gap-2 py-1.5 -ml-1 px-1 rounded cursor-pointer",
+        "hover:bg-muted/30 transition-colors"
+      ),
+      onClick: onToggle,
+      role: "button",
+      "aria-expanded": open,
+      tabIndex: 0,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          onToggle();
         }
-      ];
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          lucideReact.ChevronDown,
+          {
+            className: lib.cn(
+              "h-3.5 w-3.5 text-muted-foreground/50 transition-transform shrink-0",
+              !open && "-rotate-90"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-[10px] font-semibold uppercase tracking-[0.12em] text-muted-foreground/80", children: title }),
+        typeof badge === "number" && badge > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-[10px] text-muted-foreground/50 tabular-nums", children: badge }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: copyHash,
+            title: "Copy link to this section",
+            className: lib.cn(
+              "ml-auto shrink-0 p-1 rounded text-muted-foreground/40 hover:text-foreground hover:bg-muted transition-all",
+              "opacity-0 group-hover/section:opacity-100 focus-visible:opacity-100",
+              copied && "opacity-100 text-emerald-500"
+            ),
+            children: copied ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Link2, { className: "h-3 w-3" })
+          }
+        )
+      ]
     }
-    return inner;
-  }
-  if (schema.type !== "object" && !schema.properties) {
-    return [
+  );
+}
+chunkWGEGR3DF_cjs.__name(SectionHeader, "SectionHeader");
+function Section({ id, title, badge, children }) {
+  const { endpointId, method } = useEndpointDocContext();
+  const defaultOpen = defaultSectionOpen(method, id);
+  const open = useIsSectionOpen(endpointId, id, defaultOpen);
+  const toggleSection = useEndpointDocStore((s) => s.toggleSection);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SectionHeader,
       {
-        name: prefix || "(body)",
-        type: describeType(schema),
-        required: false,
-        description: schema.description
+        sectionId: id,
+        title,
+        badge,
+        open,
+        onToggle: () => toggleSection(endpointId, id)
       }
-    ];
-  }
-  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;
+    ),
+    open && /* @__PURE__ */ jsxRuntime.jsx("div", { children })
+  ] });
 }
-chunkWGEGR3DF_cjs.__name(schemaToFields, "schemaToFields");
+chunkWGEGR3DF_cjs.__name(Section, "Section");
 function EndpointDoc({ endpoint, isLoadedInPlayground, onTryIt, schemaId }) {
   const scopedSchemaId = schemaId ?? endpoint.schemaId ?? null;
   const anchor = endpointAnchor(endpoint, scopedSchemaId);
   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(
+  const hasParameters = pathParams.length > 0 || queryParams.length > 0;
+  const hasResponses = (endpoint.responses?.length ?? 0) > 0;
+  const presentSections = [];
+  if (hasParameters) presentSections.push("parameters");
+  if (endpoint.requestBody) presentSections.push("requestBody");
+  presentSections.push("codeSamples");
+  if (hasResponses) presentSections.push("responses");
+  return /* @__PURE__ */ jsxRuntime.jsx(EndpointDocProvider, { endpointId: anchor, method: endpoint.method, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "section",
     {
       id: anchor,
@@ -1211,164 +1952,43 @@ function EndpointDoc({ endpoint, isLoadedInPlayground, onTryIt, schemaId }) {
       "data-schema-id": scopedSchemaId ?? "",
       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,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EndpointHeader,
+          {
+            endpoint,
+            anchor,
+            isLoadedInPlayground,
+            onTryIt,
+            presentSections
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 space-y-5", children: [
+          hasParameters && /* @__PURE__ */ jsxRuntime.jsx(
+            Section,
             {
-              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"
-              ]
+              id: "parameters",
+              title: "Parameters",
+              badge: pathParams.length + queryParams.length,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Parameters, { pathParams, queryParams })
             }
-          )
-        ] }),
-        (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",
+          ),
+          endpoint.requestBody && /* @__PURE__ */ jsxRuntime.jsx(Section, { id: "requestBody", title: "Request body", children: /* @__PURE__ */ jsxRuntime.jsx(RequestBody, { body: endpoint.requestBody }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Section, { id: "codeSamples", title: "Code samples", children: /* @__PURE__ */ jsxRuntime.jsx(CodeSamples, { endpoint }) }),
+          hasResponses && /* @__PURE__ */ jsxRuntime.jsx(
+            Section,
             {
-              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
-          )) }) })
+              id: "responses",
+              title: "Responses",
+              badge: endpoint.responses.length,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Responses, { responses: endpoint.responses })
+            }
+          )
         ] })
       ]
     }
-  );
+  ) });
 }
 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 readNavbarOffset = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
   if (typeof document === "undefined") return 0;
   const raw = getComputedStyle(document.documentElement).getPropertyValue("--navbar-height");
@@ -1396,7 +2016,7 @@ function buildSchemaSectionVM(entry, selectedVersion, loadedEndpoint) {
   } else if (entry.error) {
     state = { kind: "error", message: entry.error };
   } else {
-    const visible = chunkIULI4XII_cjs.deduplicateEndpoints(entry.endpoints, selectedVersion);
+    const visible = chunk5Q4UMSWB_cjs.deduplicateEndpoints(entry.endpoints, selectedVersion);
     state = visible.length === 0 ? { kind: "empty" } : {
       kind: "ready",
       rows: visible.map((ep) => buildEndpointRow(ep, loadedEndpoint, entry.source.id))
@@ -1414,17 +2034,18 @@ function buildSchemaSectionVM(entry, selectedVersion, loadedEndpoint) {
   };
 }
 chunkWGEGR3DF_cjs.__name(buildSchemaSectionVM, "buildSchemaSectionVM");
-var DocsView = React6__default.default.forwardRef(/* @__PURE__ */ chunkWGEGR3DF_cjs.__name(function DocsView2(props, ref) {
-  const scrollRef = React6.useRef(null);
-  const scrollTargetRef = React6.useRef(null);
+var DocsView = React12__default.default.forwardRef(/* @__PURE__ */ chunkWGEGR3DF_cjs.__name(function DocsView2(props, ref) {
+  const scrollRef = React12.useRef(null);
+  const scrollTargetRef = React12.useRef(null);
   const { onActiveChange } = props;
-  const ensureScrollTarget = React6.useCallback(() => {
+  useSectionHashRouter();
+  const ensureScrollTarget = React12.useCallback(() => {
     if (scrollTargetRef.current) return scrollTargetRef.current;
     if (!scrollRef.current) return null;
     scrollTargetRef.current = getScrollParent(scrollRef.current);
     return scrollTargetRef.current;
   }, []);
-  const scrollToAnchor = React6.useCallback(
+  const scrollToAnchor = React12.useCallback(
     (anchor) => {
       const root = scrollRef.current;
       if (!root) return;
@@ -1438,8 +2059,8 @@ var DocsView = React6__default.default.forwardRef(/* @__PURE__ */ chunkWGEGR3DF_
     },
     [ensureScrollTarget]
   );
-  React6__default.default.useImperativeHandle(ref, () => ({ scrollToAnchor }), [scrollToAnchor]);
-  React6.useEffect(() => {
+  React12__default.default.useImperativeHandle(ref, () => ({ scrollToAnchor }), [scrollToAnchor]);
+  React12.useEffect(() => {
     const root = scrollRef.current;
     if (!root) return;
     const target = ensureScrollTarget();
@@ -1496,11 +2117,11 @@ function SelectorBody({
   loadedEndpoint,
   onTryEndpoint
 }) {
-  const visibleEndpoints = React6.useMemo(
-    () => chunkIULI4XII_cjs.deduplicateEndpoints(endpoints, selectedVersion),
+  const visibleEndpoints = React12.useMemo(
+    () => chunk5Q4UMSWB_cjs.deduplicateEndpoints(endpoints, selectedVersion),
     [endpoints, selectedVersion]
   );
-  const rows = React6.useMemo(
+  const rows = React12.useMemo(
     () => visibleEndpoints.map((ep) => buildEndpointRow(ep, loadedEndpoint, ep.schemaId ?? null)),
     [visibleEndpoints, loadedEndpoint]
   );
@@ -1535,14 +2156,14 @@ function SectionsBody({
   loadedEndpoint,
   onTryEndpoint
 }) {
-  const sections = React6.useMemo(
+  const sections = React12.useMemo(
     () => schemasData.map((e) => buildSchemaSectionVM(e, selectedVersion, loadedEndpoint)),
     [schemasData, selectedVersion, loadedEndpoint]
   );
   return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollRef, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto w-full max-w-[860px] px-6 md:px-10 lg:px-14 py-12 space-y-16", children: sections.map((section) => /* @__PURE__ */ jsxRuntime.jsx(SchemaSectionView, { section, onTryEndpoint }, section.schemaId)) }) });
 }
 chunkWGEGR3DF_cjs.__name(SectionsBody, "SectionsBody");
-var SchemaSectionView = React6__default.default.memo(/* @__PURE__ */ chunkWGEGR3DF_cjs.__name(function SchemaSectionView2({
+var SchemaSectionView = React12__default.default.memo(/* @__PURE__ */ chunkWGEGR3DF_cjs.__name(function SchemaSectionView2({
   section,
   onTryEndpoint
 }) {
@@ -1797,8 +2418,8 @@ function RawJsonField({
   value,
   onChange
 }) {
-  const [text, setText] = React6__default.default.useState(() => JSON.stringify(value ?? null, null, 2));
-  React6__default.default.useEffect(() => {
+  const [text, setText] = React12__default.default.useState(() => JSON.stringify(value ?? null, null, 2));
+  React12__default.default.useEffect(() => {
     setText(JSON.stringify(value ?? null, null, 2));
   }, [value]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
@@ -1834,7 +2455,7 @@ function ObjectField({
   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(
+  const setKey = React12.useCallback(
     (key) => (next) => {
       onChange({ ...obj, [key]: next });
     },
@@ -1925,11 +2546,11 @@ function ArrayField({
 }
 chunkWGEGR3DF_cjs.__name(ArrayField, "ArrayField");
 function EndpointResetButton() {
-  const { state, setParameters, setRequestBody } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const { state, setParameters, setRequestBody } = chunk5Q4UMSWB_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(() => {
+  const onClick = React12.useCallback(() => {
     setParameters({});
     setRequestBody("");
     reset();
@@ -1954,7 +2575,7 @@ function EndpointResetButton() {
 }
 chunkWGEGR3DF_cjs.__name(EndpointResetButton, "EndpointResetButton");
 function ParamFields({ label, params }) {
-  const { state, setParameters } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const { state, setParameters } = chunk5Q4UMSWB_cjs.usePlaygroundContext();
   function handleChange(name, value) {
     setParameters({ ...state.parameters, [name]: value });
   }
@@ -1994,8 +2615,8 @@ function RequestPanel() {
     setSelectedApiKey,
     setManualApiToken,
     sendRequest
-  } = chunkIULI4XII_cjs.usePlaygroundContext();
-  const apiKeyOptions = React6.useMemo(
+  } = chunk5Q4UMSWB_cjs.usePlaygroundContext();
+  const apiKeyOptions = React12.useMemo(
     () => apiKeys.map((k) => ({
       value: k.id,
       label: k.name || "Unnamed key",
@@ -2007,12 +2628,12 @@ function RequestPanel() {
   );
   const hasApiKeys = apiKeyOptions.length > 0;
   const ep = state.selectedEndpoint;
-  const isJsonValid = state.requestBody ? chunkIULI4XII_cjs.isValidJson(state.requestBody) : true;
-  const curlCommand = React6.useMemo(() => {
+  const isJsonValid = state.requestBody ? chunk5Q4UMSWB_cjs.isValidJson(state.requestBody) : true;
+  const curlCommand = React12.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);
+    const absoluteUrl = chunk5Q4UMSWB_cjs.resolveAbsolute(state.requestUrl);
+    const apiKey = state.selectedApiKey ? chunk5Q4UMSWB_cjs.findApiKeyById(apiKeys, state.selectedApiKey) : null;
+    const hdrs = chunk5Q4UMSWB_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]) => {
@@ -2025,22 +2646,22 @@ function RequestPanel() {
     }
     return cmd;
   }, [state, apiKeys, isJsonValid]);
-  const pathParams = React6.useMemo(
+  const pathParams = React12.useMemo(
     () => ep?.parameters?.filter((p) => ep.path.includes(`{${p.name}}`)) ?? [],
     [ep]
   );
-  const queryParams = React6.useMemo(
+  const queryParams = React12.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 displayUrl = chunk5Q4UMSWB_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 epPath = ep ? chunk5Q4UMSWB_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" });
@@ -2130,7 +2751,7 @@ function RequestPanel() {
             "cURL"
           ] }),
           children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-            chunkIULI4XII_cjs.PrettyCode_default,
+            chunk5Q4UMSWB_cjs.PrettyCode_default,
             {
               data: curlCommand,
               language: "bash",
@@ -2147,8 +2768,8 @@ function RequestPanel() {
 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(() => {
+  const [mode, setMode] = React12__default.default.useState(hasSchema ? "form" : "json");
+  const parsed = React12__default.default.useMemo(() => {
     if (!value) return null;
     try {
       return JSON.parse(value);
@@ -2156,7 +2777,7 @@ function BodySection({ schema, bodyType, bodyDescription, value, onChange, isJso
       return null;
     }
   }, [value]);
-  const handleFormChange = React6.useCallback(
+  const handleFormChange = React12.useCallback(
     (next) => {
       onChange(JSON.stringify(next, null, 2));
     },
@@ -2236,6 +2857,65 @@ function ModeButton({
   );
 }
 chunkWGEGR3DF_cjs.__name(ModeButton, "ModeButton");
+function looksLikeSpaShell(html) {
+  const bodyMatch = html.match(/<body[^>]*>([\s\S]*?)<\/body>/i);
+  const bodyContent = (bodyMatch?.[1] ?? html).replace(/<script[\s\S]*?<\/script>/gi, "").replace(/<!--[\s\S]*?-->/g, "").trim();
+  if (bodyContent.length === 0) return true;
+  const singleEmptyContainer = /^<(div|main|section)[^>]*>\s*<\/\1>$/i;
+  if (singleEmptyContainer.test(bodyContent)) return true;
+  return false;
+}
+chunkWGEGR3DF_cjs.__name(looksLikeSpaShell, "looksLikeSpaShell");
+function PreviewView({ html }) {
+  const isSpaShell = React12.useMemo(() => looksLikeSpaShell(html), [html]);
+  if (!html) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-10 text-center text-xs text-muted-foreground", children: "Empty response body" });
+  }
+  if (isSpaShell) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-16 px-6 text-center gap-3 min-h-[400px]", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center justify-center h-10 w-10 rounded-full bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "h-5 w-5 text-muted-foreground" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-sm space-y-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: "Looks like a single-page app shell" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground leading-relaxed", children: [
+          "This page renders its content with JavaScript at runtime. Scripts are disabled in the sandbox, so Preview would show a blank page. Switch to ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Pretty" }),
+          " or",
+          " ",
+          /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Raw" }),
+          " to inspect the HTML source."
+        ] })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-full min-h-[400px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0 flex items-center gap-1.5 px-3 py-1.5 bg-muted/30 border-b text-[10px] text-muted-foreground/70", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ShieldCheck, { className: "h-3 w-3" }),
+      "Sandboxed preview \u2014 scripts, forms and popups are disabled"
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "flex-1 min-h-[360px] p-2",
+        style: {
+          backgroundColor: "#fff",
+          backgroundImage: "linear-gradient(45deg, #f3f4f6 25%, transparent 25%), linear-gradient(-45deg, #f3f4f6 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f3f4f6 75%), linear-gradient(-45deg, transparent 75%, #f3f4f6 75%)",
+          backgroundSize: "16px 16px",
+          backgroundPosition: "0 0, 0 8px, 8px -8px, -8px 0px"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "iframe",
+          {
+            title: "Response preview",
+            srcDoc: html,
+            sandbox: "",
+            className: "w-full h-full min-h-[360px] bg-white border-0 rounded shadow-sm"
+          }
+        )
+      }
+    )
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(PreviewView, "PreviewView");
 var JSON_TREE_CONFIG = {
   maxAutoExpandDepth: 2,
   maxAutoExpandArrayItems: 10,
@@ -2248,26 +2928,198 @@ var JSON_TREE_CONFIG = {
   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") {
+function PrettyView({ treeData, rawText, detected }) {
+  if (detected.kind === "json" && treeData != null) {
+    return /* @__PURE__ */ jsxRuntime.jsx(chunk33AMWFBZ_cjs.JsonTree_default, { title: "Response Body", data: treeData, config: JSON_TREE_CONFIG });
+  }
+  if (!rawText) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-10 text-center text-xs text-muted-foreground", children: "Empty response body" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5Q4UMSWB_cjs.PrettyCode_default,
+    {
+      data: rawText,
+      language: detected.prism,
+      variant: "plain",
+      isCompact: true
+    }
+  );
+}
+chunkWGEGR3DF_cjs.__name(PrettyView, "PrettyView");
+function RawView({ rawText }) {
+  if (!rawText) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-10 text-center text-xs text-muted-foreground", children: "Empty response body" });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "p-4 text-[11px] font-mono text-foreground/70 whitespace-pre-wrap break-all leading-relaxed", children: rawText });
+}
+chunkWGEGR3DF_cjs.__name(RawView, "RawView");
+function StatusBar({ response, rawText, contentType }) {
+  const sizeKb = rawText ? `${(rawText.length / 1024).toFixed(1)} KB` : "";
+  const duration = response.duration != null ? `${response.duration}ms` : "";
+  const hasStatus = response.status != null;
+  const hasCopy = Boolean(rawText);
+  return /* @__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 }),
+      contentType && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-muted-foreground/50 font-mono truncate", children: contentType })
+    ] }),
+    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"
+      }
+    )
+  ] });
+}
+chunkWGEGR3DF_cjs.__name(StatusBar, "StatusBar");
+
+// src/tools/OpenapiViewer/components/shared/ResponsePanel/detectContent.ts
+function normaliseContentType(raw) {
+  if (!raw) return null;
+  const semi = raw.indexOf(";");
+  return (semi === -1 ? raw : raw.slice(0, semi)).trim().toLowerCase();
+}
+chunkWGEGR3DF_cjs.__name(normaliseContentType, "normaliseContentType");
+function readContentType(headers) {
+  if (!headers) return null;
+  if (typeof headers.get === "function") {
+    return headers.get("content-type");
+  }
+  if (typeof headers === "object") {
+    for (const [k, v] of Object.entries(headers)) {
+      if (k.toLowerCase() === "content-type") {
+        return typeof v === "string" ? v : null;
+      }
+    }
+  }
+  return null;
+}
+chunkWGEGR3DF_cjs.__name(readContentType, "readContentType");
+function kindFromContentType(mime) {
+  if (!mime) return "text";
+  if (mime === "application/json" || mime.endsWith("+json")) return "json";
+  if (mime === "text/html" || mime === "application/xhtml+xml") return "html";
+  if (mime === "application/xml" || mime === "text/xml" || mime.endsWith("+xml")) return "xml";
+  if (mime === "text/css") return "css";
+  if (mime === "application/javascript" || mime === "text/javascript" || mime === "application/x-javascript") return "javascript";
+  return "text";
+}
+chunkWGEGR3DF_cjs.__name(kindFromContentType, "kindFromContentType");
+function kindFromBody(body) {
+  const trimmed = body.trimStart();
+  if (!trimmed) return null;
+  if (trimmed.startsWith("<!DOCTYPE") || /^<html[\s>]/i.test(trimmed)) return "html";
+  if (trimmed.startsWith("<?xml")) return "xml";
+  if (trimmed.startsWith("{") || trimmed.startsWith("[")) {
+    try {
+      JSON.parse(trimmed);
+      return "json";
+    } catch {
+    }
+  }
+  return null;
+}
+chunkWGEGR3DF_cjs.__name(kindFromBody, "kindFromBody");
+var PRISM_BY_KIND = {
+  json: "json",
+  // ``markup`` is Prism's HTML/XML grammar — there isn't a separate
+  // ``html`` language. XML piggy-backs on the same tokeniser.
+  html: "markup",
+  xml: "markup",
+  css: "css",
+  javascript: "javascript",
+  text: "markup"
+};
+function detectContent(headers, rawBody) {
+  const contentType = normaliseContentType(readContentType(headers));
+  const headerKind = kindFromContentType(contentType);
+  const kind = headerKind === "text" ? kindFromBody(rawBody) ?? "text" : headerKind;
+  return {
+    kind,
+    prism: PRISM_BY_KIND[kind],
+    contentType
+  };
+}
+chunkWGEGR3DF_cjs.__name(detectContent, "detectContent");
+
+// src/tools/OpenapiViewer/components/shared/ResponsePanel/useResponseView.ts
+function useResponseView(data, headers) {
+  return React12.useMemo(() => {
+    if (data == null) {
+      return {
+        treeData: null,
+        rawText: "",
+        detected: detectContent(headers, "")
+      };
+    }
+    if (typeof data === "string") {
       try {
-        return { treeData: JSON.parse(d), rawText: d };
+        return {
+          treeData: JSON.parse(data),
+          rawText: data,
+          detected: detectContent(headers, data)
+        };
       } catch {
-        return { treeData: null, rawText: d };
+        return {
+          treeData: null,
+          rawText: data,
+          detected: detectContent(headers, data)
+        };
       }
     }
-    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);
+    const stringified = (() => {
+      try {
+        return JSON.stringify(data, null, 2);
+      } catch {
+        return String(data);
+      }
+    })();
+    return {
+      treeData: data,
+      rawText: stringified,
+      detected: detectContent(headers, stringified)
+    };
+  }, [data, headers]);
+}
+chunkWGEGR3DF_cjs.__name(useResponseView, "useResponseView");
+var LABELS = {
+  pretty: "Pretty",
+  raw: "Raw",
+  preview: "Preview"
+};
+function ViewTabs({ active, onChange, showPreview }) {
+  const tabs = showPreview ? ["pretty", "raw", "preview"] : ["pretty", "raw"];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-b px-3 py-1.5 flex items-center gap-1", children: tabs.map((t) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => onChange(t),
+      className: lib.cn(
+        "h-6 px-2.5 rounded text-[11px] font-medium transition-colors",
+        active === t ? "bg-muted text-foreground" : "text-muted-foreground/70 hover:text-foreground hover:bg-muted/50"
+      ),
+      children: LABELS[t]
+    },
+    t
+  )) });
+}
+chunkWGEGR3DF_cjs.__name(ViewTabs, "ViewTabs");
+function ResponsePanel() {
+  const { state } = chunk5Q4UMSWB_cjs.usePlaygroundContext();
+  const { response, loading, selectedEndpoint } = state;
+  const { treeData, rawText, detected } = useResponseView(response?.data, response?.headers);
+  const showPreview = detected.kind === "html";
+  const [mode, setMode] = React12.useState(showPreview ? "preview" : "pretty");
+  React12.useEffect(() => {
+    setMode(showPreview ? "preview" : "pretty");
+  }, [selectedEndpoint, response, showPreview]);
   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" }),
@@ -2276,6 +3128,8 @@ function ResponsePanel() {
   }
   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' });
+  const hasError = Boolean(response.error);
+  const hasStatus = response.status != null;
   if (hasError && !hasStatus) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState,
@@ -2287,30 +3141,27 @@ function ResponsePanel() {
     );
   }
   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" })
-    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(StatusBar, { response, rawText, contentType: detected.contentType }),
     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" }) })
+    /* @__PURE__ */ jsxRuntime.jsx(ViewTabs, { active: mode, onChange: setMode, showPreview }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ScrollArea, { children: [
+      mode === "pretty" && /* @__PURE__ */ jsxRuntime.jsx(PrettyView, { treeData, rawText, detected }),
+      mode === "raw" && /* @__PURE__ */ jsxRuntime.jsx(RawView, { rawText }),
+      mode === "preview" && /* @__PURE__ */ jsxRuntime.jsx(PreviewView, { html: rawText })
+    ] })
   ] });
 }
 chunkWGEGR3DF_cjs.__name(ResponsePanel, "ResponsePanel");
 function SendButton({ className }) {
-  const { state, sendRequest } = chunkIULI4XII_cjs.usePlaygroundContext();
+  const { state, sendRequest } = chunk5Q4UMSWB_cjs.usePlaygroundContext();
   const ep = state.selectedEndpoint;
-  const builder = React6.useMemo(
-    () => ep ? new chunkIULI4XII_cjs.UrlBuilder(ep, state.parameters) : null,
+  const builder = React12.useMemo(
+    () => ep ? new chunk5Q4UMSWB_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 isJsonValid = state.requestBody ? chunk5Q4UMSWB_cjs.isValidJson(state.requestBody) : true;
   const blockers = [];
   if (missingRequired.length > 0) {
     blockers.push(
@@ -2350,7 +3201,7 @@ 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 { state } = chunk5Q4UMSWB_cjs.usePlaygroundContext();
   const ep = state.selectedEndpoint;
   const showResponse = state.response !== null || state.loading;
   const width = showResponse ? WIDTH_WIDE : WIDTH_NARROW;
@@ -2359,7 +3210,7 @@ function SlideInPlayground({ open, onClose }) {
       /* @__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("code", { className: "font-mono text-[11px] text-muted-foreground truncate", children: chunk5Q4UMSWB_cjs.relativePath(ep.path) })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(components.SidePanel.Close, { className: "ml-auto" })
     ] }),
@@ -2371,30 +3222,34 @@ function SlideInPlayground({ open, onClose }) {
           showResponse ? "grid-cols-[minmax(0,1fr)_minmax(0,1fr)]" : "grid-cols-1"
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Panel, { children: /* @__PURE__ */ jsxRuntime.jsx(RequestPanel, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Panel, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(RequestPanel, {}),
+            ep && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-t px-4 py-3 bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(SendButton, {}) })
+          ] }),
           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 { state } = chunk5Q4UMSWB_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, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-h-0 flex flex-col", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(RequestPanel, {}),
+        state.selectedEndpoint && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "shrink-0 border-t px-4 py-3 bg-background", children: /* @__PURE__ */ jsxRuntime.jsx(SendButton, {}) })
+      ] }),
       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 { state, config, setSelectedEndpoint } = chunk5Q4UMSWB_cjs.usePlaygroundContext();
   const isDesktop = hooks.useMediaQuery("(min-width: 1024px)");
   const isMobile = !isDesktop;
   const grouping = config.schemaGrouping ?? "selector";
@@ -2417,29 +3272,29 @@ var DocsLayout = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     baseUrl: config.baseUrl,
     preloadAll
   });
-  const [activeAnchor, setActiveAnchor] = React6.useState(null);
-  const [activeSchemaId, setActiveSchemaId] = React6.useState(null);
-  const [sheetOpen, setSheetOpen] = React6.useState(false);
-  const docsRef = React6.useRef(null);
+  const [activeAnchor, setActiveAnchor] = React12.useState(null);
+  const [activeSchemaId, setActiveSchemaId] = React12.useState(null);
+  const [sheetOpen, setSheetOpen] = React12.useState(false);
+  const docsRef = React12.useRef(null);
   const slideOpen = !isMobile && state.selectedEndpoint !== null;
-  const endpointsBySchema = React6.useMemo(() => {
+  const endpointsBySchema = React12.useMemo(() => {
     if (grouping !== "sections") return {};
     const byId = lodashEs.keyBy(schemasData, (e) => e.source.id);
     const out = {};
     for (const src of schemas) out[src.id] = byId[src.id]?.endpoints ?? [];
     return out;
   }, [grouping, schemasData, schemas]);
-  const handleTry = React6.useCallback(
+  const handleTry = React12.useCallback(
     (ep) => {
       setSelectedEndpoint(ep);
       if (isMobile) setSheetOpen(true);
     },
     [isMobile, setSelectedEndpoint]
   );
-  const handleCloseSlide = React6.useCallback(() => {
+  const handleCloseSlide = React12.useCallback(() => {
     setSelectedEndpoint(null);
   }, [setSelectedEndpoint]);
-  const handleNavigate = React6.useCallback(
+  const handleNavigate = React12.useCallback(
     (anchor, schemaId) => {
       if (schemaId && schemaId !== currentSchema?.id && grouping === "selector") {
         setCurrentSchema(schemaId);
@@ -2452,12 +3307,12 @@ var DocsLayout = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
     },
     [currentSchema?.id, grouping, setCurrentSchema]
   );
-  const handleActiveChange = React6.useCallback((anchor, schemaId) => {
+  const handleActiveChange = React12.useCallback((anchor, schemaId) => {
     setActiveAnchor(anchor);
     setActiveSchemaId(schemaId);
   }, []);
   const effectiveSchemaId = grouping === "sections" ? activeSchemaId : currentSchema?.id ?? null;
-  const handleHashTarget = React6.useCallback(
+  const handleHashTarget = React12.useCallback(
     (target) => {
       if (!target.schemaId && !target.anchor) return;
       const matched = target.schemaId ? schemas.find((s) => s.id === target.schemaId || slugifySchemaId(s.id) === target.schemaId) : null;
@@ -2605,5 +3460,5 @@ var DocsLayout = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => {
 }, "DocsLayout");
 
 exports.DocsLayout = DocsLayout;
-//# sourceMappingURL=DocsLayout-YDR7DSMM.cjs.map
-//# sourceMappingURL=DocsLayout-YDR7DSMM.cjs.map
+//# sourceMappingURL=DocsLayout-IKH7BLSU.cjs.map
+//# sourceMappingURL=DocsLayout-IKH7BLSU.cjs.map