zudoku 0.0.0-f3f6db5 → 0.0.0-f40ea27

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,mIAAmI,qBAEnJ,KAAC,YAAY,IAAC,SAAS,EAAC,EAAE,EAAC,IAAI,EAAE,EAAE,GAAI,IAChC,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"}
+{"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,4CAA4C,sBACpC,SAAS,EAC3B,eAAe,EAAE,IAAI,aAErB,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"}

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

@@ -1,6 +1,6 @@
-import { Control } from "react-hook-form";
+import { type Control } from "react-hook-form";
 import { type PlaygroundForm, type QueryParam } from "./Playground.js";
-export declare const QueryParams: ({ control, queryParams, }: {
+export declare const QueryParams: ({ control, schemaQueryParams, }: {
     control: Control<PlaygroundForm>;
-    queryParams: QueryParam[];
+    schemaQueryParams: QueryParam[];
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,37 +1,52 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PlusCircleIcon, Unlink2Icon, XIcon } from "lucide-react";
+import { useEffect } from "react";
 import { Controller, useFieldArray, useFormContext, } from "react-hook-form";
-import { Card } from "zudoku/ui/Card.js";
+import { Button } from "zudoku/ui/Button.js";
 import { Checkbox } from "zudoku/ui/Checkbox.js";
+import { Collapsible, CollapsibleContent } from "zudoku/ui/Collapsible.js";
 import { Autocomplete } from "../../../components/Autocomplete.js";
 import { Input } from "../../../ui/Input.js";
+import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "./CollapsibleHeader.js";
 import { InlineInput } from "./InlineInput.js";
-import ParamsGrid from "./ParamsGrid.js";
-export const QueryParams = ({ control, queryParams, }) => {
-    const { fields } = useFieldArray({
+import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
+export const QueryParams = ({ control, schemaQueryParams, }) => {
+    const { fields, remove, append } = useFieldArray({
         control,
         name: "queryParams",
     });
-    const form = useFormContext();
-    const requiredFields = queryParams.map((param) => Boolean(param.isRequired));
-    return (_jsx(Card, { className: "rounded-lg", children: _jsx("div", { className: "w-full ", children: fields.map((field, i) => {
-                const currentParam = queryParams.find((param) => param.name === field.name);
-                return (_jsxs(ParamsGrid, { children: [_jsxs("div", { className: "flex items-center", children: [_jsx(Controller, { control: control, name: `queryParams.${i}.active`, render: ({ field }) => (_jsx(Checkbox, { variant: "outline", id: `queryParams.${i}.active`, className: "mr-2", checked: field.value, onCheckedChange: field.onChange })) }), _jsx(Controller, { control: control, render: ({ field }) => !requiredFields[i] ? (_jsx(Autocomplete, { value: field.value, options: queryParams.map((param) => param.name), onChange: (e) => {
-                                            field.onChange(e);
-                                        }, className: "border-0 font-mono text-xs bg-transparent hover:bg-transparent" })) : (_jsx(InlineInput, { asChild: true, children: _jsxs("label", { className: "flex items-center cursor-pointer gap-1", htmlFor: `queryParams.${i}.active`, title: requiredFields[i] ? "Required field" : undefined, children: [field.value, requiredFields[i] && _jsx("sup", { children: "\u00A0*" })] }) })), name: `queryParams.${i}.name` })] }), _jsx("div", { className: "flex justify-between items-center", children: _jsx(Controller, { control: control, render: ({ field }) => {
-                                    const hasEnum = currentParam?.enum && currentParam.enum.length > 0;
-                                    if (!hasEnum) {
-                                        return (_jsx(Input, { ...field, onChange: (e) => {
-                                                field.onChange(e.target.value);
-                                                if (e.target.value.length > 0) {
-                                                    form.setValue(`queryParams.${i}.active`, true);
-                                                }
-                                            }, placeholder: "Enter value", className: "w-full border-0 shadow-none text-xs font-mono" }));
-                                    }
-                                    return (_jsx(Autocomplete, { value: field.value, options: currentParam.enum ?? [], onChange: (e) => {
-                                            field.onChange(e);
-                                            form.setValue(`queryParams.${i}.active`, true);
-                                        }, className: "font-mono text-xs border-0 ring-1 ring-ring" }));
-                                }, name: `queryParams.${i}.value` }) })] }, field.id));
-            }) }) }));
+    const { setValue, getValues, watch } = useFormContext();
+    const watchedQueryParams = watch("queryParams");
+    useEffect(() => {
+        if (watchedQueryParams.length === 0) {
+            append({ name: "", value: "", active: false }, { shouldFocus: true });
+        }
+    }, [watchedQueryParams, append]);
+    const requiredFields = schemaQueryParams.map((param) => Boolean(param.isRequired));
+    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(Unlink2Icon, { size: 16 }), _jsx(CollapsibleHeader, { children: "Query Parameters" }), _jsxs(Button, { onClick: () => {
+                            setValue("queryParams", [
+                                ...getValues("queryParams"),
+                                { name: "", value: "", active: false },
+                            ]);
+                        }, type: "button", size: "sm", variant: "ghost", className: "hover:bg-accent hover:brightness-95 flex gap-2", children: ["Add parameter ", _jsx(PlusCircleIcon, { size: 16 })] })] }), _jsx(CollapsibleContent, { className: "CollapsibleContent", children: _jsx("div", { className: "overflow-hidden w-full", children: _jsx(ParamsGrid, { children: fields.map((field, i) => {
+                            const currentParam = schemaQueryParams.find((param) => param.name === watchedQueryParams.at(i)?.name);
+                            return (_jsxs(ParamsGridItem, { children: [_jsx(Controller, { control: control, name: `queryParams.${i}.active`, render: ({ field }) => (_jsx(Checkbox, { id: `queryParams.${i}.active`, checked: field.value, onCheckedChange: field.onChange })) }), _jsx(Controller, { control: control, render: ({ field }) => !requiredFields[i] ? (_jsx(Autocomplete, { placeholder: "Name", value: field.value, options: schemaQueryParams.map((param) => param.name), onChange: (e) => {
+                                                field.onChange(e);
+                                            }, className: "border-0 p-0 m-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono" })) : (_jsx(InlineInput, { asChild: true, children: _jsxs("label", { className: "flex items-center cursor-pointer gap-1", htmlFor: `queryParams.${i}.active`, title: requiredFields[i] ? "Required field" : undefined, children: [field.value, requiredFields[i] && _jsx("sup", { children: "\u00A0*" })] }) })), name: `queryParams.${i}.name` }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx(Controller, { control: control, render: ({ field }) => {
+                                                    const hasEnum = currentParam?.enum && currentParam.enum.length > 0;
+                                                    if (!hasEnum) {
+                                                        return (_jsx(Input, { ...field, onChange: (e) => {
+                                                                field.onChange(e.target.value);
+                                                                if (e.target.value.length > 0) {
+                                                                    setValue(`queryParams.${i}.active`, true);
+                                                                }
+                                                            }, placeholder: "Value", "aria-label": "Query parameter value", className: "w-full border-0 p-0 m-0 shadow-none focus-visible:ring-0 text-xs font-mono" }));
+                                                    }
+                                                    return (_jsx(Autocomplete, { value: field.value, options: currentParam.enum ?? [], onChange: (e) => {
+                                                            field.onChange(e);
+                                                            setValue(`queryParams.${i}.active`, true);
+                                                        }, className: "border-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono" }));
+                                                }, name: `queryParams.${i}.value` }), _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));
+                        }) }) }) })] }));
 };
 //# sourceMappingURL=QueryParams.js.map

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

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

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

@@ -0,0 +1,7 @@
+declare const RequestLoginDialog: ({ open, setOpen, onSignUp, onLogin, }: {
+    open: boolean;
+    onSignUp?: () => void;
+    onLogin?: () => void;
+    setOpen: (open: boolean) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export default RequestLoginDialog;

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "zudoku/ui/Button.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogTitle, } from "zudoku/ui/Dialog.js";
+const RequestLoginDialog = ({ open, setOpen, onSignUp, onLogin, }) => {
+    return (_jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Welcome to the Playground!" }), _jsx(DialogDescription, { children: "The Playground is a tool for developers to test and explore our APIs. To use the Playground, you need to login." }), _jsxs(DialogFooter, { className: "flex gap-2 sm:justify-between", children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => setOpen(false), children: "Skip" }), _jsxs("div", { className: "flex gap-2", children: [onSignUp && (_jsx(Button, { type: "button", variant: "outline", onClick: onSignUp, children: "Sign Up" })), onLogin && (_jsx(Button, { type: "button", variant: "default", onClick: onLogin, children: "Login" }))] })] })] }) }));
+};
+export default RequestLoginDialog;
+//# sourceMappingURL=RequestLoginDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RequestLoginDialog.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/RequestLoginDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAE7B,MAAM,kBAAkB,GAAG,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,OAAO,GAMR,EAAE,EAAE;IACH,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,OAAO,YACvC,MAAC,aAAa,eACZ,KAAC,WAAW,6CAAyC,EACrD,KAAC,iBAAiB,kIAGE,EACpB,MAAC,YAAY,IAAC,SAAS,EAAC,+BAA+B,aACrD,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,qBAE1D,EACT,eAAK,SAAS,EAAC,YAAY,aACxB,QAAQ,IAAI,CACX,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,QAAQ,wBAEhD,CACV,EACA,OAAO,IAAI,CACV,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,sBAE/C,CACV,IACG,IACO,IACD,GACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,2 @@
+declare const Spinner: () => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

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

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+const ball = {
+    width: 5,
+    height: 5,
+    borderRadius: "50%",
+};
+const Spinner = () => {
+    return (_jsxs(motion.div, { className: "flex items-center gap-1", initial: "hidden", animate: "visible", variants: {
+            visible: {
+                transition: {
+                    staggerChildren: 0.2,
+                },
+            },
+        }, children: [_jsx(motion.div, { className: "bg-white/60", variants: {
+                    hidden: { opacity: 0, y: 3 },
+                    visible: {
+                        opacity: 1,
+                        y: 0,
+                        transition: {
+                            y: {
+                                type: "spring",
+                                stiffness: 300,
+                                damping: 10,
+                                repeat: Infinity,
+                                repeatType: "reverse",
+                            },
+                        },
+                    },
+                }, style: ball }), _jsx(motion.div, { className: "bg-white/60", variants: {
+                    hidden: { opacity: 0, y: 3 },
+                    visible: {
+                        opacity: 1,
+                        y: 0,
+                        transition: {
+                            y: {
+                                type: "spring",
+                                stiffness: 300,
+                                damping: 10,
+                                repeat: Infinity,
+                                repeatType: "reverse",
+                            },
+                        },
+                    },
+                }, style: ball }), _jsx(motion.div, { className: "bg-white/60", variants: {
+                    hidden: { opacity: 0, y: 3 },
+                    visible: {
+                        opacity: 1,
+                        y: 0,
+                        transition: {
+                            y: {
+                                type: "spring",
+                                stiffness: 300,
+                                damping: 10,
+                                repeat: Infinity,
+                                repeatType: "reverse",
+                            },
+                        },
+                    },
+                }, style: ball })] }));
+};
+export default Spinner;
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,KAAK;CACpB,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,OAAO,CACL,MAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,UAAU,EAAE;oBACV,eAAe,EAAE,GAAG;iBACrB;aACF;SACF,aAED,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAE;oBACR,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;oBAC5B,OAAO,EAAE;wBACP,OAAO,EAAE,CAAC;wBACV,CAAC,EAAE,CAAC;wBACJ,UAAU,EAAE;4BACV,CAAC,EAAE;gCACD,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,GAAG;gCACd,OAAO,EAAE,EAAE;gCACX,MAAM,EAAE,QAAQ;gCAChB,UAAU,EAAE,SAAS;6BACtB;yBACF;qBACF;iBACF,EACD,KAAK,EAAE,IAAI,GACX,EACF,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAE;oBACR,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;oBAC5B,OAAO,EAAE;wBACP,OAAO,EAAE,CAAC;wBACV,CAAC,EAAE,CAAC;wBACJ,UAAU,EAAE;4BACV,CAAC,EAAE;gCACD,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,GAAG;gCACd,OAAO,EAAE,EAAE;gCACX,MAAM,EAAE,QAAQ;gCAChB,UAAU,EAAE,SAAS;6BACtB;yBACF;qBACF;iBACF,EACD,KAAK,EAAE,IAAI,GACX,EACF,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAE;oBACR,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;oBAC5B,OAAO,EAAE;wBACP,OAAO,EAAE,CAAC;wBACV,CAAC,EAAE,CAAC;wBACJ,UAAU,EAAE;4BACV,CAAC,EAAE;gCACD,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,GAAG;gCACd,OAAO,EAAE,EAAE;gCACX,MAAM,EAAE,QAAQ;gCAChB,UAAU,EAAE,SAAS;6BACtB;yBACF;qBACF;iBACF,EACD,KAAK,EAAE,IAAI,GACX,IACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare function isBinaryContentType(contentType: string): boolean;
+export declare const extractFileName: (headers: Array<[string, string]>, url: string) => string;

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

@@ -0,0 +1,22 @@
+export function isBinaryContentType(contentType) {
+    return /^(application\/octet-stream|image\/|audio\/|video\/|font\/|application\/pdf|application\/zip|application\/x-protobuf|application\/x-binary)/i.test(contentType);
+}
+export const extractFileName = (headers, url) => {
+    const contentDisposition = headers.find(([key]) => key.toLowerCase() === "content-disposition")?.[1];
+    if (contentDisposition) {
+        const filenameMatch = contentDisposition.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/);
+        if (filenameMatch?.[1]) {
+            return filenameMatch[1].replace(/['"]/g, "");
+        }
+    }
+    // Extract filename from URL as fallback
+    try {
+        const urlPath = new URL(url).pathname;
+        const fileName = urlPath.split("/").pop() || "download";
+        return fileName.includes(".") ? fileName : "download";
+    }
+    catch {
+        return "download";
+    }
+};
+//# sourceMappingURL=fileUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fileUtils.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/fileUtils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CAAC,WAAmB;IACrD,OAAO,8IAA8I,CAAC,IAAI,CACxJ,WAAW,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAAgC,EAChC,GAAW,EACH,EAAE;IACV,MAAM,kBAAkB,GAAG,OAAO,CAAC,IAAI,CACrC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,qBAAqB,CACvD,EAAE,CAAC,CAAC,CAAC,CAAC;IAEP,IAAI,kBAAkB,EAAE,CAAC;QACvB,MAAM,aAAa,GAAG,kBAAkB,CAAC,KAAK,CAC5C,wCAAwC,CACzC,CAAC;QACF,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACvB,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,wCAAwC;IACxC,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC;QACtC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,UAAU,CAAC;QACxD,OAAO,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;IACxD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,UAAU,CAAC;IACpB,CAAC;AACH,CAAC,CAAC"}

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

@@ -0,0 +1,17 @@
+interface IdentityState {
+    rememberedIdentity: string | null;
+    setRememberedIdentity: (identity: string | null) => void;
+    getRememberedIdentity: (availableIdentities: string[]) => string | undefined;
+}
+export declare const useIdentityStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<IdentityState>, "persist"> & {
+    persist: {
+        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<IdentityState, unknown>>) => void;
+        clearStorage: () => void;
+        rehydrate: () => Promise<void> | void;
+        hasHydrated: () => boolean;
+        onHydrate: (fn: (state: IdentityState) => void) => () => void;
+        onFinishHydration: (fn: (state: IdentityState) => void) => () => void;
+        getOptions: () => Partial<import("zustand/middleware").PersistOptions<IdentityState, unknown>>;
+    };
+}>;
+export {};

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

@@ -0,0 +1,11 @@
+import { create } from "zustand";
+import { createJSONStorage, persist } from "zustand/middleware";
+export const useIdentityStore = create()(persist((set, get) => ({
+    rememberedIdentity: null,
+    setRememberedIdentity: (identity) => set({ rememberedIdentity: identity }),
+    getRememberedIdentity: (availableIdentities) => availableIdentities.find((identity) => identity === get().rememberedIdentity),
+}), {
+    name: "identity-storage",
+    storage: createJSONStorage(() => sessionStorage),
+}));
+//# sourceMappingURL=rememberedIdentity.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rememberedIdentity.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/rememberedIdentity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAQhE,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,EAAiB,CACrD,OAAO,CACL,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC;IACb,kBAAkB,EAAE,IAAI;IACxB,qBAAqB,EAAE,CAAC,QAAuB,EAAE,EAAE,CACjD,GAAG,CAAC,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC;IACvC,qBAAqB,EAAE,CAAC,mBAA6B,EAAE,EAAE,CACvD,mBAAmB,CAAC,IAAI,CACtB,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,GAAG,EAAE,CAAC,kBAAkB,CACpD;CACJ,CAAC,EACF;IACE,IAAI,EAAE,kBAAkB;IACxB,OAAO,EAAE,iBAAiB,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC;CACjD,CACF,CACF,CAAC"}

package/dist/lib/plugins/openapi/playground/request-panel/UrlPath.d.ts

@@ -0,0 +1,3 @@
+export declare const UrlPath: ({ url }: {
+    url: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/playground/request-panel/UrlPath.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import { PathRenderer } from "../../../../components/PathRenderer.js";
+import { ColorizedParam } from "../../ColorizedParam.js";
+export const UrlPath = ({ url }) => {
+    const { watch, setFocus } = useFormContext();
+    const [pathParams] = watch(["pathParams"]);
+    return (_jsx(PathRenderer, { path: url, renderParam: ({ name, originalValue, index }) => {
+            const formValue = pathParams.find((param) => param.name === name)?.value;
+            return (_jsx(ColorizedParam, { name: name, backgroundOpacity: "0", slug: name, onClick: () => setFocus(`pathParams.${index}.value`), children: formValue || originalValue }));
+        } }));
+};
+//# sourceMappingURL=UrlPath.js.map

package/dist/lib/plugins/openapi/playground/request-panel/UrlPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlPath.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/request-panel/UrlPath.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;IAClD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAkB,CAAC;IAC7D,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE;YAC9C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAC/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAC/B,EAAE,KAAK,CAAC;YAET,OAAO,CACL,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,iBAAiB,EAAC,GAAG,EACrB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,KAAK,QAAQ,CAAC,YAEnD,SAAS,IAAI,aAAa,GACZ,CAClB,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/playground/request-panel/UrlQueryParams.d.ts

@@ -0,0 +1 @@
+export declare const UrlQueryParams: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/playground/request-panel/UrlQueryParams.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { useFormContext } from "react-hook-form";
+export const UrlQueryParams = () => {
+    const { watch } = useFormContext();
+    const queryParams = watch("queryParams");
+    const urlQueryParams = queryParams
+        .filter((p) => p.active && p.name)
+        .map((p, i, arr) => (_jsxs(Fragment, { children: [p.name, "=", encodeURIComponent(p.value).replaceAll("%20", "+"), i < arr.length - 1 && "&", _jsx("wbr", {})] }, p.name)));
+    return (_jsxs(_Fragment, { children: [urlQueryParams.length > 0 ? `?` : "", urlQueryParams] }));
+};
+//# sourceMappingURL=UrlQueryParams.js.map

package/dist/lib/plugins/openapi/playground/request-panel/UrlQueryParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlQueryParams.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/request-panel/UrlQueryParams.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAkB,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,WAAW;SAC/B,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;SACjC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAClB,MAAC,QAAQ,eACN,CAAC,CAAC,IAAI,OAAG,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EAC3D,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,EAC1B,eAAO,KAHM,CAAC,CAAC,IAAI,CAIV,CACZ,CAAC,CAAC;IAEL,OAAO,CACL,8BACG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EACpC,cAAc,IACd,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/playground/result-panel/Highlight.d.ts

@@ -0,0 +1,12 @@
+export declare const Highlight: {
+    ({ code, language, children, }: {
+        code?: string;
+        children?: never;
+        language?: string;
+    } | {
+        code?: never;
+        children: string;
+        language: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/lib/plugins/openapi/playground/result-panel/Highlight.js

@@ -0,0 +1,11 @@
+import { useZudoku } from "../../../../components/context/ZudokuContext.js";
+import { highlight } from "../../../../shiki.js";
+import invariant from "../../../../util/invariant.js";
+export const Highlight = ({ code, language, children, }) => {
+    const { syntaxHighlighting } = useZudoku().options;
+    invariant(syntaxHighlighting?.highlighter, "Highlighter not found");
+    const highlightedCode = highlight(syntaxHighlighting.highlighter, code ?? children ?? "", language, syntaxHighlighting.themes);
+    return highlightedCode;
+};
+Highlight.displayName = "Highlight";
+//# sourceMappingURL=Highlight.js.map

package/dist/lib/plugins/openapi/playground/result-panel/Highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AAEtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAG8C,EAAE,EAAE;IAC1D,MAAM,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC;IAEnD,SAAS,CAAC,kBAAkB,EAAE,WAAW,EAAE,uBAAuB,CAAC,CAAC;IAEpE,MAAM,eAAe,GAAG,SAAS,CAC/B,kBAAkB,CAAC,WAAW,EAC9B,IAAI,IAAI,QAAQ,IAAI,EAAE,EACtB,QAAQ,EACR,kBAAkB,CAAC,MAAM,CAC1B,CAAC;IAEF,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.d.ts

@@ -0,0 +1,8 @@
+export declare const ResponseStatusBar: ({ status, time, size, isFinished, progress, }: {
+    status?: number;
+    time?: number;
+    size?: number;
+    isFinished: boolean;
+    progress: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ResponseStatusBar;

package/dist/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useLayoutEffect, useRef } from "react";
+import { humanFileSize } from "../../../../util/humanFileSize.js";
+const ResponseCodeCircle = ({ status }) => {
+    if (!status)
+        return _jsx("div", { className: "w-2 h-2 rounded-full bg-gray-500" });
+    switch (Number(status.toString().slice(0, 1))) {
+        case 2:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-green-500" });
+        case 4:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-yellow-400" });
+        case 5:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-red-500" });
+        default:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-gray-500" });
+    }
+};
+const RealTimeCounter = () => {
+    const spanRef = useRef(null);
+    const textRef = useRef(null);
+    const startTimeRef = useRef(Date.now());
+    const animationFrameRef = useRef(null);
+    const updateTime = useCallback(() => {
+        if (textRef.current) {
+            const elapsed = Date.now() - startTimeRef.current;
+            textRef.current.nodeValue = elapsed.toFixed();
+        }
+        animationFrameRef.current = requestAnimationFrame(updateTime);
+    }, []);
+    useLayoutEffect(() => {
+        // Create a text node and attach it to the span
+        const textNode = document.createTextNode("0");
+        const currentSpanRef = spanRef.current;
+        currentSpanRef.appendChild(textNode);
+        textRef.current = textNode;
+        // Start the real-time counter
+        startTimeRef.current = Date.now();
+        animationFrameRef.current = requestAnimationFrame(updateTime);
+        return () => {
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+            if (textRef.current && currentSpanRef.contains(textNode)) {
+                currentSpanRef.removeChild(textNode);
+            }
+        };
+    }, [updateTime]);
+    return _jsx("span", { className: "inline-block text-end w-[3ch]", ref: spanRef });
+};
+export const ResponseStatusBar = ({ status, time, size, isFinished, progress, }) => {
+    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",
+    };
+    return (_jsxs("div", { className: "relative flex h-10 text-xs gap-4 px-4 items-center justify-between font-mono border-b", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ResponseCodeCircle, { status: status }), " ", status ?? "Sending Request...", status ? ` ${statusCodeMap[status]}` : ""] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Size" }), " ", _jsx("span", { className: "inline-block text-end min-w-[5ch]", children: size ? humanFileSize(size) : "- B" })] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Time" }), " ", time !== undefined ? `${time.toFixed(0)}` : _jsx(RealTimeCounter, {}), "ms"] })] }), _jsx("div", { className: "h-full bg-neutral-500/10 absolute left-0 -bottom-0 z-10 transition-all duration-200 ease-in-out", style: {
+                    opacity: isFinished ? 0 : 1,
+                    width: isFinished ? 0 : `${progress * 100}%`,
+                } })] }));
+};
+export default ResponseStatusBar;
+//# sourceMappingURL=ResponseStatusBar.js.map

