zudoku 0.0.0-e5be921 → 0.0.0-e614aaa

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

@@ -1,15 +1,94 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { XIcon } from "lucide-react";
-import { useFieldArray } from "react-hook-form";
+import { useCallback, useEffect, useRef } from "react";
+import { Controller, useFieldArray, useFormContext, } from "react-hook-form";
+import { Card } from "zudoku/ui/Card.js";
+import { Checkbox } from "zudoku/ui/Checkbox.js";
+import { Autocomplete } from "../../../components/Autocomplete.js";
 import { Button } from "../../../ui/Button.js";
 import { Input } from "../../../ui/Input.js";
-export const Headers = ({ control, register, }) => {
+import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
+const headerOptions = Object.freeze([
+    "Accept",
+    "Accept-Encoding",
+    "Accept-Language",
+    "Authorization",
+    "Cache-Control",
+    "Connection",
+    "Content-Disposition",
+    "Content-Encoding",
+    "Content-Language",
+    "Content-Length",
+    "Content-Range",
+    "Content-Security-Policy",
+    "Content-Type",
+    "Cookie",
+    "Date",
+    "ETag",
+    "Expires",
+    "Host",
+    "If-Modified-Since",
+    "Location",
+    "Origin",
+    "Pragma",
+    "Referer",
+    "Set-Cookie",
+    "User-Agent",
+    "X-Requested-With",
+]);
+export const Headers = ({ control, headers: schemaHeaders, }) => {
     const { fields, append, remove } = useFieldArray({
         control,
         name: "headers",
     });
-    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("table", { className: "w-full [&_td]:border [&_td]:p-1.5 [&_td]:px-2", children: _jsx("tbody", { children: fields.map((header, i) => (_jsxs("tr", { className: "group has-[:focus]:bg-muted/50 hover:bg-muted/50", children: [_jsx("td", { className: "flex gap-2 items-center", children: _jsx(Input, { ...register(`headers.${i}.name`), placeholder: "Name", className: "border-0 shadow-none text-xs font-mono", autoComplete: "off" }) }), _jsx("td", { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { placeholder: "Value", className: "border-0 shadow-none text-xs font-mono", ...register(`headers.${i}.value`), autoComplete: "off" }), _jsx(Button, { size: "icon", variant: "ghost", className: "text-muted-foreground opacity-0 group-hover:opacity-100", onClick: () => {
-                                                remove(i);
-                                            }, type: "button", children: _jsx(XIcon, { size: 16 }) })] }) })] }, header.id))) }) }), _jsx("div", { className: "text-end", children: _jsx(Button, { className: "", onClick: () => append({ name: "", value: "" }), type: "button", children: "Add header" }) })] }));
+    const { setValue, watch } = useFormContext();
+    const valueRefs = useRef([]);
+    const nameRefs = useRef([]);
+    const watchedHeaders = watch("headers");
+    const addNewHeader = useCallback(() => {
+        append({ name: "", value: "", active: false });
+    }, [append]);
+    useEffect(() => {
+        if (watchedHeaders.length === 0) {
+            addNewHeader();
+        }
+    }, [watchedHeaders, addNewHeader]);
+    const handleHeaderEnter = (index) => {
+        valueRefs.current[index]?.focus();
+    };
+    const handleValueEnter = (index) => {
+        addNewHeader();
+        requestAnimationFrame(() => nameRefs.current[index + 1]?.focus());
+    };
+    const missingHeaders = schemaHeaders
+        .filter((h) => !watchedHeaders.some((f) => f.name === h.name))
+        .map(({ name }) => name);
+    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Card, { className: "overflow-hidden", children: _jsx(ParamsGrid, { children: fields.map((field, i) => {
+                        const currentHeader = schemaHeaders.find((h) => h.name === watch(`headers.${i}.name`));
+                        return (_jsxs(ParamsGridItem, { children: [_jsxs("div", { className: "flex items-center gap-2 ", children: [_jsx(Controller, { control: control, name: `headers.${i}.active`, render: ({ field }) => (_jsx(Checkbox, { variant: "outline", id: `headers.${i}.active`, checked: field.value, onCheckedChange: (checked) => {
+                                                    field.onChange(checked);
+                                                } })) }), _jsx(Controller, { control: control, name: `headers.${i}.name`, render: ({ field }) => (_jsx(Autocomplete, { ...field, placeholder: "Name", className: "border-0 shadow-none bg-transparent text-xs font-mono", options: [...missingHeaders, ...headerOptions], onEnterPress: () => handleHeaderEnter(i), onChange: (e) => {
+                                                    field.onChange(e);
+                                                    setValue(`headers.${i}.active`, true);
+                                                }, ref: (el) => {
+                                                    nameRefs.current[i] = el;
+                                                } })) })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Controller, { control: control, name: `headers.${i}.value`, render: ({ field }) => {
+                                                const hasEnum = currentHeader?.enum && currentHeader.enum.length > 0;
+                                                if (!hasEnum) {
+                                                    return (_jsx(Input, { placeholder: "Value", className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0", ...field, ref: (el) => {
+                                                            valueRefs.current[i] = el;
+                                                        }, onKeyDown: (e) => {
+                                                            if (e.key === "Enter" &&
+                                                                e.currentTarget.value.trim()) {
+                                                                handleValueEnter(i);
+                                                            }
+                                                        }, autoComplete: "off" }));
+                                                }
+                                                return (_jsx(Autocomplete, { shouldFilter: false, value: field.value, options: currentHeader.enum ?? [], onChange: (e) => {
+                                                        field.onChange(e);
+                                                        setValue(`headers.${i}.active`, true);
+                                                    }, className: "font-mono text-xs border-0" }));
+                                            } }), _jsx(Button, { size: "icon", variant: "ghost", className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7", onClick: () => remove(i), type: "button", children: _jsx(XIcon, { size: 16 }) })] })] }, field.id));
+                    }) }) }), _jsx("div", { className: "text-end", children: _jsx(Button, { className: "", onClick: addNewHeader, type: "button", variant: "secondary", children: "Add header" }) })] }));
 };
 //# sourceMappingURL=Headers.js.map

package/dist/lib/plugins/openapi/playground/Headers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headers.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/Headers.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAW,aAAa,EAAmB,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,EACP,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAiB;QAC/D,OAAO;QACP,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,gBAAO,SAAS,EAAC,+CAA+C,YAC9D,0BACG,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,cAEE,SAAS,EAAC,kDAAkD,aAE5D,aAAI,SAAS,EAAC,yBAAyB,YACrC,KAAC,KAAK,OACA,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,EACjC,WAAW,EAAC,MAAM,EAClB,SAAS,EAAC,wCAAwC,EAClD,YAAY,EAAC,KAAK,GAClB,GACC,EACL,uBACE,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,KAAK,IACJ,WAAW,EAAE,OAAO,EACpB,SAAS,EAAC,wCAAwC,KAC9C,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,EAClC,YAAY,EAAC,KAAK,GAClB,EACF,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,yDAAyD,EACnE,OAAO,EAAE,GAAG,EAAE;gDACZ,MAAM,CAAC,CAAC,CAAC,CAAC;4CACZ,CAAC,EACD,IAAI,EAAC,QAAQ,YAEb,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACZ,IACL,GACH,KA/BA,MAAM,CAAC,EAAE,CAgCX,CACN,CAAC,GACI,GACF,EACR,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,MAAM,IACL,SAAS,EAAC,EAAE,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAC9C,IAAI,EAAC,QAAQ,2BAGN,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Headers.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/Headers.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/playground/ParamsGrid.d.ts

@@ -0,0 +1,9 @@
+declare const ParamsGrid: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    className?: import("clsx").ClassValue;
+    asChild?: boolean;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export declare const ParamsGridItem: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    className?: import("clsx").ClassValue;
+    asChild?: boolean;
+}, "ref"> & import("react").RefAttributes<HTMLElement>>;
+export default ParamsGrid;

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

