zudoku 0.64.2 → 0.65.1

package/dist/lib/plugins/openapi/ResponsesSidecarBox.js

@@ -1,21 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as Tabs from "@radix-ui/react-tabs";
+import { ChevronsDownUpIcon, ChevronsUpDownIcon } from "lucide-react";
 import { useEffect, useState } from "react";
-import { cn } from "../../util/cn.js";
+import { Button } from "zudoku/components";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "zudoku/ui/Collapsible.js";
+import { NativeSelect, NativeSelectOption } from "zudoku/ui/NativeSelect.js";
 import * as SidecarBox from "./SidecarBox.js";
 import { SidecarExamples } from "./SidecarExamples.js";
-export const ResponsesSidecarBox = ({ responses, selectedResponse, onSelectResponse, isOnScreen, shouldLazyHighlight, }) => {
+export const ResponsesSidecarBox = ({ responses, selectedResponse, isOnScreen, shouldLazyHighlight, }) => {
+    const [internalSelectedResponse, setInternalSelectedResponse] = useState(selectedResponse ?? responses[0]?.statusCode);
     const [selectedContentIndex, setSelectedContentIndex] = useState(0);
     const [selectedExampleIndex, setSelectedExampleIndex] = useState(0);
     useEffect(() => {
         if (!selectedResponse)
             return;
+        setInternalSelectedResponse(selectedResponse);
+    }, [selectedResponse]);
+    useEffect(() => {
+        if (!internalSelectedResponse)
+            return;
         setSelectedContentIndex(0);
         setSelectedExampleIndex(0);
-    }, [selectedResponse]);
-    return (_jsx(SidecarBox.Root, { children: _jsxs(Tabs.Root, { defaultValue: responses[0]?.statusCode, value: selectedResponse, onValueChange: (value) => onSelectResponse(value), children: [_jsxs(SidecarBox.Head, { className: "text-xs flex flex-col gap-2 pb-0", children: [_jsx("span", { className: "font-mono", children: "Example Responses" }), _jsx(Tabs.List, { className: "flex gap-2", children: responses.map((response) => (_jsx(Tabs.Trigger, { value: response.statusCode, className: cn("text-xs font-mono px-1.5 py-1 pb-px translate-y-px border-b-2 border-transparent rounded-t cursor-pointer", "data-[state=active]:text-primary data-[state=active]:dark:text-inherit data-[state=active]:border-primary", "hover:border-accent-foreground/25"), children: response.statusCode }, response.statusCode))) })] }), responses.map((response) => (_jsx(Tabs.Content, { value: response.statusCode, children: _jsx(SidecarExamples, { selectedContentIndex: selectedContentIndex, selectedExampleIndex: selectedExampleIndex, onExampleChange: (selected) => {
+    }, [internalSelectedResponse]);
+    return (_jsx(Collapsible, { className: "group/collapsible", defaultOpen: true, children: _jsxs(SidecarBox.Root, { children: [_jsxs(SidecarBox.Head, { className: "text-xs flex justify-between items-center", children: [_jsxs("div", { className: "flex items-center gap-1 font-medium shrink-0", children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", className: "size-fit px-1 py-1 -my-1", "aria-label": "Toggle response examples", children: [_jsx(ChevronsDownUpIcon, { className: "size-[1em] group-data-[state=closed]/collapsible:hidden" }), _jsx(ChevronsUpDownIcon, { className: "size-[1em] group-data-[state=open]/collapsible:hidden" })] }) }), "Example Responses"] }), _jsx("div", { className: "group-data-[state=closed]/collapsible:hidden", children: _jsx(NativeSelect, { className: "text-xs h-fit py-1 -my-1 bg-background", value: internalSelectedResponse, onChange: (e) => setInternalSelectedResponse(e.target.value), children: responses.map((response) => (_jsx(NativeSelectOption, { value: response.statusCode, children: response.statusCode }, response.statusCode))) }) })] }), _jsx(CollapsibleContent, { children: _jsx(SidecarExamples, { selectedContentIndex: selectedContentIndex, selectedExampleIndex: selectedExampleIndex, onExampleChange: (selected) => {
                             setSelectedContentIndex(selected.contentTypeIndex);
                             setSelectedExampleIndex(selected.exampleIndex);
-                        }, content: response.content ?? [], isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight }) }, response.statusCode)))] }) }));
+                        }, content: responses.find((r) => r.statusCode === internalSelectedResponse)
+                            ?.content ?? [], isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight }) })] }) }));
 };
 //# sourceMappingURL=ResponsesSidecarBox.js.map

