zudoku 0.64.1 → 0.65.0

package/dist/lib/plugins/openapi/components/NonHighlightedCode.d.ts

@@ -0,0 +1,4 @@
+export declare const NonHighlightedCode: ({ code, className, }: {
+    code: string;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../util/cn.js";
+import { OverflowOverlay } from "../CollapsibleCode.js";
+export const NonHighlightedCode = ({ code, className, }) => (_jsx("pre", { className: cn("relative text-(--shiki-light) dark:text-(--shiki-dark) p-2 text-xs font-mono max-h-[250px] leading-4.5 bg-(--shiki-light-bg) dark:bg-(--shiki-dark-bg) overflow-hidden", className), children: _jsxs("code", { children: [code.split("\n").length > 13 && _jsx(OverflowOverlay, {}), code] }) }));
+//# sourceMappingURL=NonHighlightedCode.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NonHighlightedCode.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/components/NonHighlightedCode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EACjC,IAAI,EACJ,SAAS,GAIV,EAAE,EAAE,CAAC,CACJ,cACE,SAAS,EAAE,EAAE,CACX,wKAAwK,EACxK,SAAS,CACV,YAED,2BACG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,EAAE,IAAI,KAAC,eAAe,KAAG,EACnD,IAAI,IACA,GACH,CACP,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", 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

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

@@ -1 +1 @@
-{"version":3,"file":"BodyPanel.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/BodyPanel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,OAAO,EACL,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,wBAAwB,CAAC;AAChC,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAGrD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAmC,EAAE,EAAE;IACxE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,cAAc,EAAkB,CAAC;IACvE,MAAM,QAAQ,GAAG,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5D,MAAM,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CACL,MAAC,WAAW,IAAC,WAAW,mBACtB,MAAC,wBAAwB,eACvB,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACvB,KAAC,iBAAiB,uBAAyB,EAC1C,OAAO,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChC,KAAC,gBAAgB,IACf,QAAQ,EAAE,OAAO,EACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE;4BAC/B,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC;4BACzD,QAAQ,CAAC,SAAS,EAAE;gCAClB,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,cAAc,CAAC;gCACnD;oCACE,IAAI,EAAE,cAAc;oCACpB,KAAK,EAAE,SAAS;oCAChB,MAAM,EAAE,IAAI;iCACb;6BACF,CAAC,CAAC;wBACL,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,eAAO,CACR,IACwB,EAC3B,KAAC,kBAAkB,IAAC,SAAS,EAAC,sBAAsB,YAClD,KAAC,QAAQ,OACH,QAAQ,CAAC,MAAM,CAAC,EACpB,SAAS,EAAE,EAAE,CACX,oFAAoF,CACrF,EACD,WAAW,EAAC,mBAAmB,GAC/B,GACiB,IACT,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"BodyPanel.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/BodyPanel.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronUpIcon } from "lucide-react";
+import { ChevronsDownUpIcon, ChevronsUpDownIcon } from "lucide-react";
 import { CollapsibleTrigger } from "zudoku/ui/Collapsible.js";
 import { cn } from "../../../util/cn.js";
 export const CollapsibleHeaderTrigger = ({ children, className, }) => {
-    return (_jsxs("div", { className: cn("grid grid-cols-[max-content_1fr_min-content_max-content] items-center gap-2 group bg-muted w-full h-10 ps-4 pe-2 border-b", className), children: [children, _jsx(CollapsibleTrigger, { className: cn("flex items-center gap-4 group bg-muted w-full p-2 hover:bg-accent hover:brightness-95 rounded-md", className), children: _jsx(ChevronUpIcon, { className: "group-data-[state=open]:rotate-180 transition-transform shrink-0", size: 16 }) })] }));
+    return (_jsxs("div", { className: cn("grid grid-cols-[max-content_1fr_max-content] items-center gap-2 group bg-muted w-full h-10 ps-4 pe-2 border-b", className), children: [children, _jsxs(CollapsibleTrigger, { className: cn("flex items-center gap-4 group bg-muted w-full p-2 hover:bg-accent hover:brightness-95 opacity-75 rounded-md", className), children: [_jsx(ChevronsDownUpIcon, { className: "group-data-[state=closed]:hidden shrink-0", size: 14 }), _jsx(ChevronsUpDownIcon, { className: "group-data-[state=open]:hidden shrink-0", size: 14 })] })] }));
 };
 export const CollapsibleHeader = ({ children, className, }) => {
     return (_jsx("span", { className: cn("font-semibold w-full text-start", className), children: children }));

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

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleHeader.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/CollapsibleHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,2HAA2H,EAC3H,SAAS,CACV,aAEA,QAAQ,EACT,KAAC,kBAAkB,IACjB,SAAS,EAAE,EAAE,CACX,kGAAkG,EAClG,SAAS,CACV,YAED,KAAC,aAAa,IACZ,SAAS,EAAC,kEAAkE,EAC5E,IAAI,EAAE,EAAE,GACR,GACiB,IACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,YAC9D,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"CollapsibleHeader.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/CollapsibleHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEzC,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,+GAA+G,EAC/G,SAAS,CACV,aAEA,QAAQ,EACT,MAAC,kBAAkB,IACjB,SAAS,EAAE,EAAE,CACX,6GAA6G,EAC7G,SAAS,CACV,aAED,KAAC,kBAAkB,IACjB,SAAS,EAAC,2CAA2C,EACrD,IAAI,EAAE,EAAE,GACR,EACF,KAAC,kBAAkB,IACjB,SAAS,EAAC,yCAAyC,EACnD,IAAI,EAAE,EAAE,GACR,IACiB,IACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,SAAS,GAIV,EAAE,EAAE;IACH,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,YAC9D,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

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

@@ -3,7 +3,7 @@ import { PlusCircleIcon } from "lucide-react";
 import { Button } from "zudoku/ui/Button.js";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, } from "zudoku/ui/DropdownMenu.js";
 const ExamplesDropdown = ({ examples, onSelect, }) => {
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "hover:bg-accent hover:brightness-95", children: ["Use Example ", _jsx(PlusCircleIcon, { size: 16, className: "ml-2" })] }) }), _jsx(DropdownMenuContent, { className: "max-w-72", children: examples.map((mediaTypeObject) => (_jsxs("div", { children: [_jsx(DropdownMenuLabel, { children: mediaTypeObject.mediaType }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: mediaTypeObject.examples?.map((example) => (_jsx(DropdownMenuItem, { onSelect: () => onSelect(example, mediaTypeObject.mediaType), children: _jsx("span", { className: "line-clamp-1", title: example.summary ?? example.name, children: example.summary ?? example.name }) }, example.name))) })] }, mediaTypeObject.mediaType))) })] }));
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", className: "hover:bg-accent hover:brightness-95 gap-2", children: ["Use Example", _jsx(PlusCircleIcon, { size: 14 })] }) }), _jsx(DropdownMenuContent, { className: "max-w-72", children: examples.map((mediaTypeObject) => (_jsxs("div", { children: [_jsx(DropdownMenuLabel, { children: mediaTypeObject.mediaType }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: mediaTypeObject.examples?.map((example) => (_jsx(DropdownMenuItem, { onSelect: () => onSelect(example, mediaTypeObject.mediaType), children: _jsx("span", { className: "line-clamp-1", title: example.summary ?? example.name, children: example.summary ?? example.name }) }, example.name))) })] }, mediaTypeObject.mediaType))) })] }));
 };
 export default ExamplesDropdown;
 //# sourceMappingURL=ExamplesDropdown.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExamplesDropdown.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/ExamplesDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AAGnC,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,QAAQ,GAIT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,qCAAqC,6BAEnC,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM,GAAG,IAClD,GACW,EACtB,KAAC,mBAAmB,IAAC,SAAS,EAAC,UAAU,YACtC,QAAQ,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CACjC,0BACE,KAAC,iBAAiB,cAAE,eAAe,CAAC,SAAS,GAAqB,EAClE,KAAC,qBAAqB,KAAG,EACzB,KAAC,iBAAiB,cACf,eAAe,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1C,KAAC,gBAAgB,IAEf,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,YAE5D,eACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,YAErC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,GAC3B,IARF,OAAO,CAAC,IAAI,CASA,CACpB,CAAC,GACgB,KAjBZ,eAAe,CAAC,SAAS,CAkB7B,CACP,CAAC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ExamplesDropdown.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/ExamplesDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,2BAA2B,CAAC;AAGnC,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,QAAQ,GAIT,EAAE,EAAE;IACH,OAAO,CACL,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,2CAA2C,4BAGrD,KAAC,cAAc,IAAC,IAAI,EAAE,EAAE,GAAI,IACrB,GACW,EACtB,KAAC,mBAAmB,IAAC,SAAS,EAAC,UAAU,YACtC,QAAQ,CAAC,GAAG,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CACjC,0BACE,KAAC,iBAAiB,cAAE,eAAe,CAAC,SAAS,GAAqB,EAClE,KAAC,qBAAqB,KAAG,EACzB,KAAC,iBAAiB,cACf,eAAe,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAC1C,KAAC,gBAAgB,IAEf,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,YAE5D,eACE,SAAS,EAAC,cAAc,EACxB,KAAK,EAAE,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,YAErC,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,IAAI,GAC3B,IARF,OAAO,CAAC,IAAI,CASA,CACpB,CAAC,GACgB,KAjBZ,eAAe,CAAC,SAAS,CAkB7B,CACP,CAAC,GACkB,IACT,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,73 +1,34 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { CircleAlertIcon, LockIcon, PlusCircleIcon, TableOfContentsIcon, XIcon, } from "lucide-react";