@@ -0,0 +1,5 @@
+import createVariantComponent from "../../../util/createVariantComponent.js";
+const ParamsGrid = createVariantComponent("div", "grid grid-cols-[2fr_3fr] gap-2 items-center");
+export const ParamsGridItem = createVariantComponent("div", "group hover:bg-accent px-3 grid col-span-full grid-cols-subgrid");
+export default ParamsGrid;
+//# sourceMappingURL=ParamsGrid.js.map

package/dist/lib/plugins/openapi/playground/ParamsGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParamsGrid.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/ParamsGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,MAAM,yCAAyC,CAAC;AAE7E,MAAM,UAAU,GAAG,sBAAsB,CACvC,KAAK,EACL,6CAA6C,CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAClD,KAAK,EACL,iEAAiE,CAClE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/lib/plugins/openapi/playground/PathParams.d.ts

@@ -1,5 +1,6 @@
-import { Control } from "react-hook-form";
+import { type Control } from "react-hook-form";
 import type { PlaygroundForm } from "./Playground.js";
-export declare const PathParams: ({ control, }: {
+export declare const PathParams: ({ control, url, }: {
     control: Control<PlaygroundForm>;
+    url: string;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EraserIcon } from "lucide-react";
 import { Controller, useFieldArray } from "react-hook-form";
-import { Button } from "../../../ui/Button.js";
+import { Card } from "zudoku/ui/Card.js";
 import { Input } from "../../../ui/Input.js";
-import { cn } from "../../../util/cn.js";
 import { ColorizedParam } from "../ColorizedParam.js";
-export const PathParams = ({ control, }) => {
+import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
+export const PathParams = ({ control, url, }) => {
     const { fields } = useFieldArray({
         control,
         name: "pathParams",
     });
-    return (_jsx("table", { className: "w-full table-auto [&_td]:border [&_td]:py-1 [&_td]:px-2", children: _jsx("tbody", { children: fields.map((part, i) => (_jsxs("tr", { className: "hover:bg-accent/40", children: [_jsx("td", { children: _jsx(Controller, { control: control, name: `pathParams.${i}.value`, render: ({ field }) => (_jsxs("div", { children: [_jsx(ColorizedParam, { slug: part.name, name: part.name, backgroundOpacity: "25%", borderOpacity: field.value ? "100%" : "0", className: cn("font-mono text-xs m-2", !field.value && "opacity-60") }), "*"] })) }) }), _jsx("td", { children: _jsxs("div", { className: "flex justify-between items-center", children: [_jsx(Controller, { control: control, name: `pathParams.${i}.value`, render: ({ field }) => (_jsx(Input, { ...field, required: true, placeholder: "Enter value", className: "border-0 shadow-none ring-0 font-mono text-xs" })) }), _jsx(Controller, { control: control, name: `pathParams.${i}.value`, render: ({ field }) => (_jsx(Button, { size: "icon", type: "button", variant: "ghost", "aria-label": "Clear value", className: cn("ms-2", field.value.length === 0
-                                            ? "opacity-0 pointer-events-none"
-                                            : "opacity-100"), title: "Clear value", onClick: () => field.onChange(""), children: _jsx(EraserIcon, { size: 16 }) })) })] }) })] }, part.id))) }) }));
+    const sortedFields = [...fields].sort((a, b) => url.indexOf(`{${a.name}}`) - url.indexOf(`{${b.name}}`));
+    return (_jsx(Card, { className: "rounded-lg", children: _jsx(ParamsGrid, { children: sortedFields.map((field, i) => (_jsxs(ParamsGridItem, { children: [_jsx(Controller, { control: control, name: `pathParams.${i}.name`, render: () => (_jsx("div", { className: "flex items-center", children: _jsx(ColorizedParam, { slug: field.name, name: field.name, className: "font-mono text-xs px-2" }) })) }), _jsx("div", { className: "flex justify-between items-center", children: _jsx(Controller, { control: control, name: `pathParams.${i}.value`, render: ({ field }) => (_jsx(Input, { ...field, required: true, placeholder: "Enter value", className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0" })) }) })] }, field.id))) }) }));
 };
 //# sourceMappingURL=PathParams.js.map

package/dist/lib/plugins/openapi/playground/PathParams.js.map

@@ -1 +1 @@
-{"version":3,"file":"PathParams.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/PathParams.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAW,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,GAGR,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAiB;QAC/C,OAAO;QACP,IAAI,EAAE,YAAY;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,gBAAO,SAAS,EAAC,yDAAyD,YACxE,0BACG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,cAAkB,SAAS,EAAC,oBAAoB,aAC9C,uBACE,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,QAAQ,EAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,0BACE,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,iBAAiB,EAAC,KAAK,EACvB,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EACzC,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,CAAC,KAAK,CAAC,KAAK,IAAI,YAAY,CAC7B,GACD,SAEE,CACP,GACD,GACC,EACL,uBACE,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,QAAQ,EAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,KAAK,OACA,KAAK,EACT,QAAQ,QACR,WAAW,EAAC,aAAa,EACzB,SAAS,EAAC,+CAA+C,GACzD,CACH,GACD,EACF,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,QAAQ,EAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,gBACJ,aAAa,EACxB,SAAS,EAAE,EAAE,CACX,MAAM,EACN,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;4CACtB,CAAC,CAAC,+BAA+B;4CACjC,CAAC,CAAC,aAAa,CAClB,EACD,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,YAEjC,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,GACjB,CACV,GACD,IACE,GACH,KA3DE,IAAI,CAAC,EAAE,CA4DX,CACN,CAAC,GACI,GACF,CACT,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PathParams.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/PathParams.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,UAAU,EAAE,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG7D,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,GAAG,GAIJ,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAA+B;QAC7D,OAAO;QACP,IAAI,EAAE,YAAY;KACnB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CACnC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAClE,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IAAC,SAAS,EAAC,YAAY,YAC1B,KAAC,UAAU,cACR,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC9B,MAAC,cAAc,eACb,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,OAAO,EAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,cAAc,IACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAC,wBAAwB,GAClC,GACE,CACP,GACD,EAEF,cAAK,SAAS,EAAC,mCAAmC,YAChD,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,QAAQ,EAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,KAAK,OACA,KAAK,EACT,QAAQ,QACR,WAAW,EAAC,aAAa,EACzB,SAAS,EAAC,oEAAoE,GAC9E,CACH,GACD,GACE,KA5Ba,KAAK,CAAC,EAAE,CA6BZ,CAClB,CAAC,GACS,GACR,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/playground/Playground.d.ts

@@ -1,13 +1,20 @@
+import { Content } from "../SidecarExamples.js";
 export declare const NO_IDENTITY = "__none";
 export type Header = {
     name: string;
     defaultValue?: string;
+    defaultActive?: boolean;
+    isRequired?: boolean;
+    enum?: string[];
+    type?: string;
 };
 export type QueryParam = {
     name: string;
     defaultValue?: string;
     defaultActive?: boolean;
     isRequired?: boolean;
+    enum?: string[];
+    type?: string;
 };
 export type PathParam = {
     name: string;
@@ -20,6 +27,7 @@ export type PlaygroundForm = {
         name: string;
         value: string;
         active: boolean;
+        enum?: string[];
     }>;
     pathParams: Array<{
         name: string;
@@ -28,11 +36,26 @@ export type PlaygroundForm = {
     headers: Array<{
         name: string;
         value: string;
+        active: boolean;
+        enum?: string[];
     }>;
     identity?: string;
 };
+export type PlaygroundResult = {
+    status: number;
+    headers: Array<[string, string]>;
+    size: number;
+    body: string;
+    time: number;
+    request: {
+        method: string;
+        url: string;
+        headers: Array<[string, string]>;
+        body?: string;
+    };
+};
 export type PlaygroundContentProps = {
-    server: string;
+    server?: string;
     servers?: string[];
     url: string;
     method: string;
@@ -40,6 +63,7 @@ export type PlaygroundContentProps = {
     queryParams?: QueryParam[];
     pathParams?: PathParam[];
     defaultBody?: string;
+    examples?: Content;
 };
-export declare const Playground: ({ server, servers, url, method, headers, queryParams, pathParams, defaultBody, }: PlaygroundContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Playground: ({ server, servers, url, method, headers, queryParams, pathParams, defaultBody, examples, }: PlaygroundContentProps) => import("react/jsx-runtime").JSX.Element;
 export default Playground;

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

@@ -1,53 +1,66 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMutation } from "@tanstack/react-query";
+import { InfoIcon } from "lucide-react";
 import { Fragment, useEffect, useRef, useTransition } from "react";
 import { FormProvider, useForm } from "react-hook-form";
+import { Alert, AlertDescription, AlertTitle } from "zudoku/ui/Alert.js";
+import { PathRenderer } from "../../../components/PathRenderer.js";
+import { Label } from "zudoku/ui/Label.js";
+import { RadioGroup, RadioGroupItem } from "zudoku/ui/RadioGroup.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "zudoku/ui/Select.js";
-import { useSelectedServerStore } from "../../../authentication/state.js";
+import { Textarea } from "zudoku/ui/Textarea.js";
+import { useSelectedServer } from "../../../authentication/state.js";
 import { useApiIdentities } from "../../../components/context/ZudokuContext.js";
-import { Spinner } from "../../../components/Spinner.js";
-import { Button } from "../../../ui/Button.js";
-import { Callout } from "../../../ui/Callout.js";
-import { Card, CardContent, CardHeader, CardTitle } from "../../../ui/Card.js";
+import { Card } from "../../../ui/Card.js";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../../../ui/Tabs.js";
+import { cn } from "../../../util/cn.js";
 import { ColorizedParam } from "../ColorizedParam.js";
 import { createUrl } from "./createUrl.js";
+import ExamplesDropdown from "./ExamplesDropdown.js";
 import { Headers } from "./Headers.js";
 import { PathParams } from "./PathParams.js";
 import { QueryParams } from "./QueryParams.js";
-import { ResponseTab } from "./ResponseTab.js";
+import { ResultPanel } from "./result-panel/ResultPanel.js";
+import SubmitButton from "./SubmitButton.js";
 export const NO_IDENTITY = "__none";
-const statusCodeMap = {
-    200: "OK",
-    201: "Created",
-    202: "Accepted",
-    204: "No Content",
-    400: "Bad Request",
-    401: "Unauthorized",
-    403: "Forbidden",
-    404: "Not Found",
-    405: "Method Not Allowed",
-    500: "Internal Server Error",
-};
-export const Playground = ({ server, servers, url, method, headers = [], queryParams = [], pathParams = [], defaultBody = "", }) => {
-    const { selectedServer, setSelectedServer } = useSelectedServerStore();
+export const Playground = ({ server, servers = [], url, method, headers = [], queryParams = [], pathParams = [], defaultBody = "", examples, }) => {
+    const { selectedServer, setSelectedServer } = useSelectedServer(servers.map((url) => ({ url })));
     const [, startTransition] = useTransition();
     const { register, control, handleSubmit, watch, setValue, ...form } = useForm({
         defaultValues: {
             body: defaultBody,
-            queryParams: queryParams.map((param) => ({
+            queryParams: queryParams
+                .map((param) => ({
                 name: param.name,
                 value: param.defaultValue ?? "",
                 active: param.defaultActive ?? false,
-            })),
+                enum: param.enum ?? [],
+            }))
+                .concat([
+                {
+                    name: "",
+                    value: "",
+                    active: false,
+                    enum: [],
+                },
+            ]),
             pathParams: pathParams.map((param) => ({
                 name: param.name,
                 value: param.defaultValue ?? "",
             })),
-            headers: headers.map((header) => ({
+            headers: headers
+                .map((header) => ({
                 name: header.name,
                 value: header.defaultValue ?? "",
-            })),
+                active: header.defaultActive ?? false,
+            }))
+                .concat([
+                {
+                    name: "",
+                    value: "",
+                    active: false,
+                },
+            ]),
             identity: NO_IDENTITY,
         },
     });
@@ -63,19 +76,19 @@ export const Playground = ({ server, servers, url, method, headers = [], queryPa
             setOnce.current = true;
         }
     }, [setValue, identities.data]);
+    const formRef = useRef(null);
     const queryMutation = useMutation({
         mutationFn: async (data) => {
-            const requestUrl = createUrl(selectedServer ?? server, url, data);
             const start = performance.now();
-            const request = new Request(requestUrl, {
+            const request = new Request(createUrl(server ?? selectedServer, url, data), {
                 method: method.toUpperCase(),
                 headers: Object.fromEntries(data.headers
-                    .filter((h) => h.name)
+                    .filter((h) => h.name && h.active)
                     .map((header) => [header.name, header.value])),
                 body: data.body ? data.body : undefined,
             });
             if (data.identity !== NO_IDENTITY) {
-                identities.data
+                await identities.data
                     ?.find((i) => i.id === data.identity)
                     ?.authorizeRequest(request);
             }
@@ -85,12 +98,23 @@ export const Playground = ({ server, servers, url, method, headers = [], queryPa
                 });
                 const time = performance.now() - start;
                 const body = await response.text();
+                const url = new URL(request.url);
                 return {
                     status: response.status,
-                    headers: response.headers,
+                    headers: Array.from(response.headers.entries()),
                     size: body.length,
                     body,
                     time,
+                    request: {
+                        method: request.method.toUpperCase(),
+                        url: request.url,
+                        headers: [
+                            ["Host", url.host],
+                            ["User-Agent", "Zudoku Playground"],
+                            ...Array.from(request.headers.entries()),
+                        ],
+                        body: data.body ? data.body : undefined,
+                    },
                 };
             }
             catch (error) {
@@ -103,36 +127,20 @@ export const Playground = ({ server, servers, url, method, headers = [], queryPa
             }
         },
     });
-    const path = url.split("/").map((part, i, arr) => {
-        const isPathParam = (part.startsWith("{") && part.endsWith("}")) || part.startsWith(":");
-        const replaced = part.replace(/[:{}]/g, "");
-        const value = formState.pathParams.find((p) => p.name === replaced)?.value;
-        const pathParamValue = value ? (_jsx(ColorizedParam, { backgroundOpacity: "25%", name: part, slug: part, children: encodeURIComponent(value) })) : (_jsx("span", { className: "underline decoration-wavy decoration-red-500", title: `Missing value for path parameter \`${replaced}\``, children: part }));
-        return (
-        // eslint-disable-next-line react/no-array-index-key
-        _jsxs(Fragment, { children: [isPathParam ? pathParamValue : part, i < arr.length - 1 && "/", _jsx("wbr", {})] }, part + i));
-    });
-    const headerEntries = Array.from(queryMutation.data?.headers.entries() ?? []);
+    const path = (_jsx(PathRenderer, { path: url, renderParam: ({ name, originalValue, index }) => {
+            const formValue = formState.pathParams.find((param) => param.name === name)?.value;
+            return (_jsx(ColorizedParam, { name: name, backgroundOpacity: "0", slug: name, onClick: () => form.setFocus(`pathParams.${index}.value`), children: formValue || originalValue }));
+        } }));
     const urlQueryParams = formState.queryParams
         .filter((p) => p.active)
         .map((p, i, arr) => (_jsxs(Fragment, { children: [p.name, "=", encodeURIComponent(p.value).replaceAll("%20", "+"), i < arr.length - 1 && "&", _jsx("wbr", {})] }, p.name)));
-    const serverSelect = (_jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: servers && servers.length > 1 ? (_jsxs(Select, { onValueChange: (value) => {
-                startTransition(() => {
-                    setSelectedServer(value);
-                });
-            }, value: selectedServer, children: [_jsx(SelectTrigger, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: servers.map((s) => (_jsx(SelectItem, { value: s, children: s.replace(/^https?:\/\//, "") }, s))) })] })) : (_jsx("span", { children: server.replace(/^https?:\/\//, "") })) }));
-    return (_jsx(FormProvider, { register, control, handleSubmit, watch, setValue, ...form, children: _jsx("form", { onSubmit: handleSubmit((data) => queryMutation.mutateAsync(data)), children: _jsxs("div", { className: "grid grid-cols-[8fr_7fr] text-sm h-full", children: [_jsxs("div", { className: "flex flex-col gap-4 p-8 bg-muted/50 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto", children: [_jsxs("div", { className: "flex gap-2 items-stretch", children: [_jsxs("div", { className: "flex flex-1 items-center w-full border rounded-md", children: [_jsx("div", { className: "border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono", children: method.toUpperCase() }), _jsxs("div", { className: "flex items-center flex-wrap p-2 font-mono text-xs", children: [serverSelect, path, urlQueryParams.length > 0 ? "?" : "", urlQueryParams] })] }), _jsx(Button, { type: "submit", className: "h-auto flex gap-1", children: "Send" })] }), _jsxs(Tabs, { defaultValue: queryParams.length + pathParams.length > 0
-                                    ? "parameters"
-                                    : "headers", children: [_jsxs("div", { className: "flex flex-wrap gap-1 justify-between", children: [_jsxs(TabsList, { children: [queryParams.length + pathParams.length > 0 && (_jsx(TabsTrigger, { value: "parameters", children: "Parameters" })), _jsxs(TabsTrigger, { value: "headers", children: ["Headers", " ", formState.headers.length > 0 &&
-                                                                `(${formState.headers.length})`] }), _jsx(TabsTrigger, { value: "body", disabled: !["POST", "PUT", "PATCH", "DELETE"].includes(method.toUpperCase()), children: "Body" })] }), _jsxs("div", { className: "flex gap-2 items-center", children: ["Auth:", _jsxs(Select, { onValueChange: (value) => setValue("identity", value), value: formState.identity, defaultValue: formState.identity, children: [_jsx(SelectTrigger, { className: "w-[180px] flex", children: identities.isPending ? _jsx(Spinner, {}) : _jsx(SelectValue, {}) }), _jsxs(SelectContent, { align: "center", children: [_jsx(SelectItem, { value: NO_IDENTITY, children: "None" }), identities.data?.map((identity) => (_jsx(SelectItem, { value: identity.id, children: identity.label }, identity.id)))] })] })] })] }), _jsx(TabsContent, { value: "headers", children: _jsx(Headers, { control: control, register: register }) }), _jsxs(TabsContent, { value: "parameters", children: [pathParams.length > 0 && (_jsxs("div", { className: "flex flex-col gap-4 my-4", children: [_jsx("span", { className: "font-semibold", children: "Path Parameters" }), _jsx(PathParams, { control: control })] })), queryParams.length > 0 && (_jsxs("div", { className: "flex flex-col gap-4 my-4", children: [_jsx("span", { className: "font-semibold", children: "Query Parameters" }), _jsx(QueryParams, { control: control, queryParams: queryParams })] }))] }), _jsx(TabsContent, { value: "body", children: _jsx("textarea", { ...register("body"), className: "border w-full rounded p-2 bg-muted h-40" }) })] })] }), _jsx("div", { className: "min-w-0 p-8 bg-muted/70", children: queryMutation.error ? (_jsxs("div", { className: "flex flex-col gap-2", children: [formState.pathParams.some((p) => p.value === "") && (_jsx(Callout, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." })), _jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Request failed" }) }), _jsxs(CardContent, { children: ["Error:", " ", queryMutation.error.message ||
-                                                    String(queryMutation.error) ||
-                                                    "Unexpected error"] })] })] })) : queryMutation.data ? (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("div", { className: "flex gap-2", children: _jsxs("div", { className: "flex text-xs gap-6", children: [_jsxs("div", { children: ["Status: ", queryMutation.data.status, " ", statusCodeMap[queryMutation.data.status] ?? ""] }), _jsxs("div", { children: ["Time: ", queryMutation.data.time.toFixed(0), "ms"] }), _jsxs("div", { children: ["Size: ", queryMutation.data.size, " B"] })] }) }), _jsxs(Tabs, { defaultValue: "response", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "response", children: "Response" }), _jsx(TabsTrigger, { value: "headers", children: headerEntries.length
-                                                        ? `Headers (${headerEntries.length})`
-                                                        : "No headers" })] }), _jsx(TabsContent, { value: "response", children: _jsx(ResponseTab, { headers: queryMutation.data.headers, body: queryMutation.data.body }) }), _jsx(TabsContent, { value: "headers", children: _jsxs(Card
-                                            // playground dialog has h-5/6 ≈ 83.333vh
-                                            , { 
-                                                // playground dialog has h-5/6 ≈ 83.333vh
-                                                className: "max-h-[calc(83.333vh-140px)] overflow-y-auto grid grid-cols-2 w-full gap-2.5 font-mono text-xs shadow-none p-4", children: [_jsx("div", { className: "font-semibold", children: "Key" }), _jsx("div", { className: "font-semibold", children: "Value" }), headerEntries.map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("div", { children: key }), _jsx("div", { className: "break-words", children: value })] }, key)))] }) })] })] })) : (_jsx("div", { className: "grid place-items-center h-full", children: _jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: queryMutation.isPending ? (_jsx(Spinner, {})) : ("Send a request first to see the response here") }) })) })] }) }) }));
+    const serverSelect = (_jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition translate-y-[4px]", children: server ? (_jsx("span", { children: server.replace(/^https?:\/\//, "") })) : (servers.length > 1 && (_jsxs(Select, { onValueChange: (value) => {
+                startTransition(() => setSelectedServer(value));
+            }, value: selectedServer, defaultValue: selectedServer, children: [_jsx(SelectTrigger, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: servers.map((s) => (_jsx(SelectItem, { value: s, children: s.replace(/^https?:\/\//, "") }, s))) })] }))) }));
+    return (_jsx(FormProvider, { register, control, handleSubmit, watch, setValue, ...form, children: _jsx("form", { onSubmit: handleSubmit((data) => queryMutation.mutateAsync(data)), ref: formRef, children: _jsxs("div", { className: "grid grid-cols-2 text-sm h-full", children: [_jsxs("div", { className: "flex flex-col gap-4 p-4 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto", children: [_jsxs("div", { className: "flex gap-2 items-stretch", children: [_jsxs("div", { className: "flex flex-1 items-center w-full border rounded-md", children: [_jsx("div", { className: "border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono flex items-center", children: method.toUpperCase() }), _jsxs("div", { className: "items-center px-2 py-0.5 font-mono text-xs break-all leading-6", children: [serverSelect, path, urlQueryParams.length > 0 ? "?" : "", urlQueryParams] })] }), _jsx(SubmitButton, { identities: identities.data ?? [], formRef: formRef, disabled: form.formState.isSubmitting })] }), _jsxs(Tabs, { defaultValue: "parameters", children: [_jsx("div", { className: "flex flex-wrap gap-1 justify-between", children: _jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "parameters", children: ["Parameters", (formState.pathParams.some((p) => p.value !== "") ||
+                                                            formState.queryParams.some((p) => p.active)) && (_jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" }))] }), _jsxs(TabsTrigger, { value: "headers", children: ["Headers", formState.headers.filter((h) => h.active).length > 0 && (_jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" }))] }), _jsxs(TabsTrigger, { value: "auth", children: ["Auth", formState.identity !== NO_IDENTITY && (_jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" }))] }), _jsx(TabsTrigger, { value: "body", children: "Body" })] }) }), _jsx(TabsContent, { value: "headers", children: _jsx(Headers, { control: control, headers: headers }) }), _jsxs(TabsContent, { value: "parameters", children: [pathParams.length > 0 && (_jsxs("div", { className: "flex flex-col gap-4 my-4", children: [_jsx("span", { className: "font-semibold", children: "Path Parameters" }), _jsx(PathParams, { url: url, control: control })] })), _jsxs("div", { className: "flex flex-col gap-4 my-4", children: [_jsx("span", { className: "font-semibold", children: "Query Parameters" }), _jsx(QueryParams, { control: control, queryParams: queryParams })] })] }), _jsxs(TabsContent, { value: "body", children: [!["POST", "PUT", "PATCH", "DELETE"].includes(method.toUpperCase()) && (_jsxs(Alert, { className: "mb-2", children: [_jsx(InfoIcon, { className: "w-4 h-4" }), _jsx(AlertTitle, { children: "Body" }), _jsx(AlertDescription, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })] })), _jsx(Textarea, { ...register("body"), className: cn("border w-full rounded-lg p-2 bg-muted h-40 font-mono", !["POST", "PUT", "PATCH", "DELETE"].includes(method.toUpperCase()) && "h-20"), placeholder: !["POST", "PUT", "PATCH", "DELETE"].includes(method.toUpperCase())
+                                                    ? "This request does not support a body"
+                                                    : undefined, disabled: !["POST", "PUT", "PATCH", "DELETE"].includes(method.toUpperCase()) }), examples && (_jsx(ExamplesDropdown, { examples: examples, onSelect: (example) => setValue("body", JSON.stringify(example.value, null, 2)) }))] }), _jsx(TabsContent, { value: "auth", children: _jsxs("div", { className: "flex flex-col gap-4 my-4", children: [identities.data?.length === 0 && (_jsxs(Alert, { children: [_jsx(InfoIcon, { className: "w-4 h-4" }), _jsx(AlertTitle, { children: "Authentication" }), _jsx(AlertDescription, { children: "No identities found. Please create an identity first." })] })), _jsx("div", { className: "flex flex-col items-center gap-2", children: _jsx(Card, { className: "w-full overflow-hidden", children: _jsxs(RadioGroup, { onValueChange: (value) => setValue("identity", value), value: formState.identity, defaultValue: formState.identity, className: "gap-0", disabled: identities.data?.length === 0, children: [_jsxs(Label, { className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent", htmlFor: "none", children: [_jsx(RadioGroupItem, { value: NO_IDENTITY, id: "none", children: "None" }), _jsx(Label, { htmlFor: "none", className: "ml-2", children: "None" })] }), identities.data?.map((identity) => (_jsxs(Label, { className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent", children: [_jsx(RadioGroupItem, { value: identity.id, id: identity.id, children: identity.label }), _jsx(Label, { htmlFor: identity.id, className: "ml-2", children: identity.label })] }, identity.id)))] }) }) })] }) })] })] }), _jsx(ResultPanel, { queryMutation: queryMutation, showPathParamsWarning: formState.pathParams.some((p) => p.value === "") })] }) }) }));
 };
 export default Playground;
 //# sourceMappingURL=Playground.js.map

package/dist/lib/plugins/openapi/playground/Playground.js.map

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

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

@@ -6,7 +6,7 @@ import { Playground } from "./Playground.js";
 const HeroPlayIcon = ({ className, size = 16, }) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", className: className, width: size, height: size, children: _jsx("path", { fillRule: "evenodd", d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm14.024-.983a1.125 1.125 0 0 1 0 1.966l-5.603 3.113A1.125 1.125 0 0 1 9 15.113V8.887c0-.857.921-1.4 1.671-.983l5.603 3.113Z", clipRule: "evenodd" }) }));
 const PlaygroundDialog = (props) => {
     const [open, setOpen] = useState(false);
-    return (_jsxs(Dialog, { onOpenChange: (open) => setOpen(open), children: [_jsx(DialogTrigger, { asChild: true, children: props.children ?? (_jsxs("button", { className: "flex gap-1 items-center px-2 py-1 rounded-md bg-primary/80 hover:bg-primary transition text-primary-foreground text-xs", children: ["Test", _jsx(HeroPlayIcon, { className: "", size: 14 })] })) }), _jsxs(DialogContent, { className: "max-w-screen-xl w-full h-5/6 overflow-auto p-0", "aria-describedby": undefined, children: [_jsx(VisuallyHidden, { children: _jsx(DialogTitle, { children: "Playground" }) }), open && _jsx(Playground, { ...props })] })] }));
+    return (_jsxs(Dialog, { onOpenChange: (open) => setOpen(open), children: [_jsx(DialogTrigger, { asChild: true, children: props.children ?? (_jsxs("button", { type: "button", className: "flex gap-1 items-center px-2 py-1 rounded-md transition text-xs bg-primary  text-primary-foreground shadow-sm hover:bg-primary/80", children: ["Test", _jsx(HeroPlayIcon, { size: 14 })] })) }), _jsxs(DialogContent, { className: "max-w-screen-xl w-full h-5/6 overflow-hidden p-0", "aria-describedby": undefined, children: [_jsx(VisuallyHidden, { children: _jsx(DialogTitle, { children: "Playground" }) }), open && _jsx(Playground, { ...props })] })] }));
 };
 export { PlaygroundDialog };
 //# sourceMappingURL=PlaygroundDialog.js.map

package/dist/lib/plugins/openapi/playground/PlaygroundDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlaygroundDialog.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/PlaygroundDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAA0B,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAA+B,MAAM,iBAAiB,CAAC;AAI1E,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,IAAI,GAAG,EAAE,GAIV,EAAE,EAAE,CAAC,CACJ,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,YAEZ,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iOAAiO,EACnO,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,CACL,MAAC,MAAM,IAAC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,aAC3C,KAAC,aAAa,IAAC,OAAO,kBACnB,KAAK,CAAC,QAAQ,IAAI,CACjB,kBAAQ,SAAS,EAAC,wHAAwH,qBAExI,KAAC,YAAY,IAAC,SAAS,EAAC,EAAE,EAAC,IAAI,EAAE,EAAE,GAAI,IAChC,CACV,GACa,EAEhB,MAAC,aAAa,IACZ,SAAS,EAAC,gDAAgD,sBACxC,SAAS,aAE3B,KAAC,cAAc,cACb,KAAC,WAAW,6BAAyB,GACtB,EAChB,IAAI,IAAI,KAAC,UAAU,OAAK,KAAK,GAAI,IACpB,IACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"PlaygroundDialog.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/PlaygroundDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAA0B,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAA+B,MAAM,iBAAiB,CAAC;AAI1E,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,IAAI,GAAG,EAAE,GAIV,EAAE,EAAE,CAAC,CACJ,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,YAEZ,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iOAAiO,EACnO,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACxD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,OAAO,CACL,MAAC,MAAM,IAAC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,aAC3C,KAAC,aAAa,IAAC,OAAO,kBACnB,KAAK,CAAC,QAAQ,IAAI,CACjB,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,mIAAmI,qBAG7I,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,IACnB,CACV,GACa,EAEhB,MAAC,aAAa,IACZ,SAAS,EAAC,kDAAkD,sBAC1C,SAAS,aAE3B,KAAC,cAAc,cACb,KAAC,WAAW,6BAAyB,GACtB,EAChB,IAAI,IAAI,KAAC,UAAU,OAAK,KAAK,GAAI,IACpB,IACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}