zudoku 0.0.0-fdfe742 → 0.0.0-fe92c9e1

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

@@ -1,94 +1,56 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from "lucide-react";
-import { useCallback, useEffect, useRef } from "react";
-import { Controller, useFieldArray, useFormContext, } from "react-hook-form";
-import { Card } from "zudoku/ui/Card.js";
+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 ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
+import { cn } from "../../../util/cn.js";
+import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "./CollapsibleHeader.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, headers: schemaHeaders, }) => {
-    const { fields, append, remove } = useFieldArray({
+export const Headers = ({ control, schemaHeaders, lockedHeaders, }) => {
+    const { watch, formState } = useFormContext();
+    const watchedHeaders = watch("headers");
+    const manager = useKeyValueFieldManager({
         control,
         name: "headers",
+        defaultValue: { name: "", value: "", active: false },
     });
-    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, { 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 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 = 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: "border-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono" }));
-                                            } }), _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" }) })] }));
+    const hiddenHeadersIndex = manager.fields.flatMap((f, index) => {
+        const keep = !lockedHeaders
+            ?.map((h) => h.toLowerCase())
+            .includes(f.name.toLowerCase());
+        return keep ? [] : [index];
+    });
+    const lockedHeaderFields = lockedHeaders?.map((h) => ({
+        name: h,
+        id: `locked-${h}`,
+        value: "••••••••••",
+        active: true,
+        locked: true,
+    })) ?? [];
+    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);
+                                    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(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/IdentityDialog.d.ts

@@ -1,4 +1,4 @@
-import { type ApiIdentity } from "../../../core/ZudokuContext.js";
+import type { ApiIdentity } from "../../../core/ZudokuContext.js";
 declare const IdentityDialog: ({ onSubmit, identities, open, onOpenChange, }: {
     open: boolean;
     onOpenChange: (open: boolean) => void;

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "zudoku/ui/Button.js";
+import { Card } from "zudoku/ui/Card.js";
 import { Checkbox } from "zudoku/ui/Checkbox.js";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogTitle, } from "zudoku/ui/Dialog.js";
 import { Label } from "zudoku/ui/Label.js";
@@ -8,7 +9,7 @@ import IdentitySelector from "./IdentitySelector.js";
 const IdentityDialog = ({ onSubmit, identities, open, onOpenChange, }) => {
     const [identity, setIdentity] = useState(undefined);
     const [rememberedIdentity, setRememberedIdentity] = useState(false);
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Select an auth identity" }), _jsx(DialogDescription, { children: "Please select an identity for this request." }), _jsx("div", { className: "max-h-80 overflow-auto", children: _jsx(IdentitySelector, { identities: identities, setValue: setIdentity, value: identity }) }), _jsxs(DialogFooter, { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "remember", checked: rememberedIdentity, onCheckedChange: (checked) => setRememberedIdentity(checked === "indeterminate" ? false : !!checked) }), _jsx(Label, { htmlFor: "remember", children: "Remember my choice" })] }), _jsx(Button, { onClick: () => onSubmit({ identity: identity, rememberedIdentity }), children: "Send" })] })] }) }));
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Select an auth identity" }), _jsx(DialogDescription, { children: "Please select an identity for this request." }), _jsx(Card, { className: "max-h-80 overflow-auto", children: _jsx(IdentitySelector, { identities: identities, setValue: setIdentity, value: identity }) }), _jsxs(DialogFooter, { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "remember", checked: rememberedIdentity, onCheckedChange: (checked) => setRememberedIdentity(checked === "indeterminate" ? false : !!checked) }), _jsx(Label, { htmlFor: "remember", children: "Remember my choice" })] }), _jsx(Button, { onClick: () => onSubmit({ identity: identity, rememberedIdentity }), children: "Send" })] })] }) }));
 };
 export { IdentityDialog };
 //# sourceMappingURL=IdentityDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IdentityDialog.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/IdentityDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,YAAY,GAYb,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACxE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE7E,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAC5C,MAAC,aAAa,eACZ,KAAC,WAAW,0CAAsC,EAClD,KAAC,iBAAiB,8DAEE,EACpB,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,gBAAgB,IACf,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,QAAQ,GACf,GACE,EACN,MAAC,YAAY,IAAC,SAAS,EAAC,qBAAqB,aAC3C,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,QAAQ,IACP,EAAE,EAAC,UAAU,EACb,OAAO,EAAE,kBAAkB,EAC3B,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAC3B,qBAAqB,CACnB,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAChD,GAEH,EACF,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,mCAA2B,IAChD,EAEN,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAC,qBAG5D,IACI,IACD,GACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"IdentityDialog.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/IdentityDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,YAAY,GAYb,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACxE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE7E,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAC5C,MAAC,aAAa,eACZ,KAAC,WAAW,0CAAsC,EAClD,KAAC,iBAAiB,8DAEE,EACpB,KAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,YACtC,KAAC,gBAAgB,IACf,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,QAAQ,GACf,GACG,EACP,MAAC,YAAY,IAAC,SAAS,EAAC,qBAAqB,aAC3C,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,QAAQ,IACP,EAAE,EAAC,UAAU,EACb,OAAO,EAAE,kBAAkB,EAC3B,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAC3B,qBAAqB,CACnB,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAChD,GAEH,EACF,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,mCAA2B,IAChD,EAEN,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAC,qBAG5D,IACI,IACD,GACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

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

@@ -1,4 +1,4 @@
-import { type ApiIdentity } from "../../../core/ZudokuContext.js";
+import type { ApiIdentity } from "../../../core/ZudokuContext.js";
 declare const IdentitySelector: ({ identities, setValue, value, }: {
     identities?: ApiIdentity[];
     setValue: (value: string) => void;

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

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from "zudoku/ui/Card.js";
 import { Label } from "zudoku/ui/Label.js";
 import { RadioGroup, RadioGroupItem } from "zudoku/ui/RadioGroup.js";
 import { NO_IDENTITY } from "./Playground.js";
-const IdentitySelector = ({ identities, setValue, value, }) => (_jsx(Card, { className: "w-full overflow-hidden", children: _jsxs(RadioGroup, { onValueChange: (value) => setValue(value), value: value, defaultValue: NO_IDENTITY, className: "gap-0", disabled: identities?.length === 0, children: [_jsxs(Label, { className: "h-12 border-b items-center flex gap-2 p-4 cursor-pointer hover:bg-accent", children: [_jsx(RadioGroupItem, { value: NO_IDENTITY, id: "none" }), _jsx("span", { children: "None" })] }), identities?.map((identity) => (_jsxs(Label, { className: "h-12 border-b items-center flex gap-2 p-4 cursor-pointer hover:bg-accent", children: [_jsx(RadioGroupItem, { value: identity.id, id: identity.id }), _jsx("span", { children: identity.label })] }, identity.id)))] }) }));
+const IdentitySelector = ({ identities, setValue, value, }) => (_jsx("div", { className: "w-full overflow-hidden", children: _jsx(RadioGroup, { onValueChange: (value) => setValue(value), value: value, defaultValue: NO_IDENTITY, className: "gap-0", disabled: identities?.length === 0, children: [{ id: NO_IDENTITY, label: "None" }, ...(identities ?? [])].map((identity) => (_jsxs(Label, { className: "h-10 items-center border-b font-normal flex gap-4 p-4 cursor-pointer hover:bg-accent/75", children: [_jsx(RadioGroupItem, { value: identity.id, id: identity.id }), _jsx("span", { children: identity.label })] }, identity.id))) }) }));
 export default IdentitySelector;
 //# sourceMappingURL=IdentitySelector.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IdentitySelector.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/IdentitySelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,gBAAgB,GAAG,CAAC,EACxB,UAAU,EACV,QAAQ,EACR,KAAK,GAKN,EAAE,EAAE,CAAC,CACJ,KAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,YACtC,MAAC,UAAU,IACT,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,WAAW,EACzB,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC,aAElC,MAAC,KAAK,IAAC,SAAS,EAAC,0EAA0E,aACzF,KAAC,cAAc,IAAC,KAAK,EAAE,WAAW,EAAE,EAAE,EAAC,MAAM,GAAG,EAChD,kCAAiB,IACX,EACP,UAAU,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC7B,MAAC,KAAK,IAEJ,SAAS,EAAC,0EAA0E,aAEpF,KAAC,cAAc,IAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,GAAI,EACvD,yBAAO,QAAQ,CAAC,KAAK,GAAQ,KAJxB,QAAQ,CAAC,EAAE,CAKV,CACT,CAAC,IACS,GACR,CACR,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"IdentitySelector.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/IdentitySelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,gBAAgB,GAAG,CAAC,EACxB,UAAU,EACV,QAAQ,EACR,KAAK,GAKN,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,UAAU,IACT,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,WAAW,EACzB,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC,YAEjC,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAC9D,CAAC,QAAQ,EAAE,EAAE,CAAC,CACZ,MAAC,KAAK,IAEJ,SAAS,EAAC,yFAAyF,aAEnG,KAAC,cAAc,IAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,GAAI,EACvD,yBAAO,QAAQ,CAAC,KAAK,GAAQ,KAJxB,QAAQ,CAAC,EAAE,CAKV,CACT,CACF,GACU,GACT,CACP,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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-[2fr_3fr] gap-2 items-center");
-export const ParamsGridItem = createVariantComponent("div", "group hover:bg-accent px-3 grid col-span-full grid-cols-subgrid");
+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,6CAA6C,CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAClD,KAAK,EACL,iEAAiE,CAClE,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,15 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Controller, useFieldArray } from "react-hook-form";
-import { Card } from "zudoku/ui/Card.js";
-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(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))) }) }));
+    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,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"}
+{"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

@@ -1,4 +1,4 @@
-import { type Content } from "../SidecarExamples.js";
+import type { MediaTypeObject } from "../graphql/graphql.js";
 export declare const NO_IDENTITY = "__none";
 export type Header = {
     name: string;
@@ -21,16 +21,15 @@ export type PathParam = {
     defaultValue?: string;
     isRequired?: boolean;
 };
-declare const bodyContentTypeMap: {
-    readonly Plain: "text/plain";
-    readonly JSON: "application/json";
-    readonly XML: "application/xml";
-    readonly YAML: "application/yaml";
-    readonly CSV: "text/csv";
-};
 export type PlaygroundForm = {
     body: string;
-    bodyContentType: keyof typeof bodyContentTypeMap;
+    bodyMode?: "text" | "file" | "multipart";
+    file?: File | null;
+    multipartFormFields: Array<{
+        name: string;
+        value: File | string;
+        active: boolean;
+    }>;
     queryParams: Array<{
         name: string;
         value: string;
@@ -55,6 +54,9 @@ export type PlaygroundResult = {
     size: number;
     body: string;
     time: number;
+    isBinary?: boolean;
+    fileName?: string;
+    blob?: Blob;
     request: {
         method: string;
         url: string;
@@ -71,7 +73,7 @@ export type PlaygroundContentProps = {
     queryParams?: QueryParam[];
     pathParams?: PathParam[];
     defaultBody?: string;
-    examples?: Content;
+    examples?: MediaTypeObject[];
     requiresLogin?: boolean;
     onLogin?: () => void;
     onSignUp?: () => void;