zudoku 0.46.1 → 0.46.2

package/lib/{index-BXYvD5-7.js → index-yqBxBqxF.js}

@@ -1,54 +1,54 @@
 import { j as n } from "./jsx-runtime-C5mzlN2N.js";
-import { ChevronDown as vt, ChevronUp as hn, Check as bt, ChevronRightIcon as X, CheckIcon as jt, DotIcon as fn, XIcon as xn, Circle as gn, ChevronDownIcon as yn, InfoIcon as nt, LogInIcon as vn, CirclePlayIcon as bn } from "lucide-react";
-import { r as jn, c as Nn, u as wn, N as Cn, h as Sn, m as st } from "./chunk-BAXFHI7N-C9WnHsLV.js";
-import { L as Nt, M as wt, O as Tn, m as An, P as On, l as R, d as Pn, f as En } from "./hook-DawSLaZr.js";
-import { Button as Z } from "./ui/Button.js";
-import { Z as $n } from "./invariant-DAFpPywt.js";
-import * as b from "react";
-import { createContext as Ct, use as Rn, Fragment as q, useRef as Q, useEffect as ae, useMemo as Ln, useState as L, useCallback as In, useTransition as kn, useContext as Dn } from "react";
-import { VisuallyHidden as qn } from "@radix-ui/react-visually-hidden";
-import { D as Le, a as Ie, c as ke, d as St, e as Tt, f as Vn } from "./Dialog-Du6WMcIA.js";
-import { u as Fn } from "./useMutation-C_j3dA_L.js";
-import { a as De, u as qe, C as V, b as Bn, F as zn } from "./index.esm-DSfX_eMP.js";
-import { c as At } from "./index-DI5SPFK9.js";
-import { c as g } from "./cn-wvCW-ho6.js";
-import * as w from "@radix-ui/react-select";
-import { Tabs as Ot, TabsList as Pt, TabsTrigger as M, TabsContent as U } from "./ui/Tabs.js";
-import { o as _n } from "./objectEntries-yMIkr2mI.js";
-import { u as Mn } from "./useLatest-hmRS46UF.js";
-import { z as Un } from "./index--oeBayMa.js";
+import { ChevronDown as xt, ChevronUp as pn, Check as gt, ChevronRightIcon as Q, CheckIcon as hn, DotIcon as fn, ChevronDownIcon as xn, XIcon as gn, Circle as yn, DownloadIcon as vn, LogInIcon as bn, CirclePlayIcon as jn } from "lucide-react";
+import { r as Nn, c as wn, u as Cn, N as Sn, h as Tn, m as Ke } from "./chunk-DQRVZFIR-BblmKnHy.js";
+import { L as Ce, M as Se, O as yt, l as An, P as On, j as P, d as Rn, i as $n } from "./hook-k7PfUIsj.js";
+import { Button as J } from "./ui/Button.js";
+import { Z as Ln } from "./invariant-DAFpPywt.js";
+import * as N from "react";
+import { createContext as vt, use as Pn, Fragment as D, useRef as W, useEffect as M, useMemo as En, useState as E, useCallback as In, useTransition as kn, useContext as Dn } from "react";
+import { VisuallyHidden as Bn } from "@radix-ui/react-visually-hidden";
+import { D as Te, a as Ae, c as Oe, d as bt, f as jt, e as Fn } from "./Dialog-BxpuVLh9.js";
+import { u as Vn } from "./react-nprogress.esm-C2MPXjiJ.js";
+import { u as qn } from "./useMutation-CZSmsIGW.js";
+import { u as Re, a as $e, C as B, b as zn, F as _n } from "./index.esm-Cp4wkyud.js";
 import { B as F } from "./Button-BE9IVkWV.js";
-import * as j from "@radix-ui/react-dropdown-menu";
-import { C as ue } from "./Card-DPhGbYUM.js";
-import * as Ce from "@radix-ui/react-checkbox";
-import * as oe from "@radix-ui/react-popover";
+import * as C from "@radix-ui/react-select";
+import { c as v } from "./cn-wvCW-ho6.js";
+import { u as Un } from "./useLatest-hmRS46UF.js";
+import { z as Mn } from "./index--oeBayMa.js";
+import * as w from "@radix-ui/react-dropdown-menu";
+import { C as ie } from "./Card-DPhGbYUM.js";
+import * as be from "@radix-ui/react-checkbox";
+import * as re from "@radix-ui/react-popover";
 import { PopoverAnchor as Gn } from "@radix-ui/react-popover";
 import { P as Hn } from "./index-CrcNWbel.js";
-import { g as Qn, h as Jn, C as Wn, b as Xn, f as Zn } from "./Callout-BkgOUkoZ.js";
-import { Input as Ve } from "./ui/Input.js";
+import { g as Qn, h as Jn, C as Wn, b as Xn, f as Zn } from "./Callout-CoVxYafP.js";
+import { Input as Le } from "./ui/Input.js";
 import { Slot as Yn } from "@radix-ui/react-slot";
-import * as Et from "@radix-ui/react-label";
-import * as Y from "@radix-ui/react-radio-group";
-import { S as Kn } from "./Spinner-mNLZ6awP.js";
-import { Callout as es } from "./ui/Callout.js";
-import { Card as $t, CardHeader as ts, CardTitle as ns, CardContent as ss } from "./ui/Card.js";
-import { Collapsible as rt, CollapsibleTrigger as at, CollapsibleContent as ot } from "./ui/Collapsible.js";
-import * as Fe from "@radix-ui/react-collapsible";
-import { S as rs } from "./SyntaxHighlight-DedRjJNr.js";
-let ge;
-const as = (e) => {
+import * as Nt from "@radix-ui/react-label";
+import { c as Kn } from "./index-DI5SPFK9.js";
+import * as X from "@radix-ui/react-radio-group";
+import { S as es } from "./Spinner-mNLZ6awP.js";
+import { Callout as ts } from "./ui/Callout.js";
+import { Card as wt, CardHeader as ns, CardTitle as ss, CardContent as rs } from "./ui/Card.js";
+import { Tabs as as, TabsList as os, TabsTrigger as et, TabsContent as tt } from "./ui/Tabs.js";
+import { Collapsible as nt, CollapsibleTrigger as st, CollapsibleContent as rt } from "./ui/Collapsible.js";
+import * as Pe from "@radix-ui/react-collapsible";
+import { S as is } from "./SyntaxHighlight-Cz6Me7-F.js";
+let pe;
+const ls = (e) => {
   if (e.errors?.[0])
-    throw new $n(e.errors[0].message, {
+    throw new Ln(e.errors[0].message, {
       developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config."
     });
 };
-class os {
+class cs {
   constructor(t) {
     this.config = t;
   }
-  #e = async () => (ge || (ge = import("./createServer-DCB82j2t.js").then(
+  #e = async () => (pe || (pe = import("./createServer-p3yUA8Bu.js").then(
     (t) => t.createServer(this.config)
-  )), ge);
+  )), pe);
   #t = async (t) => this.config.server ? fetch(this.config.server, t) : (await this.#e()).fetch("http://localhost/graphql", t);
   fetch = async (t, s) => {
     const a = t.match(/query (\w+)/)?.[1], r = await this.#t({
@@ -59,27 +59,27 @@ class os {
     if (!r.ok)
       throw new Error("Network response was not ok");
     const o = await r.json();
-    return as(o), o.data;
+    return ls(o), o.data;
   };
 }
