zudoku 0.33.0 → 0.33.2-local.4

package/lib/{index-DVBlM15k.js → index-CtkRMvMw.js}

@@ -1,84 +1,87 @@
-var yt = Object.defineProperty;
-var De = (t) => {
+var vt = Object.defineProperty;
+var He = (t) => {
   throw TypeError(t);
 };
-var vt = (t, a, s) => a in t ? yt(t, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[a] = s;
-var ne = (t, a, s) => vt(t, typeof a != "symbol" ? a + "" : a, s), jt = (t, a, s) => a.has(t) || De("Cannot " + s);
-var re = (t, a, s) => (jt(t, a, "read from private field"), s ? s.call(t) : a.get(t)), oe = (t, a, s) => a.has(t) ? De("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s);
+var jt = (t, a, s) => a in t ? vt(t, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[a] = s;
+var le = (t, a, s) => jt(t, typeof a != "symbol" ? a + "" : a, s), bt = (t, a, s) => a.has(t) || He("Cannot " + s);
+var de = (t, a, s) => (bt(t, a, "read from private field"), s ? s.call(t) : a.get(t)), ce = (t, a, s) => a.has(t) ? He("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s);
 import { j as e } from "./jsx-runtime-CYK1ROHF.js";
-import { s as W } from "./index-LNp6rxyU.js";
-import { Circle as bt, ChevronRightIcon as B, CheckIcon as Nt, DotIcon as wt, Check as Ct, Search as Tt, XIcon as $t, ChevronDownIcon as St, InfoIcon as Le, LogInIcon as Pt, CirclePlayIcon as Rt } from "lucide-react";
-import { r as kt, m as Ve } from "./chunk-IR6S3I6Y-D_3UmFIn.js";
-import { m as It, o as Ot, p as Et, k as At } from "./hook-4_6pQSo4.js";
-import { Button as K } from "./ui/Button.js";
-import { j as O } from "./joinUrl-10po2Jdj.js";
-import { Z as qt } from "./invariant-Caa8-XvF.js";
-import { VisuallyHidden as Dt } from "@radix-ui/react-visually-hidden";
-import * as x from "react";
-import { Fragment as k, useRef as q, useEffect as fe, useState as U, useCallback as Lt, useTransition as Vt } from "react";
-import { V as $, T as Ft, D as zt, b as Ht, a as Gt, c as Bt } from "./index-Du5aNddU.js";
-import { S as Qe, a as Ze, b as We, c as Ke, e as Q, u as Ut } from "./Select-BmoX1iTH.js";
-import { b as ge, u as ye, C as I, a as Mt, F as _t } from "./index.esm--gIChbWs.js";
-import { c as ve } from "./index-CPNSgwSb.js";
+import { s as ee } from "./index-LNp6rxyU.js";
+import { Circle as Nt, ChevronRightIcon as Q, CheckIcon as wt, DotIcon as Ct, Check as Tt, XIcon as $t, ChevronDownIcon as St, InfoIcon as Be, LogInIcon as Pt, CirclePlayIcon as kt } from "lucide-react";
+import { r as Ot, m as Ue } from "./chunk-IR6S3I6Y-CRDBmIgK.js";
+import { g as Rt, h as It, e as At } from "./hook-LTe5qHSc.js";
+import { Button as te } from "./ui/Button.js";
+import { j as E } from "./joinUrl-10po2Jdj.js";
+import { Z as Et } from "./invariant-Caa8-XvF.js";
+import { VisuallyHidden as qt } from "@radix-ui/react-visually-hidden";
+import * as f from "react";
+import { Fragment as R, useRef as V, useEffect as fe, useState as F, useCallback as Dt, useTransition as Lt } from "react";
+import { D as Vt, c as Ft, a as zt, b as Ht } from "./Dialog-mi6BrnrM.js";
+import { S as Ye, a as et, b as tt, c as at, e as Z, u as Bt } from "./Select-Co6MuS4j.js";
+import { b as ye, u as ve, C as I, a as Ut, F as Mt } from "./index.esm--gIChbWs.js";
+import { c as je } from "./index-CPNSgwSb.js";
 import { c as m } from "./cn-qaFjX9_3.js";
-import * as Xe from "@radix-ui/react-label";
-import * as M from "@radix-ui/react-radio-group";
-import { Card as je, CardHeader as Jt, CardTitle as Qt, CardContent as Zt } from "./ui/Card.js";
-import { Tabs as Ye, TabsList as et, TabsTrigger as E, TabsContent as A } from "./ui/Tabs.js";
+import { B as q, S as Gt } from "./Spinner-1KrEmx1V.js";
+import * as st from "@radix-ui/react-label";
+import * as _ from "@radix-ui/react-radio-group";
+import { Card as be, CardHeader as Jt, CardTitle as Qt, CardContent as _t } from "./ui/Card.js";
+import { Tabs as nt, TabsList as rt, TabsTrigger as D, TabsContent as L } from "./ui/Tabs.js";
 import { z as Wt } from "./index-DwT-v3zK.js";
-import { B as Z, S as Kt } from "./Spinner-1KrEmx1V.js";
 import * as j from "@radix-ui/react-dropdown-menu";
-import * as me from "@radix-ui/react-checkbox";
-import * as X from "@radix-ui/react-popover";
-import { PopoverAnchor as Xt } from "@radix-ui/react-popover";
-import { Input as be } from "./ui/Input.js";
-import { Slot as Yt } from "@radix-ui/react-slot";
-import { Callout as ea } from "./ui/Callout.js";
-import { Collapsible as Fe, CollapsibleTrigger as ze, CollapsibleContent as He } from "./ui/Collapsible.js";
-import * as Ne from "@radix-ui/react-collapsible";
-import { SyntaxHighlight as ta } from "./ui/SyntaxHighlight.js";
-let ie;
-const aa = (t) => {
+import * as xe from "@radix-ui/react-checkbox";
+import * as ae from "@radix-ui/react-popover";
+import { PopoverAnchor as Zt } from "@radix-ui/react-popover";
+import { T as Kt } from "./index-gQD2h1wX.js";
+import { f as Xt, g as Yt, C as ea, b as ta } from "./Command-CrTA1FX0.js";
+import { Input as Ne } from "./ui/Input.js";
+import { Slot as aa } from "@radix-ui/react-slot";
+import { Callout as sa } from "./ui/Callout.js";
+import { Collapsible as Me, CollapsibleTrigger as Ge, CollapsibleContent as Je } from "./ui/Collapsible.js";
+import { d as na } from "./useQuery-CQUwWR9i.js";
+import * as we from "@radix-ui/react-collapsible";
+import { SyntaxHighlight as ra } from "./ui/SyntaxHighlight.js";
+let me;
+const oa = (t) => {
   var a;
   if ((a = t.errors) != null && a[0])
-    throw new qt(t.errors[0].message, {
+    throw new Et(t.errors[0].message, {
       developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config."
     });
 };
-var te, ae;
-class sa {
+var re, oe;
+class ia {
   constructor(a) {
-    oe(this, te, async () => (ie || (ie = import("./createServer-DmusVVsi.js").then(
+    ce(this, re, async () => (me || (me = import("./createServer-DmusVVsi.js").then(
       (a) => a.createServer(this.config)
-    )), ie));
-    oe(this, ae, async (a) => this.config.server ? fetch(this.config.server, a) : (await re(this, te).call(this)).fetch("http://localhost/graphql", a));
-    ne(this, "fetch", async (a, ...[s]) => {
+    )), me));
+    ce(this, oe, async (a) => this.config.server ? fetch(this.config.server, a) : (await de(this, re).call(this)).fetch("http://localhost/graphql", a));
+    le(this, "fetch", async (a, ...[s]) => {
       var l;
-      const n = (l = a.match(/query (\w+)/)) == null ? void 0 : l[1], r = await re(this, ae).call(this, {
+      const n = (l = a.match(/query (\w+)/)) == null ? void 0 : l[1], r = await de(this, oe).call(this, {
         method: "POST",
         body: JSON.stringify({ query: a, variables: s, operationName: n }),
         headers: { "Content-Type": "application/json" }
       });
       if (!r.ok)
         throw new Error("Network response was not ok");
-      const i = await r.json();
-      return aa(i), i.data;
+      const o = await r.json();
+      return oa(o), o.data;
     });
     this.config = a;
   }
 }
-te = new WeakMap(), ae = new WeakMap();
-class D extends String {
+re = new WeakMap(), oe = new WeakMap();
+class z extends String {
   constructor(s, n) {
     super(s);
-    ne(this, "__apiType");
+    le(this, "__apiType");
     this.value = s, this.__meta__ = n;
   }
   toString() {
     return this.value;
   }
 }
-const na = new D(
+const la = new z(
   `
     fragment OperationsFragment on OperationItem {
   slug
@@ -143,7 +146,7 @@ const na = new D(
 }
     `,
   { fragmentName: "OperationsFragment" }
-), ra = new D(`
+), da = new z(`
     query ServersQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -152,7 +155,7 @@ const na = new D(
     }
   }
 }
-    `), oa = new D(`
+    `), ca = new z(`
     query AllOperations($input: JSON!, $type: SchemaType!, $tag: String, $untagged: Boolean) {
   schema(input: $input, type: $type) {
     servers {
@@ -233,7 +236,7 @@ const na = new D(
       schema
     }
   }
-}`), ia = new D(`
+}`), ma = new z(`
     query getServerQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -242,7 +245,7 @@ const na = new D(
     }
   }
 }
-    `), la = new D(`
+    `), ua = new z(`
     query GetCategories($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -251,7 +254,7 @@ const na = new D(
     }
   }
 }
-    `), da = new D(`
+    `), pa = new z(`
     query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {
   schema(input: $input, type: $type) {
     operations(tag: $tag) {
@@ -275,18 +278,18 @@ const na = new D(
     }
   }
 }
-    `), ca = {
-  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ra,
-  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      examples {\n        name\n        description\n        externalValue\n        value\n        summary\n      }\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n": na,
-  "\n  query AllOperations(\n    $input: JSON!\n    $type: SchemaType!\n    $tag: String\n    $untagged: Boolean\n  ) {\n    schema(input: $input, type: $type) {\n      servers {\n        url\n      }\n      description\n      summary\n      title\n      url\n      version\n      tags(name: $tag) {\n        name\n        description\n      }\n      operations(tag: $tag, untagged: $untagged) {\n        slug\n        ...OperationsFragment\n      }\n    }\n  }\n": oa,
-  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ia,
-  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        name\n      }\n    }\n  }\n": la,
-  "\n  query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {\n    schema(input: $input, type: $type) {\n      operations(tag: $tag) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n        tags {\n          name\n        }\n      }\n      untagged: operations(untagged: true) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n      }\n    }\n  }\n": da
+    `), ha = {
+  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": da,
+  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      examples {\n        name\n        description\n        externalValue\n        value\n        summary\n      }\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n": la,
+  "\n  query AllOperations(\n    $input: JSON!\n    $type: SchemaType!\n    $tag: String\n    $untagged: Boolean\n  ) {\n    schema(input: $input, type: $type) {\n      servers {\n        url\n      }\n      description\n      summary\n      title\n      url\n      version\n      tags(name: $tag) {\n        name\n        description\n      }\n      operations(tag: $tag, untagged: $untagged) {\n        slug\n        ...OperationsFragment\n      }\n    }\n  }\n": ca,
+  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ma,
+  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        name\n      }\n    }\n  }\n": ua,
+  "\n  query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {\n    schema(input: $input, type: $type) {\n      operations(tag: $tag) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n        tags {\n          name\n        }\n      }\n      untagged: operations(untagged: true) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n      }\n    }\n  }\n": pa
 };
-function tt(t) {
-  return ca[t] ?? {};
+function ot(t) {
+  return ha[t] ?? {};
 }
-const ma = ve(
+const xa = je(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
   {
     variants: {
@@ -299,17 +302,17 @@ const ma = ve(
       variant: "default"
     }
   }
-), ue = x.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+), K = f.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: n,
     role: "alert",
-    className: m(ma({ variant: a }), t),
+    className: m(xa({ variant: a }), t),
     ...s
   }
 ));
-ue.displayName = "Alert";
-const pe = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+K.displayName = "Alert";
+const X = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h5",
   {
     ref: s,
@@ -317,8 +320,8 @@ const pe = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-pe.displayName = "AlertTitle";
-const he = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+X.displayName = "AlertTitle";
+const Y = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -326,55 +329,55 @@ const he = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-he.displayName = "AlertDescription";
-const ua = ({
+Y.displayName = "AlertDescription";
+const ga = ({
   path: t,
   renderParam: a
 }) => {
   let s = 0;
-  return t.split("/").map((n, r, i) => {
+  return t.split("/").map((n, r, o) => {
     const l = Array.from(n.matchAll(/{([^}]+)}/g)), c = [];
     let d = 0;
     return l.forEach((u) => {
-      const [g, C] = u;
-      if (!C) return;
-      const b = u.index;
-      b > d && c.push(
-        /* @__PURE__ */ e.jsx(k, { children: n.slice(d, b) }, `text-${d}-${b}`)
+      const [g, N] = u;
+      if (!N) return;
+      const y = u.index;
+      y > d && c.push(
+        /* @__PURE__ */ e.jsx(R, { children: n.slice(d, y) }, `text-${d}-${y}`)
       ), c.push(
-        /* @__PURE__ */ e.jsx(k, { children: a({ name: C, originalValue: g, index: s++ }) }, `param-${C}`)
-      ), d = b + g.length;
+        /* @__PURE__ */ e.jsx(R, { children: a({ name: N, originalValue: g, index: s++ }) }, `param-${N}`)
+      ), d = y + g.length;
     }), d < n.length && c.push(
-      /* @__PURE__ */ e.jsx(k, { children: n.slice(d) }, `text-${d}-${n.length}`)
+      /* @__PURE__ */ e.jsx(R, { children: n.slice(d) }, `text-${d}-${n.length}`)
     ), // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ e.jsxs(k, { children: [
+    /* @__PURE__ */ e.jsxs(R, { children: [
       c,
-      r < i.length - 1 && "/",
+      r < o.length - 1 && "/",
       /* @__PURE__ */ e.jsx("wbr", {})
     ] }, `${n}-${r}`);
   });
-}, pa = ve(
+}, fa = je(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), z = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  Xe.Root,
+), M = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  st.Root,
   {
     ref: s,
-    className: m(pa(), t),
+    className: m(fa(), t),
     ...a
   }
 ));
-z.displayName = Xe.Root.displayName;
-const we = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  M.Root,
+M.displayName = st.Root.displayName;
+const Ce = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  _.Root,
   {
     className: m("grid gap-2", t),
     ...a,
     ref: s
   }
 ));
-we.displayName = M.Root.displayName;
-const Y = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  M.Item,
+Ce.displayName = _.Root.displayName;
+const se = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  _.Item,
   {
     ref: s,
     className: m(
@@ -382,11 +385,11 @@ const Y = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e.jsx(M.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(bt, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ e.jsx(_.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(Nt, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
-Y.displayName = M.Item.displayName;
-const at = x.forwardRef(
+se.displayName = _.Item.displayName;
+const it = f.forwardRef(
   ({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     "textarea",
     {
@@ -399,51 +402,51 @@ const at = x.forwardRef(
     }
   )
 );
-at.displayName = "Textarea";
-const le = (t) => Math.abs(
+it.displayName = "Textarea";
+const ue = (t) => Math.abs(
   isNaN(parseInt(t)) ? t.toLowerCase().charCodeAt(0) - 96 : isNaN(parseInt(t)) ? 0 : parseInt(t)
-), de = (t) => t.length > 1 ? parseInt(t.split("").reduce((a, s) => `${le(a) + le(s)}`)) : le(t), Ge = (t, a = {}) => {
-  const s = (3 * de(t) + 2 * de(t) + de(t)) % 360, { saturation: n = 75, lightness: r = 60 } = a;
+), pe = (t) => t.length > 1 ? parseInt(t.split("").reduce((a, s) => `${ue(a) + ue(s)}`)) : ue(t), Qe = (t, a = {}) => {
+  const s = (3 * pe(t) + 2 * pe(t) + pe(t)) % 360, { saturation: n = 75, lightness: r = 60 } = a;
   return `${s}deg ${n}% ${r}%`;
-}, ce = "data-linked-param", ha = (t) => {
+}, he = "data-linked-param", ya = (t) => {
   const { resolvedTheme: a } = Wt();
   return {
-    text: Ge(
+    text: Qe(
       t,
       a === "light" ? { saturation: 95, lightness: 38 } : {}
     ),
-    background: Ge(
+    background: Qe(
       t,
       a === "light" ? { saturation: 85, lightness: 40 } : {}
     )
   };
-}, st = ({
+}, lt = ({
   name: t,
   className: a,
   slug: s,
   title: n,
   children: r,
-  onClick: i
+  onClick: o
 }) => {
-  const l = q(null), c = s == null ? void 0 : s.replace(/[{}]/g, ""), d = t.replace(/[{}]/g, ""), { text: u, background: g } = ha(d), C = `hsl(${u} / 100%)`, b = `hsl(${g} / 10%)`, p = `hsl(${g} / 50%)`;
+  const l = V(null), c = s == null ? void 0 : s.replace(/[{}]/g, ""), d = t.replace(/[{}]/g, ""), { text: u, background: g } = ya(d), N = `hsl(${u} / 100%)`, y = `hsl(${g} / 10%)`, h = `hsl(${g} / 50%)`;
   return fe(() => {
     if (!c || !l.current) return;
-    const f = () => {
-      document.querySelectorAll(`[${ce}="${c}"]`).forEach((y) => {
-        y instanceof HTMLElement && (y.dataset.active = "true");
+    const x = () => {
+      document.querySelectorAll(`[${he}="${c}"]`).forEach((v) => {
+        v instanceof HTMLElement && (v.dataset.active = "true");
       });
-    }, h = () => {
-      document.querySelectorAll(`[${ce}="${c}"]`).forEach((y) => {
-        y instanceof HTMLElement && (y.dataset.active = "false");
+    }, p = () => {
+      document.querySelectorAll(`[${he}="${c}"]`).forEach((v) => {
+        v instanceof HTMLElement && (v.dataset.active = "false");
       });
-    }, v = l.current;
-    return v.addEventListener("mouseenter", f), v.addEventListener("mouseleave", h), () => {
-      v.removeEventListener("mouseenter", f), v.removeEventListener("mouseleave", h);
+    }, b = l.current;
+    return b.addEventListener("mouseenter", x), b.addEventListener("mouseleave", p), () => {
+      b.removeEventListener("mouseenter", x), b.removeEventListener("mouseleave", p);
     };
   }, [c]), /* @__PURE__ */ e.jsx(
     "span",
     {
-      [ce]: c,
+      [he]: c,
       className: m(
         // This may not contain (inline-)flex or (inline-)block otherwise it breaks the browser's full text search
         "relative rounded transition-all duration-100 rounded-lg",
@@ -454,28 +457,28 @@ const le = (t) => Math.abs(
       title: n,
       suppressHydrationWarning: !0,
       ref: l,
-      onClick: i,
+      onClick: o,
       style: {
-        "--param-color": C,
-        "--border-color": p,
-        "--background-color": b
+        "--param-color": N,
+        "--border-color": h,
+        "--background-color": y
       },
       children: r ?? t
     }
   );
-}, xa = (t, a, s) => {
-  const n = a.replace(/(:\w+|\{\w+})/g, (i) => {
+}, va = (t, a, s) => {
+  const n = a.replace(/(:\w+|\{\w+})/g, (o) => {
     var d;
-    const l = i.replace(/[:{}]/g, "");
-    return ((d = s.pathParams.find((u) => u.name === l)) == null ? void 0 : d.value) ?? i;
+    const l = o.replace(/[:{}]/g, "");
+    return ((d = s.pathParams.find((u) => u.name === l)) == null ? void 0 : d.value) ?? o;
   }), r = new URL(
     n.replace(/^\//, ""),
     t.endsWith("/") ? t : `${t}/`
   );
-  return s.queryParams.filter((i) => i.active).forEach((i) => {
-    r.searchParams.set(i.name, i.value);
+  return s.queryParams.filter((o) => o.active).forEach((o) => {
+    r.searchParams.set(o.name, o.value);
   }), r;
-}, nt = j.Root, rt = j.Trigger, fa = j.Group, ga = x.forwardRef(({ className: t, inset: a, children: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
+}, dt = j.Root, ct = j.Trigger, ja = j.Group, ba = f.forwardRef(({ className: t, inset: a, children: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
   j.SubTrigger,
   {
     ref: r,
@@ -487,12 +490,12 @@ const le = (t) => Math.abs(
     ...n,
     children: [
       s,
-      /* @__PURE__ */ e.jsx(B, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ e.jsx(Q, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
-ga.displayName = j.SubTrigger.displayName;
-const ya = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+ba.displayName = j.SubTrigger.displayName;
+const Na = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   j.SubContent,
   {
     ref: s,
@@ -503,8 +506,8 @@ const ya = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-ya.displayName = j.SubContent.displayName;
-const Ce = x.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(j.Portal, { children: /* @__PURE__ */ e.jsx(
+Na.displayName = j.SubContent.displayName;
+const Te = f.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(j.Portal, { children: /* @__PURE__ */ e.jsx(
   j.Content,
   {
     ref: n,
@@ -517,8 +520,8 @@ const Ce = x.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__
     ...s
   }
 ) }));
-Ce.displayName = j.Content.displayName;
-const Te = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+Te.displayName = j.Content.displayName;
+const $e = f.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   j.Item,
   {
     ref: n,
@@ -530,8 +533,8 @@ const Te = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
     ...s
   }
 ));
-Te.displayName = j.Item.displayName;
-const va = x.forwardRef(({ className: t, children: a, checked: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
+$e.displayName = j.Item.displayName;
+const wa = f.forwardRef(({ className: t, children: a, checked: s, ...n }, r) => /* @__PURE__ */ e.jsxs(
   j.CheckboxItem,
   {
     ref: r,
@@ -542,13 +545,13 @@ const va = x.forwardRef(({ className: t, children: a, checked: s, ...n }, r) =>
     checked: s,
     ...n,
     children: [
-      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(j.ItemIndicator, { children: /* @__PURE__ */ e.jsx(Nt, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(j.ItemIndicator, { children: /* @__PURE__ */ e.jsx(wt, { className: "h-4 w-4" }) }) }),
       a
     ]
   }
 ));
-va.displayName = j.CheckboxItem.displayName;
-const ja = x.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
+wa.displayName = j.CheckboxItem.displayName;
+const Ca = f.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
   j.RadioItem,
   {
     ref: n,
@@ -558,13 +561,13 @@ const ja = x.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__
     ),
     ...s,
     children: [
-      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(j.ItemIndicator, { children: /* @__PURE__ */ e.jsx(wt, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(j.ItemIndicator, { children: /* @__PURE__ */ e.jsx(Ct, { className: "h-4 w-4 fill-current" }) }) }),
       a
     ]
   }
 ));
-ja.displayName = j.RadioItem.displayName;
-const ot = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+Ca.displayName = j.RadioItem.displayName;
+const mt = f.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   j.Label,
   {
     ref: n,
@@ -576,8 +579,8 @@ const ot = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
     ...s
   }
 ));
-ot.displayName = j.Label.displayName;
-const it = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+mt.displayName = j.Label.displayName;
+const ut = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   j.Separator,
   {
     ref: s,
@@ -585,19 +588,19 @@ const it = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-it.displayName = j.Separator.displayName;
-const ba = ({
+ut.displayName = j.Separator.displayName;
+const Ta = ({
   examples: t,
   onSelect: a
-}) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 mt-2 items-end", children: /* @__PURE__ */ e.jsxs(nt, { children: [
-  /* @__PURE__ */ e.jsx(rt, { asChild: !0, children: /* @__PURE__ */ e.jsx(Z, { variant: "outline", children: "Use Example" }) }),
-  /* @__PURE__ */ e.jsx(Ce, { className: "w-56", children: t.map((s) => {
+}) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 mt-2 items-end", children: /* @__PURE__ */ e.jsxs(dt, { children: [
+  /* @__PURE__ */ e.jsx(ct, { asChild: !0, children: /* @__PURE__ */ e.jsx(q, { variant: "outline", children: "Use Example" }) }),
+  /* @__PURE__ */ e.jsx(Te, { className: "w-56", children: t.map((s) => {
     var n;
     return /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx(ot, { children: s.mediaType }),
-      /* @__PURE__ */ e.jsx(it, {}),
-      /* @__PURE__ */ e.jsx(fa, { children: (n = s.examples) == null ? void 0 : n.map((r) => /* @__PURE__ */ e.jsx(
-        Te,
+      /* @__PURE__ */ e.jsx(mt, { children: s.mediaType }),
+      /* @__PURE__ */ e.jsx(ut, {}),
+      /* @__PURE__ */ e.jsx(ja, { children: (n = s.examples) == null ? void 0 : n.map((r) => /* @__PURE__ */ e.jsx(
+        $e,
         {
           onSelect: () => a(r),
           className: "line-clamp-1",
@@ -607,7 +610,7 @@ const ba = ({
       )) })
     ] }, s.mediaType);
   }) })
-] }) }), se = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+] }) }), ie = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -618,8 +621,8 @@ const ba = ({
     ...a
   }
 ));
-se.displayName = "Card";
-const Na = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+ie.displayName = "Card";
+const $a = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -627,8 +630,8 @@ const Na = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-Na.displayName = "CardHeader";
-const wa = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+$a.displayName = "CardHeader";
+const Sa = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h3",
   {
     ref: s,
@@ -636,8 +639,8 @@ const wa = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-wa.displayName = "CardTitle";
-const Ca = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+Sa.displayName = "CardTitle";
+const Pa = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "p",
   {
     ref: s,
@@ -645,10 +648,10 @@ const Ca = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-Ca.displayName = "CardDescription";
-const Ta = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: m("p-6 pt-0", t), ...a }));
-Ta.displayName = "CardContent";
-const $a = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+Pa.displayName = "CardDescription";
+const ka = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: m("p-6 pt-0", t), ...a }));
+ka.displayName = "CardContent";
+const Oa = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -656,8 +659,8 @@ const $a = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-$a.displayName = "CardFooter";
-const Sa = ve(
+Oa.displayName = "CardFooter";
+const Ra = je(
   "peer h-4 w-4 shrink-0 rounded-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary",
   {
     variants: {
@@ -670,121 +673,24 @@ const Sa = ve(
       variant: "default"
     }
   }
-), $e = x.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  me.Root,
+), Se = f.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  xe.Root,
   {
     ref: n,
-    className: m(Sa({ variant: a, className: t })),
+    className: m(Ra({ variant: a, className: t })),
     ...s,
     children: /* @__PURE__ */ e.jsx(
-      me.Indicator,
+      xe.Indicator,
       {
         className: m("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ e.jsx(Ct, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(Tt, { className: "h-4 w-4" })
       }
     )
   }
 ));
-$e.displayName = me.Root.displayName;
-const lt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  $,
-  {
-    ref: s,
-    className: m(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
-      t
-    ),
-    ...a
-  }
-));
-lt.displayName = $.displayName;
-const Pa = x.forwardRef(({ className: t, ...a }, s) => (
-  // eslint-disable-next-line react/no-unknown-property
-  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-    /* @__PURE__ */ e.jsx(Tt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-    /* @__PURE__ */ e.jsx(
-      $.Input,
-      {
-        ref: s,
-        className: m(
-          "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
-          t
-        ),
-        ...a
-      }
-    )
-  ] })
-));
-Pa.displayName = $.Input.displayName;
-const dt = x.forwardRef(({ className: t, ...a }, s) => (
-  // eslint-disable-next-line react/no-unknown-property
-  /* @__PURE__ */ e.jsx("div", { className: "flex items-center", "cmdk-input-wrapper": "", children: /* @__PURE__ */ e.jsx(
-    $.Input,
-    {
-      ref: s,
-      className: m(
-        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
-        "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        t
-      ),
-      ...a
-    }
-  ) })
-));
-dt.displayName = $.Input.displayName;
-const ct = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  $.List,
-  {
-    ref: s,
-    className: m("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
-    ...a
-  }
-));
-ct.displayName = $.List.displayName;
-const Ra = x.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
-  $.Empty,
-  {
-    ref: a,
-    className: "py-6 text-center text-sm",
-    ...t
-  }
-));
-Ra.displayName = $.Empty.displayName;
-const ka = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  $.Group,
-  {
-    ref: s,
-    className: m(
-      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
-      t
-    ),
-    ...a
-  }
-));
-ka.displayName = $.Group.displayName;
-const Ia = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  $.Separator,
-  {
-    ref: s,
-    className: m("-mx-1 h-px bg-border", t),
-    ...a
-  }
-));
-Ia.displayName = $.Separator.displayName;
-const mt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  $.Item,
-  {
-    ref: s,
-    className: m(
-      "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-      t
-    ),
-    ...a
-  }
-));
-mt.displayName = $.Item.displayName;
-const Oa = X.Root, ut = x.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, r) => /* @__PURE__ */ e.jsx(X.Portal, { children: /* @__PURE__ */ e.jsx(
-  X.Content,
+Se.displayName = xe.Root.displayName;
+const Ia = ae.Root, pt = f.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, r) => /* @__PURE__ */ e.jsx(ae.Portal, { children: /* @__PURE__ */ e.jsx(
+  ae.Content,
   {
     ref: r,
     align: a,
@@ -796,23 +702,23 @@ const Oa = X.Root, ut = x.forwardRef(({ className: t, align: a = "center", sideO
     ...n
   }
 ) }));
-ut.displayName = X.Content.displayName;
-const Ea = ({
+pt.displayName = ae.Content.displayName;
+const Aa = ({
   value: t,
   options: a,
   onChange: s,
   className: n,
   placeholder: r = "Enter value",
-  onEnterPress: i,
+  onEnterPress: o,
   ref: l
 }) => {
-  const [c, d] = U(!1), [u, g] = U(!1), C = Ft((p) => p.filtered.count), b = q(null);
-  return /* @__PURE__ */ e.jsxs(Oa, { open: c, children: [
-    /* @__PURE__ */ e.jsx(Xt, { children: /* @__PURE__ */ e.jsx(
-      dt,
+  const [c, d] = F(!1), [u, g] = F(!1), N = Kt((h) => h.filtered.count), y = V(null);
+  return /* @__PURE__ */ e.jsxs(Ia, { open: c, children: [
+    /* @__PURE__ */ e.jsx(Zt, { children: /* @__PURE__ */ e.jsx(
+      Yt,
       {
-        ref: (p) => {
-          b.current = p, typeof l == "function" ? l(p) : l && (l.current = p);
+        ref: (h) => {
+          y.current = h, typeof l == "function" ? l(h) : l && (l.current = h);
         },
         value: t,
         placeholder: r,
@@ -821,62 +727,62 @@ const Ea = ({
         onBlur: () => {
           u || d(!1);
         },
-        onKeyDown: (p) => {
-          var f;
-          p.key === "Enter" && (d(!1), (f = b.current) == null || f.blur(), i == null || i(p));
+        onKeyDown: (h) => {
+          var x;
+          h.key === "Enter" && (d(!1), (x = y.current) == null || x.blur(), o == null || o(h));
         },
-        onValueChange: (p) => s(p)
+        onValueChange: (h) => s(h)
       }
     ) }),
     /* @__PURE__ */ e.jsx(
-      ut,
+      pt,
       {
         onMouseEnter: () => g(!0),
         onMouseLeave: () => g(!1),
-        onOpenAutoFocus: (p) => p.preventDefault(),
+        onOpenAutoFocus: (h) => h.preventDefault(),
         className: m("p-0 w-[--radix-popover-trigger-width]", {
-          "border-0": C === 0
+          "border-0": N === 0
         }),
         align: "start",
         side: "bottom",
-        onWheel: (p) => {
-          p.stopPropagation();
+        onWheel: (h) => {
+          h.stopPropagation();
         },
-        onTouchMove: (p) => {
-          p.stopPropagation();
+        onTouchMove: (h) => {
+          h.stopPropagation();
         },
-        children: /* @__PURE__ */ e.jsx(ct, { className: "max-h-[140px]", children: a.map((p) => /* @__PURE__ */ e.jsx(
-          mt,
+        children: /* @__PURE__ */ e.jsx(ea, { className: "max-h-[140px]", children: a.map((h) => /* @__PURE__ */ e.jsx(
+          ta,
           {
-            value: p,
-            onSelect: (f) => {
-              s(f), d(!1);
+            value: h,
+            onSelect: (x) => {
+              s(x), d(!1);
             },
             className: "cursor-pointer",
-            children: p
+            children: h
           },
-          p
+          h
         )) })
       }
     )
   ] });
-}, ee = ({ shouldFilter: t, ...a }) => /* @__PURE__ */ e.jsx(lt, { className: "bg-transparent", shouldFilter: t, children: /* @__PURE__ */ e.jsx(Ea, { ...a }) }), Se = (t, a) => {
-  const s = x.forwardRef(({ className: n, asChild: r, ...i }, l) => {
-    const c = r ? Yt : t;
-    return x.createElement(c, {
-      ...i,
+}, ne = ({ shouldFilter: t, ...a }) => /* @__PURE__ */ e.jsx(Xt, { className: "bg-transparent", shouldFilter: t, children: /* @__PURE__ */ e.jsx(Aa, { ...a }) }), Pe = (t, a) => {
+  const s = f.forwardRef(({ className: n, asChild: r, ...o }, l) => {
+    const c = r ? aa : t;
+    return f.createElement(c, {
+      ...o,
       ref: l,
       className: typeof a == "function" ? a({ className: n }) : m(a, n)
     });
   });
   return s.displayName = `VariantComponent(${t})`, s;
-}, Pe = Se(
+}, ke = Pe(
   "div",
   "grid grid-cols-[2fr_3fr] gap-2 items-center"
-), Re = Se(
+), Oe = Pe(
   "div",
   "group hover:bg-accent px-3 grid col-span-full grid-cols-subgrid"
-), Aa = Object.freeze([
+), Ea = Object.freeze([
   "Accept",
   "Accept-Encoding",
   "Accept-Language",
@@ -907,44 +813,44 @@ const Ea = ({
   control: t,
   headers: a
 }) => {
-  const { fields: s, append: n, remove: r } = ge({
+  const { fields: s, append: n, remove: r } = ye({
     control: t,
     name: "headers"
-  }), { setValue: i, watch: l } = ye(), c = q([]), d = q([]), u = l("headers"), g = Lt(() => {
+  }), { setValue: o, watch: l } = ve(), c = V([]), d = V([]), u = l("headers"), g = Dt(() => {
     n({ name: "", value: "", active: !1 });
   }, [n]);
   fe(() => {
     u.length === 0 && g();
   }, [u, g]);
-  const C = (f) => {
-    var h;
-    (h = c.current[f]) == null || h.focus();
-  }, b = (f) => {
+  const N = (x) => {
+    var p;
+    (p = c.current[x]) == null || p.focus();
+  }, y = (x) => {
     g(), requestAnimationFrame(() => {
-      var h;
-      return (h = d.current[f + 1]) == null ? void 0 : h.focus();
+      var p;
+      return (p = d.current[x + 1]) == null ? void 0 : p.focus();
     });
-  }, p = a.filter((f) => !u.some((h) => h.name === f.name)).map(({ name: f }) => f);
+  }, h = a.filter((x) => !u.some((p) => p.name === x.name)).map(({ name: x }) => x);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ e.jsx(se, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Pe, { children: s.map((f, h) => {
-      const v = a.find(
-        (y) => y.name === l(`headers.${h}.name`)
+    /* @__PURE__ */ e.jsx(ie, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(ke, { children: s.map((x, p) => {
+      const b = a.find(
+        (v) => v.name === l(`headers.${p}.name`)
       );
-      return /* @__PURE__ */ e.jsxs(Re, { children: [
+      return /* @__PURE__ */ e.jsxs(Oe, { children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 ", children: [
           /* @__PURE__ */ e.jsx(
             I,
             {
               control: t,
-              name: `headers.${h}.active`,
-              render: ({ field: y }) => /* @__PURE__ */ e.jsx(
-                $e,
+              name: `headers.${p}.active`,
+              render: ({ field: v }) => /* @__PURE__ */ e.jsx(
+                Se,
                 {
                   variant: "outline",
-                  id: `headers.${h}.active`,
-                  checked: y.value,
-                  onCheckedChange: (N) => {
-                    y.onChange(N);
+                  id: `headers.${p}.active`,
+                  checked: v.value,
+                  onCheckedChange: (C) => {
+                    v.onChange(C);
                   }
                 }
               )
@@ -954,20 +860,20 @@ const Ea = ({
             I,
             {
               control: t,
-              name: `headers.${h}.name`,
-              render: ({ field: y }) => /* @__PURE__ */ e.jsx(
-                ee,
+              name: `headers.${p}.name`,
+              render: ({ field: v }) => /* @__PURE__ */ e.jsx(
+                ne,
                 {
-                  ...y,
+                  ...v,
                   placeholder: "Name",
                   className: "border-0 shadow-none bg-transparent text-xs font-mono",
-                  options: [...p, ...Aa],
-                  onEnterPress: () => C(h),
-                  onChange: (N) => {
-                    y.onChange(N), i(`headers.${h}.active`, !0);
+                  options: [...h, ...Ea],
+                  onEnterPress: () => N(p),
+                  onChange: (C) => {
+                    v.onChange(C), o(`headers.${p}.active`, !0);
                   },
-                  ref: (N) => {
-                    d.current[h] = N;
+                  ref: (C) => {
+                    d.current[p] = C;
                   }
                 }
               )
@@ -979,29 +885,29 @@ const Ea = ({
             I,
             {
               control: t,
-              name: `headers.${h}.value`,
-              render: ({ field: y }) => (v == null ? void 0 : v.enum) && v.enum.length > 0 ? /* @__PURE__ */ e.jsx(
-                ee,
+              name: `headers.${p}.value`,
+              render: ({ field: v }) => (b == null ? void 0 : b.enum) && b.enum.length > 0 ? /* @__PURE__ */ e.jsx(
+                ne,
                 {
                   shouldFilter: !1,
-                  value: y.value,
-                  options: v.enum ?? [],
-                  onChange: (w) => {
-                    y.onChange(w), i(`headers.${h}.active`, !0);
+                  value: v.value,
+                  options: b.enum ?? [],
+                  onChange: (T) => {
+                    v.onChange(T), o(`headers.${p}.active`, !0);
                   },
                   className: "font-mono text-xs border-0"
                 }
               ) : /* @__PURE__ */ e.jsx(
-                be,
+                Ne,
                 {
                   placeholder: "Value",
                   className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
-                  ...y,
-                  ref: (w) => {
-                    c.current[h] = w;
+                  ...v,
+                  ref: (T) => {
+                    c.current[p] = T;
                   },
-                  onKeyDown: (w) => {
-                    w.key === "Enter" && w.currentTarget.value.trim() && b(h);
+                  onKeyDown: (T) => {
+                    T.key === "Enter" && T.currentTarget.value.trim() && y(p);
                   },
                   autoComplete: "off"
                 }
@@ -1009,21 +915,21 @@ const Ea = ({
             }
           ),
           /* @__PURE__ */ e.jsx(
-            K,
+            te,
             {
               size: "icon",
               variant: "ghost",
               className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
-              onClick: () => r(h),
+              onClick: () => r(p),
               type: "button",
               children: /* @__PURE__ */ e.jsx($t, { size: 16 })
             }
           )
         ] })
-      ] }, f.id);
+      ] }, x.id);
     }) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "text-end", children: /* @__PURE__ */ e.jsx(
-      K,
+      te,
       {
         className: "",
         onClick: g,
@@ -1034,23 +940,26 @@ const Ea = ({
     ) })
   ] });
 }, Da = ({
-  control: t
+  control: t,
+  url: a
 }) => {
-  const { fields: a } = ge({
+  const { fields: s } = ye({
     control: t,
     name: "pathParams"
-  });
-  return /* @__PURE__ */ e.jsx(se, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(Pe, { children: a.map((s, n) => /* @__PURE__ */ e.jsxs(Re, { children: [
+  }), n = [...s].sort(
+    (r, o) => a.indexOf(`{${r.name}}`) - a.indexOf(`{${o.name}}`)
+  );
+  return /* @__PURE__ */ e.jsx(ie, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(ke, { children: n.map((r, o) => /* @__PURE__ */ e.jsxs(Oe, { children: [
     /* @__PURE__ */ e.jsx(
       I,
       {
         control: t,
-        name: `pathParams.${n}.name`,
+        name: `pathParams.${o}.name`,
         render: () => /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsx(
-          st,
+          lt,
           {
-            slug: s.name,
-            name: s.name,
+            slug: r.name,
+            name: r.name,
             className: "font-mono text-xs px-2"
           }
         ) })
@@ -1060,11 +969,11 @@ const Ea = ({
       I,
       {
         control: t,
-        name: `pathParams.${n}.value`,
-        render: ({ field: r }) => /* @__PURE__ */ e.jsx(
-          be,
+        name: `pathParams.${o}.value`,
+        render: ({ field: l }) => /* @__PURE__ */ e.jsx(
+          Ne,
           {
-            ...r,
+            ...l,
             required: !0,
             placeholder: "Enter value",
             className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0"
@@ -1072,23 +981,23 @@ const Ea = ({
         )
       }
     ) })
-  ] }, s.id)) }) });
-}, La = Se(
+  ] }, r.id)) }) });
+}, La = Pe(
   "input",
   "px-2 bg-transparent h-6 font-mono text-xs m-2"
 ), Va = ({
   control: t,
   queryParams: a
 }) => {
-  const { fields: s } = ge({
+  const { fields: s } = ye({
     control: t,
     name: "queryParams"
-  }), n = ye(), r = a.map((i) => !!i.isRequired);
-  return /* @__PURE__ */ e.jsx(se, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("div", { className: "w-full ", children: /* @__PURE__ */ e.jsx(Pe, { children: s.map((i, l) => {
+  }), n = ve(), r = a.map((o) => !!o.isRequired);
+  return /* @__PURE__ */ e.jsx(ie, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("div", { className: "w-full ", children: /* @__PURE__ */ e.jsx(ke, { children: s.map((o, l) => {
     const c = a.find(
       (d) => d.name === n.watch(`queryParams.${l}.name`)
     );
-    return /* @__PURE__ */ e.jsxs(Re, { children: [
+    return /* @__PURE__ */ e.jsxs(Oe, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
           I,
@@ -1096,7 +1005,7 @@ const Ea = ({
             control: t,
             name: `queryParams.${l}.active`,
             render: ({ field: d }) => /* @__PURE__ */ e.jsx(
-              $e,
+              Se,
               {
                 variant: "outline",
                 id: `queryParams.${l}.active`,
@@ -1123,7 +1032,7 @@ const Ea = ({
                 ]
               }
             ) }) : /* @__PURE__ */ e.jsx(
-              ee,
+              ne,
               {
                 value: d.value,
                 options: a.map((u) => u.name),
@@ -1136,13 +1045,13 @@ const Ea = ({
             name: `queryParams.${l}.name`
           }
         )
-      ] }, i.id),
+      ] }, o.id),
       /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
         I,
         {
           control: t,
           render: ({ field: d }) => (c == null ? void 0 : c.enum) && c.enum.length > 0 ? /* @__PURE__ */ e.jsx(
-            ee,
+            ne,
             {
               value: d.value,
               options: c.enum ?? [],
@@ -1152,7 +1061,7 @@ const Ea = ({
               className: "font-mono text-xs border-0 ring-1 ring-ring"
             }
           ) : /* @__PURE__ */ e.jsx(
-            be,
+            Ne,
             {
               ...d,
               onChange: (g) => {
@@ -1165,7 +1074,7 @@ const Ea = ({
           name: `queryParams.${l}.value`
         }
       ) })
-    ] }, i.id);
+    ] }, o.id);
   }) }) }) });
 }, P = {
   green: "text-green-600",
@@ -1198,22 +1107,22 @@ const Ea = ({
     /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "HTTP/1.1" })
   ] }),
   /* @__PURE__ */ e.jsxs("div", { className: "mx-1.5 flex flex-col gap-3", children: [
-    /* @__PURE__ */ e.jsxs(Fe, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(ze, { className: "flex items-center gap-2 hover:text-primary group", children: [
-        /* @__PURE__ */ e.jsx(B, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+    /* @__PURE__ */ e.jsxs(Me, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(Ge, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ e.jsx(Q, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Headers" })
       ] }),
-      /* @__PURE__ */ e.jsx(He, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2", children: s.map(([r, i]) => /* @__PURE__ */ e.jsxs(k, { children: [
+      /* @__PURE__ */ e.jsx(Je, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2", children: s.map(([r, o]) => /* @__PURE__ */ e.jsxs(R, { children: [
         /* @__PURE__ */ e.jsx("div", { className: "text-primary", children: r }),
-        /* @__PURE__ */ e.jsx("div", { className: "break-all", children: i })
+        /* @__PURE__ */ e.jsx("div", { className: "break-all", children: o })
       ] }, r)) }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(Fe, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(ze, { className: "flex items-center gap-2 hover:text-primary group", children: [
-        /* @__PURE__ */ e.jsx(B, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+    /* @__PURE__ */ e.jsxs(Me, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(Ge, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ e.jsx(Q, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Body" })
       ] }),
-      /* @__PURE__ */ e.jsx(He, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(Je, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
         "div",
         {
           className: m(
@@ -1225,29 +1134,29 @@ const Ea = ({
       ) }) })
     ] })
   ] })
-] }), Be = Ne.Root, Ue = Ne.CollapsibleTrigger, Me = Ne.CollapsibleContent;
-function ke(t) {
+] }), _e = we.Root, We = we.CollapsibleTrigger, Ze = we.CollapsibleContent;
+function Re(t) {
   if (t === null) return "null";
   if (Array.isArray(t)) {
     if (t.length === 0) return "any[]";
     const a = t[0];
-    return a === void 0 ? "any[]" : `${ke(a)}[]`;
+    return a === void 0 ? "any[]" : `${Re(a)}[]`;
   }
-  return typeof t == "object" ? Ga(t) : typeof t;
+  return typeof t == "object" ? Ba(t) : typeof t;
 }
-function Ga(t, a = "") {
+function Ba(t, a = "") {
   const s = ["{"];
   for (const [n, r] of Object.entries(t)) {
-    const i = ke(r);
-    s.push(`  ${n}: ${i};`);
+    const o = Re(r);
+    s.push(`  ${n}: ${o};`);
   }
   return s.push("}"), s.join(`
 `);
 }
-function Ba(t) {
-  return { lines: [`type GeneratedType = ${ke(t)};`] };
+function Ua(t) {
+  return { lines: [`type GeneratedType = ${Re(t)};`] };
 }
-const Ua = {
+const Ma = {
   200: "OK",
   201: "Created",
   202: "Accepted",
@@ -1258,7 +1167,7 @@ const Ua = {
   404: "Not Found",
   405: "Method Not Allowed",
   500: "Internal Server Error"
-}, Ma = (t) => {
+}, Ga = (t) => {
   var s;
   return (s = Object.entries({
     "application/json": "json",
@@ -1271,17 +1180,17 @@ const Ua = {
   }).find(
     ([n]) => t.includes(n)
   )) == null ? void 0 : s[1];
-}, _a = (t) => {
+}, Ja = (t) => {
   var s;
   const a = ((s = t.find(([n, r]) => n === "Content-Type")) == null ? void 0 : s[1]) || "";
-  return Ma(a);
-}, Ja = (t) => {
+  return Ga(a);
+}, Qa = (t) => {
   try {
     return JSON.stringify(JSON.parse(t), null, 2);
   } catch {
     return null;
   }
-}, Qa = (t) => {
+}, _a = (t) => {
   const a = [
     "Content-Type",
     "Content-Length",
@@ -1292,57 +1201,57 @@ const Ua = {
     "ETag"
   ].map((s) => s.toLowerCase());
   return [...t].sort(([s], [n]) => {
-    const r = a.indexOf(s.toLowerCase()), i = a.indexOf(n.toLowerCase());
-    return r === i ? 0 : r === -1 ? 1 : i === -1 ? -1 : r - i;
+    const r = a.indexOf(s.toLowerCase()), o = a.indexOf(n.toLowerCase());
+    return r === o ? 0 : r === -1 ? 1 : o === -1 ? -1 : r - o;
   });
-}, Za = ({
+}, Wa = ({
   body: t = "",
   headers: a,
   status: s,
   time: n,
   size: r,
-  url: i
+  url: o
 }) => {
-  var p;
-  const l = _a(a), c = Ja(t), d = c || t, [u, g] = U(
+  var h;
+  const l = Ja(a), c = Qa(t), d = c || t, [u, g] = F(
     c ? "formatted" : "raw"
-  ), C = It({
+  ), N = na({
     queryKey: ["types", d],
-    queryFn: async () => Ba(JSON.parse(d)),
+    queryFn: async () => Ua(JSON.parse(d)),
     enabled: u === "types"
-  }), b = Qa([...a]);
+  }), y = _a([...a]);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 h-full overflow-y-scroll max-h-[calc(100vh-220px)] py-4", children: [
-    /* @__PURE__ */ e.jsxs(Be, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(Ue, { className: "flex items-center gap-2 hover:text-primary group", children: [
-        /* @__PURE__ */ e.jsx(B, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+    /* @__PURE__ */ e.jsxs(_e, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(We, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ e.jsx(Q, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Headers" })
       ] }),
-      /* @__PURE__ */ e.jsx(Me, { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2 font-mono text-xs", children: [
-        b.slice(0, 5).map(([f, h]) => /* @__PURE__ */ e.jsxs(k, { children: [
-          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: f }),
-          /* @__PURE__ */ e.jsx("div", { className: "break-all", children: h })
-        ] }, f)),
-        b.length > 5 && /* @__PURE__ */ e.jsxs(Be, { className: "col-span-full grid-cols-subgrid grid", children: [
-          /* @__PURE__ */ e.jsxs(Ue, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
-            /* @__PURE__ */ e.jsx(B, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+      /* @__PURE__ */ e.jsx(Ze, { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2 font-mono text-xs", children: [
+        y.slice(0, 5).map(([x, p]) => /* @__PURE__ */ e.jsxs(R, { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: x }),
+          /* @__PURE__ */ e.jsx("div", { className: "break-all", children: p })
+        ] }, x)),
+        y.length > 5 && /* @__PURE__ */ e.jsxs(_e, { className: "col-span-full grid-cols-subgrid grid", children: [
+          /* @__PURE__ */ e.jsxs(We, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
+            /* @__PURE__ */ e.jsx(Q, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
             "Show ",
-            b.length - 5,
+            y.length - 5,
             " more headers"
           ] }),
-          /* @__PURE__ */ e.jsx(Me, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: b.slice(5).map(([f, h]) => /* @__PURE__ */ e.jsxs(k, { children: [
-            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: f }),
-            /* @__PURE__ */ e.jsx("div", { className: "break-all", children: h })
-          ] }, f)) })
+          /* @__PURE__ */ e.jsx(Ze, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: y.slice(5).map(([x, p]) => /* @__PURE__ */ e.jsxs(R, { children: [
+            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: x }),
+            /* @__PURE__ */ e.jsx("div", { className: "break-all", children: p })
+          ] }, x)) })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsx(je, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
-      ta,
+    /* @__PURE__ */ e.jsx(be, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
+      ra,
       {
         language: u === "types" ? "typescript" : u === "raw" ? c ? "plain" : l : "json",
         noBackground: !0,
         className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]",
-        code: (u === "raw" ? t : u === "types" ? (p = C.data) == null ? void 0 : p.lines.join(`
+        code: (u === "raw" ? t : u === "types" ? (h = N.data) == null ? void 0 : h.lines.join(`
 `) : d) ?? ""
       }
     ) }),
@@ -1353,7 +1262,7 @@ const Ua = {
           " ",
           s,
           " ",
-          Ua[s] ?? ""
+          Ma[s] ?? ""
         ] }),
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Time" }),
@@ -1369,42 +1278,42 @@ const Ua = {
         ] })
       ] }),
       c && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
-        Qe,
+        Ye,
         {
           value: u,
-          onValueChange: (f) => g(f),
+          onValueChange: (x) => g(x),
           children: [
-            /* @__PURE__ */ e.jsx(Ze, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(We, { placeholder: "View" }) }),
-            /* @__PURE__ */ e.jsxs(Ke, { children: [
-              /* @__PURE__ */ e.jsx(Q, { value: "formatted", children: "Formatted" }),
-              /* @__PURE__ */ e.jsx(Q, { value: "raw", children: "Raw" }),
-              /* @__PURE__ */ e.jsx(Q, { value: "types", children: "Types" })
+            /* @__PURE__ */ e.jsx(et, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(tt, { placeholder: "View" }) }),
+            /* @__PURE__ */ e.jsxs(at, { children: [
+              /* @__PURE__ */ e.jsx(Z, { value: "formatted", children: "Formatted" }),
+              /* @__PURE__ */ e.jsx(Z, { value: "raw", children: "Raw" }),
+              /* @__PURE__ */ e.jsx(Z, { value: "types", children: "Types" })
             ] })
           ]
         }
       ) })
     ] })
   ] });
-}, Wa = ({
+}, Za = ({
   queryMutation: t,
   showPathParamsWarning: a
 }) => {
   var n;
   const s = ((((n = t.data) == null ? void 0 : n.status) ?? 0) / 100).toFixed(0);
   return /* @__PURE__ */ e.jsx("div", { className: "min-w-0 p-8 bg-muted/70 overflow-y-auto", children: t.error ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    a && /* @__PURE__ */ e.jsx(ea, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
-    /* @__PURE__ */ e.jsxs(je, { children: [
+    a && /* @__PURE__ */ e.jsx(sa, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
+    /* @__PURE__ */ e.jsxs(be, { children: [
       /* @__PURE__ */ e.jsx(Jt, { children: /* @__PURE__ */ e.jsx(Qt, { children: "Request failed" }) }),
-      /* @__PURE__ */ e.jsxs(Zt, { children: [
+      /* @__PURE__ */ e.jsxs(_t, { children: [
         "Error:",
         " ",
         t.error.message || String(t.error) || "Unexpected error"
       ] })
     ] })
-  ] }) : t.data ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsxs(Ye, { defaultValue: "response", children: [
-    /* @__PURE__ */ e.jsxs(et, { children: [
-      /* @__PURE__ */ e.jsx(E, { value: "request", children: "Request" }),
-      /* @__PURE__ */ e.jsxs(E, { value: "response", children: [
+  ] }) : t.data ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsxs(nt, { defaultValue: "response", children: [
+    /* @__PURE__ */ e.jsxs(rt, { children: [
+      /* @__PURE__ */ e.jsx(D, { value: "request", children: "Request" }),
+      /* @__PURE__ */ e.jsxs(D, { value: "response", children: [
         "Response",
         /* @__PURE__ */ e.jsxs(
           "span",
@@ -1425,9 +1334,9 @@ const Ua = {
         )
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx(A, { value: "request", children: /* @__PURE__ */ e.jsx(Ha, { ...t.data.request }) }),
-    /* @__PURE__ */ e.jsx(A, { value: "response", children: /* @__PURE__ */ e.jsx(
-      Za,
+    /* @__PURE__ */ e.jsx(L, { value: "request", children: /* @__PURE__ */ e.jsx(Ha, { ...t.data.request }) }),
+    /* @__PURE__ */ e.jsx(L, { value: "response", children: /* @__PURE__ */ e.jsx(
+      Wa,
       {
         status: t.data.status,
         time: t.data.time,
@@ -1437,16 +1346,16 @@ const Ua = {
         url: t.data.request.url
       }
     ) })
-  ] }) }) : /* @__PURE__ */ e.jsx("div", { className: "grid place-items-center h-full", children: /* @__PURE__ */ e.jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: t.isPending ? /* @__PURE__ */ e.jsx(Kt, {}) : "Send a request first to see the response here" }) }) });
+  ] }) }) : /* @__PURE__ */ e.jsx("div", { className: "grid place-items-center h-full", children: /* @__PURE__ */ e.jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: t.isPending ? /* @__PURE__ */ e.jsx(Gt, {}) : "Send a request first to see the response here" }) }) });
 }, Ka = ({
   identities: t,
   formRef: a,
   disabled: s
 }) => {
-  const { setValue: n } = ye(), [r, i] = U();
-  return t.length === 0 ? /* @__PURE__ */ e.jsx(Z, { disabled: s, children: "Send" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+  const { setValue: n } = ve(), [r, o] = F();
+  return t.length === 0 ? /* @__PURE__ */ e.jsx(q, { disabled: s, children: "Send" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
     /* @__PURE__ */ e.jsx(
-      Z,
+      q,
       {
         className: "rounded-r-none inset-shadow-sm",
         disabled: s,
@@ -1457,9 +1366,9 @@ const Ua = {
         children: "Send"
       }
     ),
-    /* @__PURE__ */ e.jsxs(nt, { children: [
-      /* @__PURE__ */ e.jsx(rt, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-        Z,
+    /* @__PURE__ */ e.jsxs(dt, { children: [
+      /* @__PURE__ */ e.jsx(ct, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+        q,
         {
           disabled: s,
           className: "rounded-l-none border-l border-border/40 inset-shadow-sm w-6",
@@ -1467,18 +1376,18 @@ const Ua = {
           children: /* @__PURE__ */ e.jsx(St, { className: "w-4 h-4" })
         }
       ) }),
-      /* @__PURE__ */ e.jsx(we, { value: r, children: /* @__PURE__ */ e.jsx(Ce, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: H, label: "None" }, ...t].map(
+      /* @__PURE__ */ e.jsx(Ce, { value: r, children: /* @__PURE__ */ e.jsx(Te, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: G, label: "None" }, ...t].map(
         (l) => /* @__PURE__ */ e.jsxs(
-          Te,
+          $e,
           {
             onClick: () => {
               var c;
-              i(l.id), n("identity", l.id), (c = a == null ? void 0 : a.current) == null || c.requestSubmit();
+              o(l.id), n("identity", l.id), (c = a == null ? void 0 : a.current) == null || c.requestSubmit();
             },
-            onMouseEnter: () => i(l.id),
-            onMouseLeave: () => i(void 0),
+            onMouseEnter: () => o(l.id),
+            onMouseLeave: () => o(void 0),
             children: [
-              /* @__PURE__ */ e.jsx(Y, { value: l.id, className: "mr-2" }),
+              /* @__PURE__ */ e.jsx(se, { value: l.id, className: "mr-2" }),
               l.label
             ]
           },
@@ -1487,28 +1396,31 @@ const Ua = {
       ) }) })
     ] })
   ] });
-}, H = "__none", Xa = ({
+}, G = "__none", Xa = ({
   server: t,
   servers: a = [],
   url: s,
   method: n,
   headers: r = [],
-  queryParams: i = [],
+  queryParams: o = [],
   pathParams: l = [],
   defaultBody: c = "",
-  examples: d
+  examples: d,
+  requiresLogin: u = !1,
+  onLogin: g,
+  onSignUp: N
 }) => {
-  var Oe, Ee, Ae;
-  const { selectedServer: u, setSelectedServer: g } = Ot(
-    a.map((o) => ({ url: o }))
-  ), [, C] = Vt(), { register: b, control: p, handleSubmit: f, watch: h, setValue: v, ...y } = Mt({
+  var Le, Ve, Fe;
+  const { selectedServer: y, setSelectedServer: h } = Rt(
+    a.map((i) => ({ url: i }))
+  ), [, x] = Lt(), [p, b] = F(!1), { register: v, control: C, handleSubmit: T, watch: H, setValue: k, ...B } = Ut({
     defaultValues: {
       body: c,
-      queryParams: i.map((o) => ({
-        name: o.name,
-        value: o.defaultValue ?? "",
-        active: o.defaultActive ?? !1,
-        enum: o.enum ?? []
+      queryParams: o.map((i) => ({
+        name: i.name,
+        value: i.defaultValue ?? "",
+        active: i.defaultActive ?? !1,
+        enum: i.enum ?? []
       })).concat([
         {
           name: "",
@@ -1517,14 +1429,14 @@ const Ua = {
           enum: []
         }
       ]),
-      pathParams: l.map((o) => ({
-        name: o.name,
-        value: o.defaultValue ?? ""
+      pathParams: l.map((i) => ({
+        name: i.name,
+        value: i.defaultValue ?? ""
       })),
-      headers: r.map((o) => ({
-        name: o.name,
-        value: o.defaultValue ?? "",
-        active: o.defaultActive ?? !1
+      headers: r.map((i) => ({
+        name: i.name,
+        value: i.defaultValue ?? "",
+        active: i.defaultActive ?? !1
       })).concat([
         {
           name: "",
@@ -1532,253 +1444,294 @@ const Ua = {
           active: !1
         }
       ]),
-      identity: H
+      identity: G
     }
-  }), N = h(), w = Et(), L = q(!1);
+  }), S = H(), A = It(), Ie = V(!1);
   fe(() => {
-    var R;
-    if (L.current) return;
-    const o = (R = w.data) == null ? void 0 : R.at(0);
-    o && (v("identity", o.id), L.current = !0);
-  }, [v, w.data]);
-  const V = q(null), _ = Ut({
-    mutationFn: async (o) => {
-      var J, F;
-      const R = performance.now(), S = new Request(
-        xa(t ?? u, s, o),
+    var O;
+    if (Ie.current) return;
+    const i = (O = A.data) == null ? void 0 : O.at(0);
+    i && (k("identity", i.id), Ie.current = !0);
+  }, [k, A.data]);
+  const Ae = V(null), Ee = Bt({
+    mutationFn: async (i) => {
+      var W, U;
+      const O = performance.now(), $ = new Request(
+        va(t ?? y, s, i),
         {
           method: n.toUpperCase(),
           headers: Object.fromEntries(
-            o.headers.filter((T) => T.name && T.active).map((T) => [T.name, T.value])
+            i.headers.filter((w) => w.name && w.active).map((w) => [w.name, w.value])
           ),
-          body: o.body ? o.body : void 0
+          body: i.body ? i.body : void 0
         }
       );
-      o.identity !== H && await ((F = (J = w.data) == null ? void 0 : J.find((T) => T.id === o.identity)) == null ? void 0 : F.authorizeRequest(S));
+      i.identity !== G && await ((U = (W = A.data) == null ? void 0 : W.find((w) => w.id === i.identity)) == null ? void 0 : U.authorizeRequest($));
       try {
-        const T = await fetch(S, {
+        const w = await fetch($, {
           signal: AbortSignal.timeout(5e3)
-        }), ft = performance.now() - R, qe = await T.text(), gt = new URL(S.url);
+        }), ft = performance.now() - O, ze = await w.text(), yt = new URL($.url);
         return {
-          status: T.status,
-          headers: Array.from(T.headers.entries()),
-          size: qe.length,
-          body: qe,
+          status: w.status,
+          headers: Array.from(w.headers.entries()),
+          size: ze.length,
+          body: ze,
           time: ft,
           request: {
-            method: S.method.toUpperCase(),
-            url: S.url,
+            method: $.method.toUpperCase(),
+            url: $.url,
             headers: [
-              ["Host", gt.host],
+              ["Host", yt.host],
               ["User-Agent", "Zudoku Playground"],
-              ...Array.from(S.headers.entries())
+              ...Array.from($.headers.entries())
             ],
-            body: o.body ? o.body : void 0
+            body: i.body ? i.body : void 0
           }
         };
-      } catch (T) {
-        throw T instanceof TypeError ? new Error(
+      } catch (w) {
+        throw w instanceof TypeError ? new Error(
           "The request failed, possibly due to network issues or CORS policy."
-        ) : T;
+        ) : w;
       }
     }
-  }), ht = /* @__PURE__ */ e.jsx(
-    ua,
+  }), xt = /* @__PURE__ */ e.jsx(
+    ga,
     {
       path: s,
-      renderParam: ({ name: o, originalValue: R, index: S }) => {
-        var F;
-        const J = (F = N.pathParams.find(
-          (T) => T.name === o
-        )) == null ? void 0 : F.value;
+      renderParam: ({ name: i, originalValue: O, index: $ }) => {
+        var U;
+        const W = (U = S.pathParams.find(
+          (w) => w.name === i
+        )) == null ? void 0 : U.value;
         return /* @__PURE__ */ e.jsx(
-          st,
+          lt,
           {
-            name: o,
+            name: i,
             backgroundOpacity: "0",
-            slug: o,
-            onClick: () => y.setFocus(`pathParams.${S}.value`),
-            children: J || R
+            slug: i,
+            onClick: () => B.setFocus(`pathParams.${$}.value`),
+            children: W || O
           }
         );
       }
     }
-  ), Ie = N.queryParams.filter((o) => o.active).map((o, R, S) => /* @__PURE__ */ e.jsxs(k, { children: [
-    o.name,
+  ), qe = S.queryParams.filter((i) => i.active).map((i, O, $) => /* @__PURE__ */ e.jsxs(R, { children: [
+    i.name,
     "=",
-    encodeURIComponent(o.value).replaceAll("%20", "+"),
-    R < S.length - 1 && "&",
+    encodeURIComponent(i.value).replaceAll("%20", "+"),
+    O < $.length - 1 && "&",
     /* @__PURE__ */ e.jsx("wbr", {})
-  ] }, o.name)), xt = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: t ? /* @__PURE__ */ e.jsx("span", { children: t.replace(/^https?:\/\//, "") }) : a.length > 1 && /* @__PURE__ */ e.jsxs(
-    Qe,
+  ] }, i.name)), gt = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition translate-y-[4px]", children: t ? /* @__PURE__ */ e.jsx("span", { children: t.replace(/^https?:\/\//, "") }) : a.length > 1 && /* @__PURE__ */ e.jsxs(
+    Ye,
     {
-      onValueChange: (o) => {
-        C(() => g(o));
+      onValueChange: (i) => {
+        x(() => h(i));
       },
-      value: u,
-      defaultValue: u,
+      value: y,
+      defaultValue: y,
       children: [
-        /* @__PURE__ */ e.jsx(Ze, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(We, {}) }),
-        /* @__PURE__ */ e.jsx(Ke, { children: a.map((o) => /* @__PURE__ */ e.jsx(Q, { value: o, children: o.replace(/^https?:\/\//, "") }, o)) })
+        /* @__PURE__ */ e.jsx(et, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(tt, {}) }),
+        /* @__PURE__ */ e.jsx(at, { children: a.map((i) => /* @__PURE__ */ e.jsx(Z, { value: i, children: i.replace(/^https?:\/\//, "") }, i)) })
       ]
     }
-  ) });
+  ) }), De = u && !p;
   return /* @__PURE__ */ e.jsx(
-    _t,
+    Mt,
     {
-      register: b,
-      control: p,
-      handleSubmit: f,
-      watch: h,
-      setValue: v,
-      ...y,
-      children: /* @__PURE__ */ e.jsx(
+      register: v,
+      control: C,
+      handleSubmit: T,
+      watch: H,
+      setValue: k,
+      ...B,
+      children: /* @__PURE__ */ e.jsxs(
         "form",
         {
-          onSubmit: f((o) => _.mutateAsync(o)),
-          ref: V,
-          children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 text-sm h-full", children: [
-            /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 p-4 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto", children: [
-              /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-stretch", children: [
-                /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 items-center w-full border rounded-md", children: [
-                  /* @__PURE__ */ e.jsx("div", { className: "border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono flex items-center", children: n.toUpperCase() }),
-                  /* @__PURE__ */ e.jsxs("div", { className: "items-center p-2 font-mono text-xs break-words", children: [
-                    xt,
-                    ht,
-                    Ie.length > 0 ? "?" : "",
-                    Ie
-                  ] })
-                ] }),
-                /* @__PURE__ */ e.jsx(
-                  Ka,
-                  {
-                    identities: w.data ?? [],
-                    formRef: V,
-                    disabled: y.formState.isSubmitting
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ e.jsxs(Ye, { defaultValue: "parameters", children: [
-                /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1 justify-between", children: /* @__PURE__ */ e.jsxs(et, { children: [
-                  /* @__PURE__ */ e.jsxs(E, { value: "parameters", children: [
-                    "Parameters",
-                    (N.pathParams.some((o) => o.value !== "") || N.queryParams.some((o) => o.active)) && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
-                  ] }),
-                  /* @__PURE__ */ e.jsxs(E, { value: "headers", children: [
-                    "Headers",
-                    N.headers.filter((o) => o.active).length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
-                  ] }),
-                  /* @__PURE__ */ e.jsxs(E, { value: "auth", children: [
-                    "Auth",
-                    N.identity !== H && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
-                  ] }),
-                  /* @__PURE__ */ e.jsx(E, { value: "body", children: "Body" })
-                ] }) }),
-                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(qa, { control: p, headers: r }) }),
-                /* @__PURE__ */ e.jsxs(A, { value: "parameters", children: [
-                  l.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Path Parameters" }),
-                    /* @__PURE__ */ e.jsx(Da, { control: p })
-                  ] }),
-                  /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                    /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Query Parameters" }),
-                    /* @__PURE__ */ e.jsx(Va, { control: p, queryParams: i })
-                  ] })
-                ] }),
-                /* @__PURE__ */ e.jsxs(A, { value: "body", children: [
-                  !["POST", "PUT", "PATCH", "DELETE"].includes(
-                    n.toUpperCase()
-                  ) && /* @__PURE__ */ e.jsxs(ue, { className: "mb-2", children: [
-                    /* @__PURE__ */ e.jsx(Le, { className: "w-4 h-4" }),
-                    /* @__PURE__ */ e.jsx(pe, { children: "Body" }),
-                    /* @__PURE__ */ e.jsx(he, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })
-                  ] }),
+          onSubmit: T((i) => Ee.mutateAsync(i)),
+          ref: Ae,
+          className: "relative",
+          children: [
+            De && /* @__PURE__ */ e.jsx("div", { className: "absolute top-1/2 right-1/2  -translate-y-1/2 translate-x-1/2 z-50 max-w-md", children: /* @__PURE__ */ e.jsxs(K, { children: [
+              /* @__PURE__ */ e.jsx(X, { className: "mb-2", children: "Welcome to the Playground!" }),
+              /* @__PURE__ */ e.jsxs(Y, { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ e.jsx("div", { className: "mb-2", children: "The Playground is a tool for developers to test and explore our APIs. To use the Playground, you need to login." }),
+                /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 justify-between", children: [
                   /* @__PURE__ */ e.jsx(
-                    at,
+                    q,
                     {
-                      ...b("body"),
-                      className: m(
-                        "border w-full rounded-lg p-2 bg-muted h-40 font-mono",
-                        !["POST", "PUT", "PATCH", "DELETE"].includes(
-                          n.toUpperCase()
-                        ) && "h-20"
-                      ),
-                      placeholder: ["POST", "PUT", "PATCH", "DELETE"].includes(
-                        n.toUpperCase()
-                      ) ? void 0 : "This request does not support a body",
-                      disabled: !["POST", "PUT", "PATCH", "DELETE"].includes(
-                        n.toUpperCase()
-                      )
+                      type: "button",
+                      variant: "ghost",
+                      onClick: () => b(!0),
+                      children: "Skip"
                     }
                   ),
-                  d && /* @__PURE__ */ e.jsx(
-                    ba,
-                    {
-                      examples: d,
-                      onSelect: (o) => v("body", JSON.stringify(o.value, null, 2))
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ e.jsx(A, { value: "auth", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                  ((Oe = w.data) == null ? void 0 : Oe.length) === 0 && /* @__PURE__ */ e.jsxs(ue, { children: [
-                    /* @__PURE__ */ e.jsx(Le, { className: "w-4 h-4" }),
-                    /* @__PURE__ */ e.jsx(pe, { children: "Authentication" }),
-                    /* @__PURE__ */ e.jsx(he, { children: "No identities found. Please create an identity first." })
-                  ] }),
-                  /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e.jsx(je, { className: "w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(
-                    we,
-                    {
-                      onValueChange: (o) => v("identity", o),
-                      value: N.identity,
-                      defaultValue: N.identity,
-                      className: "gap-0",
-                      disabled: ((Ee = w.data) == null ? void 0 : Ee.length) === 0,
-                      children: [
-                        /* @__PURE__ */ e.jsxs(
-                          z,
+                  /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2", children: [
+                    N && /* @__PURE__ */ e.jsx(
+                      q,
+                      {
+                        type: "button",
+                        variant: "outline",
+                        onClick: N,
+                        children: "Sign Up"
+                      }
+                    ),
+                    g && /* @__PURE__ */ e.jsx(q, { type: "button", variant: "default", onClick: g, children: "Login" })
+                  ] })
+                ] })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: m(
+                  "grid grid-cols-2 text-sm h-full",
+                  De && "opacity-30 pointer-events-none"
+                ),
+                children: [
+                  /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 p-4 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto", children: [
+                    /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-stretch", children: [
+                      /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 items-center w-full border rounded-md", children: [
+                        /* @__PURE__ */ e.jsx("div", { className: "border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono flex items-center", children: n.toUpperCase() }),
+                        /* @__PURE__ */ e.jsxs("div", { className: "items-center px-2 py-0.5 font-mono text-xs break-all leading-6", children: [
+                          gt,
+                          xt,
+                          qe.length > 0 ? "?" : "",
+                          qe
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ e.jsx(
+                        Ka,
+                        {
+                          identities: A.data ?? [],
+                          formRef: Ae,
+                          disabled: B.formState.isSubmitting
+                        }
+                      )
+                    ] }),
+                    /* @__PURE__ */ e.jsxs(nt, { defaultValue: "parameters", children: [
+                      /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1 justify-between", children: /* @__PURE__ */ e.jsxs(rt, { children: [
+                        /* @__PURE__ */ e.jsxs(D, { value: "parameters", children: [
+                          "Parameters",
+                          (S.pathParams.some((i) => i.value !== "") || S.queryParams.some((i) => i.active)) && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                        ] }),
+                        /* @__PURE__ */ e.jsxs(D, { value: "headers", children: [
+                          "Headers",
+                          S.headers.filter((i) => i.active).length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                        ] }),
+                        /* @__PURE__ */ e.jsxs(D, { value: "auth", children: [
+                          "Auth",
+                          S.identity !== G && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                        ] }),
+                        /* @__PURE__ */ e.jsx(D, { value: "body", children: "Body" })
+                      ] }) }),
+                      /* @__PURE__ */ e.jsx(L, { value: "headers", children: /* @__PURE__ */ e.jsx(qa, { control: C, headers: r }) }),
+                      /* @__PURE__ */ e.jsxs(L, { value: "parameters", children: [
+                        l.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                          /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Path Parameters" }),
+                          /* @__PURE__ */ e.jsx(Da, { url: s, control: C })
+                        ] }),
+                        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                          /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Query Parameters" }),
+                          /* @__PURE__ */ e.jsx(Va, { control: C, queryParams: o })
+                        ] })
+                      ] }),
+                      /* @__PURE__ */ e.jsxs(L, { value: "body", children: [
+                        !["POST", "PUT", "PATCH", "DELETE"].includes(
+                          n.toUpperCase()
+                        ) && /* @__PURE__ */ e.jsxs(K, { className: "mb-2", children: [
+                          /* @__PURE__ */ e.jsx(Be, { className: "w-4 h-4" }),
+                          /* @__PURE__ */ e.jsx(X, { children: "Body" }),
+                          /* @__PURE__ */ e.jsx(Y, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })
+                        ] }),
+                        /* @__PURE__ */ e.jsx(
+                          it,
                           {
-                            className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
-                            htmlFor: "none",
-                            children: [
-                              /* @__PURE__ */ e.jsx(Y, { value: H, id: "none", children: "None" }),
-                              /* @__PURE__ */ e.jsx(z, { htmlFor: "none", className: "ml-2", children: "None" })
-                            ]
+                            ...v("body"),
+                            className: m(
+                              "border w-full rounded-lg p-2 bg-muted h-40 font-mono",
+                              !["POST", "PUT", "PATCH", "DELETE"].includes(
+                                n.toUpperCase()
+                              ) && "h-20"
+                            ),
+                            placeholder: ["POST", "PUT", "PATCH", "DELETE"].includes(
+                              n.toUpperCase()
+                            ) ? void 0 : "This request does not support a body",
+                            disabled: !["POST", "PUT", "PATCH", "DELETE"].includes(
+                              n.toUpperCase()
+                            )
                           }
                         ),
-                        (Ae = w.data) == null ? void 0 : Ae.map((o) => /* @__PURE__ */ e.jsxs(
-                          z,
+                        d && /* @__PURE__ */ e.jsx(
+                          Ta,
                           {
-                            className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
+                            examples: d,
+                            onSelect: (i) => k("body", JSON.stringify(i.value, null, 2))
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ e.jsx(L, { value: "auth", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                        ((Le = A.data) == null ? void 0 : Le.length) === 0 && /* @__PURE__ */ e.jsxs(K, { children: [
+                          /* @__PURE__ */ e.jsx(Be, { className: "w-4 h-4" }),
+                          /* @__PURE__ */ e.jsx(X, { children: "Authentication" }),
+                          /* @__PURE__ */ e.jsx(Y, { children: "No identities found. Please create an identity first." })
+                        ] }),
+                        /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e.jsx(be, { className: "w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(
+                          Ce,
+                          {
+                            onValueChange: (i) => k("identity", i),
+                            value: S.identity,
+                            defaultValue: S.identity,
+                            className: "gap-0",
+                            disabled: ((Ve = A.data) == null ? void 0 : Ve.length) === 0,
                             children: [
-                              /* @__PURE__ */ e.jsx(
-                                Y,
+                              /* @__PURE__ */ e.jsxs(
+                                M,
                                 {
-                                  value: o.id,
-                                  id: o.id,
-                                  children: o.label
+                                  className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
+                                  htmlFor: "none",
+                                  children: [
+                                    /* @__PURE__ */ e.jsx(se, { value: G, id: "none", children: "None" }),
+                                    /* @__PURE__ */ e.jsx(M, { htmlFor: "none", className: "ml-2", children: "None" })
+                                  ]
                                 }
                               ),
-                              /* @__PURE__ */ e.jsx(z, { htmlFor: o.id, className: "ml-2", children: o.label })
+                              (Fe = A.data) == null ? void 0 : Fe.map((i) => /* @__PURE__ */ e.jsxs(
+                                M,
+                                {
+                                  className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
+                                  children: [
+                                    /* @__PURE__ */ e.jsx(
+                                      se,
+                                      {
+                                        value: i.id,
+                                        id: i.id,
+                                        children: i.label
+                                      }
+                                    ),
+                                    /* @__PURE__ */ e.jsx(M, { htmlFor: i.id, className: "ml-2", children: i.label })
+                                  ]
+                                },
+                                i.id
+                              ))
                             ]
-                          },
-                          o.id
-                        ))
-                      ]
+                          }
+                        ) }) })
+                      ] }) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e.jsx(
+                    Za,
+                    {
+                      queryMutation: Ee,
+                      showPathParamsWarning: S.pathParams.some(
+                        (i) => i.value === ""
+                      )
                     }
-                  ) }) })
-                ] }) })
-              ] })
-            ] }),
-            /* @__PURE__ */ e.jsx(
-              Wa,
-              {
-                queryMutation: _,
-                showPathParamsWarning: N.pathParams.some(
-                  (o) => o.value === ""
-                )
+                  )
+                ]
               }
             )
-          ] })
+          ]
         }
       )
     }
@@ -1805,9 +1758,9 @@ const Ua = {
     )
   }
 ), es = (t) => {
-  const [a, s] = U(!1);
-  return /* @__PURE__ */ e.jsxs(zt, { onOpenChange: (n) => s(n), children: [
-    /* @__PURE__ */ e.jsx(Ht, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs(
+  const [a, s] = F(!1);
+  return /* @__PURE__ */ e.jsxs(Vt, { onOpenChange: (n) => s(n), children: [
+    /* @__PURE__ */ e.jsx(Ft, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
@@ -1819,12 +1772,12 @@ const Ua = {
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Gt,
+      zt,
       {
         className: "max-w-screen-xl w-full h-5/6 overflow-hidden p-0",
         "aria-describedby": void 0,
         children: [
-          /* @__PURE__ */ e.jsx(Dt, { children: /* @__PURE__ */ e.jsx(Bt, { children: "Playground" }) }),
+          /* @__PURE__ */ e.jsx(qt, { children: /* @__PURE__ */ e.jsx(Ht, { children: "Playground" }) }),
           a && /* @__PURE__ */ e.jsx(Xa, { ...t })
         ]
       }
@@ -1838,7 +1791,7 @@ const Ua = {
   patch: "purple",
   options: "gray",
   head: "gray"
-}, _e = ({
+}, Ke = ({
   label: t,
   path: a,
   operations: s,
@@ -1854,22 +1807,22 @@ const Ua = {
   },
   collapsible: n,
   collapsed: r,
-  items: s.map((i) => ({
+  items: s.map((o) => ({
     type: "link",
-    label: i.summary ?? i.path,
-    href: `${a}#${i.slug}`,
-    ...i.method && {
+    label: o.summary ?? o.path,
+    href: `${a}#${o.slug}`,
+    ...o.method && {
       badge: {
-        label: i.method,
-        color: ts[i.method.toLowerCase()],
+        label: o.method,
+        color: ts[o.method.toLowerCase()],
         invert: !0
       }
     }
   }))
-}), Je = (t) => ({
+}), Xe = (t) => ({
   path: t.routePath,
   async lazy() {
-    const { OasProvider: a } = await import("./OasProvider-Bvu4dDpX.js");
+    const { OasProvider: a } = await import("./OasProvider-HcqBeC4H.js");
     return {
       element: /* @__PURE__ */ e.jsx(
         a,
@@ -1883,38 +1836,38 @@ const Ua = {
     };
   },
   children: t.routes
-}), xe = ({
+}), ge = ({
   path: t,
   tag: a,
   untagged: s
 }) => ({
   path: t,
   async lazy() {
-    const { OperationList: n } = await import("./OperationList-DWnNbwVg.js");
+    const { OperationList: n } = await import("./OperationList-C3wnbFxp.js");
     return { element: /* @__PURE__ */ e.jsx(n, { tag: a, untagged: s }) };
   }
 }), as = (t, a) => {
-  const s = O(
+  const s = E(
     t,
-    a[0] ? W(a[0]) : G
+    a[0] ? ee(a[0]) : J
   );
   return [
     // Redirect to first tag on the index route
-    { index: !0, loader: () => kt(s) },
+    { index: !0, loader: () => Ot(s) },
     // Create routes for each tag
     ...a.map(
-      (n) => xe({
-        path: O(t, W(n)),
+      (n) => ge({
+        path: E(t, ee(n)),
         tag: n
       })
     ),
     // Category without tagged operations
-    xe({
-      path: O(t, G),
+    ge({
+      path: E(t, J),
       untagged: !0
     })
   ];
-}, pt = (t) => t.type === "file" ? Object.keys(t.input) : [], ss = ({
+}, ht = (t) => t.type === "file" ? Object.keys(t.input) : [], ss = ({
   basePath: t,
   config: a,
   client: s
@@ -1922,18 +1875,18 @@ const Ua = {
   const n = a.tagPages;
   if (!n)
     return [
-      Je({
+      Xe({
         basePath: t,
         routePath: t,
-        routes: [xe({ path: t + "/:tag?" })],
+        routes: [ge({ path: t + "/:tag?" })],
         client: s,
         config: a
       })
     ];
-  const r = pt(a);
+  const r = ht(a);
   return (r.length > 1 ? [void 0, ...r] : [void 0]).map((l) => {
-    const c = O(t, l);
-    return Je({
+    const c = E(t, l);
+    return Xe({
       basePath: t,
       version: l,
       routePath: c,
@@ -1942,7 +1895,7 @@ const Ua = {
       config: a
     });
   });
-}, ns = tt(`
+}, ns = ot(`
   query GetCategories($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
       url
@@ -1951,7 +1904,7 @@ const Ua = {
       }
     }
   }
-`), rs = tt(`
+`), rs = ot(`
   query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {
     schema(input: $input, type: $type) {
       operations(tag: $tag) {
@@ -1975,8 +1928,8 @@ const Ua = {
       }
     }
   }
-`), G = "~endpoints", Os = (t) => {
-  const a = O(t.navigationId ?? "/reference"), s = new sa(t);
+`), J = "~endpoints", qs = (t) => {
+  const a = E(t.navigationId ?? "/reference"), s = new ia(t);
   return {
     getHead: () => {
       if (t.type === "url" && !t.skipPreload)
@@ -1996,7 +1949,7 @@ const Ua = {
       OpenPlaygroundButton: ({
         requireAuth: n,
         server: r,
-        method: i,
+        method: o,
         url: l,
         children: c,
         ...d
@@ -2005,7 +1958,7 @@ const Ua = {
         if (!r)
           throw new Error("Server is required");
         return n && !u.isAuthenticated ? /* @__PURE__ */ e.jsxs(
-          K,
+          te,
           {
             className: "gap-2 items-center",
             variant: "outline",
@@ -2019,63 +1972,63 @@ const Ua = {
           es,
           {
             url: l ?? "/",
-            method: i ?? "get",
+            method: o ?? "get",
             server: r,
             ...d,
-            children: /* @__PURE__ */ e.jsx(K, { className: "gap-2 items-center", variant: "outline", children: c ?? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            children: /* @__PURE__ */ e.jsx(te, { className: "gap-2 items-center", variant: "outline", children: c ?? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
               "Open in Playground ",
-              /* @__PURE__ */ e.jsx(Rt, { size: 16 })
+              /* @__PURE__ */ e.jsx(kt, { size: 16 })
             ] }) })
           }
         );
       }
     }),
     getSidebar: async (n) => {
-      var i;
-      if (!Ve({ path: a, end: !1 }, n))
+      var o;
+      if (!Ue({ path: a, end: !1 }, n))
         return [];
-      const r = Ve(
+      const r = Ue(
         { path: `${a}/:version?/:tag`, end: !0 },
         n
       );
       try {
-        const l = r == null ? void 0 : r.params.version, c = l ?? pt(t).at(0), d = t.type, u = t.type === "file" ? t.input[c] : t.input, g = t.loadTags === !0 || t.type === "url", C = !t.loadTags && t.type !== "url", b = (i = t.tagPages) == null ? void 0 : i.find(
-          (v) => W(v) === (r == null ? void 0 : r.params.tag)
-        ), [p, f] = await Promise.all([
+        const l = r == null ? void 0 : r.params.version, c = l ?? ht(t).at(0), d = t.type, u = t.type === "file" ? t.input[c] : t.input, g = t.loadTags === !0 || t.type === "url", N = !t.loadTags && t.type !== "url", y = (o = t.tagPages) == null ? void 0 : o.find(
+          (b) => ee(b) === (r == null ? void 0 : r.params.tag)
+        ), [h, x] = await Promise.all([
           s.fetch(ns, { type: d, input: u }),
           s.fetch(rs, {
             type: d,
             input: u,
-            tag: t.loadTags ? void 0 : b
+            tag: t.loadTags ? void 0 : y
           })
-        ]), h = p.schema.tags.flatMap((v) => {
-          const y = O(
+        ]), p = h.schema.tags.flatMap((b) => {
+          const v = E(
             a,
             l,
-            W(v.name)
-          ), N = f.schema.operations.filter(
-            (w) => {
-              var L, V;
-              return ((L = w.tags) == null ? void 0 : L.length) !== 0 && ((V = w.tags) == null ? void 0 : V.map((_) => _.name).includes(v.name));
+            ee(b.name)
+          ), C = x.schema.operations.filter(
+            (T) => {
+              var H, k;
+              return ((H = T.tags) == null ? void 0 : H.length) !== 0 && ((k = T.tags) == null ? void 0 : k.map((B) => B.name).includes(b.name));
             }
           );
-          return t.loadTags && N.length === 0 ? [] : _e({
-            label: v.name,
-            path: y,
-            operations: (r == null ? void 0 : r.params.tag) !== G || t.loadTags ? N : [],
+          return t.loadTags && C.length === 0 ? [] : Ke({
+            label: b.name,
+            path: v,
+            operations: (r == null ? void 0 : r.params.tag) !== J || t.loadTags ? C : [],
             collapsible: g,
-            collapsed: C
+            collapsed: N
           });
         });
-        return f.schema.untagged.length > 0 && h.push(
-          _e({
+        return x.schema.untagged.length > 0 && p.push(
+          Ke({
             label: "Other endpoints",
-            path: O(a, l, G),
-            operations: (r == null ? void 0 : r.params.tag) === G || t.loadTags ? f.schema.untagged : [],
+            path: E(a, l, J),
+            operations: (r == null ? void 0 : r.params.tag) === J || t.loadTags ? x.schema.untagged : [],
             collapsible: g,
-            collapsed: C
+            collapsed: N
           })
-        ), h;
+        ), p;
       } catch {
         return [];
       }
@@ -2084,16 +2037,16 @@ const Ua = {
   };
 };
 export {
-  st as C,
+  lt as C,
   es as P,
-  G as U,
-  tt as a,
-  Be as b,
-  Me as c,
-  Ue as d,
-  ua as e,
-  pt as g,
+  J as U,
+  ot as a,
+  _e as b,
+  Ze as c,
+  We as d,
+  ga as e,
+  ht as g,
   za as m,
-  Os as o
+  qs as o
 };
-//# sourceMappingURL=index-DVBlM15k.js.map
+//# sourceMappingURL=index-CtkRMvMw.js.map