-import { useCallback, useEffect, useRef } from "react";
-import { Controller, useFieldArray, useFormContext, } from "react-hook-form";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleAlertIcon, LockIcon, TableOfContentsIcon } from "lucide-react";
+import { useFormContext } from "react-hook-form";
 import { Checkbox } from "zudoku/ui/Checkbox.js";
 import { Collapsible, CollapsibleContent } from "zudoku/ui/Collapsible.js";
 import { Tooltip, TooltipContent, TooltipTrigger } from "zudoku/ui/Tooltip.js";
 import { Autocomplete } from "../../../components/Autocomplete.js";
-import { Button } from "../../../ui/Button.js";
-import { Input } from "../../../ui/Input.js";
 import { cn } from "../../../util/cn.js";
 import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "./CollapsibleHeader.js";
-import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
+import ParamsGrid, { ParamsGridInput, ParamsGridItem, ParamsGridRemoveButton, } from "./ParamsGrid.js";
+import { useKeyValueFieldManager } from "./request-panel/useKeyValueFieldManager.js";
+// biome-ignore format: Easier to read
 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",
+    "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, schemaHeaders, lockedHeaders, }) => {
-    const { fields, append, remove } = useFieldArray({
+    const { watch, formState } = useFormContext();
+    const watchedHeaders = watch("headers");
+    const manager = useKeyValueFieldManager({
         control,
         name: "headers",
+        defaultValue: { name: "", value: "", active: false },
     });
-    const { setValue, watch, formState } = useFormContext();
-    const valueRefs = useRef([]);
-    const nameRefs = useRef([]);
-    const watchedHeaders = watch("headers");
-    const addNewHeader = useCallback((e) => {
-        e?.stopPropagation();
-        append({ name: "", value: "", active: false }, { shouldFocus: true });
-    }, [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);
-    const hiddenHeadersIndex = fields.flatMap((f, index) => {
+    const hiddenHeadersIndex = manager.fields.flatMap((f, index) => {
         const keep = !lockedHeaders
             ?.map((h) => h.toLowerCase())
             .includes(f.name.toLowerCase());
@@ -80,37 +41,16 @@ export const Headers = ({ control, schemaHeaders, lockedHeaders, }) => {
         active: true,
         locked: true,
     })) ?? [];
-    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(TableOfContentsIcon, { size: 16 }), _jsx(CollapsibleHeader, { children: "Headers" }), _jsxs(Button, { onClick: addNewHeader, type: "button", size: "sm", variant: "ghost", className: "hover:bg-accent hover:brightness-95 flex gap-2", children: ["Add header ", _jsx(PlusCircleIcon, { size: 16 })] })] }), _jsx(CollapsibleContent, { className: "CollapsibleContent", children: _jsx("div", { className: "flex flex-col gap-2", children: _jsx("div", { className: "overflow-hidden", children: _jsxs(ParamsGrid, { children: [lockedHeaderFields.map((field) => {
-                                    return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(ParamsGridItem, { className: "opacity-50 cursor-not-allowed font-mono text-xs min-h-10", children: [_jsx(LockIcon, { size: 16 }), _jsx(Input, { value: field.name, disabled: true, className: "w-full border-0 p-0 m-0 shadow-none text-xs focus-visible:ring-0 font-mono" }), _jsx("div", { children: field.value })] }, field.id) }), _jsx(TooltipContent, { alignOffset: 10, side: "bottom", align: "start", children: _jsx("p", { children: "This header is set by the selected authentication." }) })] }, field.id));
-                                }), fields.map((field, i) => {
+    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(TableOfContentsIcon, { size: 14 }), _jsx(CollapsibleHeader, { children: "Headers" })] }), _jsx(CollapsibleContent, { className: "CollapsibleContent", children: _jsx("div", { className: "flex flex-col gap-2", children: _jsx("div", { className: "overflow-hidden", children: _jsxs(ParamsGrid, { children: [lockedHeaderFields.map((field) => (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(ParamsGridItem, { className: "opacity-50 cursor-not-allowed font-mono text-xs min-h-10", children: [_jsx(LockIcon, { size: 16 }), _jsx(ParamsGridInput, { value: field.name, disabled: true }), _jsx("div", { children: field.value })] }, field.id) }), _jsx(TooltipContent, { alignOffset: 10, side: "bottom", align: "start", children: _jsx("p", { children: "This header is set by the selected authentication." }) })] }, field.id))), manager.fields.map((field, i) => {
                                     const currentSchemaHeader = schemaHeaders.find((h) => h.name === watchedHeaders.at(i)?.name);
-                                    return (_jsxs(ParamsGridItem, { className: cn(hiddenHeadersIndex.includes(i) && "text-amber-600", hiddenHeadersIndex.includes(i) &&
+                                    const hasEnum = currentSchemaHeader?.enum &&
+                                        currentSchemaHeader.enum.length > 0;
+                                    const isHidden = hiddenHeadersIndex.includes(i);
+                                    const nameInputProps = manager.getNameInputProps(i);
+                                    const valueInputProps = manager.getValueInputProps(i);
+                                    return (_jsxs(ParamsGridItem, { className: cn(isHidden && "text-amber-600", isHidden &&
                                             !formState.dirtyFields.headers?.[i]?.value &&
-                                            "hidden"), children: [_jsx(Controller, { control: control, name: `headers.${i}.active`, render: ({ field }) => (_jsxs(_Fragment, { children: [_jsx(Checkbox, { id: `headers.${i}.active`, className: cn(hiddenHeadersIndex.includes(i) && "hidden"), checked: field.value, onCheckedChange: (checked) => {
-                                                                field.onChange(checked);
-                                                            } }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(CircleAlertIcon, { className: cn("text-amber-600", !hiddenHeadersIndex.includes(i) && "hidden"), size: 16 }) }), _jsx(TooltipContent, { alignOffset: 10, side: "bottom", align: "start", children: _jsx("p", { children: "This header will be overwritten by the selected authentication." }) })] })] })) }), _jsx(Controller, { control: control, name: `headers.${i}.name`, render: ({ field }) => (_jsx(Autocomplete, { ...field, placeholder: "Name", className: "border-0 p-0 m-0 shadow-none focus-visible:ring-0 bg-transparent hover: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 = currentSchemaHeader?.enum &&
-                                                                currentSchemaHeader.enum.length > 0;
-                                                            if (!hasEnum) {
-                                                                return (_jsx(Input, { placeholder: "Value", className: "w-full truncate border-0 p-0 m-0 shadow-none text-xs focus-visible:ring-0 font-mono", autoComplete: "off", ...field, ref: (el) => {
-                                                                        valueRefs.current[i] = el;
-                                                                    }, onKeyDown: (e) => {
-                                                                        if (e.key === "Enter" &&
-                                                                            e.currentTarget.value.trim()) {
-                                                                            handleValueEnter(i);
-                                                                        }
-                                                                    } }));
-                                                            }
-                                                            return (_jsx(Autocomplete, { shouldFilter: false, value: field.value, options: currentSchemaHeader.enum ?? [], onChange: (e) => {
-                                                                    field.onChange(e);
-                                                                    setValue(`headers.${i}.active`, true);
-                                                                }, className: "border-0 p-0 m-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono" }));
-                                                        } }), _jsx(Button, { size: "icon-xs", variant: "ghost", className: "text-muted-foreground opacity-0 group-hover:brightness-95 group-hover:opacity-100", onClick: () => remove(i), type: "button", children: _jsx(XIcon, { size: 16 }) })] })] }, field.id));
+                                            "hidden"), children: [_jsx(Checkbox, { className: cn(isHidden && "hidden"), ...manager.getCheckboxProps(i) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(CircleAlertIcon, { className: cn("text-amber-600", !isHidden && "hidden"), size: 16 }) }), _jsx(TooltipContent, { alignOffset: 10, side: "bottom", align: "start", children: _jsx("p", { children: "This header will be overwritten by the selected authentication." }) })] }), _jsx(ParamsGridInput, { asChild: true, children: _jsx(Autocomplete, { ...nameInputProps, value: String(manager.getValue(i, "name")), placeholder: "Name", options: [...missingHeaders, ...headerOptions], onChange: (v) => manager.setValue(i, "name", v), onSelect: (v) => manager.setValue(i, "name", v, { focus: "next" }) }) }), _jsxs("div", { className: "flex items-center gap-2", children: [!hasEnum ? (_jsx(ParamsGridInput, { placeholder: "Value", autoComplete: "off", ...valueInputProps })) : (_jsx(ParamsGridInput, { asChild: true, children: _jsx(Autocomplete, { ...valueInputProps, value: String(manager.getValue(i, "value")), shouldFilter: false, options: currentSchemaHeader.enum ?? [], onChange: (v) => manager.setValue(i, "value", v), onSelect: (v) => manager.setValue(i, "value", v, { focus: "next" }) }) })), _jsx(ParamsGridRemoveButton, { ...manager.getRemoveButtonProps(i) })] })] }, field.id));
                                 })] }) }) }) })] }));
 };
 //# 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":"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"}