-function ye(e, t) {
+function he(e, t) {
   if (!!!e)
     throw new Error(t);
 }
-function is(e) {
+function ds(e) {
   return typeof e == "object" && e !== null;
 }
-function ls(e, t) {
+function us(e, t) {
   if (!!!e)
     throw new Error(
       t ?? "Unexpected invariant triggered."
     );
 }
-const cs = /\r\n|[\n\r]/g;
-function Se(e, t) {
+const ms = /\r\n|[\n\r]/g;
+function je(e, t) {
   let s = 0, a = 1;
-  for (const r of e.body.matchAll(cs)) {
-    if (typeof r.index == "number" || ls(!1), r.index >= t)
+  for (const r of e.body.matchAll(ms)) {
+    if (typeof r.index == "number" || us(!1), r.index >= t)
       break;
     s = r.index + r[0].length, a += 1;
   }
@@ -88,40 +88,40 @@ function Se(e, t) {
     column: t + 1 - s
   };
 }
-function ds(e) {
-  return Rt(
+function ps(e) {
+  return Ct(
     e.source,
-    Se(e.source, e.start)
+    je(e.source, e.start)
   );
 }
-function Rt(e, t) {
-  const s = e.locationOffset.column - 1, a = "".padStart(s) + e.body, r = t.line - 1, o = e.locationOffset.line - 1, i = t.line + o, c = t.line === 1 ? s : 0, l = t.column + c, u = `${e.name}:${i}:${l}
-`, p = a.split(/\r\n|[\n\r]/g), v = p[r];
-  if (v.length > 120) {
-    const f = Math.floor(l / 80), x = l % 80, m = [];
-    for (let y = 0; y < v.length; y += 80)
-      m.push(v.slice(y, y + 80));
-    return u + it([
-      [`${i} |`, m[0]],
-      ...m.slice(1, f + 1).map((y) => ["|", y]),
+function Ct(e, t) {
+  const s = e.locationOffset.column - 1, a = "".padStart(s) + e.body, r = t.line - 1, o = e.locationOffset.line - 1, i = t.line + o, c = t.line === 1 ? s : 0, l = t.column + c, m = `${e.name}:${i}:${l}
+`, u = a.split(/\r\n|[\n\r]/g), g = u[r];
+  if (g.length > 120) {
+    const f = Math.floor(l / 80), x = l % 80, p = [];
+    for (let y = 0; y < g.length; y += 80)
+      p.push(g.slice(y, y + 80));
+    return m + at([
+      [`${i} |`, p[0]],
+      ...p.slice(1, f + 1).map((y) => ["|", y]),
       ["|", "^".padStart(x)],
-      ["|", m[f + 1]]
+      ["|", p[f + 1]]
     ]);
   }
-  return u + it([
+  return m + at([
     // Lines specified like this: ["prefix", "string"],
-    [`${i - 1} |`, p[r - 1]],
-    [`${i} |`, v],
+    [`${i - 1} |`, u[r - 1]],
+    [`${i} |`, g],
     ["|", "^".padStart(l)],
-    [`${i + 1} |`, p[r + 1]]
+    [`${i + 1} |`, u[r + 1]]
   ]);
 }
-function it(e) {
+function at(e) {
   const t = e.filter(([a, r]) => r !== void 0), s = Math.max(...t.map(([a]) => a.length));
   return t.map(([a, r]) => a.padStart(s) + (r ? " " + r : "")).join(`
 `);
 }
-function us(e) {
+function hs(e) {
   const t = e[0];
   return t == null || "kind" in t || "length" in t ? {
     nodes: t,
@@ -132,7 +132,7 @@ function us(e) {
     extensions: e[5]
   } : t;
 }
-class Be extends Error {
+class Ee extends Error {
   /**
    * An array of `{ line, column }` locations within the source GraphQL document
    * which correspond to this error.
@@ -173,18 +173,18 @@ class Be extends Error {
    */
   constructor(t, ...s) {
     var a, r, o;
-    const { nodes: i, source: c, positions: l, path: u, originalError: p, extensions: v } = us(s);
-    super(t), this.name = "GraphQLError", this.path = u ?? void 0, this.originalError = p ?? void 0, this.nodes = lt(
+    const { nodes: i, source: c, positions: l, path: m, originalError: u, extensions: g } = hs(s);
+    super(t), this.name = "GraphQLError", this.path = m ?? void 0, this.originalError = u ?? void 0, this.nodes = ot(
       Array.isArray(i) ? i : i ? [i] : void 0
     );
-    const f = lt(
-      (a = this.nodes) === null || a === void 0 ? void 0 : a.map((m) => m.loc).filter((m) => m != null)
+    const f = ot(
+      (a = this.nodes) === null || a === void 0 ? void 0 : a.map((p) => p.loc).filter((p) => p != null)
     );
-    this.source = c ?? (f == null || (r = f[0]) === null || r === void 0 ? void 0 : r.source), this.positions = l ?? f?.map((m) => m.start), this.locations = l && c ? l.map((m) => Se(c, m)) : f?.map((m) => Se(m.source, m.start));
-    const x = is(
-      p?.extensions
-    ) ? p?.extensions : void 0;
-    this.extensions = (o = v ?? x) !== null && o !== void 0 ? o : /* @__PURE__ */ Object.create(null), Object.defineProperties(this, {
+    this.source = c ?? (f == null || (r = f[0]) === null || r === void 0 ? void 0 : r.source), this.positions = l ?? f?.map((p) => p.start), this.locations = l && c ? l.map((p) => je(c, p)) : f?.map((p) => je(p.source, p.start));
+    const x = ds(
+      u?.extensions
+    ) ? u?.extensions : void 0;
+    this.extensions = (o = g ?? x) !== null && o !== void 0 ? o : /* @__PURE__ */ Object.create(null), Object.defineProperties(this, {
       message: {
         writable: !0,
         enumerable: !0
@@ -204,11 +204,11 @@ class Be extends Error {
       originalError: {
         enumerable: !1
       }
-    }), p != null && p.stack ? Object.defineProperty(this, "stack", {
-      value: p.stack,
+    }), u != null && u.stack ? Object.defineProperty(this, "stack", {
+      value: u.stack,
       writable: !0,
       configurable: !0
-    }) : Error.captureStackTrace ? Error.captureStackTrace(this, Be) : Object.defineProperty(this, "stack", {
+    }) : Error.captureStackTrace ? Error.captureStackTrace(this, Ee) : Object.defineProperty(this, "stack", {
       value: Error().stack,
       writable: !0,
       configurable: !0
@@ -223,12 +223,12 @@ class Be extends Error {
       for (const s of this.nodes)
         s.loc && (t += `
 
-` + ds(s.loc));
+` + ps(s.loc));
     else if (this.source && this.locations)
       for (const s of this.locations)
         t += `
 
-` + Rt(this.source, s);
+` + Ct(this.source, s);
     return t;
   }
   toJSON() {
@@ -238,16 +238,16 @@ class Be extends Error {
     return this.locations != null && (t.locations = this.locations), this.path != null && (t.path = this.path), this.extensions != null && Object.keys(this.extensions).length > 0 && (t.extensions = this.extensions), t;
   }
 }
-function lt(e) {
+function ot(e) {
   return e === void 0 || e.length === 0 ? void 0 : e;
 }
-function O(e, t, s) {
-  return new Be(`Syntax Error: ${s}`, {
+function R(e, t, s) {
+  return new Ee(`Syntax Error: ${s}`, {
     source: e,
     positions: [t]
   });
 }
-class ga {
+class Ca {
   /**
    * The character offset at which this Node begins.
    */
@@ -276,7 +276,7 @@ class ga {
     };
   }
 }
-class Lt {
+class St {
   /**
    * The kind of Token.
    */
@@ -318,7 +318,7 @@ class Lt {
     };
   }
 }
-const ms = {
+const fs = {
   Name: [],
   Document: ["definitions"],
   OperationDefinition: [
@@ -392,37 +392,37 @@ const ms = {
   UnionTypeExtension: ["name", "directives", "types"],
   EnumTypeExtension: ["name", "directives", "values"],
   InputObjectTypeExtension: ["name", "directives", "fields"]
-}, ps = new Set(Object.keys(ms));
-function ya(e) {
+}, xs = new Set(Object.keys(fs));
+function Sa(e) {
   const t = e?.kind;
-  return typeof t == "string" && ps.has(t);
+  return typeof t == "string" && xs.has(t);
 }
-var ct;
+var it;
 (function(e) {
   e.QUERY = "query", e.MUTATION = "mutation", e.SUBSCRIPTION = "subscription";
-})(ct || (ct = {}));
-function Te(e) {
+})(it || (it = {}));
+function Ne(e) {
   return e === 9 || e === 32;
 }
-function K(e) {
+function Z(e) {
   return e >= 48 && e <= 57;
 }
-function It(e) {
+function Tt(e) {
   return e >= 97 && e <= 122 || // A-Z
   e >= 65 && e <= 90;
 }
-function kt(e) {
-  return It(e) || e === 95;
+function At(e) {
+  return Tt(e) || e === 95;
 }
-function hs(e) {
-  return It(e) || K(e) || e === 95;
+function gs(e) {
+  return Tt(e) || Z(e) || e === 95;
 }
-function fs(e) {
+function ys(e) {
   var t;
   let s = Number.MAX_SAFE_INTEGER, a = null, r = -1;
   for (let i = 0; i < e.length; ++i) {
     var o;
-    const c = e[i], l = xs(c);
+    const c = e[i], l = vs(c);
     l !== c.length && (a = (o = a) !== null && o !== void 0 ? o : i, r = i, i !== 0 && l < s && (s = l));
   }
   return e.map((i, c) => c === 0 ? i : i.slice(s)).slice(
@@ -430,26 +430,26 @@ function fs(e) {
     r + 1
   );
 }
-function xs(e) {
+function vs(e) {
   let t = 0;
-  for (; t < e.length && Te(e.charCodeAt(t)); )
+  for (; t < e.length && Ne(e.charCodeAt(t)); )
     ++t;
   return t;
 }
-function gs(e, t) {
-  const s = e.replace(/"""/g, '\\"""'), a = s.split(/\r\n|[\n\r]/g), r = a.length === 1, o = a.length > 1 && a.slice(1).every((x) => x.length === 0 || Te(x.charCodeAt(0))), i = s.endsWith('\\"""'), c = e.endsWith('"') && !i, l = e.endsWith("\\"), u = c || l, p = !(t != null && t.minimize) && // add leading and trailing new lines only if it improves readability
-  (!r || e.length > 70 || u || o || i);
-  let v = "";
-  const f = r && Te(e.charCodeAt(0));
-  return (p && !f || o) && (v += `
-`), v += s, (p || u) && (v += `
-`), '"""' + v + '"""';
+function bs(e, t) {
+  const s = e.replace(/"""/g, '\\"""'), a = s.split(/\r\n|[\n\r]/g), r = a.length === 1, o = a.length > 1 && a.slice(1).every((x) => x.length === 0 || Ne(x.charCodeAt(0))), i = s.endsWith('\\"""'), c = e.endsWith('"') && !i, l = e.endsWith("\\"), m = c || l, u = !(t != null && t.minimize) && // add leading and trailing new lines only if it improves readability
+  (!r || e.length > 70 || m || o || i);
+  let g = "";
+  const f = r && Ne(e.charCodeAt(0));
+  return (u && !f || o) && (g += `
+`), g += s, (u || m) && (g += `
+`), '"""' + g + '"""';
 }
 var h;
 (function(e) {
   e.SOF = "<SOF>", e.EOF = "<EOF>", e.BANG = "!", e.DOLLAR = "$", e.AMP = "&", e.PAREN_L = "(", e.PAREN_R = ")", e.SPREAD = "...", e.COLON = ":", e.EQUALS = "=", e.AT = "@", e.BRACKET_L = "[", e.BRACKET_R = "]", e.BRACE_L = "{", e.PIPE = "|", e.BRACE_R = "}", e.NAME = "Name", e.INT = "Int", e.FLOAT = "Float", e.STRING = "String", e.BLOCK_STRING = "BlockString", e.COMMENT = "Comment";
 })(h || (h = {}));
-class ys {
+class js {
   /**
    * The previously focused non-ignored token.
    */
@@ -463,7 +463,7 @@ class ys {
    * The character offset at which the current line begins.
    */
   constructor(t) {
-    const s = new Lt(h.SOF, 0, 0, 0, 0);
+    const s = new St(h.SOF, 0, 0, 0, 0);
     this.source = t, this.lastToken = s, this.token = s, this.line = 1, this.lineStart = 0;
   }
   get [Symbol.toStringTag]() {
@@ -486,29 +486,29 @@ class ys {
         if (t.next)
           t = t.next;
         else {
-          const s = bs(this, t.end);
+          const s = ws(this, t.end);
           t.next = s, s.prev = t, t = s;
         }
       while (t.kind === h.COMMENT);
     return t;
   }
 }
-function vs(e) {
+function Ns(e) {
   return e === h.BANG || e === h.DOLLAR || e === h.AMP || e === h.PAREN_L || e === h.PAREN_R || e === h.SPREAD || e === h.COLON || e === h.EQUALS || e === h.AT || e === h.BRACKET_L || e === h.BRACKET_R || e === h.BRACE_L || e === h.PIPE || e === h.BRACE_R;
 }
-function J(e) {
+function z(e) {
   return e >= 0 && e <= 55295 || e >= 57344 && e <= 1114111;
 }
-function me(e, t) {
-  return Dt(e.charCodeAt(t)) && qt(e.charCodeAt(t + 1));
+function le(e, t) {
+  return Ot(e.charCodeAt(t)) && Rt(e.charCodeAt(t + 1));
 }
-function Dt(e) {
+function Ot(e) {
   return e >= 55296 && e <= 56319;
 }
-function qt(e) {
+function Rt(e) {
   return e >= 56320 && e <= 57343;
 }
-function B(e, t) {
+function V(e, t) {
   const s = e.source.body.codePointAt(t);
   if (s === void 0)
     return h.EOF;
@@ -518,11 +518,11 @@ function B(e, t) {
   }
   return "U+" + s.toString(16).toUpperCase().padStart(4, "0");
 }
-function C(e, t, s, a, r) {
+function S(e, t, s, a, r) {
   const o = e.line, i = 1 + s - e.lineStart;
-  return new Lt(t, s, a, o, i, r);
+  return new St(t, s, a, o, i, r);
 }
-function bs(e, t) {
+function ws(e, t) {
   const s = e.source.body, a = s.length;
   let r = t;
   for (; r < a; ) {
@@ -563,7 +563,7 @@ function bs(e, t) {
         continue;
       // Comment
       case 35:
-        return js(e, r);
+        return Cs(e, r);
       // Token ::
       //   - Punctuator
       //   - Name
@@ -573,66 +573,66 @@ function bs(e, t) {
       //
       // Punctuator :: one of ! $ & ( ) ... : = @ [ ] { | }
       case 33:
-        return C(e, h.BANG, r, r + 1);
+        return S(e, h.BANG, r, r + 1);
       case 36:
-        return C(e, h.DOLLAR, r, r + 1);
+        return S(e, h.DOLLAR, r, r + 1);
       case 38:
-        return C(e, h.AMP, r, r + 1);
+        return S(e, h.AMP, r, r + 1);
       case 40:
-        return C(e, h.PAREN_L, r, r + 1);
+        return S(e, h.PAREN_L, r, r + 1);
       case 41:
-        return C(e, h.PAREN_R, r, r + 1);
+        return S(e, h.PAREN_R, r, r + 1);
       case 46:
         if (s.charCodeAt(r + 1) === 46 && s.charCodeAt(r + 2) === 46)
-          return C(e, h.SPREAD, r, r + 3);
+          return S(e, h.SPREAD, r, r + 3);
         break;
       case 58:
-        return C(e, h.COLON, r, r + 1);
+        return S(e, h.COLON, r, r + 1);
       case 61:
-        return C(e, h.EQUALS, r, r + 1);
+        return S(e, h.EQUALS, r, r + 1);
       case 64:
-        return C(e, h.AT, r, r + 1);
+        return S(e, h.AT, r, r + 1);
       case 91:
-        return C(e, h.BRACKET_L, r, r + 1);
+        return S(e, h.BRACKET_L, r, r + 1);
       case 93:
-        return C(e, h.BRACKET_R, r, r + 1);
+        return S(e, h.BRACKET_R, r, r + 1);
       case 123:
-        return C(e, h.BRACE_L, r, r + 1);
+        return S(e, h.BRACE_L, r, r + 1);
       case 124:
-        return C(e, h.PIPE, r, r + 1);
+        return S(e, h.PIPE, r, r + 1);
       case 125:
-        return C(e, h.BRACE_R, r, r + 1);
+        return S(e, h.BRACE_R, r, r + 1);
       // StringValue
       case 34:
-        return s.charCodeAt(r + 1) === 34 && s.charCodeAt(r + 2) === 34 ? As(e, r) : ws(e, r);
+        return s.charCodeAt(r + 1) === 34 && s.charCodeAt(r + 2) === 34 ? $s(e, r) : Ts(e, r);
     }
-    if (K(o) || o === 45)
-      return Ns(e, r, o);
-    if (kt(o))
-      return Os(e, r);
-    throw O(
+    if (Z(o) || o === 45)
+      return Ss(e, r, o);
+    if (At(o))
+      return Ls(e, r);
+    throw R(
       e.source,
       r,
-      o === 39 ? `Unexpected single quote character ('), did you mean to use a double quote (")?` : J(o) || me(s, r) ? `Unexpected character: ${B(e, r)}.` : `Invalid character: ${B(e, r)}.`
+      o === 39 ? `Unexpected single quote character ('), did you mean to use a double quote (")?` : z(o) || le(s, r) ? `Unexpected character: ${V(e, r)}.` : `Invalid character: ${V(e, r)}.`
     );
   }
-  return C(e, h.EOF, a, a);
+  return S(e, h.EOF, a, a);
 }
-function js(e, t) {
+function Cs(e, t) {
   const s = e.source.body, a = s.length;
   let r = t + 1;
   for (; r < a; ) {
     const o = s.charCodeAt(r);
     if (o === 10 || o === 13)
       break;
-    if (J(o))
+    if (z(o))
       ++r;
-    else if (me(s, r))
+    else if (le(s, r))
       r += 2;
     else
       break;
   }
-  return C(
+  return S(
     e,
     h.COMMENT,
     t,
@@ -640,31 +640,31 @@ function js(e, t) {
     s.slice(t + 1, r)
   );
 }
-function Ns(e, t, s) {
+function Ss(e, t, s) {
   const a = e.source.body;
   let r = t, o = s, i = !1;
   if (o === 45 && (o = a.charCodeAt(++r)), o === 48) {
-    if (o = a.charCodeAt(++r), K(o))
-      throw O(
+    if (o = a.charCodeAt(++r), Z(o))
+      throw R(
         e.source,
         r,
-        `Invalid number, unexpected digit after 0: ${B(
+        `Invalid number, unexpected digit after 0: ${V(
           e,
           r
         )}.`
       );
   } else
-    r = ve(e, r, o), o = a.charCodeAt(r);
-  if (o === 46 && (i = !0, o = a.charCodeAt(++r), r = ve(e, r, o), o = a.charCodeAt(r)), (o === 69 || o === 101) && (i = !0, o = a.charCodeAt(++r), (o === 43 || o === 45) && (o = a.charCodeAt(++r)), r = ve(e, r, o), o = a.charCodeAt(r)), o === 46 || kt(o))
-    throw O(
+    r = fe(e, r, o), o = a.charCodeAt(r);
+  if (o === 46 && (i = !0, o = a.charCodeAt(++r), r = fe(e, r, o), o = a.charCodeAt(r)), (o === 69 || o === 101) && (i = !0, o = a.charCodeAt(++r), (o === 43 || o === 45) && (o = a.charCodeAt(++r)), r = fe(e, r, o), o = a.charCodeAt(r)), o === 46 || At(o))
+    throw R(
       e.source,
       r,
-      `Invalid number, expected digit but got: ${B(
+      `Invalid number, expected digit but got: ${V(
         e,
         r
       )}.`
     );
-  return C(
+  return S(
     e,
     i ? h.FLOAT : h.INT,
     t,
@@ -672,70 +672,70 @@ function Ns(e, t, s) {
     a.slice(t, r)
   );
 }
-function ve(e, t, s) {
-  if (!K(s))
-    throw O(
+function fe(e, t, s) {
+  if (!Z(s))
+    throw R(
       e.source,
       t,
-      `Invalid number, expected digit but got: ${B(
+      `Invalid number, expected digit but got: ${V(
         e,
         t
       )}.`
     );
   const a = e.source.body;
   let r = t + 1;
-  for (; K(a.charCodeAt(r)); )
+  for (; Z(a.charCodeAt(r)); )
     ++r;
   return r;
 }
-function ws(e, t) {
+function Ts(e, t) {
   const s = e.source.body, a = s.length;
   let r = t + 1, o = r, i = "";
   for (; r < a; ) {
     const c = s.charCodeAt(r);
     if (c === 34)
-      return i += s.slice(o, r), C(e, h.STRING, t, r + 1, i);
+      return i += s.slice(o, r), S(e, h.STRING, t, r + 1, i);
     if (c === 92) {
       i += s.slice(o, r);
-      const l = s.charCodeAt(r + 1) === 117 ? s.charCodeAt(r + 2) === 123 ? Cs(e, r) : Ss(e, r) : Ts(e, r);
+      const l = s.charCodeAt(r + 1) === 117 ? s.charCodeAt(r + 2) === 123 ? As(e, r) : Os(e, r) : Rs(e, r);
       i += l.value, r += l.size, o = r;
       continue;
     }
     if (c === 10 || c === 13)
       break;
-    if (J(c))
+    if (z(c))
       ++r;
-    else if (me(s, r))
+    else if (le(s, r))
       r += 2;
     else
-      throw O(
+      throw R(
         e.source,
         r,
-        `Invalid character within String: ${B(
+        `Invalid character within String: ${V(
           e,
           r
         )}.`
       );
   }
-  throw O(e.source, r, "Unterminated string.");
+  throw R(e.source, r, "Unterminated string.");
 }
-function Cs(e, t) {
+function As(e, t) {
   const s = e.source.body;
   let a = 0, r = 3;
   for (; r < 12; ) {
     const o = s.charCodeAt(t + r++);
     if (o === 125) {
-      if (r < 5 || !J(a))
+      if (r < 5 || !z(a))
         break;
       return {
         value: String.fromCodePoint(a),
         size: r
       };
     }
-    if (a = a << 4 | W(o), a < 0)
+    if (a = a << 4 | U(o), a < 0)
       break;
   }
-  throw O(
+  throw R(
     e.source,
     t,
     `Invalid Unicode escape sequence: "${s.slice(
@@ -744,34 +744,34 @@ function Cs(e, t) {
     )}".`
   );
 }
-function Ss(e, t) {
-  const s = e.source.body, a = dt(s, t + 2);
-  if (J(a))
+function Os(e, t) {
+  const s = e.source.body, a = lt(s, t + 2);
+  if (z(a))
     return {
       value: String.fromCodePoint(a),
       size: 6
     };
-  if (Dt(a) && s.charCodeAt(t + 6) === 92 && s.charCodeAt(t + 7) === 117) {
-    const r = dt(s, t + 8);
-    if (qt(r))
+  if (Ot(a) && s.charCodeAt(t + 6) === 92 && s.charCodeAt(t + 7) === 117) {
+    const r = lt(s, t + 8);
+    if (Rt(r))
       return {
         value: String.fromCodePoint(a, r),
         size: 12
       };
   }
-  throw O(
+  throw R(
     e.source,
     t,
     `Invalid Unicode escape sequence: "${s.slice(t, t + 6)}".`
   );
 }
-function dt(e, t) {
-  return W(e.charCodeAt(t)) << 12 | W(e.charCodeAt(t + 1)) << 8 | W(e.charCodeAt(t + 2)) << 4 | W(e.charCodeAt(t + 3));
+function lt(e, t) {
+  return U(e.charCodeAt(t)) << 12 | U(e.charCodeAt(t + 1)) << 8 | U(e.charCodeAt(t + 2)) << 4 | U(e.charCodeAt(t + 3));
 }
-function W(e) {
+function U(e) {
   return e >= 48 && e <= 57 ? e - 48 : e >= 65 && e <= 70 ? e - 55 : e >= 97 && e <= 102 ? e - 87 : -1;
 }
-function Ts(e, t) {
+function Rs(e, t) {
   const s = e.source.body;
   switch (s.charCodeAt(t + 1)) {
     case 34:
@@ -816,7 +816,7 @@ function Ts(e, t) {
         size: 2
       };
   }
-  throw O(
+  throw R(
     e.source,
     t,
     `Invalid character escape sequence: "${s.slice(
@@ -825,60 +825,60 @@ function Ts(e, t) {
     )}".`
   );
 }
-function As(e, t) {
+function $s(e, t) {
   const s = e.source.body, a = s.length;
   let r = e.lineStart, o = t + 3, i = o, c = "";
   const l = [];
   for (; o < a; ) {
-    const u = s.charCodeAt(o);
-    if (u === 34 && s.charCodeAt(o + 1) === 34 && s.charCodeAt(o + 2) === 34) {
+    const m = s.charCodeAt(o);
+    if (m === 34 && s.charCodeAt(o + 1) === 34 && s.charCodeAt(o + 2) === 34) {
       c += s.slice(i, o), l.push(c);
-      const p = C(
+      const u = S(
         e,
         h.BLOCK_STRING,
         t,
         o + 3,
         // Return a string of the lines joined with U+000A.
-        fs(l).join(`
+        ys(l).join(`
 `)
       );
-      return e.line += l.length - 1, e.lineStart = r, p;
+      return e.line += l.length - 1, e.lineStart = r, u;
     }
-    if (u === 92 && s.charCodeAt(o + 1) === 34 && s.charCodeAt(o + 2) === 34 && s.charCodeAt(o + 3) === 34) {
+    if (m === 92 && s.charCodeAt(o + 1) === 34 && s.charCodeAt(o + 2) === 34 && s.charCodeAt(o + 3) === 34) {
       c += s.slice(i, o), i = o + 1, o += 4;
       continue;
     }
-    if (u === 10 || u === 13) {
-      c += s.slice(i, o), l.push(c), u === 13 && s.charCodeAt(o + 1) === 10 ? o += 2 : ++o, c = "", i = o, r = o;
+    if (m === 10 || m === 13) {
+      c += s.slice(i, o), l.push(c), m === 13 && s.charCodeAt(o + 1) === 10 ? o += 2 : ++o, c = "", i = o, r = o;
       continue;
     }
-    if (J(u))
+    if (z(m))
       ++o;
-    else if (me(s, o))
+    else if (le(s, o))
       o += 2;
     else
-      throw O(
+      throw R(
         e.source,
         o,
-        `Invalid character within String: ${B(
+        `Invalid character within String: ${V(
           e,
           o
         )}.`
       );
   }
-  throw O(e.source, o, "Unterminated string.");
+  throw R(e.source, o, "Unterminated string.");
 }
-function Os(e, t) {
+function Ls(e, t) {
   const s = e.source.body, a = s.length;
   let r = t + 1;
   for (; r < a; ) {
     const o = s.charCodeAt(r);
-    if (hs(o))
+    if (gs(o))
       ++r;
     else
       break;
   }
-  return C(
+  return S(
     e,
     h.NAME,
     t,
@@ -886,11 +886,11 @@ function Os(e, t) {
     s.slice(t, r)
   );
 }
-const Ps = 10, Vt = 2;
-function Ft(e) {
-  return pe(e, []);
+const Ps = 10, $t = 2;
+function Lt(e) {
+  return ce(e, []);
 }
-function pe(e, t) {
+function ce(e, t) {
   switch (typeof e) {
     case "string":
       return JSON.stringify(e);
@@ -908,34 +908,34 @@ function Es(e, t) {
   if (t.includes(e))
     return "[Circular]";
   const s = [...t, e];
-  if ($s(e)) {
+  if (Is(e)) {
     const a = e.toJSON();
     if (a !== e)
-      return typeof a == "string" ? a : pe(a, s);
+      return typeof a == "string" ? a : ce(a, s);
   } else if (Array.isArray(e))
-    return Ls(e, s);
-  return Rs(e, s);
+    return Ds(e, s);
+  return ks(e, s);
 }
-function $s(e) {
+function Is(e) {
   return typeof e.toJSON == "function";
 }
-function Rs(e, t) {
+function ks(e, t) {
   const s = Object.entries(e);
-  return s.length === 0 ? "{}" : t.length > Vt ? "[" + Is(e) + "]" : "{ " + s.map(
-    ([r, o]) => r + ": " + pe(o, t)
+  return s.length === 0 ? "{}" : t.length > $t ? "[" + Bs(e) + "]" : "{ " + s.map(
+    ([r, o]) => r + ": " + ce(o, t)
   ).join(", ") + " }";
 }
-function Ls(e, t) {
+function Ds(e, t) {
   if (e.length === 0)
     return "[]";
-  if (t.length > Vt)
+  if (t.length > $t)
     return "[Array]";
   const s = Math.min(Ps, e.length), a = e.length - s, r = [];
   for (let o = 0; o < s; ++o)
-    r.push(pe(e[o], t));
+    r.push(ce(e[o], t));
   return a === 1 ? r.push("... 1 more item") : a > 1 && r.push(`... ${a} more items`), "[" + r.join(", ") + "]";
 }
-function Is(e) {
+function Bs(e) {
   const t = Object.prototype.toString.call(e).replace(/^\[object /, "").replace(/]$/, "");
   if (t === "Object" && typeof e.constructor == "function") {
     const s = e.constructor.name;
@@ -944,11 +944,11 @@ function Is(e) {
   }
   return t;
 }
-const ks = globalThis.process && // eslint-disable-next-line no-undef
-process.env.NODE_ENV === "production", Ds = (
+const Fs = globalThis.process && // eslint-disable-next-line no-undef
+process.env.NODE_ENV === "production", Vs = (
   /* c8 ignore next 6 */
   // FIXME: https://github.com/graphql/graphql-js/issues/2317
-  ks ? function(t, s) {
+  Fs ? function(t, s) {
     return t instanceof s;
   } : function(t, s) {
     if (t instanceof s)
@@ -960,7 +960,7 @@ process.env.NODE_ENV === "production", Ds = (
         Symbol.toStringTag in t ? t[Symbol.toStringTag] : (a = t.constructor) === null || a === void 0 ? void 0 : a.name
       );
       if (r === o) {
-        const i = Ft(t);
+        const i = Lt(t);
         throw new Error(`Cannot use ${r} "${i}" from another module or realm.
 
 Ensure that there is only one instance of "graphql" in the node_modules
@@ -978,15 +978,15 @@ spurious results.`);
     return !1;
   }
 );
-class Bt {
+class Pt {
   constructor(t, s = "GraphQL request", a = {
     line: 1,
     column: 1
   }) {
-    typeof t == "string" || ye(!1, `Body must be a string. Received: ${Ft(t)}.`), this.body = t, this.name = s, this.locationOffset = a, this.locationOffset.line > 0 || ye(
+    typeof t == "string" || he(!1, `Body must be a string. Received: ${Lt(t)}.`), this.body = t, this.name = s, this.locationOffset = a, this.locationOffset.line > 0 || he(
       !1,
       "line in locationOffset is 1-indexed and must be positive."
-    ), this.locationOffset.column > 0 || ye(
+    ), this.locationOffset.column > 0 || he(
       !1,
       "column in locationOffset is 1-indexed and must be positive."
     );
@@ -996,36 +996,36 @@ class Bt {
   }
 }
 function qs(e) {
-  return Ds(e, Bt);
+  return Vs(e, Pt);
 }
-function Vs(e) {
-  const t = qs(e) ? e : new Bt(e), s = t.body, a = new ys(t);
+function zs(e) {
+  const t = qs(e) ? e : new Pt(e), s = t.body, a = new js(t);
   let r = "", o = !1;
   for (; a.advance().kind !== h.EOF; ) {
-    const i = a.token, c = i.kind, l = !vs(i.kind);
+    const i = a.token, c = i.kind, l = !Ns(i.kind);
     o && (l || i.kind === h.SPREAD) && (r += " ");
-    const u = s.slice(i.start, i.end);
-    c === h.BLOCK_STRING ? r += gs(i.value, {
+    const m = s.slice(i.start, i.end);
+    c === h.BLOCK_STRING ? r += bs(i.value, {
       minimize: !0
-    }) : r += u, o = l;
+    }) : r += m, o = l;
   }
   return r;
 }
-const zt = Ct(
+const Et = vt(
   void 0
-), va = ({
+), Ta = ({
   children: e,
   client: t
-}) => /* @__PURE__ */ n.jsx(zt.Provider, { value: t, children: e }), _t = (e, t, ...[s]) => ({
+}) => /* @__PURE__ */ n.jsx(Et.Provider, { value: t, children: e }), It = (e, t, ...[s]) => ({
   queryFn: () => e.fetch(t, s),
-  queryKey: [Vs(t.toString()), s]
-}), Fs = (e, ...[t]) => {
-  const s = Rn(zt);
+  queryKey: [zs(t.toString()), s]
+}), _s = (e, ...[t]) => {
+  const s = Pn(Et);
   if (s === void 0)
     throw new Error("useGraphQL must be used within a GraphQLProvider");
-  return _t(s, e, ...t === void 0 ? [] : [t]);
+  return It(s, e, ...t === void 0 ? [] : [t]);
 };
-class z extends String {
+class q extends String {
   __apiType;
   value;
   __meta__;
@@ -1036,7 +1036,7 @@ class z extends String {
     return this.value;
   }
 }
-const Bs = new z(
+const Us = new q(
   `
     fragment OperationsFragment on OperationItem {
   slug
@@ -1104,7 +1104,7 @@ const Bs = new z(
 }
     `,
   { fragmentName: "OperationsFragment" }
-), zs = new z(`
+), Ms = new q(`
     query ServersQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -1113,13 +1113,13 @@ const Bs = new z(
     }
   }
 }
-    `), _s = new z(`
+    `), Gs = new q(`
     query SchemaWarmup($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     openapi
   }
 }
-    `), Ms = new z(`
+    `), Hs = new q(`
     query OperationsForTag($input: JSON!, $type: SchemaType!, $tag: String, $untagged: Boolean) {
   schema(input: $input, type: $type) {
     servers {
@@ -1211,7 +1211,7 @@ const Bs = new z(
       schema
     }
   }
-}`), Us = new z(`
+}`), Qs = new q(`
     query GetSchemas($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     title
@@ -1226,7 +1226,7 @@ const Bs = new z(
     }
   }
 }
-    `), Gs = new z(`
+    `), Js = new q(`
     query getServerQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -1235,7 +1235,7 @@ const Bs = new z(
     }
   }
 }
-    `), Hs = new z(`
+    `), Ws = new q(`
     query GetSidebarOperations($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     tags {
@@ -1257,132 +1257,65 @@ const Bs = new z(
     }
   }
 }
-    `), Qs = {
-  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": zs,
-  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    deprecated\n    extensions\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      explode\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": Bs,
-  "\n  query SchemaWarmup($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      openapi\n    }\n  }\n": _s,
-  "\n  query OperationsForTag(\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      tag(slug: $tag, untagged: $untagged) {\n        name\n        description\n        operations {\n          slug\n          ...OperationsFragment\n        }\n        next {\n          name\n          slug\n        }\n        prev {\n          name\n          slug\n        }\n      }\n    }\n  }\n": Ms,
-  "\n  query GetSchemas($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      title\n      description\n      summary\n      components {\n        schemas {\n          name\n          schema\n          extensions\n        }\n      }\n    }\n  }\n": Us,
-  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": Gs,
-  "\n  query GetSidebarOperations($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      tags {\n        slug\n        name\n        extensions\n        operations {\n          summary\n          slug\n          method\n          operationId\n          path\n        }\n      }\n      components {\n        schemas {\n          __typename\n        }\n      }\n    }\n  }\n": Hs
+    `), Xs = {
+  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": Ms,
+  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    deprecated\n    extensions\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      explode\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": Us,
+  "\n  query SchemaWarmup($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      openapi\n    }\n  }\n": Gs,
+  "\n  query OperationsForTag(\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      tag(slug: $tag, untagged: $untagged) {\n        name\n        description\n        operations {\n          slug\n          ...OperationsFragment\n        }\n        next {\n          name\n          slug\n        }\n        prev {\n          name\n          slug\n        }\n      }\n    }\n  }\n": Hs,
+  "\n  query GetSchemas($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      title\n      description\n      summary\n      components {\n        schemas {\n          name\n          schema\n          extensions\n        }\n      }\n    }\n  }\n": Qs,
+  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": Js,
+  "\n  query GetSidebarOperations($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      tags {\n        slug\n        name\n        extensions\n        operations {\n          summary\n          slug\n          method\n          operationId\n          path\n        }\n      }\n      components {\n        schemas {\n          __typename\n        }\n      }\n    }\n  }\n": Ws
 };
-function Js(e) {
-  return Qs[e] ?? {};
+function Zs(e) {
+  return Xs[e] ?? {};
 }
-const Ws = At(
-  "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: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), Ae = b.forwardRef(({ className: e, variant: t, ...s }, a) => /* @__PURE__ */ n.jsx(
-  "div",
-  {
-    ref: a,
-    role: "alert",
-    className: g(Ws({ variant: t }), e),
-    ...s
-  }
-));
-Ae.displayName = "Alert";
-const Oe = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  "h5",
-  {
-    ref: s,
-    className: g("mb-1 font-medium leading-none tracking-tight", e),
-    ...t
-  }
-));
-Oe.displayName = "AlertTitle";
-const Pe = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  "div",
-  {
-    ref: s,
-    className: g("text-sm [&_p]:leading-relaxed", e),
-    ...t
-  }
-));
-Pe.displayName = "AlertDescription";
-const Xs = ({
-  path: e,
-  renderParam: t
-}) => {
-  let s = 0;
-  return e.split("/").map((a, r, o) => {
-    const i = Array.from(a.matchAll(/{([^}]+)}/g)), c = [];
-    let l = 0;
-    return i.forEach((u) => {
-      const [p, v] = u;
-      if (!v) return;
-      const f = u.index;
-      f > l && c.push(
-        /* @__PURE__ */ n.jsx(q, { children: a.slice(l, f) }, `text-${l}-${f}`)
-      ), c.push(
-        /* @__PURE__ */ n.jsx(q, { children: t({ name: v, originalValue: p, index: s++ }) }, `param-${v}`)
-      ), l = f + p.length;
-    }), l < a.length && c.push(
-      /* @__PURE__ */ n.jsx(q, { children: a.slice(l) }, `text-${l}-${a.length}`)
-    ), // eslint-disable-next-line react/no-array-index-key
-    /* @__PURE__ */ n.jsxs(q, { children: [
-      c,
-      r < o.length - 1 && "/",
-      /* @__PURE__ */ n.jsx("wbr", {})
-    ] }, `${a}-${r}`);
-  });
-}, Ee = w.Root, $e = w.Value, ie = b.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ n.jsxs(
-  w.Trigger,
+const kt = C.Root, Dt = C.Value, Ie = N.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ n.jsxs(
+  C.Trigger,
   {
     ref: a,
-    className: g(
+    className: v(
       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       e
     ),
     ...s,
     children: [
       /* @__PURE__ */ n.jsx("span", { className: "truncate", children: t }),
-      /* @__PURE__ */ n.jsx(w.Icon, { asChild: !0, children: /* @__PURE__ */ n.jsx(vt, { className: "shrink-0 h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ n.jsx(C.Icon, { asChild: !0, children: /* @__PURE__ */ n.jsx(xt, { className: "shrink-0 h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-ie.displayName = w.Trigger.displayName;
-const Mt = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  w.ScrollUpButton,
+Ie.displayName = C.Trigger.displayName;
+const Bt = N.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+  C.ScrollUpButton,
   {
     ref: s,
-    className: g(
+    className: v(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
     ...t,
-    children: /* @__PURE__ */ n.jsx(hn, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ n.jsx(pn, { className: "h-4 w-4" })
   }
 ));
-Mt.displayName = w.ScrollUpButton.displayName;
-const Ut = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  w.ScrollDownButton,
+Bt.displayName = C.ScrollUpButton.displayName;
+const Ft = N.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+  C.ScrollDownButton,
   {
     ref: s,
-    className: g(
+    className: v(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
     ...t,
-    children: /* @__PURE__ */ n.jsx(vt, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ n.jsx(xt, { className: "h-4 w-4" })
   }
 ));
-Ut.displayName = w.ScrollDownButton.displayName;
-const le = b.forwardRef(({ className: e, children: t, position: s = "popper", ...a }, r) => /* @__PURE__ */ n.jsx(w.Portal, { children: /* @__PURE__ */ n.jsxs(
-  w.Content,
+Ft.displayName = C.ScrollDownButton.displayName;
+const ke = N.forwardRef(({ className: e, children: t, position: s = "popper", ...a }, r) => /* @__PURE__ */ n.jsx(C.Portal, { children: /* @__PURE__ */ n.jsxs(
+  C.Content,
   {
     ref: r,
-    className: g(
+    className: v(
       "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       e
@@ -1390,88 +1323,100 @@ const le = b.forwardRef(({ className: e, children: t, position: s = "popper", ..
     position: s,
     ...a,
     children: [
-      /* @__PURE__ */ n.jsx(Mt, {}),
+      /* @__PURE__ */ n.jsx(Bt, {}),
       /* @__PURE__ */ n.jsx(
-        w.Viewport,
+        C.Viewport,
         {
-          className: g(
+          className: v(
             s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
             "divide-y"
           ),
           children: t
         }
       ),
-      /* @__PURE__ */ n.jsx(Ut, {})
+      /* @__PURE__ */ n.jsx(Ft, {})
     ]
   }
 ) }));
-le.displayName = w.Content.displayName;
-const Zs = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  w.Label,
+ke.displayName = C.Content.displayName;
+const Ys = N.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+  C.Label,
   {
     ref: s,
-    className: g("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    className: v("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
     ...t
   }
 ));
-Zs.displayName = w.Label.displayName;
-const G = b.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ n.jsxs(
-  w.Item,
+Ys.displayName = C.Label.displayName;
+const G = N.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ n.jsxs(
+  C.Item,
   {
     ref: a,
-    className: g(
+    className: v(
       "relative flex w-full cursor-default select-none items-center py-1.5 pl-8 pr-2 text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
     ...s,
     children: [
-      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(w.ItemIndicator, { children: /* @__PURE__ */ n.jsx(bt, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ n.jsx(w.ItemText, { children: t })
+      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(C.ItemIndicator, { children: /* @__PURE__ */ n.jsx(gt, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ n.jsx(C.ItemText, { children: t })
     ]
   }
 ));
-G.displayName = w.Item.displayName;
-const Ys = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  w.Separator,
+G.displayName = C.Item.displayName;
+const Ks = N.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+  C.Separator,
   {
     ref: s,
-    className: g("-mx-1 my-1 h-px bg-muted", e),
+    className: v("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
-Ys.displayName = w.Separator.displayName;
-const Gt = b.forwardRef(
-  ({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-    "textarea",
-    {
-      className: g(
-        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        e
-      ),
-      ref: s,
-      ...t
-    }
-  )
-);
-Gt.displayName = "Textarea";
-const be = (e) => Math.abs(
+Ks.displayName = C.Separator.displayName;
+const er = ({
+  path: e,
+  renderParam: t
+}) => {
+  let s = 0;
+  return e.split("/").map((a, r, o) => {
+    const i = Array.from(a.matchAll(/{([^}]+)}/g)), c = [];
+    let l = 0;
+    return i.forEach((m) => {
+      const [u, g] = m;
+      if (!g) return;
+      const f = m.index;
+      f > l && c.push(
+        /* @__PURE__ */ n.jsx(D, { children: a.slice(l, f) }, `text-${l}-${f}`)
+      ), c.push(
+        /* @__PURE__ */ n.jsx(D, { children: t({ name: g, originalValue: u, index: s++ }) }, `param-${g}`)
+      ), l = f + u.length;
+    }), l < a.length && c.push(
+      /* @__PURE__ */ n.jsx(D, { children: a.slice(l) }, `text-${l}-${a.length}`)
+    ), // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ n.jsxs(D, { children: [
+      c,
+      r < o.length - 1 && "/",
+      /* @__PURE__ */ n.jsx("wbr", {})
+    ] }, `${a}-${r}`);
+  });
+}, xe = (e) => Math.abs(
   isNaN(parseInt(e)) ? e.toLowerCase().charCodeAt(0) - 96 : isNaN(parseInt(e)) ? 0 : parseInt(e)
-), je = (e) => e.length > 1 ? parseInt(e.split("").reduce((t, s) => `${be(t) + be(s)}`)) : be(e), ut = (e, t = {}) => {
-  const s = (3 * je(e) + 2 * je(e) + je(e)) % 360, { saturation: a = 75, lightness: r = 60 } = t;
+), ge = (e) => e.length > 1 ? parseInt(e.split("").reduce((t, s) => `${xe(t) + xe(s)}`)) : xe(e), ct = (e, t = {}) => {
+  const s = (3 * ge(e) + 2 * ge(e) + ge(e)) % 360, { saturation: a = 75, lightness: r = 60 } = t;
   return `${s}deg ${a}% ${r}%`;
-}, Ne = "data-linked-param", Ks = (e) => {
-  const { resolvedTheme: t } = Un();
+}, ye = "data-linked-param", tr = (e) => {
+  const { resolvedTheme: t } = Mn();
   return {
-    text: ut(
+    text: ct(
       e,
       t === "light" ? { saturation: 95, lightness: 38 } : {}
     ),
-    background: ut(
+    background: ct(
       e,
       t === "light" ? { saturation: 85, lightness: 40 } : {}
     )
   };
-}, Ht = ({
+}, Vt = ({
   name: e,
   className: t,
   slug: s,
@@ -1479,26 +1424,26 @@ const be = (e) => Math.abs(
   children: r,
   onClick: o
 }) => {
-  const i = Q(null), c = s?.replace(/[{}]/g, ""), l = e.replace(/[{}]/g, ""), { text: u, background: p } = Ks(l), v = `hsl(${u} / 100%)`, f = `hsl(${p} / 10%)`, x = `hsl(${p} / 50%)`;
-  return ae(() => {
+  const i = W(null), c = s?.replace(/[{}]/g, ""), l = e.replace(/[{}]/g, ""), { text: m, background: u } = tr(l), g = `hsl(${m} / 100%)`, f = `hsl(${u} / 10%)`, x = `hsl(${u} / 50%)`;
+  return M(() => {
     if (!c || !i.current) return;
-    const m = () => {
-      document.querySelectorAll(`[${Ne}="${c}"]`).forEach((N) => {
-        N instanceof HTMLElement && (N.dataset.active = "true");
+    const p = () => {
+      document.querySelectorAll(`[${ye}="${c}"]`).forEach((b) => {
+        b instanceof HTMLElement && (b.dataset.active = "true");
       });
     }, y = () => {
-      document.querySelectorAll(`[${Ne}="${c}"]`).forEach((N) => {
-        N instanceof HTMLElement && (N.dataset.active = "false");
+      document.querySelectorAll(`[${ye}="${c}"]`).forEach((b) => {
+        b instanceof HTMLElement && (b.dataset.active = "false");
       });
-    }, S = i.current;
-    return S.addEventListener("mouseenter", m), S.addEventListener("mouseleave", y), () => {
-      S.removeEventListener("mouseenter", m), S.removeEventListener("mouseleave", y);
+    }, j = i.current;
+    return j.addEventListener("mouseenter", p), j.addEventListener("mouseleave", y), () => {
+      j.removeEventListener("mouseenter", p), j.removeEventListener("mouseleave", y);
     };
   }, [c]), /* @__PURE__ */ n.jsx(
     "span",
     {
-      [Ne]: c,
-      className: g(
+      [ye]: c,
+      className: v(
         // This may not contain (inline-)flex or (inline-)block otherwise it breaks the browser's full text search
         "relative transition-all duration-100 rounded-lg",
         "border border-(--border-color) p-0.5 text-(--param-color) bg-(--background-color)",
@@ -1510,43 +1455,46 @@ const be = (e) => Math.abs(
       ref: i,
       onClick: o,
       style: {
-        "--param-color": v,
+        "--param-color": g,
         "--border-color": x,
         "--background-color": f
       },
       children: r ?? e
     }
   );
-}, er = Nt()(
-  wt(
+}, nr = Ce()(
+  Se(
     (e) => ({
       selectedServer: void 0,
       setSelectedServer: (t) => e({ selectedServer: t })
     }),
     { name: "zudoku-selected-server" }
   )
-), tr = (e) => {
-  const { selectedServer: t, setSelectedServer: s } = er();
-  return { selectedServer: Ln(
+), sr = (e) => {
+  const { selectedServer: t, setSelectedServer: s } = nr();
+  return { selectedServer: En(
     () => t && e.some((r) => r.url === t) ? t : e.at(0)?.url ?? "",
     [t, e]
   ), setSelectedServer: s };
-}, nr = (e, t, s) => {
-  const a = t.replace(/(:\w+|\{\w+})/g, (o) => {
-    const i = o.replace(/[:{}]/g, "");
-    return s.pathParams.find((l) => l.name === i)?.value ?? o;
-  }), r = new URL(
-    a.replace(/^\//, ""),
-    e.endsWith("/") ? e : `${e}/`
-  );
-  return s.queryParams.filter((o) => o.active).forEach((o) => {
-    r.searchParams.set(o.name, o.value);
-  }), r;
-}, Qt = j.Root, Jt = j.Trigger, sr = j.Group, rr = b.forwardRef(({ className: e, inset: t, children: s, ...a }, r) => /* @__PURE__ */ n.jsxs(
-  j.SubTrigger,
+}, qt = N.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+    "textarea",
+    {
+      className: v(
+        "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: s,
+      ...t
+    }
+  )
+);
+qt.displayName = "Textarea";
+const rr = w.Root, ar = w.Trigger, or = w.Group, ir = N.forwardRef(({ className: e, inset: t, children: s, ...a }, r) => /* @__PURE__ */ n.jsxs(
+  w.SubTrigger,
   {
     ref: r,
-    className: g(
+    className: v(
       "flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent",
       t && "pl-8",
       e
@@ -1554,29 +1502,29 @@ const be = (e) => Math.abs(
     ...a,
     children: [
       s,
-      /* @__PURE__ */ n.jsx(X, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ n.jsx(Q, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
-rr.displayName = j.SubTrigger.displayName;
-const ar = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  j.SubContent,
+ir.displayName = w.SubTrigger.displayName;
+const lr = N.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+  w.SubContent,
   {
     ref: s,
-    className: g(
+    className: v(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
     ...t
   }
 ));
-ar.displayName = j.SubContent.displayName;
-const ze = b.forwardRef(({ className: e, sideOffset: t = 4, ...s }, a) => /* @__PURE__ */ n.jsx(j.Portal, { children: /* @__PURE__ */ n.jsx(
-  j.Content,
+lr.displayName = w.SubContent.displayName;
+const zt = N.forwardRef(({ className: e, sideOffset: t = 4, ...s }, a) => /* @__PURE__ */ n.jsx(w.Portal, { children: /* @__PURE__ */ n.jsx(
+  w.Content,
   {
     ref: a,
     sideOffset: t,
-    className: g(
+    className: v(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
@@ -1584,12 +1532,12 @@ const ze = b.forwardRef(({ className: e, sideOffset: t = 4, ...s }, a) => /* @__
     ...s
   }
 ) }));
-ze.displayName = j.Content.displayName;
-const _e = b.forwardRef(({ className: e, inset: t, ...s }, a) => /* @__PURE__ */ n.jsx(
-  j.Item,
+zt.displayName = w.Content.displayName;
+const _t = N.forwardRef(({ className: e, inset: t, ...s }, a) => /* @__PURE__ */ n.jsx(
+  w.Item,
   {
     ref: a,
-    className: g(
+    className: v(
       "relative flex cursor-default select-none items-center rounded-xs px-2 py-1.5 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       t && "pl-8",
       e
@@ -1597,45 +1545,45 @@ const _e = b.forwardRef(({ className: e, inset: t, ...s }, a) => /* @__PURE__ */
     ...s
   }
 ));
-_e.displayName = j.Item.displayName;
-const or = b.forwardRef(({ className: e, children: t, checked: s, ...a }, r) => /* @__PURE__ */ n.jsxs(
-  j.CheckboxItem,
+_t.displayName = w.Item.displayName;
+const cr = N.forwardRef(({ className: e, children: t, checked: s, ...a }, r) => /* @__PURE__ */ n.jsxs(
+  w.CheckboxItem,
   {
     ref: r,
-    className: g(
+    className: v(
       "relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
     checked: s,
     ...a,
     children: [
-      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(j.ItemIndicator, { children: /* @__PURE__ */ n.jsx(jt, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(w.ItemIndicator, { children: /* @__PURE__ */ n.jsx(hn, { className: "h-4 w-4" }) }) }),
       t
     ]
   }
 ));
-or.displayName = j.CheckboxItem.displayName;
-const ir = b.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ n.jsxs(
-  j.RadioItem,
+cr.displayName = w.CheckboxItem.displayName;
+const dr = N.forwardRef(({ className: e, children: t, ...s }, a) => /* @__PURE__ */ n.jsxs(
+  w.RadioItem,
   {
     ref: a,
-    className: g(
+    className: v(
       "relative flex cursor-default select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
     ...s,
     children: [
-      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(j.ItemIndicator, { children: /* @__PURE__ */ n.jsx(fn, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ n.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n.jsx(w.ItemIndicator, { children: /* @__PURE__ */ n.jsx(fn, { className: "h-4 w-4 fill-current" }) }) }),
       t
     ]
   }
 ));
-ir.displayName = j.RadioItem.displayName;
-const Wt = b.forwardRef(({ className: e, inset: t, ...s }, a) => /* @__PURE__ */ n.jsx(
-  j.Label,
+dr.displayName = w.RadioItem.displayName;
+const Ut = N.forwardRef(({ className: e, inset: t, ...s }, a) => /* @__PURE__ */ n.jsx(
+  w.Label,
   {
     ref: a,
-    className: g(
+    className: v(
       "px-2 py-1.5 text-sm font-semibold",
       t && "pl-8",
       e
@@ -1643,26 +1591,29 @@ const Wt = b.forwardRef(({ className: e, inset: t, ...s }, a) => /* @__PURE__ */
     ...s
   }
 ));
-Wt.displayName = j.Label.displayName;
-const Xt = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  j.Separator,
+Ut.displayName = w.Label.displayName;
+const Mt = N.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+  w.Separator,
   {
     ref: s,
-    className: g("-mx-1 my-1 h-px bg-muted", e),
+    className: v("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
-Xt.displayName = j.Separator.displayName;
-const lr = ({
+Mt.displayName = w.Separator.displayName;
+const ur = ({
   examples: e,
   onSelect: t
-}) => /* @__PURE__ */ n.jsxs(Qt, { children: [
-  /* @__PURE__ */ n.jsx(Jt, { asChild: !0, children: /* @__PURE__ */ n.jsx(F, { variant: "outline", children: "Use Example" }) }),
-  /* @__PURE__ */ n.jsx(ze, { className: "max-w-72", children: e.map((s) => /* @__PURE__ */ n.jsxs("div", { children: [
-    /* @__PURE__ */ n.jsx(Wt, { children: s.mediaType }),
-    /* @__PURE__ */ n.jsx(Xt, {}),
-    /* @__PURE__ */ n.jsx(sr, { children: s.examples?.map((a) => /* @__PURE__ */ n.jsx(
-      _e,
+}) => /* @__PURE__ */ n.jsxs(rr, { children: [
+  /* @__PURE__ */ n.jsx(ar, { asChild: !0, children: /* @__PURE__ */ n.jsxs(F, { variant: "ghost", size: "sm", children: [
+    "Use Example ",
+    /* @__PURE__ */ n.jsx(xn, { className: "w-4 h-4" })
+  ] }) }),
+  /* @__PURE__ */ n.jsx(zt, { className: "max-w-72", children: e.map((s) => /* @__PURE__ */ n.jsxs("div", { children: [
+    /* @__PURE__ */ n.jsx(Ut, { children: s.mediaType }),
+    /* @__PURE__ */ n.jsx(Mt, {}),
+    /* @__PURE__ */ n.jsx(or, { children: s.examples?.map((a) => /* @__PURE__ */ n.jsx(
+      _t,
       {
         onSelect: () => t(a, s.mediaType),
         children: /* @__PURE__ */ n.jsx(
@@ -1677,41 +1628,107 @@ const lr = ({
       a.name
     )) })
   ] }, s.mediaType)) })
-] }), he = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  Ce.Root,
+] }), mr = ({ examples: e }) => {
+  const { register: t, setValue: s, watch: a } = Re(), r = a("headers");
+  return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 ", children: [
+    /* @__PURE__ */ n.jsxs("div", { className: "flex justify-between gap-2", children: [
+      /* @__PURE__ */ n.jsx("span", { className: "font-semibold", children: "Body" }),
+      /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-2", children: e && e.length > 0 && /* @__PURE__ */ n.jsx(
+        ur,
+        {
+          examples: e,
+          onSelect: (o, i) => {
+            s("body", JSON.stringify(o.value, null, 2)), s("headers", [
+              ...r.filter((c) => c.name !== "Content-Type"),
+              {
+                name: "Content-Type",
+                value: i,
+                active: !0
+              }
+            ]);
+          }
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ n.jsx(
+      qt,
+      {
+        ...t("body"),
+        className: v(
+          "border w-full rounded-lg bg-muted/40 p-2 h-64 font-mono text-[13px]"
+        )
+      }
+    )
+  ] });
+}, pr = (e, t, s) => {
+  const a = t.replace(/(:\w+|\{\w+})/g, (o) => {
+    const i = o.replace(/[:{}]/g, "");
+    return s.pathParams.find((l) => l.name === i)?.value ?? o;
+  }), r = new URL(
+    a.replace(/^\//, ""),
+    e.endsWith("/") ? e : `${e}/`
+  );
+  return s.queryParams.filter((o) => o.active).forEach((o) => {
+    r.searchParams.set(o.name, o.value);
+  }), r;
+};
+function hr(e) {
+  return /^(application\/octet-stream|image\/|audio\/|video\/|font\/|application\/pdf|application\/zip|application\/x-protobuf|application\/x-binary)/i.test(
+    e
+  );
+}
+const fr = (e, t) => {
+  const s = e.find(
+    ([a]) => a.toLowerCase() === "content-disposition"
+  )?.[1];
+  if (s) {
+    const a = s.match(
+      /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/
+    );
+    if (a && a[1])
+      return a[1].replace(/['"]/g, "");
+  }
+  try {
+    const r = new URL(t).pathname.split("/").pop() || "download";
+    return r.includes(".") ? r : "download";
+  } catch {
+    return "download";
+  }
+}, de = N.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+  be.Root,
   {
     ref: s,
-    className: g(
+    className: v(
       "peer h-4 w-4 shrink-0 rounded-[min(6px,var(--radius)-4px)] ring-offset-background focus-visible:outline-hidden 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",
       "border border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary",
       e
     ),
     ...t,
     children: /* @__PURE__ */ n.jsx(
-      Ce.Indicator,
+      be.Indicator,
       {
-        className: g("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ n.jsx(bt, { className: "h-4 w-4" })
+        className: v("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ n.jsx(gt, { className: "h-4 w-4" })
       }
     )
   }
 ));
-he.displayName = Ce.Root.displayName;
-const cr = oe.Root, Zt = b.forwardRef(({ className: e, align: t = "center", sideOffset: s = 4, ...a }, r) => /* @__PURE__ */ n.jsx(oe.Portal, { children: /* @__PURE__ */ n.jsx(
-  oe.Content,
+de.displayName = be.Root.displayName;
+const xr = re.Root, Gt = N.forwardRef(({ className: e, align: t = "center", sideOffset: s = 4, ...a }, r) => /* @__PURE__ */ n.jsx(re.Portal, { children: /* @__PURE__ */ n.jsx(
+  re.Content,
   {
     ref: r,
     align: t,
     sideOffset: s,
-    className: g(
+    className: v(
       "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
     ...a
   }
 ) }));
-Zt.displayName = oe.Content.displayName;
-const dr = ({
+Gt.displayName = re.Content.displayName;
+const gr = ({
   value: e,
   options: t,
   onChange: s,
@@ -1720,8 +1737,8 @@ const dr = ({
   onEnterPress: o,
   ref: i
 }) => {
-  const [c, l] = L(!1), [u, p] = L(!1), v = Hn((x) => x.filtered.count), f = Q(null);
-  return /* @__PURE__ */ n.jsxs(cr, { open: c, children: [
+  const [c, l] = E(!1), [m, u] = E(!1), g = Hn((x) => x.filtered.count), f = W(null);
+  return /* @__PURE__ */ n.jsxs(xr, { open: c, children: [
     /* @__PURE__ */ n.jsx(Gn, { children: /* @__PURE__ */ n.jsx(
       Jn,
       {
@@ -1730,10 +1747,10 @@ const dr = ({
         },
         value: e,
         placeholder: r,
-        className: g("h-9 bg-transparent", a),
+        className: v("h-9 bg-transparent", a),
         onFocus: () => l(!0),
         onBlur: () => {
-          u || l(!1);
+          m || l(!1);
         },
         onKeyDown: (x) => {
           x.key === "Enter" && (l(!1), f.current?.blur(), o?.(x));
@@ -1742,13 +1759,13 @@ const dr = ({
       }
     ) }),
     /* @__PURE__ */ n.jsx(
-      Zt,
+      Gt,
       {
-        onMouseEnter: () => p(!0),
-        onMouseLeave: () => p(!1),
+        onMouseEnter: () => u(!0),
+        onMouseLeave: () => u(!1),
         onOpenAutoFocus: (x) => x.preventDefault(),
-        className: g("p-0 w-(--radix-popover-trigger-width)", {
-          "border-0": v === 0
+        className: v("p-0 w-(--radix-popover-trigger-width)", {
+          "border-0": g === 0
         }),
         align: "start",
         side: "bottom",
@@ -1762,8 +1779,8 @@ const dr = ({
           Xn,
           {
             value: x,
-            onSelect: (m) => {
-              s(m), l(!1);
+            onSelect: (p) => {
+              s(p), l(!1);
             },
             className: "cursor-pointer",
             children: x
@@ -1773,23 +1790,23 @@ const dr = ({
       }
     )
   ] });
-}, ce = ({ shouldFilter: e, ...t }) => /* @__PURE__ */ n.jsx(Qn, { className: "bg-transparent", shouldFilter: e, children: /* @__PURE__ */ n.jsx(dr, { ...t }) }), Me = (e, t) => {
-  const s = b.forwardRef(({ className: a, asChild: r, ...o }, i) => {
+}, ae = ({ shouldFilter: e, ...t }) => /* @__PURE__ */ n.jsx(Qn, { className: "bg-transparent", shouldFilter: e, children: /* @__PURE__ */ n.jsx(gr, { ...t }) }), De = (e, t) => {
+  const s = N.forwardRef(({ className: a, asChild: r, ...o }, i) => {
     const c = r ? Yn : e;
-    return b.createElement(c, {
+    return N.createElement(c, {
       ...o,
       ref: i,
-      className: typeof t == "function" ? t({ className: a }) : g(t, a)
+      className: typeof t == "function" ? t({ className: a }) : v(t, a)
     });
   });
   return s.displayName = `VariantComponent(${e})`, s;
-}, Ue = Me(
+}, Be = De(
   "div",
-  "grid grid-cols-[2fr_3fr] gap-2 items-center"
-), Ge = Me(
+  "grid grid-cols-[2fr_3fr] items-center"
+), Fe = De(
   "div",
-  "group hover:bg-accent px-3 grid col-span-full grid-cols-subgrid"
-), ur = Object.freeze([
+  "group hover:bg-accent px-4 py-1 grid col-span-full grid-cols-subgrid"
+), yr = Object.freeze([
   "Accept",
   "Accept-Encoding",
   "Accept-Language",
@@ -1816,66 +1833,80 @@ const dr = ({
   "Set-Cookie",
   "User-Agent",
   "X-Requested-With"
-]), mr = ({
+]), vr = ({
   control: e,
   headers: t
 }) => {
-  const { fields: s, append: a, remove: r } = De({
+  const { fields: s, append: a, remove: r } = $e({
     control: e,
     name: "headers"
-  }), { setValue: o, watch: i } = qe(), c = Q([]), l = Q([]), u = i("headers"), p = In(() => {
+  }), { setValue: o, watch: i } = Re(), c = W([]), l = W([]), m = i("headers"), u = In(() => {
     a({ name: "", value: "", active: !1 });
   }, [a]);
-  ae(() => {
-    u.length === 0 && p();
-  }, [u, p]);
-  const v = (m) => {
-    c.current[m]?.focus();
-  }, f = (m) => {
-    p(), requestAnimationFrame(() => l.current[m + 1]?.focus());
-  }, x = t.filter((m) => !u.some((y) => y.name === m.name)).map(({ name: m }) => m);
-  return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ n.jsx(ue, { className: "overflow-hidden", children: /* @__PURE__ */ n.jsx(Ue, { children: s.map((m, y) => {
-      const S = t.find(
-        (N) => N.name === i(`headers.${y}.name`)
+  M(() => {
+    m.length === 0 && u();
+  }, [m, u]);
+  const g = (p) => {
+    c.current[p]?.focus();
+  }, f = (p) => {
+    u(), requestAnimationFrame(() => l.current[p + 1]?.focus());
+  }, x = t.filter((p) => !m.some((y) => y.name === p.name)).map(({ name: p }) => p);
+  return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 ", children: [
+    /* @__PURE__ */ n.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ n.jsx("span", { className: "font-semibold", children: "Headers" }),
+      /* @__PURE__ */ n.jsx(
+        J,
+        {
+          className: "",
+          onClick: u,
+          type: "button",
+          size: "sm",
+          variant: "ghost",
+          children: "+ Add header"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ n.jsx(ie, { className: "overflow-hidden rounded-lg", children: /* @__PURE__ */ n.jsx(Be, { children: s.map((p, y) => {
+      const j = t.find(
+        (b) => b.name === i(`headers.${y}.name`)
       );
-      return /* @__PURE__ */ n.jsxs(Ge, { children: [
+      return /* @__PURE__ */ n.jsxs(Fe, { children: [
         /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2 ", children: [
           /* @__PURE__ */ n.jsx(
-            V,
+            B,
             {
               control: e,
               name: `headers.${y}.active`,
-              render: ({ field: N }) => /* @__PURE__ */ n.jsx(
-                he,
+              render: ({ field: b }) => /* @__PURE__ */ n.jsx(
+                de,
                 {
                   id: `headers.${y}.active`,
-                  checked: N.value,
-                  onCheckedChange: (I) => {
-                    N.onChange(I);
+                  checked: b.value,
+                  onCheckedChange: (T) => {
+                    b.onChange(T);
                   }
                 }
               )
             }
           ),
           /* @__PURE__ */ n.jsx(
-            V,
+            B,
             {
               control: e,
               name: `headers.${y}.name`,
-              render: ({ field: N }) => /* @__PURE__ */ n.jsx(
-                ce,
+              render: ({ field: b }) => /* @__PURE__ */ n.jsx(
+                ae,
                 {
-                  ...N,
+                  ...b,
                   placeholder: "Name",
                   className: "border-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono",
-                  options: [...x, ...ur],
-                  onEnterPress: () => v(y),
-                  onChange: (I) => {
-                    N.onChange(I), o(`headers.${y}.active`, !0);
+                  options: [...x, ...yr],
+                  onEnterPress: () => g(y),
+                  onChange: (T) => {
+                    b.onChange(T), o(`headers.${y}.active`, !0);
                   },
-                  ref: (I) => {
-                    l.current[y] = I;
+                  ref: (T) => {
+                    l.current[y] = T;
                   }
                 }
               )
@@ -1884,32 +1915,32 @@ const dr = ({
         ] }),
         /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ n.jsx(
-            V,
+            B,
             {
               control: e,
               name: `headers.${y}.value`,
-              render: ({ field: N }) => S?.enum && S.enum.length > 0 ? /* @__PURE__ */ n.jsx(
-                ce,
+              render: ({ field: b }) => j?.enum && j.enum.length > 0 ? /* @__PURE__ */ n.jsx(
+                ae,
                 {
                   shouldFilter: !1,
-                  value: N.value,
-                  options: S.enum ?? [],
-                  onChange: (k) => {
-                    N.onChange(k), o(`headers.${y}.active`, !0);
+                  value: b.value,
+                  options: j.enum ?? [],
+                  onChange: (A) => {
+                    b.onChange(A), o(`headers.${y}.active`, !0);
                   },
                   className: "border-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono"
                 }
               ) : /* @__PURE__ */ n.jsx(
-                Ve,
+                Le,
                 {
                   placeholder: "Value",
                   className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
-                  ...N,
-                  ref: (k) => {
-                    c.current[y] = k;
+                  ...b,
+                  ref: (A) => {
+                    c.current[y] = A;
                   },
-                  onKeyDown: (k) => {
-                    k.key === "Enter" && k.currentTarget.value.trim() && f(y);
+                  onKeyDown: (A) => {
+                    A.key === "Enter" && A.currentTarget.value.trim() && f(y);
                   },
                   autoComplete: "off"
                 }
@@ -1917,69 +1948,59 @@ const dr = ({
             }
           ),
           /* @__PURE__ */ n.jsx(
-            Z,
+            J,
             {
               size: "icon",
               variant: "ghost",
               className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
               onClick: () => r(y),
               type: "button",
-              children: /* @__PURE__ */ n.jsx(xn, { size: 16 })
+              children: /* @__PURE__ */ n.jsx(gn, { size: 16 })
             }
           )
         ] })
-      ] }, m.id);
-    }) }) }),
-    /* @__PURE__ */ n.jsx("div", { className: "text-end", children: /* @__PURE__ */ n.jsx(
-      Z,
-      {
-        className: "",
-        onClick: p,
-        type: "button",
-        variant: "secondary",
-        children: "Add header"
-      }
-    ) })
+      ] }, p.id);
+    }) }) }) })
   ] });
-}, pr = At(
+}, br = Kn(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), de = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  Et.Root,
+), oe = N.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+  Nt.Root,
   {
     ref: s,
-    className: g(pr(), e),
+    className: v(br(), e),
     ...t
   }
 ));
-de.displayName = Et.Root.displayName;
-const Yt = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  Y.Root,
+oe.displayName = Nt.Root.displayName;
+const Ht = N.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+  X.Root,
   {
-    className: g("grid gap-2", e),
+    className: v("grid gap-2", e),
     ...t,
     ref: s
   }
 ));
-Yt.displayName = Y.Root.displayName;
-const Re = b.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
-  Y.Item,
+Ht.displayName = X.Root.displayName;
+const we = N.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ n.jsx(
+  X.Item,
   {
     ref: s,
-    className: g(
+    className: v(
       "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       e
     ),
     ...t,
-    children: /* @__PURE__ */ n.jsx(Y.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ n.jsx(gn, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ n.jsx(X.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ n.jsx(yn, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
-Re.displayName = Y.Item.displayName;
-const Kt = ({
+we.displayName = X.Item.displayName;
+const Qt = ({
   identities: e,
   setValue: t,
   value: s
-}) => /* @__PURE__ */ n.jsx(ue, { className: "w-full overflow-hidden", children: /* @__PURE__ */ n.jsxs(
-  Yt,
+}) => /* @__PURE__ */ n.jsx(ie, { className: "w-full overflow-hidden rounded-lg", children: /* @__PURE__ */ n.jsxs(
+  Ht,
   {
     onValueChange: (a) => t(a),
     value: s,
@@ -1987,45 +2008,45 @@ const Kt = ({
     className: "gap-0",
     disabled: e?.length === 0,
     children: [
-      /* @__PURE__ */ n.jsxs(de, { className: "h-12 border-b items-center flex gap-2 p-4 cursor-pointer hover:bg-accent", children: [
-        /* @__PURE__ */ n.jsx(Re, { value: H, id: "none" }),
+      /* @__PURE__ */ n.jsxs(oe, { className: "h-10 border-b items-center flex gap-2 p-4 cursor-pointer hover:bg-accent", children: [
+        /* @__PURE__ */ n.jsx(we, { value: H, id: "none" }),
         /* @__PURE__ */ n.jsx("span", { children: "None" })
       ] }),
-      e?.map((a) => /* @__PURE__ */ n.jsxs(
-        de,
+      /* @__PURE__ */ n.jsx("div", { className: "divide-y", children: e?.map((a) => /* @__PURE__ */ n.jsxs(
+        oe,
         {
-          className: "h-12 border-b items-center flex gap-2 p-4 cursor-pointer hover:bg-accent",
+          className: "h-10 items-center flex gap-2 p-4 cursor-pointer hover:bg-accent",
           children: [
-            /* @__PURE__ */ n.jsx(Re, { value: a.id, id: a.id }),
+            /* @__PURE__ */ n.jsx(we, { value: a.id, id: a.id }),
             /* @__PURE__ */ n.jsx("span", { children: a.label })
           ]
         },
         a.id
-      ))
+      )) })
     ]
   }
-) }), hr = ({
+) }), jr = ({
   onSubmit: e,
   identities: t,
   open: s,
   onOpenChange: a
 }) => {
-  const [r, o] = L(void 0), [i, c] = L(!1);
-  return /* @__PURE__ */ n.jsx(Le, { open: s, onOpenChange: a, children: /* @__PURE__ */ n.jsxs(Ie, { children: [
-    /* @__PURE__ */ n.jsx(ke, { children: "Select an auth identity" }),
-    /* @__PURE__ */ n.jsx(St, { children: "Please select an identity for this request." }),
+  const [r, o] = E(void 0), [i, c] = E(!1);
+  return /* @__PURE__ */ n.jsx(Te, { open: s, onOpenChange: a, children: /* @__PURE__ */ n.jsxs(Ae, { children: [
+    /* @__PURE__ */ n.jsx(Oe, { children: "Select an auth identity" }),
+    /* @__PURE__ */ n.jsx(bt, { children: "Please select an identity for this request." }),
     /* @__PURE__ */ n.jsx("div", { className: "max-h-80 overflow-auto", children: /* @__PURE__ */ n.jsx(
-      Kt,
+      Qt,
       {
         identities: t,
         setValue: o,
         value: r
       }
     ) }),
-    /* @__PURE__ */ n.jsxs(Tt, { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ n.jsxs(jt, { className: "flex flex-col gap-2", children: [
       /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ n.jsx(
-          he,
+          de,
           {
             id: "remember",
             checked: i,
@@ -2034,7 +2055,7 @@ const Kt = ({
             )
           }
         ),
-        /* @__PURE__ */ n.jsx(de, { htmlFor: "remember", children: "Remember my choice" })
+        /* @__PURE__ */ n.jsx(oe, { htmlFor: "remember", children: "Remember my choice" })
       ] }),
       /* @__PURE__ */ n.jsx(
         F,
@@ -2045,24 +2066,24 @@ const Kt = ({
       )
     ] })
   ] }) });
-}, fr = ({
+}, Nr = ({
   control: e,
   url: t
 }) => {
-  const { fields: s } = De({
+  const { fields: s } = $e({
     control: e,
     name: "pathParams"
   }), a = [...s].sort(
     (r, o) => t.indexOf(`{${r.name}}`) - t.indexOf(`{${o.name}}`)
   );
-  return /* @__PURE__ */ n.jsx(ue, { className: "rounded-lg", children: /* @__PURE__ */ n.jsx(Ue, { children: a.map((r, o) => /* @__PURE__ */ n.jsxs(Ge, { children: [
+  return /* @__PURE__ */ n.jsx(ie, { className: "rounded-lg overflow-hidden", children: /* @__PURE__ */ n.jsx(Be, { children: a.map((r, o) => /* @__PURE__ */ n.jsxs(Fe, { children: [
     /* @__PURE__ */ n.jsx(
-      V,
+      B,
       {
         control: e,
         name: `pathParams.${o}.name`,
         render: () => /* @__PURE__ */ n.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ n.jsx(
-          Ht,
+          Vt,
           {
             slug: r.name,
             name: r.name,
@@ -2072,12 +2093,12 @@ const Kt = ({
       }
     ),
     /* @__PURE__ */ n.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ n.jsx(
-      V,
+      B,
       {
         control: e,
         name: `pathParams.${o}.value`,
         render: ({ field: i }) => /* @__PURE__ */ n.jsx(
-          Ve,
+          Le,
           {
             ...i,
             required: !0,
@@ -2088,30 +2109,30 @@ const Kt = ({
       }
     ) })
   ] }, r.id)) }) });
-}, xr = Me(
+}, wr = De(
   "input",
   "px-2 bg-transparent h-6 font-mono text-xs m-2"
-), gr = ({
+), Cr = ({
   control: e,
   queryParams: t
 }) => {
-  const { fields: s } = De({
+  const { fields: s } = $e({
     control: e,
     name: "queryParams"
-  }), a = qe(), r = t.map((o) => !!o.isRequired);
-  return /* @__PURE__ */ n.jsx(ue, { className: "rounded-lg", children: /* @__PURE__ */ n.jsx("div", { className: "w-full ", children: /* @__PURE__ */ n.jsx(Ue, { children: s.map((o, i) => {
+  }), a = Re(), r = t.map((o) => !!o.isRequired);
+  return /* @__PURE__ */ n.jsx(ie, { className: "rounded-lg overflow-hidden", children: /* @__PURE__ */ n.jsx("div", { className: "w-full ", children: /* @__PURE__ */ n.jsx(Be, { children: s.map((o, i) => {
     const c = t.find(
       (l) => l.name === a.watch(`queryParams.${i}.name`)
     );
-    return /* @__PURE__ */ n.jsxs(Ge, { children: [
+    return /* @__PURE__ */ n.jsxs(Fe, { children: [
       /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ n.jsx(
-          V,
+          B,
           {
             control: e,
             name: `queryParams.${i}.active`,
             render: ({ field: l }) => /* @__PURE__ */ n.jsx(
-              he,
+              de,
               {
                 id: `queryParams.${i}.active`,
                 className: "me-2",
@@ -2122,10 +2143,10 @@ const Kt = ({
           }
         ),
         /* @__PURE__ */ n.jsx(
-          V,
+          B,
           {
             control: e,
-            render: ({ field: l }) => r[i] ? /* @__PURE__ */ n.jsx(xr, { asChild: !0, children: /* @__PURE__ */ n.jsxs(
+            render: ({ field: l }) => r[i] ? /* @__PURE__ */ n.jsx(wr, { asChild: !0, children: /* @__PURE__ */ n.jsxs(
               "label",
               {
                 className: "flex items-center cursor-pointer gap-1",
@@ -2137,12 +2158,12 @@ const Kt = ({
                 ]
               }
             ) }) : /* @__PURE__ */ n.jsx(
-              ce,
+              ae,
               {
                 value: l.value,
-                options: t.map((u) => u.name),
-                onChange: (u) => {
-                  l.onChange(u);
+                options: t.map((m) => m.name),
+                onChange: (m) => {
+                  l.onChange(m);
                 },
                 className: "border-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono"
               }
@@ -2152,25 +2173,25 @@ const Kt = ({
         )
       ] }, o.id),
       /* @__PURE__ */ n.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ n.jsx(
-        V,
+        B,
         {
           control: e,
           render: ({ field: l }) => c?.enum && c.enum.length > 0 ? /* @__PURE__ */ n.jsx(
-            ce,
+            ae,
             {
               value: l.value,
               options: c.enum ?? [],
-              onChange: (p) => {
-                l.onChange(p), a.setValue(`queryParams.${i}.active`, !0);
+              onChange: (u) => {
+                l.onChange(u), a.setValue(`queryParams.${i}.active`, !0);
               },
               className: "border-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono"
             }
           ) : /* @__PURE__ */ n.jsx(
-            Ve,
+            Le,
             {
               ...l,
-              onChange: (p) => {
-                l.onChange(p.target.value), p.target.value.length > 0 && a.setValue(`queryParams.${i}.active`, !0);
+              onChange: (u) => {
+                l.onChange(u.target.value), u.target.value.length > 0 && a.setValue(`queryParams.${i}.active`, !0);
               },
               placeholder: "Enter value",
               className: "w-full border-0 shadow-none focus-visible:ring-0 text-xs font-mono"
@@ -2181,8 +2202,8 @@ const Kt = ({
       ) })
     ] }, o.id);
   }) }) }) });
-}, yr = Nt()(
-  wt(
+}, Sr = Ce()(
+  Se(
     (e, t) => ({
       rememberedIdentity: null,
       setRememberedIdentity: (s) => e({ rememberedIdentity: s }),
@@ -2192,25 +2213,25 @@ const Kt = ({
     }),
     {
       name: "identity-storage",
-      storage: Tn(() => sessionStorage)
+      storage: yt(() => sessionStorage)
     }
   )
-), vr = ({
+), Tr = ({
   open: e,
   setOpen: t,
   onSignUp: s,
   onLogin: a
-}) => /* @__PURE__ */ n.jsx(Le, { open: e, onOpenChange: t, children: /* @__PURE__ */ n.jsxs(Ie, { children: [
-  /* @__PURE__ */ n.jsx(ke, { children: "Welcome to the Playground!" }),
-  /* @__PURE__ */ n.jsx(St, { children: "The Playground is a tool for developers to test and explore our APIs. To use the Playground, you need to login." }),
-  /* @__PURE__ */ n.jsxs(Tt, { className: "flex gap-2 sm:justify-between", children: [
+}) => /* @__PURE__ */ n.jsx(Te, { open: e, onOpenChange: t, children: /* @__PURE__ */ n.jsxs(Ae, { children: [
+  /* @__PURE__ */ n.jsx(Oe, { children: "Welcome to the Playground!" }),
+  /* @__PURE__ */ n.jsx(bt, { children: "The Playground is a tool for developers to test and explore our APIs. To use the Playground, you need to login." }),
+  /* @__PURE__ */ n.jsxs(jt, { className: "flex gap-2 sm:justify-between", children: [
     /* @__PURE__ */ n.jsx(F, { type: "button", variant: "ghost", onClick: () => t(!1), children: "Skip" }),
     /* @__PURE__ */ n.jsxs("div", { className: "flex gap-2", children: [
       s && /* @__PURE__ */ n.jsx(F, { type: "button", variant: "outline", onClick: s, children: "Sign Up" }),
       a && /* @__PURE__ */ n.jsx(F, { type: "button", variant: "default", onClick: a, children: "Login" })
     ] })
   ] })
-] }) }), $ = {
+] }) }), L = {
   green: "text-green-600",
   blue: "text-sky-600",
   yellow: "text-yellow-600",
@@ -2218,48 +2239,48 @@ const Kt = ({
   purple: "text-purple-600",
   indigo: "text-indigo-600",
   gray: "text-gray-600"
-}, br = {
-  get: $.green,
-  post: $.blue,
-  put: $.yellow,
-  delete: $.red,
-  patch: $.purple,
-  options: $.indigo,
-  head: $.gray,
-  trace: $.gray
-}, jr = (e) => br[e.toLocaleLowerCase()] ?? $.gray, Nr = ({
+}, Ar = {
+  get: L.green,
+  post: L.blue,
+  put: L.yellow,
+  delete: L.red,
+  patch: L.purple,
+  options: L.indigo,
+  head: L.gray,
+  trace: L.gray
+}, Or = (e) => Ar[e.toLocaleLowerCase()] ?? L.gray, Rr = ({
   method: e,
   url: t,
   headers: s,
   body: a
 }) => /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 font-mono text-xs", children: [
   /* @__PURE__ */ n.jsxs("div", { className: "gap-2 p-2 bg-muted rounded-md", children: [
-    /* @__PURE__ */ n.jsx("span", { className: g(jr(e), "font-semibold"), children: e }),
+    /* @__PURE__ */ n.jsx("span", { className: v(Or(e), "font-semibold"), children: e }),
     " ",
     /* @__PURE__ */ n.jsx("span", { className: "break-all", children: t }),
     " ",
     /* @__PURE__ */ n.jsx("span", { className: "text-muted-foreground", children: "HTTP/1.1" })
   ] }),
   /* @__PURE__ */ n.jsxs("div", { className: "mx-1.5 flex flex-col gap-3", children: [
-    /* @__PURE__ */ n.jsxs(rt, { defaultOpen: !0, children: [
-      /* @__PURE__ */ n.jsxs(at, { className: "flex items-center gap-2 hover:text-primary group", children: [
-        /* @__PURE__ */ n.jsx(X, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+    /* @__PURE__ */ n.jsxs(nt, { defaultOpen: !0, children: [
+      /* @__PURE__ */ n.jsxs(st, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ n.jsx(Q, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ n.jsx("span", { className: "font-semibold", children: "Headers" })
       ] }),
-      /* @__PURE__ */ n.jsx(ot, { children: /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 ps-1.5 pt-2", children: s.map(([r, o]) => /* @__PURE__ */ n.jsxs(q, { children: [
+      /* @__PURE__ */ n.jsx(rt, { children: /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 ps-1.5 pt-2", children: s.map(([r, o]) => /* @__PURE__ */ n.jsxs(D, { children: [
         /* @__PURE__ */ n.jsx("div", { className: "text-primary", children: r }),
         /* @__PURE__ */ n.jsx("div", { className: "break-all", children: o })
       ] }, r)) }) })
     ] }),
-    /* @__PURE__ */ n.jsxs(rt, { defaultOpen: !0, children: [
-      /* @__PURE__ */ n.jsxs(at, { className: "flex items-center gap-2 hover:text-primary group", children: [
-        /* @__PURE__ */ n.jsx(X, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+    /* @__PURE__ */ n.jsxs(nt, { defaultOpen: !0, children: [
+      /* @__PURE__ */ n.jsxs(st, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ n.jsx(Q, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ n.jsx("span", { className: "font-semibold", children: "Body" })
       ] }),
-      /* @__PURE__ */ n.jsx(ot, { children: /* @__PURE__ */ n.jsx("div", { className: "ps-0 pt-2", children: /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ n.jsx(rt, { children: /* @__PURE__ */ n.jsx("div", { className: "ps-0 pt-2", children: /* @__PURE__ */ n.jsx(
         "div",
         {
-          className: g(
+          className: v(
             "whitespace-pre-wrap break-all bg-muted p-2 rounded-md",
             !a && "text-muted-foreground"
           ),
@@ -2268,29 +2289,36 @@ const Kt = ({
       ) }) })
     ] })
   ] })
-] }), mt = Fe.Root, pt = Fe.CollapsibleTrigger, ht = Fe.CollapsibleContent;
-function He(e) {
+] }), dt = Pe.Root, ut = Pe.CollapsibleTrigger, mt = Pe.CollapsibleContent, ve = (e = 0) => {
+  if (e === 0)
+    return "0 B";
+  const t = Math.floor(Math.log(e) / Math.log(1e3));
+  return `${(e / Math.pow(1e3, t)).toFixed(
+    t ? 2 : 0
+  )} ${t ? `${"kMGTPEZY"[t - 1]}B` : "B"}`;
+};
+function Ve(e) {
   if (e === null) return "null";
   if (Array.isArray(e)) {
     if (e.length === 0) return "any[]";
     const t = e[0];
-    return t === void 0 ? "any[]" : `${He(t)}[]`;
+    return t === void 0 ? "any[]" : `${Ve(t)}[]`;
   }
-  return typeof e == "object" ? wr(e) : typeof e;
+  return typeof e == "object" ? $r(e) : typeof e;
 }
-function wr(e, t = "") {
+function $r(e, t = "") {
   const s = ["{"];
   for (const [a, r] of Object.entries(e)) {
-    const o = He(r);
+    const o = Ve(r);
     s.push(`  ${a}: ${o};`);
   }
   return s.push("}"), s.join(`
 `);
 }
-function Cr(e) {
-  return { lines: [`type GeneratedType = ${He(e)};`] };
+function Lr(e) {
+  return { lines: [`type GeneratedType = ${Ve(e)};`] };
 }
-const Sr = {
+const Pr = {
   200: "OK",
   201: "Created",
   202: "Accepted",
@@ -2301,12 +2329,7 @@ const Sr = {
   404: "Not Found",
   405: "Method Not Allowed",
   500: "Internal Server Error"
-}, ft = (e) => {
-  const t = Math.floor(Math.log(e) / Math.log(1e3));
-  return `${(e / Math.pow(1e3, t)).toFixed(
-    t ? 2 : 0
-  )} ${t ? `${"kMGTPEZY"[t - 1]}B` : "B"}`;
-}, Tr = (e) => Object.entries({
+}, Er = (e) => Object.entries({
   "application/json": "json",
   "text/json": "json",
   "text/html": "html",
@@ -2316,16 +2339,16 @@ const Sr = {
   "application/xhtml+xml": "xhtml"
 }).find(
   ([s]) => e.includes(s)
-)?.[1], Ar = (e) => {
+)?.[1], Ir = (e) => {
   const t = e.find(([s, a]) => s === "Content-Type")?.[1] || "";
-  return Tr(t);
-}, Or = (e) => {
+  return Er(t);
+}, kr = (e) => {
   try {
     return JSON.stringify(JSON.parse(e), null, 2);
   } catch {
     return null;
   }
-}, Pr = (e) => {
+}, Dr = (e) => {
   const t = [
     "Content-Type",
     "Content-Length",
@@ -2339,73 +2362,100 @@ const Sr = {
     const r = t.indexOf(s.toLowerCase()), o = t.indexOf(a.toLowerCase());
     return r === o ? 0 : r === -1 ? 1 : o === -1 ? -1 : r - o;
   });
-}, xt = 64e3, Er = ({
+}, pt = 64e3, Br = ({
   body: e = "",
   headers: t,
   status: s,
   time: a,
   size: r,
-  url: o
+  url: o,
+  isBinary: i = !1,
+  fileName: c,
+  blob: l
 }) => {
-  const i = Ar(t), c = Or(e), l = c || e, [u, p] = L(
-    c ? "formatted" : "raw"
-  ), v = An({
-    queryKey: ["types", l],
-    queryFn: async () => Cr(JSON.parse(l)),
-    enabled: u === "types"
-  }), f = Pr([...t]), x = r > xt;
+  const m = Ir(t), u = kr(e), g = u || e, [f, x] = E(
+    u ? "formatted" : "raw"
+  ), p = An({
+    queryKey: ["types", g],
+    queryFn: async () => Lr(JSON.parse(g)),
+    enabled: f === "types" && !i
+  }), y = () => {
+    if (l && c) {
+      const T = URL.createObjectURL(l), A = document.createElement("a");
+      A.href = T, A.download = c, document.body.appendChild(A), A.click(), document.body.removeChild(A), URL.revokeObjectURL(T);
+    }
+  }, j = Dr([...t]), b = r > pt;
   return /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 h-full overflow-auto max-h-[calc(100vh-220px)] ", children: [
-    /* @__PURE__ */ n.jsxs(mt, { defaultOpen: !0, children: [
-      /* @__PURE__ */ n.jsxs(pt, { className: "flex items-center gap-2 hover:text-primary group", children: [
-        /* @__PURE__ */ n.jsx(X, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+    /* @__PURE__ */ n.jsxs(dt, { defaultOpen: !0, children: [
+      /* @__PURE__ */ n.jsxs(ut, { className: "flex items-center gap-2 hover:text-primary group", children: [
+        /* @__PURE__ */ n.jsx(Q, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ n.jsx("span", { className: "font-semibold", children: "Headers" })
       ] }),
-      /* @__PURE__ */ n.jsx(ht, { children: /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 ps-1.5 pt-2 font-mono text-xs", children: [
-        f.slice(0, 5).map(([m, y]) => /* @__PURE__ */ n.jsxs(q, { children: [
-          /* @__PURE__ */ n.jsx("div", { className: "text-primary whitespace-pre", children: m }),
-          /* @__PURE__ */ n.jsx("div", { className: "break-all", children: y })
-        ] }, m)),
-        f.length > 5 && /* @__PURE__ */ n.jsxs(mt, { className: "col-span-full grid-cols-subgrid grid", children: [
-          /* @__PURE__ */ n.jsxs(pt, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
-            /* @__PURE__ */ n.jsx(X, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+      /* @__PURE__ */ n.jsx(mt, { children: /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 ps-1.5 pt-2 font-mono text-xs", children: [
+        j.slice(0, 5).map(([T, A]) => /* @__PURE__ */ n.jsxs(D, { children: [
+          /* @__PURE__ */ n.jsx("div", { className: "text-primary whitespace-pre", children: T }),
+          /* @__PURE__ */ n.jsx("div", { className: "break-all", children: A })
+        ] }, T)),
+        j.length > 5 && /* @__PURE__ */ n.jsxs(dt, { className: "col-span-full grid-cols-subgrid grid", children: [
+          /* @__PURE__ */ n.jsxs(ut, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
+            /* @__PURE__ */ n.jsx(Q, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
             "Show ",
-            f.length - 5,
+            j.length - 5,
             " more headers"
           ] }),
-          /* @__PURE__ */ n.jsx(ht, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: f.slice(5).map(([m, y]) => /* @__PURE__ */ n.jsxs(q, { children: [
-            /* @__PURE__ */ n.jsx("div", { className: "text-primary whitespace-pre", children: m }),
-            /* @__PURE__ */ n.jsx("div", { className: "break-all", children: y })
-          ] }, m)) })
+          /* @__PURE__ */ n.jsx(mt, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: j.slice(5).map(([T, A]) => /* @__PURE__ */ n.jsxs(D, { children: [
+            /* @__PURE__ */ n.jsx("div", { className: "text-primary whitespace-pre", children: T }),
+            /* @__PURE__ */ n.jsx("div", { className: "break-all", children: A })
+          ] }, T)) })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ n.jsxs($t, { className: "shadow-none", children: [
-      x && /* @__PURE__ */ n.jsxs(Zn, { type: "info", className: "my-0 p-2", children: [
+    /* @__PURE__ */ n.jsx(wt, { className: "shadow-none", children: i ? /* @__PURE__ */ n.jsx("div", { className: "p-4 text-center", children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+      /* @__PURE__ */ n.jsx("div", { className: "text-lg font-semibold", children: "Binary Content" }),
+      /* @__PURE__ */ n.jsx("div", { className: "text-sm text-muted-foreground", children: "This response contains binary data that cannot be displayed as text." }),
+      /* @__PURE__ */ n.jsxs(
+        F,
+        {
+          onClick: y,
+          className: "flex items-center gap-2",
+          disabled: !l,
+          children: [
+            /* @__PURE__ */ n.jsx(vn, { className: "h-4 w-4" }),
+            "Download ",
+            c || "file",
+            " (",
+            ve(r),
+            ")"
+          ]
+        }
+      )
+    ] }) }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      b && /* @__PURE__ */ n.jsxs(Zn, { type: "info", className: "my-0 p-2", children: [
         "Code highlight is disabled for responses larger than",
         " ",
-        ft(xt)
+        ve(pt)
       ] }),
       /* @__PURE__ */ n.jsx(
-        rs,
+        is,
         {
-          language: u === "types" ? "typescript" : u === "raw" ? c ? "plain" : i : "json",
+          language: f === "types" ? "typescript" : f === "raw" ? u ? "plain" : m : "json",
           showCopy: "always",
-          disabled: x,
+          disabled: b,
           noBackground: !0,
           className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]",
-          code: (u === "raw" ? e : u === "types" ? v.data?.lines.join(`
-`) : l) ?? ""
+          code: (f === "raw" ? e : f === "types" ? p.data?.lines.join(`
+`) : g) ?? ""
         }
       )
-    ] }),
+    ] }) }),
     /* @__PURE__ */ n.jsxs("div", { className: "flex gap-2 justify-between items-center", children: [
-      /* @__PURE__ */ n.jsxs("div", { className: "flex text-xs gap-2 border bg-muted rounded-md p-2 items-center h-8 font-mono divide-x", children: [
+      /* @__PURE__ */ n.jsxs("div", { className: "flex text-xs gap-5 border bg-muted rounded-md p-2 items-center h-8 font-mono", children: [
         /* @__PURE__ */ n.jsxs("div", { children: [
           /* @__PURE__ */ n.jsx("span", { className: "text-muted-foreground", children: "Status" }),
           " ",
           s,
           " ",
-          Sr[s] ?? ""
+          Pr[s] ?? ""
         ] }),
         /* @__PURE__ */ n.jsxs("div", { children: [
           /* @__PURE__ */ n.jsx("span", { className: "text-muted-foreground", children: "Time" }),
@@ -2416,17 +2466,17 @@ const Sr = {
         /* @__PURE__ */ n.jsxs("div", { children: [
           /* @__PURE__ */ n.jsx("span", { className: "text-muted-foreground", children: "Size" }),
           " ",
-          ft(r)
+          ve(r)
         ] })
       ] }),
-      c && /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsxs(
-        Ee,
+      u && !i && /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsxs(
+        kt,
         {
-          value: u,
-          onValueChange: (m) => p(m),
+          value: f,
+          onValueChange: (T) => x(T),
           children: [
-            /* @__PURE__ */ n.jsx(ie, { className: "min-w-32", children: /* @__PURE__ */ n.jsx($e, { placeholder: "View" }) }),
-            /* @__PURE__ */ n.jsxs(le, { children: [
+            /* @__PURE__ */ n.jsx(Ie, { className: "min-w-32", children: /* @__PURE__ */ n.jsx(Dt, { placeholder: "View" }) }),
+            /* @__PURE__ */ n.jsxs(ke, { children: [
               /* @__PURE__ */ n.jsx(G, { value: "formatted", children: "Formatted" }),
               /* @__PURE__ */ n.jsx(G, { value: "raw", children: "Raw" }),
               /* @__PURE__ */ n.jsx(G, { value: "types", children: "Types" })
@@ -2436,32 +2486,32 @@ const Sr = {
       ) })
     ] })
   ] });
-}, $r = ({
+}, Fr = ({
   queryMutation: e,
   showPathParamsWarning: t,
   showLongRunningWarning: s,
   onCancel: a
 }) => {
   const r = ((e.data?.status ?? 0) / 100).toFixed(0);
-  return /* @__PURE__ */ n.jsx("div", { className: "min-w-0 p-4 py-8 bg-muted/50", children: e.error ? /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2", children: [
-    t && /* @__PURE__ */ n.jsx(es, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
-    /* @__PURE__ */ n.jsxs($t, { children: [
-      /* @__PURE__ */ n.jsx(ts, { children: /* @__PURE__ */ n.jsx(ns, { children: "Request failed" }) }),
-      /* @__PURE__ */ n.jsxs(ss, { children: [
+  return /* @__PURE__ */ n.jsx("div", { className: "min-w-0 p-4 py-4 bg-muted/50", children: e.error ? /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2", children: [
+    t && /* @__PURE__ */ n.jsx(ts, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
+    /* @__PURE__ */ n.jsxs(wt, { children: [
+      /* @__PURE__ */ n.jsx(ns, { children: /* @__PURE__ */ n.jsx(ss, { children: "Request failed" }) }),
+      /* @__PURE__ */ n.jsxs(rs, { children: [
         "Error:",
         " ",
         e.error.message || String(e.error) || "Unexpected error"
       ] })
     ] })
-  ] }) : e.data ? /* @__PURE__ */ n.jsxs(Ot, { defaultValue: "response", children: [
-    /* @__PURE__ */ n.jsxs(Pt, { children: [
-      /* @__PURE__ */ n.jsx(M, { value: "request", children: "Request" }),
-      /* @__PURE__ */ n.jsxs(M, { value: "response", children: [
+  ] }) : e.data ? /* @__PURE__ */ n.jsxs(as, { defaultValue: "response", children: [
+    /* @__PURE__ */ n.jsxs(os, { children: [
+      /* @__PURE__ */ n.jsx(et, { value: "request", children: "Request" }),
+      /* @__PURE__ */ n.jsxs(et, { value: "response", children: [
         "Response",
         /* @__PURE__ */ n.jsxs(
           "span",
           {
-            className: g(
+            className: v(
               "text-xs font-mono ms-1",
               r === "2" && "text-green-500",
               r === "3" && "text-blue-500",
@@ -2477,31 +2527,34 @@ const Sr = {
         )
       ] })
     ] }),
-    /* @__PURE__ */ n.jsx(U, { value: "request", children: /* @__PURE__ */ n.jsx(Nr, { ...e.data.request }) }),
-    /* @__PURE__ */ n.jsx(U, { value: "response", children: /* @__PURE__ */ n.jsx(
-      Er,
+    /* @__PURE__ */ n.jsx(tt, { value: "request", children: /* @__PURE__ */ n.jsx(Rr, { ...e.data.request }) }),
+    /* @__PURE__ */ n.jsx(tt, { value: "response", children: /* @__PURE__ */ n.jsx(
+      Br,
       {
         status: e.data.status,
         time: e.data.time,
         size: e.data.size,
         headers: e.data.headers,
         body: e.data.body,
-        url: e.data.request.url
+        url: e.data.request.url,
+        isBinary: e.data.isBinary,
+        fileName: e.data.fileName,
+        blob: e.data.blob
       }
     ) })
   ] }) : /* @__PURE__ */ n.jsx("div", { className: "grid place-items-center h-full", children: e.isPending ? /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2 items-center mt-20", children: [
-    /* @__PURE__ */ n.jsx(Kn, { size: 20 }),
+    /* @__PURE__ */ n.jsx(es, { size: 20 }),
     /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: g(
+        className: v(
           "opacity-0 pointer-events-none transition-opacity h-20 text-sm text-muted-foreground duration-300 flex flex-col gap-2 items-center",
           s && "opacity-100 pointer-events-auto"
         ),
         children: [
           "Looks like the request is taking longer than expected.",
           /* @__PURE__ */ n.jsx(
-            Z,
+            J,
             {
               type: "button",
               onClick: a,
@@ -2515,56 +2568,18 @@ const Sr = {
       }
     )
   ] }) : /* @__PURE__ */ n.jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: "Send a request first to see the response here" }) }) });
-}, Rr = ({
-  identities: e,
-  formRef: t,
-  disabled: s
-}) => {
-  const { setValue: a, watch: r } = qe(), o = r("identity");
-  return e.length === 0 ? /* @__PURE__ */ n.jsx(F, { disabled: s, children: "Send" }) : /* @__PURE__ */ n.jsxs("div", { className: "flex", children: [
-    /* @__PURE__ */ n.jsx(
-      F,
-      {
-        className: "rounded-r-none inset-shadow-xs",
-        disabled: s,
-        onClick: () => t?.current?.requestSubmit(),
-        children: "Send"
-      }
-    ),
-    /* @__PURE__ */ n.jsxs(Qt, { children: [
-      /* @__PURE__ */ n.jsx(Jt, { asChild: !0, children: /* @__PURE__ */ n.jsx(
-        F,
-        {
-          disabled: s,
-          className: "rounded-l-none border-l border-border/40 inset-shadow-xs w-6",
-          size: "icon",
-          children: /* @__PURE__ */ n.jsx(yn, { className: "w-4 h-4" })
-        }
-      ) }),
-      /* @__PURE__ */ n.jsx(ze, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: H, label: "None" }, ...e].map(
-        (i) => /* @__PURE__ */ n.jsxs(
-          _e,
-          {
-            onClick: () => {
-              a("identity", i.id), t?.current?.requestSubmit();
-            },
-            children: [
-              i.label,
-              o === i.id && /* @__PURE__ */ n.jsx(jt, { className: "ms-2", size: 16 })
-            ]
-          },
-          i.id
-        )
-      ) })
-    ] })
-  ] });
-}, H = "__none", we = {
-  Plain: "text/plain",
-  JSON: "application/json",
-  XML: "application/xml",
-  YAML: "application/yaml",
-  CSV: "text/csv"
-}, Lr = ({
+}, Vr = Ce()(
+  Se(
+    (e) => ({
+      skipLogin: !1,
+      setSkipLogin: (t) => e({ skipLogin: t })
+    }),
+    {
+      name: "remember-skip-login",
+      storage: yt(() => sessionStorage)
+    }
+  )
+), H = "__none", qr = ({
   server: e,
   servers: t = [],
   url: s,
@@ -2574,321 +2589,263 @@ const Sr = {
   pathParams: i = [],
   defaultBody: c = "",
   examples: l,
-  requiresLogin: u = !1,
-  onLogin: p,
-  onSignUp: v
+  requiresLogin: m = !1,
+  onLogin: u,
+  onSignUp: g
 }) => {
-  const { selectedServer: f, setSelectedServer: x } = tr(
+  const { selectedServer: f, setSelectedServer: x } = sr(
     t.map((d) => ({ url: d }))
-  ), [m, y] = L(!1), S = On(), { setRememberedIdentity: N, getRememberedIdentity: I } = yr(), [, k] = kn(), [an, on] = L(!1), [ln, ee] = L(!1), te = Q(void 0), Je = Mn(N), { register: We, control: ne, handleSubmit: Xe, watch: Ze, setValue: _, ...fe } = Bn({
+  ), [p, y] = E(!1), j = On(), { setRememberedIdentity: b, getRememberedIdentity: T } = Sr(), [, A] = kn(), { skipLogin: Kt, setSkipLogin: en } = Vr(), [tn, Y] = E(!1), K = W(void 0), ze = Un(b), { register: nn, control: ee, handleSubmit: _e, watch: Ue, setValue: ue, ...me } = zn({
     defaultValues: {
       body: c,
-      bodyContentType: "JSON",
-      queryParams: o.map((d) => ({
+      queryParams: o.length > 0 ? o.map((d) => ({
         name: d.name,
         value: d.defaultValue ?? "",
         active: d.defaultActive ?? !1,
         enum: d.enum ?? []
-      })).concat([
+      })) : [
         {
           name: "",
           value: "",
           active: !1,
           enum: []
         }
-      ]),
+      ],
       pathParams: i.map((d) => ({
         name: d.name,
         value: d.defaultValue ?? ""
       })),
-      headers: r.map((d) => ({
+      headers: r.length > 0 ? r.map((d) => ({
         name: d.name,
         value: d.defaultValue ?? "",
         active: d.defaultActive ?? !1
-      })).concat([
+      })) : [
         {
           name: "",
           value: "",
           active: !1
         }
-      ]),
-      identity: I(
-        S.data?.map((d) => d.id) ?? []
-      )
+      ],
+      identity: T([
+        H,
+        ...j.data?.map((d) => d.id) ?? []
+      ])
     }
-  }), A = Ze(), Ye = Q(null);
-  ae(() => {
-    A.identity && Je.current(A.identity);
-  }, [Je, A.identity]);
-  const xe = Fn({
+  }), I = Ue();
+  M(() => {
+    I.identity && ze.current(I.identity);
+  }, [ze, I.identity]);
+  const te = qn({
     gcTime: 0,
     mutationFn: async (d) => {
-      const P = performance.now(), D = !d.headers.some(
-        (T) => T.active && T.name.toLowerCase() === "content-type"
-      ), re = Object.fromEntries([
-        ...d.headers.filter((T) => T.name && T.active).map((T) => [T.name, T.value]),
-        ...D ? [["content-type", we[d.bodyContentType]]] : []
-      ]), E = new Request(
-        nr(e ?? f, s, d),
+      const k = performance.now(), _ = Object.fromEntries([
+        ...d.headers.filter((O) => O.name && O.active).map((O) => [O.name, O.value])
+      ]), $ = new Request(
+        pr(e ?? f, s, d),
         {
           method: a.toUpperCase(),
-          headers: re,
+          headers: _,
           body: d.body ? d.body : void 0
         }
       );
-      d.identity !== H && await S.data?.find((T) => T.id === d.identity)?.authorizeRequest(E);
-      const et = setTimeout(
-        () => ee(!0),
+      d.identity !== H && await j.data?.find((O) => O.id === d.identity)?.authorizeRequest($);
+      const ne = setTimeout(
+        () => Y(!0),
         3210
       );
-      te.current = new AbortController();
+      K.current = new AbortController();
       try {
-        const T = await fetch(E, {
+        const O = await fetch($, {
           cache: "no-store",
-          signal: te.current.signal
+          signal: K.current.signal
         });
-        clearTimeout(et), ee(!1);
-        const mn = performance.now() - P, tt = await T.text(), pn = new URL(E.url);
+        clearTimeout(ne), Y(!1);
+        const un = performance.now() - k, mn = new URL($.url), Qe = Array.from(O.headers.entries()), Je = O.headers.get("content-type") || "", We = hr(Je);
+        let se = "", Xe, Ze;
+        We ? (Xe = await O.blob(), Ze = fr(Qe, $.url), se = `Binary content (${Je})`) : se = await O.text();
+        const Ye = O.headers.get("content-length");
         return {
-          status: T.status,
-          headers: Array.from(T.headers.entries()),
-          size: tt.length,
-          body: tt,
-          time: mn,
+          status: O.status,
+          headers: Qe,
+          size: Ye ? parseInt(Ye) : se.length,
+          body: se,
+          time: un,
+          isBinary: We,
+          fileName: Ze,
+          blob: Xe,
           request: {
-            method: E.method.toUpperCase(),
-            url: E.url,
+            method: $.method.toUpperCase(),
+            url: $.url,
             headers: [
-              ["Host", pn.host],
+              ["Host", mn.host],
               ["User-Agent", "Zudoku Playground"],
-              ...Array.from(E.headers.entries())
+              ...Array.from($.headers.entries())
             ],
             body: d.body ? d.body : void 0
           }
         };
-      } catch (T) {
-        throw clearTimeout(et), ee(!1), T instanceof TypeError ? new Error(
+      } catch (O) {
+        throw clearTimeout(ne), Y(!1), O instanceof TypeError ? new Error(
           "The request failed, possibly due to network issues or CORS policy."
-        ) : T;
+        ) : O;
       }
     }
-  });
-  ae(() => () => {
-    te.current?.abort();
+  }), Me = te.isPending, [sn, rn] = E(!1);
+  M(() => {
+    const d = setTimeout(() => rn(Me), 100);
+    return () => clearTimeout(d);
+  }, [Me]);
+  const { isFinished: Ge, progress: an } = Vn({ isAnimating: sn });
+  M(() => () => {
+    K.current?.abort();
   }, []);
-  const cn = /* @__PURE__ */ n.jsx(
-    Xs,
+  const on = /* @__PURE__ */ n.jsx(
+    er,
     {
       path: s,
-      renderParam: ({ name: d, originalValue: P, index: D }) => {
-        const re = A.pathParams.find(
-          (E) => E.name === d
+      renderParam: ({ name: d, originalValue: k, index: _ }) => {
+        const $ = I.pathParams.find(
+          (ne) => ne.name === d
         )?.value;
         return /* @__PURE__ */ n.jsx(
-          Ht,
+          Vt,
           {
             name: d,
             backgroundOpacity: "0",
             slug: d,
-            onClick: () => fe.setFocus(`pathParams.${D}.value`),
-            children: re || P
+            onClick: () => me.setFocus(`pathParams.${_}.value`),
+            children: $ || k
           }
         );
       }
     }
-  ), Ke = A.queryParams.filter((d) => d.active).map((d, P, D) => /* @__PURE__ */ n.jsxs(q, { children: [
+  ), He = I.queryParams.filter((d) => d.active).map((d, k, _) => /* @__PURE__ */ n.jsxs(D, { children: [
     d.name,
     "=",
     encodeURIComponent(d.value).replaceAll("%20", "+"),
-    P < D.length - 1 && "&",
+    k < _.length - 1 && "&",
     /* @__PURE__ */ n.jsx("wbr", {})
-  ] }, d.name)), dn = /* @__PURE__ */ n.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: e ? /* @__PURE__ */ n.jsx("span", { children: e.replace(/^https?:\/\//, "").replace(/\/$/, "") }) : t.length > 1 && /* @__PURE__ */ n.jsxs(
-    Ee,
+  ] }, d.name)), ln = /* @__PURE__ */ n.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: e ? /* @__PURE__ */ n.jsx("span", { children: e.replace(/^https?:\/\//, "").replace(/\/$/, "") }) : t.length > 1 && /* @__PURE__ */ n.jsxs(
+    kt,
     {
       onValueChange: (d) => {
-        k(() => x(d));
+        A(() => x(d));
       },
       value: f,
       defaultValue: f,
       children: [
-        /* @__PURE__ */ n.jsx(ie, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto translate-y-[4px]", children: /* @__PURE__ */ n.jsx($e, {}) }),
-        /* @__PURE__ */ n.jsx(le, { children: t.map((d) => /* @__PURE__ */ n.jsx(G, { value: d, children: d.replace(/^https?:\/\//, "").replace(/\/$/, "") }, d)) })
+        /* @__PURE__ */ n.jsx(Ie, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto translate-y-[4px]", children: /* @__PURE__ */ n.jsx(Dt, {}) }),
+        /* @__PURE__ */ n.jsx(ke, { children: t.map((d) => /* @__PURE__ */ n.jsx(G, { value: d, children: d.replace(/^https?:\/\//, "").replace(/\/$/, "") }, d)) })
       ]
     }
-  ) }), un = u && !an, se = ["POST", "PUT", "PATCH", "DELETE"].includes(
+  ) }), cn = m && !Kt, dn = ["POST", "PUT", "PATCH", "DELETE"].includes(
     a.toUpperCase()
   );
   return /* @__PURE__ */ n.jsx(
-    zn,
+    _n,
     {
-      register: We,
-      control: ne,
-      handleSubmit: Xe,
-      watch: Ze,
-      setValue: _,
-      ...fe,
+      register: nn,
+      control: ee,
+      handleSubmit: _e,
+      watch: Ue,
+      setValue: ue,
+      ...me,
       children: /* @__PURE__ */ n.jsxs(
         "form",
         {
-          onSubmit: Xe((d) => {
-            S.data?.length === 0 || d.identity ? xe.mutate(d) : y(!0);
+          onSubmit: _e((d) => {
+            j.data?.length === 0 || d.identity ? te.mutate(d) : y(!0);
           }),
-          ref: Ye,
           className: "relative",
           children: [
             /* @__PURE__ */ n.jsx(
-              hr,
+              jr,
               {
-                identities: S.data ?? [],
-                open: m,
+                identities: j.data ?? [],
+                open: p,
                 onOpenChange: y,
-                onSubmit: ({ rememberedIdentity: d, identity: P }) => {
-                  d && _("identity", P ?? H), y(!1), xe.mutate({ ...A, identity: P });
+                onSubmit: ({ rememberedIdentity: d, identity: k }) => {
+                  d && ue("identity", k ?? H), y(!1), te.mutate({ ...I, identity: k });
                 }
               }
             ),
             /* @__PURE__ */ n.jsx(
-              vr,
+              Tr,
               {
-                open: un,
-                setOpen: (d) => on(!d),
-                onSignUp: v,
-                onLogin: p
+                open: cn,
+                setOpen: (d) => en(!d),
+                onSignUp: g,
+                onLogin: u
               }
             ),
-            /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-2 text-sm h-full", children: [
-              /* @__PURE__ */ n.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:start-auto", children: [
-                /* @__PURE__ */ n.jsxs("div", { className: "flex gap-2 items-stretch", children: [
-                  /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1 items-center w-full border rounded-md", children: [
-                    /* @__PURE__ */ n.jsx("div", { className: "border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono flex items-center", children: a.toUpperCase() }),
-                    /* @__PURE__ */ n.jsxs("div", { className: "items-center px-2 py-0.5 font-mono text-xs break-all leading-6", children: [
-                      dn,
-                      cn,
-                      Ke.length > 0 ? "?" : "",
-                      Ke
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ n.jsx(
-                    Rr,
-                    {
-                      identities: S.data ?? [],
-                      formRef: Ye,
-                      disabled: S.isLoading || fe.formState.isSubmitting
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ n.jsxs(Ot, { defaultValue: "parameters", children: [
-                  /* @__PURE__ */ n.jsx("div", { className: "flex flex-wrap gap-1 justify-between", children: /* @__PURE__ */ n.jsxs(Pt, { children: [
-                    /* @__PURE__ */ n.jsxs(M, { value: "parameters", children: [
-                      "Parameters",
-                      (A.pathParams.some((d) => d.value !== "") || A.queryParams.some((d) => d.active)) && /* @__PURE__ */ n.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ms-2" })
-                    ] }),
-                    /* @__PURE__ */ n.jsxs(M, { value: "headers", children: [
-                      "Headers",
-                      A.headers.filter((d) => d.active).length > 0 && /* @__PURE__ */ n.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ms-2" })
-                    ] }),
-                    /* @__PURE__ */ n.jsxs(M, { value: "auth", children: [
-                      "Auth",
-                      A.identity !== H && /* @__PURE__ */ n.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ms-2" })
-                    ] }),
-                    /* @__PURE__ */ n.jsxs(M, { value: "body", children: [
-                      "Body",
-                      A.body && /* @__PURE__ */ n.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ms-2" })
-                    ] })
-                  ] }) }),
-                  /* @__PURE__ */ n.jsx(U, { value: "headers", children: /* @__PURE__ */ n.jsx(mr, { control: ne, headers: r }) }),
-                  /* @__PURE__ */ n.jsxs(U, { value: "parameters", children: [
-                    i.length > 0 && /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                      /* @__PURE__ */ n.jsx("span", { className: "font-semibold", children: "Path Parameters" }),
-                      /* @__PURE__ */ n.jsx(fr, { url: s, control: ne })
-                    ] }),
-                    /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                      /* @__PURE__ */ n.jsx("span", { className: "font-semibold", children: "Query Parameters" }),
-                      /* @__PURE__ */ n.jsx(gr, { control: ne, queryParams: o })
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ n.jsxs(U, { value: "body", children: [
-                    !["POST", "PUT", "PATCH", "DELETE"].includes(
-                      a.toUpperCase()
-                    ) && /* @__PURE__ */ n.jsxs(Ae, { className: "mb-2", children: [
-                      /* @__PURE__ */ n.jsx(nt, { className: "w-4 h-4" }),
-                      /* @__PURE__ */ n.jsx(Oe, { children: "Body" }),
-                      /* @__PURE__ */ n.jsx(Pe, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })
+            /* @__PURE__ */ n.jsxs("div", { className: "grid grid-cols-[1fr_min-content_1fr] text-sm", children: [
+              /* @__PURE__ */ n.jsx("div", { className: "col-span-3 p-4 border-b", children: /* @__PURE__ */ n.jsxs("div", { className: "flex gap-2 items-stretch", children: [
+                /* @__PURE__ */ n.jsxs("div", { className: "flex flex-1 items-center w-full border rounded-md relative overflow-hidden", children: [
+                  /* @__PURE__ */ n.jsx("div", { className: "border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono flex items-center", children: a.toUpperCase() }),
+                  /* @__PURE__ */ n.jsxs("div", { className: "items-center px-2 font-mono text-xs break-all leading-6 relative h-full w-full", children: [
+                    /* @__PURE__ */ n.jsxs("div", { className: "h-full py-1.5", children: [
+                      ln,
+                      on,
+                      He.length > 0 ? "?" : "",
+                      He
                     ] }),
                     /* @__PURE__ */ n.jsx(
-                      Gt,
+                      "div",
                       {
-                        ...We("body"),
-                        className: g(
-                          "border w-full rounded-lg bg-muted/40 p-2 h-64 font-mono text-[13px]",
-                          !se && "h-20 bg-muted"
-                        ),
-                        placeholder: se ? void 0 : "This request does not support a body",
-                        disabled: !se
-                      }
-                    ),
-                    se && /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2 mt-2 justify-between", children: [
-                      /* @__PURE__ */ n.jsxs(
-                        Ee,
-                        {
-                          value: A.bodyContentType,
-                          onValueChange: (d) => _(
-                            "bodyContentType",
-                            d
-                          ),
-                          children: [
-                            /* @__PURE__ */ n.jsx(ie, { className: "w-[100px]", children: /* @__PURE__ */ n.jsx($e, {}) }),
-                            /* @__PURE__ */ n.jsx(le, { children: Object.keys(we).map((d) => /* @__PURE__ */ n.jsx(G, { value: d, children: d }, d)) })
-                          ]
+                        className: "h-[1px] bg-primary absolute left-0 -bottom-0 z-10 transition-all duration-300 ease-in-out",
+                        style: {
+                          opacity: Ge ? 0 : 1,
+                          width: Ge ? 0 : `${an * 100}%`
                         }
-                      ),
-                      l && l.length > 0 && /* @__PURE__ */ n.jsx(
-                        lr,
-                        {
-                          examples: l,
-                          onSelect: (d, P) => {
-                            _(
-                              "body",
-                              JSON.stringify(d.value, null, 2)
-                            );
-                            const D = _n(we).find(
-                              ([re, E]) => E === P
-                            )?.[0];
-                            D && _("bodyContentType", D);
-                          }
-                        }
-                      )
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ n.jsx(U, { value: "auth", children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                    S.data?.length === 0 && /* @__PURE__ */ n.jsxs(Ae, { children: [
-                      /* @__PURE__ */ n.jsx(nt, { className: "w-4 h-4" }),
-                      /* @__PURE__ */ n.jsx(Oe, { children: "Authentication" }),
-                      /* @__PURE__ */ n.jsx(Pe, { children: "No identities found. Please create an identity first." })
-                    ] }),
-                    /* @__PURE__ */ n.jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ n.jsx(
-                      Kt,
-                      {
-                        value: A.identity,
-                        identities: S.data ?? [],
-                        setValue: (d) => _("identity", d)
                       }
-                    ) })
-                  ] }) })
-                ] })
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ n.jsx(
+                  F,
+                  {
+                    type: "submit",
+                    disabled: j.isLoading || me.formState.isSubmitting,
+                    children: "Send"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-5 p-4 after:bg-muted-foreground/20 relative  overflow-y-auto h-[80vh]", children: [
+                j.data?.length !== 0 && /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ n.jsx("span", { className: "font-semibold", children: "Authentication" }),
+                  /* @__PURE__ */ n.jsx(
+                    Qt,
+                    {
+                      value: I.identity,
+                      identities: j.data ?? [],
+                      setValue: (d) => ue("identity", d)
+                    }
+                  )
+                ] }) }),
+                i.length > 0 && /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ n.jsx("span", { className: "font-semibold", children: "Path Parameters" }),
+                  /* @__PURE__ */ n.jsx(Nr, { url: s, control: ee })
+                ] }),
+                /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ n.jsx("span", { className: "font-semibold", children: "Query Parameters" }),
+                  /* @__PURE__ */ n.jsx(Cr, { control: ee, queryParams: o })
+                ] }),
+                /* @__PURE__ */ n.jsx(vr, { control: ee, headers: r }),
+                dn && /* @__PURE__ */ n.jsx(mr, { examples: l })
               ] }),
+              /* @__PURE__ */ n.jsx("div", { className: "w-px bg-muted-foreground/20" }),
               /* @__PURE__ */ n.jsx(
-                $r,
+                Fr,
                 {
-                  queryMutation: xe,
-                  showPathParamsWarning: A.pathParams.some(
+                  queryMutation: te,
+                  showPathParamsWarning: I.pathParams.some(
                     (d) => d.value === ""
                   ),
-                  showLongRunningWarning: ln,
+                  showLongRunningWarning: tn,
                   onCancel: () => {
-                    te.current?.abort(
+                    K.current?.abort(
                       "Request cancelled by the user"
-                    ), ee(!1);
+                    ), Y(!1);
                   }
                 }
               )
@@ -2898,7 +2855,7 @@ const Sr = {
       )
     }
   );
-}, Ir = ({
+}, zr = ({
   className: e,
   size: t = 16
 }) => /* @__PURE__ */ n.jsx(
@@ -2919,33 +2876,34 @@ const Sr = {
       }
     )
   }
-), kr = (e) => {
-  const [t, s] = L(!1);
-  return /* @__PURE__ */ n.jsxs(Le, { onOpenChange: (a) => s(a), children: [
-    /* @__PURE__ */ n.jsx(Vn, { asChild: !0, children: e.children ?? /* @__PURE__ */ n.jsxs(
+), _r = (e) => {
+  const [t, s] = E(!1);
+  return /* @__PURE__ */ n.jsxs(Te, { onOpenChange: (a) => s(a), children: [
+    /* @__PURE__ */ n.jsx(Fn, { asChild: !0, children: e.children ?? /* @__PURE__ */ n.jsxs(
       "button",
       {
         type: "button",
         className: "flex gap-1 items-center px-2 py-1 rounded-md transition text-xs bg-primary  text-primary-foreground shadow-xs hover:bg-primary/80",
         children: [
           "Test",
-          /* @__PURE__ */ n.jsx(Ir, { size: 14 })
+          /* @__PURE__ */ n.jsx(zr, { size: 14 })
         ]
       }
     ) }),
     /* @__PURE__ */ n.jsxs(
-      Ie,
+      Ae,
       {
-        className: "max-w-screen-xl w-full h-5/6 overflow-hidden p-0",
+        className: "max-w-screen-xl w-full overflow-hidden p-0",
         "aria-describedby": void 0,
+        showCloseButton: !1,
         children: [
-          /* @__PURE__ */ n.jsx(qn, { children: /* @__PURE__ */ n.jsx(ke, { children: "Playground" }) }),
-          t && /* @__PURE__ */ n.jsx(Lr, { ...e })
+          /* @__PURE__ */ n.jsx(Bn, { children: /* @__PURE__ */ n.jsx(Oe, { children: "Playground" }) }),
+          t && /* @__PURE__ */ n.jsx(qr, { ...e })
         ]
       }
     )
   ] });
-}, Dr = {
+}, Ur = {
   get: "green",
   post: "blue",
   put: "yellow",
@@ -2953,7 +2911,7 @@ const Sr = {
   patch: "purple",
   options: "gray",
   head: "gray"
-}, gt = ({
+}, ht = ({
   label: e,
   path: t,
   operations: s,
@@ -2975,21 +2933,21 @@ const Sr = {
     href: `${t}#${o.slug}`,
     badge: {
       label: o.method,
-      color: Dr[o.method.toLowerCase()],
+      color: Ur[o.method.toLowerCase()],
       invert: !0
     }
   }))
-}), en = Ct(
+}), Jt = vt(
   void 0
-), ba = en.Provider, qr = () => {
-  const e = Dn(en);
+), Aa = Jt.Provider, Mr = () => {
+  const e = Dn(Jt);
   if (!e)
     throw new Error("useOasConfig must be used within a OasConfigProvider");
   return e.config;
-}, yt = (e) => ({
+}, ft = (e) => ({
   path: e.routePath,
   async lazy() {
-    const { OasProvider: t } = await import("./OasProvider-5jrFuhVk.js");
+    const { OasProvider: t } = await import("./OasProvider-CFBvfR3r.js");
     return {
       element: /* @__PURE__ */ n.jsx(
         t,
@@ -3003,39 +2961,39 @@ const Sr = {
     };
   },
   children: e.routes
-}), tn = ({
+}), Wt = ({
   path: e,
   tag: t,
   untagged: s
 }) => ({
   path: e,
   async lazy() {
-    const { OperationList: a } = await import("./OperationList-BmoMLQPO.js");
+    const { OperationList: a } = await import("./OperationList-Xs4KWmsh.js");
     return { element: /* @__PURE__ */ n.jsx(a, { tag: t, untagged: s }) };
   }
-}), Vr = ({
+}), Gr = ({
   render: e,
   path: t
 }) => {
-  const { type: s, input: a } = qr(), { tag: r } = Nn(), o = wn(), i = Fs(rn, { type: s, input: a }), {
+  const { type: s, input: a } = Mr(), { tag: r } = wn(), o = Cn(), i = _s(Yt, { type: s, input: a }), {
     data: { schema: c }
-  } = Pn(i), l = c.tags.at(0);
+  } = Rn(i), l = c.tags.at(0);
   return !r && l?.slug ? /* @__PURE__ */ n.jsx(
-    Cn,
+    Sn,
     {
       to: {
-        pathname: Sn(t, { tag: l.slug }),
+        pathname: Tn(t, { tag: l.slug }),
         search: o.search
       }
     }
-  ) : r && c.tags.some((u) => u.slug === r) ? e(r) : null;
-}, Fr = ({ path: e }) => ({
+  ) : r && c.tags.some((m) => m.slug === r) ? e(r) : null;
+}, Hr = ({ path: e }) => ({
   path: e,
   async lazy() {
-    const { OperationList: t } = await import("./OperationList-BmoMLQPO.js");
+    const { OperationList: t } = await import("./OperationList-Xs4KWmsh.js");
     return {
       element: /* @__PURE__ */ n.jsx(
-        Vr,
+        Gr,
         {
           path: e,
           render: (s) => /* @__PURE__ */ n.jsx(t, { tag: s })
@@ -3043,35 +3001,35 @@ const Sr = {
       )
     };
   }
-}), nn = (e) => [
+}), Xt = (e) => [
   // Category without tagged operations
-  tn({
-    path: R(e, Qe),
+  Wt({
+    path: P(e, qe),
     untagged: !0
   }),
   // Schema list route
   {
-    path: R(e, "~schemas"),
+    path: P(e, "~schemas"),
     lazy: async () => {
-      const { SchemaList: t } = await import("./SchemaList-B4riYLoP.js");
+      const { SchemaList: t } = await import("./SchemaList-BWaNlmUJ.js");
       return { element: /* @__PURE__ */ n.jsx(t, {}) };
     }
   }
-], Br = (e, t) => {
-  const s = R(e, t.at(0) ?? Qe);
+], Qr = (e, t) => {
+  const s = P(e, t.at(0) ?? qe);
   return [
     // Redirect to first tag on the index route
-    { index: !0, loader: () => jn(s) },
+    { index: !0, loader: () => Nn(s) },
     // Create routes for each tag
     ...t.map(
-      (a) => tn({
-        path: R(e, a),
+      (a) => Wt({
+        path: P(e, a),
         tag: a
       })
     ),
-    ...nn(e)
+    ...Xt(e)
   ];
-}, sn = (e) => e.type === "file" ? Object.keys(e.input) : [], zr = ({
+}, Zt = (e) => e.type === "file" ? Object.keys(e.input) : [], Jr = ({
   basePath: e,
   config: t,
   client: s
@@ -3079,30 +3037,30 @@ const Sr = {
   const a = t.tagPages;
   if (!a)
     return [
-      yt({
+      ft({
         basePath: e,
         routePath: e,
         routes: [
-          Fr({ path: e + "/:tag?" }),
-          ...nn(e)
+          Hr({ path: e + "/:tag?" }),
+          ...Xt(e)
         ],
         client: s,
         config: t
       })
     ];
-  const r = sn(t);
+  const r = Zt(t);
   return (r.length > 1 ? [void 0, ...r] : [void 0]).map((i) => {
-    const c = R(e, i);
-    return yt({
+    const c = P(e, i);
+    return ft({
       basePath: e,
       version: i,
       routePath: c,
-      routes: Br(c, a),
+      routes: Qr(c, a),
       client: s,
       config: t
     });
   });
-}, rn = Js(`
+}, Yt = Zs(`
   query GetSidebarOperations($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
       tags {
@@ -3124,8 +3082,8 @@ const Sr = {
       }
     }
   }
-`), Qe = "~endpoints", ja = (e) => {
-  const t = R(e.navigationId ?? "/reference"), s = new os(e);
+`), qe = "~endpoints", Oa = (e) => {
+  const t = P(e.navigationId ?? "/reference"), s = new cs(e);
   return {
     getHead: () => {
       if (e.type === "url" && !e.skipPreload)
@@ -3150,119 +3108,119 @@ const Sr = {
         children: c,
         ...l
       }) => {
-        const u = En();
+        const m = $n();
         if (!r)
           throw new Error("Server is required");
-        return a && !u.isAuthenticated ? /* @__PURE__ */ n.jsxs(
-          Z,
+        return a && !m.isAuthenticated ? /* @__PURE__ */ n.jsxs(
+          J,
           {
             className: "gap-2 items-center",
             variant: "outline",
-            onClick: u.login,
+            onClick: m.login,
             children: [
               "Login to open in Playground ",
-              /* @__PURE__ */ n.jsx(vn, { size: 16 })
+              /* @__PURE__ */ n.jsx(bn, { size: 16 })
             ]
           }
         ) : /* @__PURE__ */ n.jsx(
-          kr,
+          _r,
           {
             url: i ?? "/",
             method: o ?? "get",
             server: r,
             ...l,
-            children: /* @__PURE__ */ n.jsx(Z, { className: "gap-2 items-center", variant: "outline", children: c ?? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+            children: /* @__PURE__ */ n.jsx(J, { className: "gap-2 items-center", variant: "outline", children: c ?? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
               "Open in Playground ",
-              /* @__PURE__ */ n.jsx(bn, { size: 16 })
+              /* @__PURE__ */ n.jsx(jn, { size: 16 })
             ] }) })
           }
         );
       }
     }),
     getSidebar: async (a, r) => {
-      if (!st({ path: t, end: !1 }, a))
+      if (!Ke({ path: t, end: !1 }, a))
         return [];
-      const o = st(
+      const o = Ke(
         { path: `${t}/:version?/:tag`, end: !0 },
         a
       );
       try {
-        const i = o?.params.version, c = i ?? sn(e).at(0), { type: l } = e, u = l === "file" ? e.input[c] : e.input, p = _t(s, rn, {
+        const i = o?.params.version, c = i ?? Zt(e).at(0), { type: l } = e, m = l === "file" ? e.input[c] : e.input, u = It(s, Yt, {
           type: l,
-          input: u
-        }), v = await r.queryClient.ensureQueryData(p), f = v.schema.tags.flatMap((m) => {
-          if (!m.name || m.operations.length === 0) return [];
-          const y = R(t, i, m.slug), S = m.extensions?.["x-zudoku-collapsed"] ?? !e.options?.expandAllTags, N = m.extensions?.["x-zudoku-collapsible"] ?? !0;
-          return gt({
-            label: m.name,
+          input: m
+        }), g = await r.queryClient.ensureQueryData(u), f = g.schema.tags.flatMap((p) => {
+          if (!p.name || p.operations.length === 0) return [];
+          const y = P(t, i, p.slug), j = p.extensions?.["x-zudoku-collapsed"] ?? !e.options?.expandAllTags, b = p.extensions?.["x-zudoku-collapsible"] ?? !0;
+          return ht({
+            label: p.name,
             path: y,
-            operations: m.operations,
-            collapsed: S,
-            collapsible: N
+            operations: p.operations,
+            collapsed: j,
+            collapsible: b
           });
-        }), x = v.schema.tags.find(
-          (m) => !m.name
+        }), x = g.schema.tags.find(
+          (p) => !p.name
         )?.operations;
         return x && f.push(
-          gt({
+          ht({
             label: "Other endpoints",
-            path: R(t, i, Qe),
+            path: P(t, i, qe),
             operations: x,
             collapsed: !e.options?.expandAllTags
           })
-        ), v.schema.components?.schemas?.length && f.push({
+        ), g.schema.components?.schemas?.length && f.push({
           type: "link",
           label: "Schemas",
-          href: R(t, i, "~schemas")
+          href: P(t, i, "~schemas")
         }), f;
       } catch {
         return [];
       }
     },
-    getRoutes: () => zr({ basePath: t, config: e, client: s })
+    getRoutes: () => Jr({ basePath: t, config: e, client: s })
   };
 };
 export {
-  ya as A,
-  gs as B,
-  mt as C,
-  hs as D,
-  kt as E,
-  rn as F,
-  va as G,
-  ja as H,
-  ys as L,
-  ba as O,
-  kr as P,
-  ms as Q,
-  Ee as S,
+  Sa as A,
+  bs as B,
+  dt as C,
+  gs as D,
+  At as E,
+  Yt as F,
+  Ta as G,
+  Oa as H,
+  js as L,
+  Aa as O,
+  _r as P,
+  fs as Q,
+  kt as S,
   h as T,
-  Qe as U,
-  Fs as a,
-  pt as b,
-  ht as c,
-  Js as d,
-  tr as e,
-  Ht as f,
-  sn as g,
-  Xs as h,
-  ie as i,
-  $e as j,
-  le as k,
+  qe as U,
+  _s as a,
+  ut as b,
+  mt as c,
+  Zs as d,
+  sr as e,
+  Vt as f,
+  Zt as g,
+  er as h,
+  Ie as i,
+  Dt as j,
+  ke as k,
   G as l,
-  jr as m,
+  Or as m,
   qs as n,
-  Bt as o,
-  ct as p,
-  ga as q,
-  vs as r,
-  O as s,
-  Be as t,
-  qr as u,
-  Ft as v,
-  is as w,
-  Ds as x,
-  ye as y,
-  ls as z
+  Pt as o,
+  it as p,
+  Ca as q,
+  Ns as r,
+  R as s,
+  Ee as t,
+  Mr as u,
+  Lt as v,
+  ds as w,
+  Vs as x,
+  he as y,
+  us as z
 };
-//# sourceMappingURL=index-BXYvD5-7.js.map
+//# sourceMappingURL=index-yqBxBqxF.js.map