package/dist/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.js.map

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

package/dist/lib/plugins/openapi/playground/result-panel/ResponseTab.d.ts

@@ -1,8 +1,14 @@
-export declare const ResponseTab: ({ body, headers, status, time, size, url, }: {
+export declare const ResponseTab: ({ body, headers, request, size, isBinary, fileName, blob, }: {
     body?: string;
     headers: Array<[string, string]>;
-    status: number;
-    time: number;
+    request: {
+        method: string;
+        url: string;
+        headers: Array<[string, string]>;
+        body?: string;
+    };
     size: number;
-    url: string;
+    isBinary?: boolean;
+    fileName?: string;
+    blob?: Blob;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/playground/result-panel/ResponseTab.js

@@ -1,24 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
-import { ChevronRightIcon } from "lucide-react";
-import { Fragment, useState } from "react";
+import { CornerDownLeftIcon, CornerDownRightIcon, DownloadIcon, PlusCircleIcon, } from "lucide-react";
+import { useState } from "react";
+import { Button } from "zudoku/ui/Button.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "zudoku/ui/Collapsible.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "zudoku/ui/Select.js";
-import { SyntaxHighlight } from "../../../../components/SyntaxHighlight.js";
-import { Card } from "../../../../ui/Card.js";
+import createVariantComponent from "../../../../util/createVariantComponent.js";
+import { humanFileSize } from "../../../../util/humanFileSize.js";
+import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "../CollapsibleHeader.js";
 import { convertToTypes } from "./convertToTypes.js";
-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",
-};
+import { Highlight } from "./Highlight.js";
 const mimeTypeToLanguage = (mimeType) => {
     const mimeTypeMapping = {
         "application/json": "json",
@@ -32,7 +23,7 @@ const mimeTypeToLanguage = (mimeType) => {
     return Object.entries(mimeTypeMapping).find(([mime]) => mimeType.includes(mime))?.[1];
 };
 const detectLanguage = (headers) => {
-    const contentType = headers.find(([key, value]) => key === "Content-Type")?.[1] || "";
+    const contentType = headers.find(([key]) => key.toLowerCase() === "content-type")?.[1] || "";
     return mimeTypeToLanguage(contentType);
 };
 const tryParseJson = (body) => {
@@ -65,7 +56,10 @@ const sortHeadersByRelevance = (headers) => {
         return indexA - indexB;
     });
 };
-export const ResponseTab = ({ body = "", headers, status, time, size, url, }) => {
+const MAX_HEADERS_TO_SHOW = 3;
+const Row = createVariantComponent("div", "grid-cols-subgrid grid border-b col-span-full px-4 py-1.5 font-mono text-xs");
+const RowContent = createVariantComponent("div", "py-1 break-all");
+export const ResponseTab = ({ body = "", headers, request, size, isBinary = false, fileName, blob, }) => {
     const detectedLanguage = detectLanguage(headers);
     const jsonContent = tryParseJson(body);
     const beautifiedBody = jsonContent || body;
@@ -75,21 +69,35 @@ export const ResponseTab = ({ body = "", headers, status, time, size, url, }) =>
         queryFn: async () => {
             return convertToTypes(JSON.parse(beautifiedBody));
         },
-        enabled: view === "types",
+        enabled: view === "types" && !isBinary,
     });
+    const handleDownload = () => {
+        if (blob && fileName) {
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement("a");
+            link.href = url;
+            link.download = fileName;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+        }
+    };
     const sortedHeaders = sortHeadersByRelevance([...headers]);
-    return (_jsxs("div", { className: "flex flex-col gap-2 h-full overflow-y-scroll max-h-[calc(100vh-220px)] py-4", children: [_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleTrigger, { className: "flex items-center gap-2 hover:text-primary group", children: [_jsx(ChevronRightIcon, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }), _jsx("span", { className: "font-semibold", children: "Headers" })] }), _jsx(CollapsibleContent, { children: _jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2 font-mono text-xs", children: [sortedHeaders.slice(0, 5).map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("div", { className: "text-primary whitespace-pre", children: key }), _jsx("div", { className: "break-all", children: value })] }, key))), sortedHeaders.length > 5 && (_jsxs(Collapsible, { className: "col-span-full grid-cols-subgrid grid", children: [_jsxs(CollapsibleTrigger, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [_jsx(ChevronRightIcon, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }), "Show ", sortedHeaders.length - 5, " more headers"] }), _jsx(CollapsibleContent, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: sortedHeaders.slice(5).map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("div", { className: "text-primary whitespace-pre", children: key }), _jsx("div", { className: "break-all", children: value })] }, key))) })] }))] }) })] }), _jsx(Card, { className: "shadow-none", children: _jsx(SyntaxHighlight, { language: view === "types"
-                        ? "typescript"
-                        : view === "raw"
-                            ? jsonContent
-                                ? "plain"
-                                : detectedLanguage
-                            : "json", noBackground: true, 
-                    // playground dialog has h-5/6 ≈ 83.333vh
-                    className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]", code: (view === "raw"
-                        ? body
-                        : view === "types"
-                            ? types.data?.lines.join("\n")
-                            : beautifiedBody) ?? "" }) }), _jsxs("div", { className: "flex gap-2 justify-between", children: [_jsxs("div", { className: "flex text-xs gap-2 border bg-muted rounded-md p-2 items-center h-8 font-mono divide-x", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Status" }), " ", status, " ", statusCodeMap[status] ?? ""] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Time" }), " ", time.toFixed(0), "ms"] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Size" }), " ", size, "B"] })] }), jsonContent && (_jsx("div", { children: _jsxs(Select, { value: view, onValueChange: (value) => setView(value), children: [_jsx(SelectTrigger, { className: "min-w-32", children: _jsx(SelectValue, { placeholder: "View" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "formatted", children: "Formatted" }), _jsx(SelectItem, { value: "raw", children: "Raw" }), _jsx(SelectItem, { value: "types", children: "Types" })] })] }) }))] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(CornerDownRightIcon, { size: 16 }), _jsx(CollapsibleHeader, { className: "col-span-2", children: "Header Request" })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "grid grid-cols-2 gap-x-6 text-sm", children: request.headers
+                                .slice(0, MAX_HEADERS_TO_SHOW)
+                                .map(([key, value]) => (_jsxs(Row, { children: [_jsx(RowContent, { children: key }), _jsx(RowContent, { children: value })] }, key))) }) })] }), _jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(CornerDownLeftIcon, { size: 16 }), _jsx(CollapsibleHeader, { className: "col-span-2", children: "Header Response" })] }), _jsx(CollapsibleContent, { children: _jsxs("div", { className: "grid grid-cols-2 gap-x-6 text-sm", children: [sortedHeaders.slice(0, MAX_HEADERS_TO_SHOW).map(([key, value]) => (_jsxs(Row, { children: [_jsx(RowContent, { children: key }), _jsx(RowContent, { children: value })] }, key))), sortedHeaders.length > MAX_HEADERS_TO_SHOW && (_jsxs(Collapsible, { className: "col-span-full grid-cols-subgrid grid group", children: [_jsxs(CollapsibleTrigger, { className: "data-[state=open]:hidden justify-center col-span-2 text-xs text-muted-foreground hover:text-primary border-b h-8 flex items-center gap-2", children: [_jsxs("span", { children: ["Show ", sortedHeaders.length - MAX_HEADERS_TO_SHOW, " more headers"] }), _jsx(PlusCircleIcon, { size: 12, className: "text-muted-foreground" })] }), _jsx(CollapsibleContent, { className: "col-span-full grid grid-cols-subgrid", children: sortedHeaders
+                                                .slice(MAX_HEADERS_TO_SHOW)
+                                                .map(([key, value]) => (_jsxs(Row, { children: [_jsx(RowContent, { children: key }), _jsx(RowContent, { children: value })] }, key))) })] }))] }) })] }), _jsx("div", { className: "flex gap-2 justify-between items-center border-b h-10", children: jsonContent && !isBinary && (_jsx("div", { className: "px-2", children: _jsxs(Select, { value: view, onValueChange: (value) => setView(value), children: [_jsx(SelectTrigger, { className: "min-w-32 border-none h-8", children: _jsx(SelectValue, { placeholder: "View" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "formatted", children: "Formatted" }), _jsx(SelectItem, { value: "raw", children: "Raw" }), _jsx(SelectItem, { value: "types", children: "Types" })] })] }) })) }), _jsx("div", { children: isBinary ? (_jsx("div", { className: "p-4 text-center", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("div", { className: "text-lg font-semibold", children: "Binary Content" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "This response contains binary data that cannot be displayed as text." }), _jsxs(Button, { onClick: handleDownload, className: "flex items-center gap-2", disabled: !blob, children: [_jsx(DownloadIcon, { className: "h-4 w-4" }), "Download ", fileName || "file", " (", humanFileSize(size), ")"] })] }) })) : (_jsx("div", { className: "overflow-auto max-w-full p-4 text-xs max-h-[calc(83.333vh-180px)]", children: _jsx(Highlight, { language: view === "types"
+                            ? "typescript"
+                            : view === "raw"
+                                ? jsonContent
+                                    ? "plain"
+                                    : detectedLanguage
+                                : "json", code: (view === "raw"
+                            ? body
+                            : view === "types"
+                                ? types.data?.lines.join("\n")
+                                : beautifiedBody) ?? "" }) })) })] }));
 };
 //# sourceMappingURL=ResponseTab.js.map