+{"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

@@ -1,9 +1,17 @@
 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>>;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 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>>;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ParamsGridInput: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement> & {
+    className?: import("clsx").ClassValue;
+    asChild?: boolean;
+}, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const ParamsGridRemoveButton: ({ onClick, className, }: {
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export default ParamsGrid;

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

@@ -1,5 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import { Button } from "zudoku/components";
+import { Input } from "zudoku/ui/Input.js";
+import { cn } from "../../../util/cn.js";
 import createVariantComponent from "../../../util/createVariantComponent.js";
-const ParamsGrid = createVariantComponent("div", "grid grid-cols-[min-content_2fr_3fr] items-center gap-x-5");
+const ParamsGrid = createVariantComponent("div", "grid grid-cols-[min-content_2fr_3fr] items-center gap-x-5 [&>*:last-child_[data-slot=remove-button]]:invisible");
 export const ParamsGridItem = createVariantComponent("div", "group h-9 hover:bg-accent/75 ps-4 pe-2 grid col-span-full grid-cols-subgrid items-center border-b");
+export const ParamsGridInput = createVariantComponent(Input, "w-full truncate border-0 p-0 m-0 shadow-none text-xs focus-visible:ring-0 font-mono");
+export const ParamsGridRemoveButton = ({ onClick, className, }) => (_jsx(Button, { size: "icon-xs", variant: "ghost", className: cn("text-muted-foreground opacity-0 group-hover:brightness-95 focus-visible:opacity-100 group-hover:opacity-100", className), onClick: onClick, type: "button", "data-slot": "remove-button", children: _jsx(XIcon, { size: 14 }) }));
 export default ParamsGrid;
 //# sourceMappingURL=ParamsGrid.js.map

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

@@ -1 +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,2DAA2D,CAC5D,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAClD,KAAK,EACL,mGAAmG,CACpG,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"ParamsGrid.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/ParamsGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,sBAAsB,MAAM,yCAAyC,CAAC;AAE7E,MAAM,UAAU,GAAG,sBAAsB,CACvC,KAAK,EACL,gHAAgH,CACjH,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAClD,KAAK,EACL,mGAAmG,CACpG,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CACnD,KAAK,EACL,qFAAqF,CACtF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,OAAO,EACP,SAAS,GAIV,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,EAAE,CACX,6GAA6G,EAC7G,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,eAEH,eAAe,YAEzB,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACZ,CACV,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1,14 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Controller, useFieldArray } from "react-hook-form";
-import { Input } from "../../../ui/Input.js";
 import { ColorizedParam } from "../ColorizedParam.js";
-import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
+import ParamsGrid, { ParamsGridInput, ParamsGridItem } from "./ParamsGrid.js";
 export const PathParams = ({ control, url, }) => {
     const { fields } = useFieldArray({
         control,
         name: "pathParams",
     });
     const sortedFields = [...fields].sort((a, b) => url.indexOf(`{${a.name}}`) - url.indexOf(`{${b.name}}`));
-    return (_jsx("div", { className: "overflow-hidden", 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 col-span-2", children: _jsx(Controller, { control: control, name: `pathParams.${i}.value`, render: ({ field }) => (_jsx(Input, { ...field, required: true, placeholder: "Value", className: "w-full truncate border-0 p-0 m-0 shadow-none text-xs font-mono focus-visible:ring-0" })) }) })] }, field.id))) }) }));
+    return (_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 col-span-2", children: _jsx(Controller, { control: control, name: `pathParams.${i}.value`, render: ({ field }) => (_jsx(ParamsGridInput, { ...field, required: true, placeholder: "Value" })) }) })] }, 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,EAAgB,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC1E,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,cAAK,SAAS,EAAC,iBAAiB,YAC9B,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,8CAA8C,YAC3D,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,OAAO,EACnB,SAAS,EAAC,qFAAqF,GAC/F,CACH,GACD,GACE,KA5Ba,KAAK,CAAC,EAAE,CA6BZ,CAClB,CAAC,GACS,GACT,CACP,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,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG9E,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,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,8CAA8C,YAC3D,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,QAAQ,EAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,eAAe,OAAK,KAAK,EAAE,QAAQ,QAAC,WAAW,EAAC,OAAO,GAAG,CAC5D,GACD,GACE,KAvBa,KAAK,CAAC,EAAE,CAwBZ,CAClB,CAAC,GACS,CACd,CAAC;AACJ,CAAC,CAAC"}

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

@@ -23,6 +23,13 @@ export type PathParam = {
 };
 export type PlaygroundForm = {
     body: string;
+    bodyMode?: "text" | "file" | "multipart";
+    file?: File | null;
+    multipartFormFields: Array<{
+        name: string;
+        value: File | string;
+        active: boolean;
+    }>;
     queryParams: Array<{
         name: string;
         value: string;