package/dist/lib/plugins/openapi/ResponsesSidecarBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponsesSidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ResponsesSidecarBox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,IAAI,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAEtC,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,UAAU,EACV,mBAAmB,GAOpB,EAAE,EAAE;IACH,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAE9B,uBAAuB,CAAC,CAAC,CAAC,CAAC;QAC3B,uBAAuB,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,KAAC,UAAU,CAAC,IAAI,cACd,MAAC,IAAI,CAAC,IAAI,IACR,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EACtC,KAAK,EAAE,gBAAgB,EACvB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,aAEjD,MAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,kCAAkC,aAC3D,eAAM,SAAS,EAAC,WAAW,kCAAyB,EACpD,KAAC,IAAI,CAAC,IAAI,IAAC,SAAS,EAAC,YAAY,YAC9B,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,KAAC,IAAI,CAAC,OAAO,IAEX,KAAK,EAAE,QAAQ,CAAC,UAAU,EAC1B,SAAS,EAAE,EAAE,CACX,2GAA2G,EAC3G,2GAA2G,EAC3G,mCAAmC,CACpC,YAEA,QAAQ,CAAC,UAAU,IARf,QAAQ,CAAC,UAAU,CASX,CAChB,CAAC,GACQ,IACI,EACjB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,KAAC,IAAI,CAAC,OAAO,IAA2B,KAAK,EAAE,QAAQ,CAAC,UAAU,YAChE,KAAC,eAAe,IACd,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE;4BAC5B,uBAAuB,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;4BACnD,uBAAuB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;wBACjD,CAAC,EACD,OAAO,EAAE,QAAQ,CAAC,OAAO,IAAI,EAAE,EAC/B,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,IAXe,QAAQ,CAAC,UAAU,CAYvB,CAChB,CAAC,IACQ,GACI,CACnB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ResponsesSidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/ResponsesSidecarBox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE7E,OAAO,KAAK,UAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,SAAS,EACT,gBAAgB,EAChB,UAAU,EACV,mBAAmB,GAMpB,EAAE,EAAE;IACH,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,CACtE,gBAAgB,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,CAC7C,CAAC;IACF,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpE,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,gBAAgB;YAAE,OAAO;QAE9B,2BAA2B,CAAC,gBAAgB,CAAC,CAAC;IAChD,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,wBAAwB;YAAE,OAAO;QAEtC,uBAAuB,CAAC,CAAC,CAAC,CAAC;QAC3B,uBAAuB,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,KAAC,WAAW,IAAC,SAAS,EAAC,mBAAmB,EAAC,WAAW,kBACpD,MAAC,UAAU,CAAC,IAAI,eACd,MAAC,UAAU,CAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,aACpE,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,kBAAkB,IAAC,OAAO,kBACzB,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,0BAA0B,gBACzB,0BAA0B,aAErC,KAAC,kBAAkB,IAAC,SAAS,EAAC,yDAAyD,GAAG,EAC1F,KAAC,kBAAkB,IAAC,SAAS,EAAC,uDAAuD,GAAG,IACjF,GACU,yBAEjB,EACN,cAAK,SAAS,EAAC,8CAA8C,YAC3D,KAAC,YAAY,IACX,SAAS,EAAC,wCAAwC,EAClD,KAAK,EAAE,wBAAwB,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,2BAA2B,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,YAE3D,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,KAAC,kBAAkB,IAEjB,KAAK,EAAE,QAAQ,CAAC,UAAU,YAEzB,QAAQ,CAAC,UAAU,IAHf,QAAQ,CAAC,UAAU,CAIL,CACtB,CAAC,GACW,GACX,IACU,EAClB,KAAC,kBAAkB,cACjB,KAAC,eAAe,IACd,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,eAAe,EAAE,CAAC,QAAQ,EAAE,EAAE;4BAC5B,uBAAuB,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC;4BACnD,uBAAuB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC;wBACjD,CAAC,EACD,OAAO,EACL,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,UAAU,KAAK,wBAAwB,CAAC;4BAC9D,EAAE,OAAO,IAAI,EAAE,EAEnB,UAAU,EAAE,UAAU,EACtB,mBAAmB,EAAE,mBAAmB,GACxC,GACiB,IACL,GACN,CACf,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/Sidecar.d.ts

@@ -3,10 +3,9 @@ export declare const GetServerQuery: import("./graphql/graphql.js").TypedDocumen
     input: import("./graphql/graphql.js").Scalars["JSON"]["input"];
     type: import("./graphql/graphql.js").SchemaType;
 }>>;
-export declare const Sidecar: ({ operation, selectedResponse, onSelectResponse, globalSelectedServer, shouldLazyHighlight, }: {
+export declare const Sidecar: ({ operation, selectedResponse, globalSelectedServer, shouldLazyHighlight, }: {
     operation: OperationsFragmentFragment;
     selectedResponse?: string;
-    onSelectResponse: (response: string) => void;
     globalSelectedServer?: string;
     shouldLazyHighlight?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/Sidecar.js

@@ -2,6 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState, useTransition } from "react";
 import { useSearchParams } from "react-router";
 import { useZudoku } from "zudoku/hooks";
+import { Badge } from "zudoku/ui/Badge.js";
+import { NativeSelect, NativeSelectOption } from "zudoku/ui/NativeSelect.js";
 import { SyntaxHighlight } from "zudoku/ui/SyntaxHighlight.js";
 import { useAuthState } from "../../authentication/state.js";
 import { PathRenderer } from "../../components/PathRenderer.js";
@@ -16,7 +18,6 @@ import { PlaygroundDialogWrapper } from "./PlaygroundDialogWrapper.js";
 import { RequestBodySidecarBox } from "./RequestBodySidecarBox.js";
 import { ResponsesSidecarBox } from "./ResponsesSidecarBox.js";
 import * as SidecarBox from "./SidecarBox.js";
-import { SimpleSelect } from "./SimpleSelect.js";
 import { createHttpSnippet, getConverted } from "./util/createHttpSnippet.js";
 import { generateSchemaExample } from "./util/generateSchemaExample.js";
 import { methodForColor } from "./util/methodToColor.js";
@@ -43,13 +44,18 @@ const EXAMPLE_LANGUAGES = [
     { value: "ruby", label: "Ruby" },
     { value: "swift", label: "Swift" },
 ];
-export const Sidecar = ({ operation, selectedResponse, onSelectResponse, globalSelectedServer, shouldLazyHighlight, }) => {
+export const Sidecar = ({ operation, selectedResponse, globalSelectedServer, shouldLazyHighlight, }) => {
     const { options } = useOasConfig();
     const auth = useAuthState();
     const context = useZudoku();
     const methodTextColor = methodForColor(operation.method);
     const [searchParams, setSearchParams] = useSearchParams();
     const [, startTransition] = useTransition();
+    const supportedLanguages = options?.supportedLanguages ?? EXAMPLE_LANGUAGES;
+    const preferredLang = searchParams.get("lang") ?? options?.examplesLanguage ?? "shell";
+    const selectedLang = supportedLanguages.find((lang) => lang.value === preferredLang)?.value ??
+        supportedLanguages.at(0)?.value ??
+        "shell";
     const requestBodyContent = operation.requestBody?.content;
     const transformedRequestBodyContent = requestBodyContent && options?.transformExamples
         ? options.transformExamples({
@@ -66,19 +72,28 @@ export const Sidecar = ({ operation, selectedResponse, onSelectResponse, globalS
     });
     const selectedContent = transformedRequestBodyContent?.at(selectedRequestExample.contentTypeIndex);
     const currentExample = selectedContent?.examples?.at(selectedRequestExample.exampleIndex);
-    const selectedLang = searchParams.get("lang") ?? options?.examplesLanguage ?? "shell";
     const currentExampleCode = currentExample
         ? (currentExample?.value ?? currentExample)
         : selectedContent?.schema
             ? generateSchemaExample(selectedContent?.schema)
             : undefined;
-    const path = (_jsx(PathRenderer, { path: operation.path, renderParam: ({ name }) => (_jsx(ColorizedParam, { name: name, backgroundOpacity: "0", 
+    const path = (_jsx(PathRenderer, { path: operation.path, renderParam: ({ name }) => (_jsx(ColorizedParam, { name: name, backgroundOpacity: "0", className: "py-px px-0.5", 
             // same as in `ParameterListItem`
             slug: `${operation.slug}-${name}`, children: `{${name}}` })) }));
     // Manual server selection takes precedence over the server hierarchy.
     // If no manual selection, fall back to operation's first server (already respects operation > path > global hierarchy)
     const selectedServer = globalSelectedServer || operation.servers.at(0)?.url || "";
     const httpSnippetCode = useMemo(() => {
+        const converted = options?.generateCodeSnippet?.({
+            selectedLang,
+            selectedServer,
+            context,
+            operation,
+            example: currentExampleCode,
+            auth,
+        });
+        if (converted)
+            return converted;
         const snippet = createHttpSnippet({
             operation,
             selectedServer,
@@ -90,7 +105,15 @@ export const Sidecar = ({ operation, selectedResponse, onSelectResponse, globalS
                 : { mimeType: "application/json" },
         });
         return getConverted(snippet, selectedLang);
-    }, [operation, selectedServer, selectedLang, currentExampleCode]);
+    }, [
+        currentExampleCode,
+        operation,
+        selectedServer,
+        selectedLang,
+        options,
+        auth,
+        context,
+    ]);
     const [ref, isOnScreen] = useOnScreen({ rootMargin: "200px 0px 200px 0px" });
     const showPlayground = isOnScreen &&
         (operation.extensions["x-explorer-enabled"] === true ||
@@ -98,18 +121,19 @@ export const Sidecar = ({ operation, selectedResponse, onSelectResponse, globalS
             (operation.extensions["x-explorer-enabled"] === undefined &&
                 operation.extensions["x-zudoku-playground-enabled"] === undefined &&
                 !options?.disablePlayground));
-    return (_jsxs("aside", { ref: ref, className: "flex flex-col overflow-hidden sticky top-(--scroll-padding) gap-4", "data-pagefind-ignore": "all", children: [_jsxs(SidecarBox.Root, { children: [_jsxs(SidecarBox.Head, { className: "flex justify-between items-center flex-nowrap py-2.5 gap-2 text-xs", children: [_jsxs("span", { className: "font-mono wrap-break-word leading-6", children: [_jsx("span", { className: cn("font-semibold", methodTextColor), children: operation.method.toUpperCase() }), "\u00A0", path] }), showPlayground && (_jsx(PlaygroundDialogWrapper, { servers: operation.servers.map((server) => server.url), operation: operation, examples: requestBodyContent ?? undefined }))] }), _jsx(SidecarBox.Body, { className: "p-0", children: shouldLazyHighlight && !isOnScreen ? (_jsx(NonHighlightedCode, { code: httpSnippetCode ?? "" })) : (_jsx(SyntaxHighlight, { embedded: true, language: selectedLang, className: "[--scrollbar-color:gray] rounded-none text-xs max-h-[200px]", 
+    const hasResponseExamples = operation.responses.some((response) => response.content?.some((content) => (content.examples?.length ?? 0) > 0));
+    return (_jsxs("aside", { ref: ref, className: "flex flex-col sticky top-(--scroll-padding) gap-4", "data-pagefind-ignore": "all", children: [_jsxs(SidecarBox.Root, { children: [_jsx(SidecarBox.Head, { className: "py-1.5", children: _jsxs("div", { className: "flex items-center flex-wrap gap-2 justify-between w-full", children: [_jsxs("span", { className: "font-mono wrap-break-word leading-6 space-x-1", children: [_jsx(Badge, { variant: "outline", className: cn(methodTextColor, "px-1.5 rounded-md border-none bg-current/7 dark:bg-current/15"), children: operation.method.toUpperCase() }), path] }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(NativeSelect, { className: "py-0.5 h-fit max-w-32 truncate bg-background", value: selectedLang, onChange: (e) => {
+                                                startTransition(() => {
+                                                    setSearchParams((prev) => {
+                                                        prev.set("lang", e.target.value);
+                                                        return prev;
+                                                    });
+                                                });
+                                            }, children: supportedLanguages.map((language) => (_jsx(NativeSelectOption, { value: language.value, children: language.label }, language.value))) }), showPlayground && (_jsx(PlaygroundDialogWrapper, { servers: operation.servers.map((server) => server.url), operation: operation, examples: requestBodyContent ?? undefined }))] })] }) }), _jsx(SidecarBox.Body, { children: shouldLazyHighlight && !isOnScreen ? (_jsx(NonHighlightedCode, { code: httpSnippetCode ?? "" })) : (_jsx(SyntaxHighlight, { embedded: true, language: selectedLang, className: "[--scrollbar-color:gray] rounded-none text-xs max-h-[200px]", 
                             // biome-ignore lint/style/noNonNullAssertion: code is guaranteed to be defined
-                            code: httpSnippetCode })) }), _jsxs(SidecarBox.Footer, { className: "flex items-center text-xs gap-2 justify-end py-2.5", children: [_jsx("span", { children: "Show example in" }), _jsx(SimpleSelect, { className: "self-start max-w-[150px]", value: selectedLang, onChange: (e) => {
-                                    startTransition(() => {
-                                        setSearchParams((prev) => {
-                                            prev.set("lang", e.target.value);
-                                            return prev;
-                                        });
-                                    });
-                                }, options: EXAMPLE_LANGUAGES })] })] }), transformedRequestBodyContent && currentExample ? (_jsx(RequestBodySidecarBox, { content: transformedRequestBodyContent, onExampleChange: (selected) => {
+                            code: httpSnippetCode })) })] }), transformedRequestBodyContent && currentExample ? (_jsx(RequestBodySidecarBox, { content: transformedRequestBodyContent, onExampleChange: (selected) => {
                     setSelectedRequestExample(selected);
-                }, selectedContentIndex: selectedRequestExample.contentTypeIndex, selectedExampleIndex: selectedRequestExample.exampleIndex, isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight })) : transformedRequestBodyContent && currentExampleCode ? (_jsx(GeneratedExampleSidecarBox, { isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight, code: JSON.stringify(currentExampleCode, null, 2) })) : null, operation.responses.length > 0 && (_jsx(ResponsesSidecarBox, { isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight, selectedResponse: selectedResponse, onSelectResponse: onSelectResponse, responses: operation.responses.map((response) => ({
+                }, selectedContentIndex: selectedRequestExample.contentTypeIndex, selectedExampleIndex: selectedRequestExample.exampleIndex, isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight })) : transformedRequestBodyContent && currentExampleCode ? (_jsx(GeneratedExampleSidecarBox, { isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight, code: JSON.stringify(currentExampleCode, null, 2) })) : null, hasResponseExamples && (_jsx(ResponsesSidecarBox, { isOnScreen: isOnScreen, shouldLazyHighlight: shouldLazyHighlight, selectedResponse: selectedResponse, responses: operation.responses.map((response) => ({
                     ...response,
                     content: response.content && options?.transformExamples
                         ? options.transformExamples({

package/dist/lib/plugins/openapi/Sidecar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidecar.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/Sidecar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Sidecar.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/Sidecar.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/SidecarBox.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../util/cn.js";
-export const Root = ({ children, className }) => (_jsx("div", { className: cn("rounded-xl overflow-hidden border border-border", className), children: children }));
-export const Head = ({ children, className }) => (_jsx("div", { className: cn("border-b bg-muted dark:bg-transparent text-card-foreground p-3 py-2.5", className), children: children }));
-export const Body = ({ children, className }) => (_jsx("div", { className: cn("bg-card overflow-auto p-2", className), children: children }));
-export const Footer = ({ children, className }) => (_jsx("div", { className: cn("border-t bg-muted dark:bg-transparent p-3", className), children: children }));
+export const Root = ({ children, className }) => (_jsx("div", { "data-slot": "sidecar-box-root", className: cn("relative text-xs flex min-w-0 flex-col rounded-xl border bg-muted/50 bg-clip-padding", "before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_2px_1px_--theme(--color-black/4%)] after:pointer-events-none after:absolute after:-inset-[5px] after:-z-1 after:rounded-[calc(var(--radius-xl)+4px)] after:border after:border-border/50 after:bg-clip-padding **:data-[slot=particle-wrapper]:w-full **:data-[slot=particle-wrapper]:max-w-64 lg:col-span-1 dark:after:bg-background/72", className), children: children }));
+export const Head = ({ children, className }) => (_jsx("div", { "data-slot": "sidecar-box-head", className: cn("flex items-center gap-3 rounded-b-xl p-2.5 data-[slot=head]:rounded-b-none", className), children: children }));
+export const Body = ({ children, className }) => (_jsx("div", { "data-slot": "sidecar-box-body", className: cn("overflow-auto -m-px flex min-w-0 flex-1 flex-col overflow-x-auto rounded-t-xl border bg-background", "rounded-b last:rounded-b-xl", "before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/8%)]", className), children: children }));
+export const Footer = ({ children, className }) => (_jsx("div", { "data-slot": "sidecar-box-footer", className: cn("p-2 rounded-b-xl data-[slot=sidecar-box-footer]:rounded-b-none", className), children: children }));
 //# sourceMappingURL=SidecarBox.js.map

package/dist/lib/plugins/openapi/SidecarBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/SidecarBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAMtC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,cACE,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,YAE1E,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,cACE,SAAS,EAAE,EAAE,CACX,uEAAuE,EACvE,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,cAAK,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,YAAG,QAAQ,GAAO,CAC7E,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACrE,cAAK,SAAS,EAAE,EAAE,CAAC,2CAA2C,EAAE,SAAS,CAAC,YACvE,QAAQ,GACL,CACP,CAAC"}
+{"version":3,"file":"SidecarBox.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/SidecarBox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAC;AAMtC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACX,sFAAsF,EACtF,qcAAqc,EACrc,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACX,4EAA4E,EAC5E,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACnE,2BACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACX,oGAAoG,EACpG,6BAA6B,EAC7B,6JAA6J,EAC7J,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAsB,EAAE,EAAE,CAAC,CACrE,2BACY,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CACX,gEAAgE,EAChE,SAAS,CACV,YAEA,QAAQ,GACL,CACP,CAAC"}

package/dist/lib/plugins/openapi/SidecarExamples.js

@@ -1,11 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ExternalLinkIcon } from "lucide-react";
+import { Badge } from "zudoku/ui/Badge.js";
+import { NativeSelect, NativeSelectOption } from "zudoku/ui/NativeSelect.js";
 import { SyntaxHighlight } from "../../ui/SyntaxHighlight.js";
 import { NonHighlightedCode } from "./components/NonHighlightedCode.js";
 import * as SidecarBox from "./SidecarBox.js";
-import { SimpleSelect } from "./SimpleSelect.js";
 const formatForDisplay = (value) => {
     if (value == null)
-        return "No example";
+        return;
     if (typeof value === "string")
         return value.trim();
     return JSON.stringify(value, null, 2);
@@ -38,21 +40,18 @@ export const SidecarExamples = ({ content, description, onExampleChange, selecte
     const selectedExample = examples?.[selectedExampleIndex];
     const formattedExample = formatForDisplay(selectedExample?.value);
     const language = getLanguage(selectedContent?.mediaType);
-    return (_jsxs(_Fragment, { children: [_jsxs(SidecarBox.Body, { className: "p-0", children: [selectedExample?.externalValue ? (_jsx("div", { className: "p-2", children: _jsx("a", { href: selectedExample.externalValue, target: "_blank", rel: "noopener noreferrer", className: "text-xs text-primary hover:underline", children: "View External Example \u2192" }) })) : shouldLazyHighlight && !isOnScreen ? (_jsx(NonHighlightedCode, { code: formattedExample })) : (_jsx(SyntaxHighlight, { embedded: true, language: language, className: "[--scrollbar-color:gray] rounded-none max-h-[200px] text-xs overflow-auto", code: formattedExample })), selectedExample?.description && (_jsx("div", { className: "border-t text-xs px-3 py-1.5 text-muted-foreground", children: selectedExample.description }))] }), _jsxs(SidecarBox.Footer, { className: "text-xs p-0 divide-y divide-border", children: [description && (_jsx("div", { className: "text-muted-foreground text-xs px-3 py-2", children: description })), (examples.length !== 0 || content.length !== 0) && (_jsxs("div", { className: "flex items-center gap-2 justify-between min-w-0 px-3 py-2", children: [_jsx("div", { className: "flex items-center gap-2 min-w-0", children: content.length > 1 ? (_jsx(SimpleSelect, { className: "max-w-[200px]", value: selectedContentIndex.toString(), onChange: (e) => onExampleChange?.({
+    return (_jsxs(_Fragment, { children: [_jsxs(SidecarBox.Body, { className: "p-0", children: [selectedExample?.externalValue ? (_jsx("div", { className: "p-4", children: _jsxs("a", { href: selectedExample.externalValue, target: "_blank", rel: "noopener noreferrer", className: "text-xs text-primary hover:underline", children: ["View External Example", _jsx(ExternalLinkIcon, { className: "size-3 inline-block ms-1 align-[-0.125em]" })] }) })) : shouldLazyHighlight && !isOnScreen && formattedExample ? (_jsx(NonHighlightedCode, { code: formattedExample })) : formattedExample ? (_jsx(SyntaxHighlight, { embedded: true, language: language, className: "[--scrollbar-color:gray] rounded-none max-h-[200px] text-xs overflow-auto", code: formattedExample })) : (_jsx("div", { className: "grid place-items-center text-xs text-muted-foreground min-h-18", children: "No example specified for this content type" })), selectedExample?.description && (_jsx("div", { className: "border-t text-xs px-3 py-1.5 text-muted-foreground", children: selectedExample.description }))] }), _jsxs(SidecarBox.Footer, { className: "text-xs", children: [description && (_jsx("div", { className: "text-muted-foreground text-xs px-1 py-2", children: description })), (examples.length !== 0 || content.length !== 0) && (_jsxs("div", { className: "flex items-center gap-2 justify-between min-w-0", children: [_jsx("div", { className: "flex items-center gap-2 flex-wrap", children: content.length > 1 ? (_jsx(NativeSelect, { className: "text-xs h-fit py-1 truncate bg-background", value: selectedContentIndex.toString(), onChange: (e) => onExampleChange?.({
                                         contentTypeIndex: Number(e.target.value),
                                         exampleIndex: 0,
-                                    }), options: content.map((c, index) => ({
-                                        value: index.toString(),
-                                        label: c.mediaType,
-                                    })) })) : (_jsx("span", { className: "font-mono text-[11px]", children: content[0]?.mediaType })) }), examples.length > 1 && (_jsx("div", { className: "flex items-center gap-1", children: _jsx(SimpleSelect, { className: "max-w-[180px]", value: selectedExampleIndex.toString(), onChange: (e) => onExampleChange?.({
-                                        contentTypeIndex: selectedContentIndex,
-                                        exampleIndex: Number(e.target.value),
-                                    }), options: examples.map((example, index) => ({
-                                        value: index.toString(),
-                                        label: example.summary ||
-                                            example.name ||
-                                            example.description ||
-                                            `Example ${index + 1}`,
-                                    })) }) }))] }))] })] }));
+                                    }), children: content.map((c, index) => (_jsx(NativeSelectOption, { value: index.toString(), children: c.mediaType }, c.mediaType))) })) : (_jsx(Badge, { className: "text-[11px] font-mono font-normal", variant: "outline", children: content[0]?.mediaType })) }), examples.length > 1 && (_jsx(NativeSelect, { className: "text-xs h-fit py-1 truncate bg-background", value: selectedExampleIndex.toString(), onChange: (e) => onExampleChange?.({
+                                    contentTypeIndex: selectedContentIndex,
+                                    exampleIndex: Number(e.target.value),
+                                }), children: examples.map((example, index) => (_jsx(NativeSelectOption, { value: index.toString(), children: example.summary ||
+                                        example.name ||
+                                        example.description ||
+                                        `Example ${index + 1}` }, example.summary ||
+                                    example.name ||
+                                    example.description ||
+                                    `Example ${index + 1}`))) }))] }))] })] }));
 };
 //# sourceMappingURL=SidecarExamples.js.map

package/dist/lib/plugins/openapi/SidecarExamples.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidecarExamples.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/SidecarExamples.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SidecarExamples.js","sourceRoot":"","sources":["../../../../src/lib/plugins/openapi/SidecarExamples.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/components/ConstValue.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { SelectOnClick } from "./SelectOnClick.js";
 export const ConstValue = ({ schema, hideDescription = false, }) => {
-    return (_jsx("div", { className: "flex flex-col gap-1 text-xs", children: _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Const value: " }), _jsx(SelectOnClick, { className: "border rounded px-1 font-mono", children: schema.const }), !hideDescription && schema.description && (_jsx("div", { className: "text-muted-foreground", children: schema.description }))] }) }));
+    return (_jsx("div", { className: "flex flex-col gap-1", children: _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Const value: " }), _jsx(SelectOnClick, { className: "border rounded px-1 font-mono", children: schema.const }), !hideDescription && schema.description && (_jsx("div", { className: "text-muted-foreground", children: schema.description }))] }) }));
 };
 //# sourceMappingURL=ConstValue.js.map

package/dist/lib/plugins/openapi/components/ConstValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConstValue.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/components/ConstValue.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,eAAe,GAAG,KAAK,GAIxB,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAC,6BAA6B,YAC1C,0BACE,eAAM,SAAS,EAAC,uBAAuB,8BAAqB,EAC5D,KAAC,aAAa,IAAC,SAAS,EAAC,+BAA+B,YACrD,MAAM,CAAC,KAAK,GACC,EACf,CAAC,eAAe,IAAI,MAAM,CAAC,WAAW,IAAI,CACzC,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,CAAC,WAAW,GAAO,CAClE,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"ConstValue.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/components/ConstValue.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,eAAe,GAAG,KAAK,GAIxB,EAAE,EAAE;IACH,OAAO,CACL,cAAK,SAAS,EAAC,qBAAqB,YAClC,0BACE,eAAM,SAAS,EAAC,uBAAuB,8BAAqB,EAC5D,KAAC,aAAa,IAAC,SAAS,EAAC,+BAA+B,YACrD,MAAM,CAAC,KAAK,GACC,EACf,CAAC,eAAe,IAAI,MAAM,CAAC,WAAW,IAAI,CACzC,cAAK,SAAS,EAAC,uBAAuB,YAAE,MAAM,CAAC,WAAW,GAAO,CAClE,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/components/EnumValues.js

@@ -10,6 +10,6 @@ export const EnumValues = ({ values, className, maxVisibleValues = 8, }) => {
         return null;
     const shouldCollapse = values.length > maxVisibleValues;
     const visibleValues = shouldCollapse && !isOpen ? values.slice(0, maxVisibleValues) : values;
-    return (_jsxs("div", { className: cn("flex flex-wrap gap-1.5 text-xs", className), children: [_jsx("span", { className: "text-muted-foreground", children: "Enum values: " }), visibleValues.map((value) => (_jsx("div", { children: _jsx(SelectOnClick, { className: "border rounded-sm px-1 font-mono", children: value }) }, value))), shouldCollapse && (_jsx(Button, { variant: "ghost", size: "sm", className: "h-fit px-0", onClick: () => setIsOpen(!isOpen), children: isOpen ? (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(ChevronUpIcon, { size: 12 }), _jsx("span", { className: "text-muted-foreground", children: "show less" })] })) : (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(ChevronDownIcon, { size: 12 }), _jsxs("span", { className: "text-muted-foreground", children: ["show ", values.length - maxVisibleValues, " more"] })] })) }))] }));
+    return (_jsxs("div", { className: cn("flex flex-wrap gap-1.5", className), children: [_jsx("span", { className: "text-muted-foreground", children: "Enum values:" }), visibleValues.map((value) => (_jsx("div", { children: _jsx(SelectOnClick, { className: "border rounded-sm px-1 font-mono", children: value }) }, value))), shouldCollapse && (_jsx(Button, { variant: "ghost", size: "sm", className: "h-fit px-0", onClick: () => setIsOpen(!isOpen), children: isOpen ? (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(ChevronUpIcon, { size: 12 }), _jsx("span", { className: "text-muted-foreground", children: "show less" })] })) : (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(ChevronDownIcon, { size: 12 }), _jsxs("span", { className: "text-muted-foreground", children: ["show ", values.length - maxVisibleValues, " more"] })] })) }))] }));
 };
 //# sourceMappingURL=EnumValues.js.map

package/dist/lib/plugins/openapi/components/EnumValues.js.map

@@ -1 +1 @@
-{"version":3,"file":"EnumValues.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/components/EnumValues.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,SAAS,EACT,gBAAgB,GAAG,CAAC,GAKrB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEhC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,GAAG,gBAAgB,CAAC;IACxD,MAAM,aAAa,GACjB,cAAc,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEzE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,aAC7D,eAAM,SAAS,EAAC,uBAAuB,8BAAqB,EAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,wBACE,KAAC,aAAa,IAAC,SAAS,EAAC,kCAAkC,YACxD,KAAK,GACQ,IAHR,KAAK,CAIT,CACP,CAAC,EACD,cAAc,IAAI,CACjB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,YAEhC,MAAM,CAAC,CAAC,CAAC,CACR,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,EAC3B,eAAM,SAAS,EAAC,uBAAuB,0BAAiB,IACpD,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,EAC7B,gBAAM,SAAS,EAAC,uBAAuB,sBAC/B,MAAM,CAAC,MAAM,GAAG,gBAAgB,aACjC,IACH,CACP,GACM,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"EnumValues.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/components/EnumValues.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,MAAM,EACN,SAAS,EACT,gBAAgB,GAAG,CAAC,GAKrB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5C,IAAI,CAAC,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEhC,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,GAAG,gBAAgB,CAAC;IACxD,MAAM,aAAa,GACjB,cAAc,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAEzE,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,aACrD,eAAM,SAAS,EAAC,uBAAuB,6BAAoB,EAC1D,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAC5B,wBACE,KAAC,aAAa,IAAC,SAAS,EAAC,kCAAkC,YACxD,KAAK,GACQ,IAHR,KAAK,CAIT,CACP,CAAC,EACD,cAAc,IAAI,CACjB,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,YAEhC,MAAM,CAAC,CAAC,CAAC,CACR,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,EAC3B,eAAM,SAAS,EAAC,uBAAuB,0BAAiB,IACpD,CACP,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,eAAe,IAAC,IAAI,EAAE,EAAE,GAAI,EAC7B,gBAAM,SAAS,EAAC,uBAAuB,sBAC/B,MAAM,CAAC,MAAM,GAAG,gBAAgB,aACjC,IACH,CACP,GACM,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/components/ResponseContent.js

@@ -2,20 +2,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as Tabs from "@radix-ui/react-tabs";
 import { useState } from "react";
 import { Markdown } from "zudoku/components";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "zudoku/ui/Select.js";
+import { Badge } from "zudoku/ui/Badge.js";
+import { NativeSelect, NativeSelectOption } from "zudoku/ui/NativeSelect.js";
 import { cn } from "zudoku/ui/util.js";
 import { SchemaView } from "../schema/SchemaView.js";
 export const ResponseContent = ({ responses, selectedResponse, onSelectResponse, }) => {
     const [selectedMediaType, setSelectedMediaType] = useState(responses[0]?.content?.[0]?.mediaType ?? "");
     const currentResponse = responses.find((r) => r.statusCode === selectedResponse) ?? responses[0];
-    const cardHeader = (_jsxs("div", { className: "flex flex-col bg-muted text-muted-foreground", children: [_jsxs("div", { className: "flex flex-row items-center gap-2 justify-between px-4 py-2", children: [_jsx(Tabs.List, { className: "flex flex-row font-medium text-sm gap-4", children: responses.map((response) => (_jsx(Tabs.Trigger, { value: response.statusCode, className: cn("py-1 -mx-2 px-2 rounded-md", "data-[state=active]:dark:ring-1 data-[state=active]:dark:ring-border data-[state=active]:bg-background data-[state=active]:drop-shadow", "data-[state=active]:font-semibold data-[state=active]:text-foreground"), children: response.statusCode }, response.statusCode))) }), currentResponse?.content && currentResponse.content.length > 1 && (_jsxs(Select, { value: selectedMediaType, onValueChange: setSelectedMediaType, children: [_jsx(SelectTrigger, { className: "h-8 mt-0 max-w-48 text-xs truncate", children: _jsx(SelectValue, { placeholder: "Select a type" }) }), _jsx(SelectContent, { children: currentResponse.content.map((c) => (_jsx(SelectItem, { value: c.mediaType, children: c.mediaType }, c.mediaType))) })] }))] }), currentResponse?.description && (_jsx(Markdown, { className: "text-sm border-t px-4 py-2 text-muted-foreground max-w-none", content: currentResponse.description }))] }));
+    const hideTabs = responses.length === 1 && responses.at(0)?.statusCode === "200";
+    const cardHeader = (_jsxs("div", { className: "flex flex-col text-muted-foreground", children: [_jsxs("div", { className: cn("flex flex-row items-center gap-2 justify-between", !hideTabs && "px-4 py-1.5 border-b"), children: [!hideTabs && (_jsx(Tabs.List, { className: "flex flex-row font-medium text-sm gap-4", children: responses.map((response) => (_jsx(Tabs.Trigger, { value: response.statusCode, className: cn("py-0.5 h-fit -mx-2 px-2 rounded-md", "data-[state=active]:dark:ring-1 data-[state=active]:dark:ring-border data-[state=active]:bg-background data-[state=active]:drop-shadow", "data-[state=active]:font-semibold data-[state=active]:text-foreground"), children: response.statusCode }, response.statusCode))) })), currentResponse?.content && currentResponse.content.length > 1 && (_jsx(NativeSelect, { value: selectedMediaType, onChange: (e) => setSelectedMediaType(e.target.value), className: "text-xs h-fit py-1 bg-background", children: currentResponse.content.map((c) => (_jsx(NativeSelectOption, { value: c.mediaType, children: c.mediaType }, c.mediaType))) }))] }), _jsxs("div", { className: "p-2 clear-both", children: [hideTabs && (_jsx(Badge, { variant: "outline", className: "float-start me-2", children: currentResponse?.statusCode })), currentResponse?.description && (_jsx(Markdown, { className: "text-sm text-muted-foreground max-w-none", content: currentResponse.description }))] })] }));
     return (_jsx("div", { className: "flex flex-col gap-2", children: _jsx(Tabs.Root, { value: selectedResponse, onValueChange: (value) => {
                 onSelectResponse?.(value);
                 const newResponse = responses.find((r) => r.statusCode === value);
                 setSelectedMediaType(newResponse?.content?.[0]?.mediaType ?? "");
-            }, children: responses.map((response) => {
-                const content = response.content?.find((c) => c.mediaType === selectedMediaType);
-                return (_jsx(Tabs.Content, { value: response.statusCode, children: _jsx(SchemaView, { schema: content?.schema, cardHeader: cardHeader }) }, response.statusCode));
-            }) }) }));
+            }, children: responses.map((response) => (_jsx(Tabs.Content, { value: response.statusCode, children: _jsx(SchemaView, { schema: response.content?.find((content) => content.mediaType === selectedMediaType)?.schema, cardHeader: cardHeader }) }, response.statusCode))) }) }));
 };
 //# sourceMappingURL=ResponseContent.js.map

package/dist/lib/plugins/openapi/components/ResponseContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseContent.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/components/ResponseContent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ResponseContent.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/components/ResponseContent.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/interfaces.d.ts

@@ -47,6 +47,14 @@ export type TransformExamplesFn = (options: {
     operation: OperationsFragmentFragment;
     type: "request" | "response";
 }) => Content[];
+export type GenerateCodeSnippetFn = (options: {
+    selectedLang: string;
+    selectedServer: string;
+    context: ZudokuContext;
+    auth: AuthState;
+    operation: OperationsFragmentFragment;
+    example?: any | null;
+}) => string | false;
 type BaseOasConfig = {
     server?: string;
     path?: string;
@@ -55,12 +63,17 @@ type BaseOasConfig = {
     schemaImports?: SchemaImports;
     options?: {
         examplesLanguage?: string;
+        supportedLanguages?: {
+            value: string;
+            label: string;
+        }[];
         disablePlayground?: boolean;
         disableSidecar?: boolean;
         showVersionSelect?: "always" | "if-available" | "hide";
         expandAllTags?: boolean;
         expandApiInformation?: boolean;
         transformExamples?: TransformExamplesFn;
+        generateCodeSnippet?: GenerateCodeSnippetFn;
     };
 };
 export type OasPluginConfig = BaseOasConfig & OasSource;

package/dist/lib/plugins/openapi/playground/BodyPanel.js

@@ -1,26 +1,78 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { FileInput } from "lucide-react";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, FileInput, Grid2x2PlusIcon, PaperclipIcon, ScanTextIcon, XIcon, } from "lucide-react";
+import { useRef, useState } from "react";
 import { useFormContext } from "react-hook-form";
+import { Button } from "zudoku/components";
 import { Collapsible, CollapsibleContent } from "zudoku/ui/Collapsible.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "zudoku/ui/DropdownMenu.js";
 import { Textarea } from "zudoku/ui/Textarea.js";
 import { cn } from "../../../util/cn.js";
+import { humanFileSize } from "../../../util/humanFileSize.js";
 import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "./CollapsibleHeader.js";
 import ExamplesDropdown from "./ExamplesDropdown.js";
+import ParamsGrid from "./ParamsGrid.js";
+import { MultipartField } from "./request-panel/MultipartField.js";
+import { useKeyValueFieldManager } from "./request-panel/useKeyValueFieldManager.js";
 export const BodyPanel = ({ content }) => {
-    const { register, setValue, watch } = useFormContext();
+    const { register, setValue, watch, control } = useFormContext();
     const examples = (content ?? []).flatMap((e) => e.examples);
-    const headers = watch("headers");
-    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(FileInput, { size: 16 }), _jsx(CollapsibleHeader, { children: "Body" }), content && examples.length > 0 ? (_jsx(ExamplesDropdown, { examples: content, onSelect: (example, mediaType) => {
-                            setValue("body", JSON.stringify(example.value, null, 2));
-                            setValue("headers", [
-                                ...headers.filter((h) => h.name !== "Content-Type"),
-                                {
-                                    name: "Content-Type",
-                                    value: mediaType,
-                                    active: true,
-                                },
-                            ]);
-                        } })) : (_jsx("div", {}))] }), _jsx(CollapsibleContent, { className: "flex flex-col gap-2 ", children: _jsx(Textarea, { ...register("body"), className: cn("w-full p-2 h-64 font-mono md:text-xs border-none rounded-none focus-visible:ring-0"), placeholder: "Your body here..." }) })] }));
+    const [headers, file, bodyMode, body, multipartFormFields] = watch([
+        "headers",
+        "file",
+        "bodyMode",
+        "body",
+        "multipartFormFields",
+    ]);
+    const fileInputRef = useRef(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const handleFileSelect = (selectedFile) => {
+        setValue("file", selectedFile);
+        if (!selectedFile)
+            return;
+        setValue("headers", headers.filter((h) => h.name.toLowerCase() !== "content-type" || !h.active));
+    };
+    const handleFileInputChange = (e) => {
+        const selectedFile = e.target.files?.[0] ?? null;
+        handleFileSelect(selectedFile);
+    };
+    const handleDragOver = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(true);
+    };
+    const handleDragLeave = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+    };
+    const handleDrop = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        const droppedFile = e.dataTransfer.files?.[0] ?? null;
+        handleFileSelect(droppedFile);
+    };
+    const manager = useKeyValueFieldManager({
+        control,
+        name: "multipartFormFields",
+        defaultValue: { name: "", value: "", active: false },
+        isEmpty: (item) => {
+            if (item.value instanceof File)
+                return false;
+            return !item.name && !item.value;
+        },
+    });
+    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { className: "items-center", children: [_jsx(FileInput, { size: 16 }), _jsxs(CollapsibleHeader, { className: "flex items-center justify-between", children: ["Body", _jsxs("div", { className: "flex items-center", children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "hover:bg-accent hover:brightness-95 gap-2", children: [bodyMode === "text" ? (_jsxs(_Fragment, { children: [_jsx(ScanTextIcon, { size: 14 }), "Text"] })) : bodyMode === "file" ? (_jsxs(_Fragment, { children: [_jsx(PaperclipIcon, { size: 14 }), "File"] })) : (_jsxs(_Fragment, { children: [_jsx(Grid2x2PlusIcon, { size: 14 }), "Multipart"] })), _jsx(ChevronDownIcon, { size: 14 })] }) }), _jsxs(DropdownMenuContent, { className: "min-w-40", children: [_jsxs(DropdownMenuItem, { onSelect: () => setValue("bodyMode", "text"), className: "gap-2", children: [_jsx(ScanTextIcon, { size: 14 }), _jsx("span", { className: "flex-1", children: "Text" }), _jsx("span", { children: body.length > 0 && (_jsx("div", { className: "w-1.5 h-1.5 bg-primary rounded-full" })) })] }), _jsxs(DropdownMenuItem, { onSelect: () => setValue("bodyMode", "file"), className: "gap-2", children: [_jsx(PaperclipIcon, { size: 14 }), _jsx("span", { className: "flex-1", children: "File" }), _jsx("span", { children: file && (_jsx("div", { className: "w-1.5 h-1.5 bg-primary rounded-full" })) })] }), _jsxs(DropdownMenuItem, { onSelect: () => setValue("bodyMode", "multipart"), className: "gap-2", children: [_jsx(Grid2x2PlusIcon, { size: 14, strokeWidth: 1.5 }), _jsx("span", { className: "flex-1", children: "Multipart" }), _jsx("span", { children: multipartFormFields?.some((field) => field.active) && (_jsx("div", { className: "w-1.5 h-1.5 bg-primary rounded-full" })) })] })] })] }), _jsx("input", { ref: fileInputRef, type: "file", className: "hidden", onChange: handleFileInputChange }), _jsx("div", { className: "w-px mx-1 h-5 bg-border" }), content && examples.length > 0 ? (_jsx(ExamplesDropdown, { examples: content, onSelect: (example, mediaType) => {
+                                            setValue("body", JSON.stringify(example.value, null, 2));
+                                            setValue("headers", [
+                                                ...headers.filter((h) => h.name !== "Content-Type"),
+                                                {
+                                                    name: "Content-Type",
+                                                    value: mediaType,
+                                                    active: true,
+                                                },
+                                            ]);
+                                        } })) : (_jsx("div", {}))] })] })] }), _jsxs(CollapsibleContent, { className: "CollapsibleContent flex flex-col gap-2", children: [bodyMode === "text" && (_jsx(Textarea, { ...register("body"), className: cn("w-full px-4 py-2.5 h-64 font-mono md:text-xs border-none rounded-none focus-visible:ring-0 transition-colors"), placeholder: "Body content" })), bodyMode === "file" && (_jsxs("div", { role: "region", "aria-label": "File upload drop zone", className: cn("flex flex-col items-center justify-center gap-4 min-h-[300px]"), onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, children: [_jsx("button", { type: "button", onClick: () => fileInputRef.current?.click(), className: cn("flex items-center justify-center gap-2 rounded-full size-20 p-0 border border-dashed border-muted-foreground/50 hover:bg-accent/75 transition-colors", (file || isDragging) && "border-solid", isDragging && "bg-accent border-primary"), children: _jsx(PaperclipIcon, { className: cn("text-muted-foreground", isDragging && "text-primary"), size: 30 }) }), file ? (_jsxs("div", { className: "flex items-center justify-between gap-2 px-2 py-1.5 rounded-md border", children: [_jsxs("span", { className: "text-sm truncate", title: file.name, children: [file.name, " ", _jsxs("span", { className: "text-muted-foreground", children: ["(", humanFileSize(file.size), ")"] })] }), _jsx(Button, { type: "button", variant: "ghost", size: "icon-xxs", onClick: () => handleFileSelect(null), children: _jsx(XIcon, { size: 14 }) })] })) : (_jsx("span", { className: "text-lg font-semibold text-muted-foreground", children: "Select or drop a file" }))] })), bodyMode === "multipart" && (_jsx(ParamsGrid, { children: manager.fields.map((field, index) => (_jsx(MultipartField, { index: index, manager: manager }, field.id))) }))] })] }));
 };
 export default BodyPanel;
 //# sourceMappingURL=BodyPanel.js.map