zudoku 0.28.3 → 0.29.0

package/lib/{index-DrR58fsJ.js → index-P0YUtHIb.js}

@@ -1,85 +1,85 @@
-var ut = Object.defineProperty;
-var Ie = (t) => {
+var pt = Object.defineProperty;
+var qe = (t) => {
   throw TypeError(t);
 };
-var pt = (t, a, s) => a in t ? ut(t, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[a] = s;
-var X = (t, a, s) => pt(t, typeof a != "symbol" ? a + "" : a, s), ht = (t, a, s) => a.has(t) || Ie("Cannot " + s);
-var Y = (t, a, s) => (ht(t, a, "read from private field"), s ? s.call(t) : a.get(t)), ee = (t, a, s) => a.has(t) ? Ie("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s);
+var ht = (t, a, s) => a in t ? pt(t, a, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[a] = s;
+var Y = (t, a, s) => ht(t, typeof a != "symbol" ? a + "" : a, s), xt = (t, a, s) => a.has(t) || qe("Cannot " + s);
+var ee = (t, a, s) => (xt(t, a, "read from private field"), s ? s.call(t) : a.get(t)), te = (t, a, s) => a.has(t) ? qe("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(t) : a.set(t, s);
 import { j as e } from "./jsx-runtime-Bdg6XQ1m.js";
-import { s as te } from "./index-CjJS0l4l.js";
-import { Circle as xt, ChevronRightIcon as z, CheckIcon as ft, DotIcon as gt, Check as yt, Search as vt, XIcon as jt, ChevronDownIcon as bt, InfoIcon as Ee, LogInIcon as Nt, CirclePlayIcon as wt } from "lucide-react";
-import { m as Ct, r as $t } from "./chunk-SYFQ2XB5-QijJrSf0.js";
-import { u as St } from "./hook-CiX69UZ6.js";
+import { s as ae } from "./index-CjJS0l4l.js";
+import { Circle as ft, ChevronRightIcon as z, CheckIcon as gt, DotIcon as yt, Check as vt, Search as jt, XIcon as bt, ChevronDownIcon as Nt, InfoIcon as De, LogInIcon as wt, CirclePlayIcon as Ct } from "lucide-react";
+import { m as Tt, r as $t } from "./chunk-SYFQ2XB5-QijJrSf0.js";
+import { u as St } from "./hook-NIpDSpau.js";
 import { Button as _ } from "./ui/Button.js";
-import { j as I } from "./joinUrl-nLx9pD-Z.js";
-import { Z as Tt } from "./invariant-Caa8-XvF.js";
-import { VisuallyHidden as Pt } from "@radix-ui/react-visually-hidden";
-import * as h from "react";
-import { Fragment as k, useRef as q, useEffect as He, useState as H, useTransition as kt } from "react";
-import { V as b, T as Rt, D as Ot, b as It, a as Et, c as At } from "./index-B7mqiOei.js";
-import { S as Be, a as Ge, b as Ue, c as Me, e as U, u as qt } from "./Select-DJkXPPD0.js";
-import { b as ue, u as pe, C as R, a as Dt, F as Lt } from "./index.esm-CrSoEshU.js";
-import { c as he } from "./index-Djenk2Hj.js";
+import { j as R } from "./joinUrl-nLx9pD-Z.js";
+import { Z as Pt } from "./invariant-Caa8-XvF.js";
+import { VisuallyHidden as kt } from "@radix-ui/react-visually-hidden";
+import * as f from "react";
+import { Fragment as I, useRef as q, useEffect as ue, useState as H, useCallback as Rt, useTransition as It } from "react";
+import { V as $, T as Ot, D as Et, b as At, a as qt, c as Dt } from "./index-B7mqiOei.js";
+import { S as Me, a as Ue, b as _e, c as Je, e as M, u as Lt } from "./Select-BcAbBUmk.js";
+import { b as pe, u as he, C as O, a as Vt, F as Ft } from "./index.esm-CrSoEshU.js";
+import { c as xe } from "./index-Djenk2Hj.js";
 import { c as u } from "./cn-qaFjX9_3.js";
-import * as _e from "@radix-ui/react-label";
-import * as B from "@radix-ui/react-radio-group";
-import { a as Vt } from "./state-mM7uaXTW.js";
-import { k as Ft, l as zt } from "./ZudokuContext-dUyBGMap.js";
-import { Card as xe, CardHeader as Ht, CardTitle as Bt, CardContent as Gt } from "./ui/Card.js";
-import { Tabs as Je, TabsList as Qe, TabsTrigger as E, TabsContent as A } from "./ui/Tabs.js";
-import { z as Ut, S as Mt } from "./SyntaxHighlight-B0L4SC_N.js";
-import { B as M, S as _t } from "./Spinner-BlzrEEk1.js";
-import * as y from "@radix-ui/react-dropdown-menu";
+import * as Qe from "@radix-ui/react-label";
+import * as G from "@radix-ui/react-radio-group";
+import { a as zt } from "./state-bfQxaDxU.js";
+import { k as Ht, l as Gt } from "./ZudokuContext-dUyBGMap.js";
+import { Card as fe, CardHeader as Bt, CardTitle as Mt, CardContent as Ut } from "./ui/Card.js";
+import { Tabs as We, TabsList as Ze, TabsTrigger as E, TabsContent as A } from "./ui/Tabs.js";
+import { z as _t, S as Jt } from "./SyntaxHighlight-B0L4SC_N.js";
+import { B as U, S as Qt } from "./Spinner-BlzrEEk1.js";
+import * as b from "@radix-ui/react-dropdown-menu";
 import * as ie from "@radix-ui/react-checkbox";
 import * as J from "@radix-ui/react-popover";
-import { PopoverAnchor as Jt } from "@radix-ui/react-popover";
-import { Input as fe } from "./ui/Input.js";
-import { Slot as Qt } from "@radix-ui/react-slot";
-import { Callout as Wt } from "./ui/Callout.js";
-import { Collapsible as Ae, CollapsibleTrigger as qe, CollapsibleContent as De } from "./ui/Collapsible.js";
-import * as ge from "@radix-ui/react-collapsible";
-let ae;
-const Zt = (t) => {
+import { PopoverAnchor as Wt } from "@radix-ui/react-popover";
+import { Input as ge } from "./ui/Input.js";
+import { Slot as Zt } from "@radix-ui/react-slot";
+import { Callout as Kt } from "./ui/Callout.js";
+import { Collapsible as Le, CollapsibleTrigger as Ve, CollapsibleContent as Fe } from "./ui/Collapsible.js";
+import * as ye from "@radix-ui/react-collapsible";
+let se;
+const Xt = (t) => {
   var a;
   if ((a = t.errors) != null && a[0])
-    throw new Tt(t.errors[0].message, {
+    throw new Pt(t.errors[0].message, {
       developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config."
     });
 };
-var W, Z;
-class Kt {
+var Z, K;
+class Yt {
   constructor(a) {
-    ee(this, W, async () => (ae || (ae = import("./createServer-DIztAu7i.js").then(
+    te(this, Z, async () => (se || (se = import("./createServer-E3cXjB0P.js").then(
       (a) => a.createServer(this.config)
-    )), ae));
-    ee(this, Z, async (a) => this.config.server ? fetch(this.config.server, a) : (await Y(this, W).call(this)).fetch("http://localhost/graphql", a));
-    X(this, "fetch", async (a, ...[s]) => {
-      var r;
-      const n = (r = a.match(/query (\w+)/)) == null ? void 0 : r[1], i = await Y(this, Z).call(this, {
+    )), se));
+    te(this, K, async (a) => this.config.server ? fetch(this.config.server, a) : (await ee(this, Z).call(this)).fetch("http://localhost/graphql", a));
+    Y(this, "fetch", async (a, ...[s]) => {
+      var l;
+      const n = (l = a.match(/query (\w+)/)) == null ? void 0 : l[1], o = await ee(this, K).call(this, {
         method: "POST",
         body: JSON.stringify({ query: a, variables: s, operationName: n }),
         headers: { "Content-Type": "application/json" }
       });
-      if (!i.ok)
+      if (!o.ok)
         throw new Error("Network response was not ok");
-      const d = await i.json();
-      return Zt(d), d.data;
+      const d = await o.json();
+      return Xt(d), d.data;
     });
     this.config = a;
   }
 }
-W = new WeakMap(), Z = new WeakMap();
+Z = new WeakMap(), K = new WeakMap();
 class D extends String {
   constructor(s, n) {
     super(s);
-    X(this, "__apiType");
+    Y(this, "__apiType");
     this.value = s, this.__meta__ = n;
   }
   toString() {
     return this.value;
   }
 }
-const Xt = new D(
+const ea = new D(
   `
     fragment OperationsFragment on OperationItem {
   slug
@@ -144,7 +144,7 @@ const Xt = new D(
 }
     `,
   { fragmentName: "OperationsFragment" }
-), Yt = new D(`
+), ta = new D(`
     query ServersQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -153,9 +153,12 @@ const Xt = new D(
     }
   }
 }
-    `), ea = new D(`
+    `), aa = new D(`
     query AllOperations($input: JSON!, $type: SchemaType!, $tag: String, $untagged: Boolean) {
   schema(input: $input, type: $type) {
+    servers {
+      url
+    }
     description
     summary
     title
@@ -231,7 +234,7 @@ const Xt = new D(
       schema
     }
   }
-}`), ta = new D(`
+}`), sa = new D(`
     query getServerQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -240,7 +243,7 @@ const Xt = new D(
     }
   }
 }
-    `), aa = new D(`
+    `), na = new D(`
     query GetCategories($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -249,10 +252,21 @@ const Xt = new D(
     }
   }
 }
-    `), sa = new D(`
-    query GetOperations($input: JSON!, $type: SchemaType!, $tag: String, $untagged: Boolean) {
+    `), ra = new D(`
+    query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {
   schema(input: $input, type: $type) {
-    operations(tag: $tag, untagged: $untagged) {
+    operations(tag: $tag) {
+      slug
+      deprecated
+      method
+      summary
+      operationId
+      path
+      tags {
+        name
+      }
+    }
+    untagged: operations(untagged: true) {
       slug
       deprecated
       method
@@ -262,18 +276,18 @@ const Xt = new D(
     }
   }
 }
-    `), na = {
-  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": Yt,
-  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      examples {\n        name\n        description\n        externalValue\n        value\n        summary\n      }\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n": Xt,
-  "\n  query AllOperations(\n    $input: JSON!\n    $type: SchemaType!\n    $tag: String\n    $untagged: Boolean\n  ) {\n    schema(input: $input, type: $type) {\n      description\n      summary\n      title\n      url\n      version\n      tags(name: $tag) {\n        name\n        description\n      }\n      operations(tag: $tag, untagged: $untagged) {\n        slug\n        ...OperationsFragment\n      }\n    }\n  }\n": ea,
-  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ta,
-  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        name\n      }\n    }\n  }\n": aa,
-  "\n  query GetOperations(\n    $input: JSON!\n    $type: SchemaType!\n    $tag: String\n    $untagged: Boolean\n  ) {\n    schema(input: $input, type: $type) {\n      operations(tag: $tag, untagged: $untagged) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n      }\n    }\n  }\n": sa
+    `), oa = {
+  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": ta,
+  "\n  fragment OperationsFragment on OperationItem {\n    slug\n    summary\n    method\n    description\n    operationId\n    contentTypes\n    path\n    parameters {\n      name\n      in\n      description\n      required\n      schema\n      style\n      examples {\n        name\n        description\n        externalValue\n        value\n        summary\n      }\n    }\n    requestBody {\n      content {\n        mediaType\n        encoding {\n          name\n        }\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        schema\n      }\n      description\n      required\n    }\n    responses {\n      statusCode\n      links\n      description\n      content {\n        examples {\n          name\n          description\n          externalValue\n          value\n          summary\n        }\n        mediaType\n        encoding {\n          name\n        }\n        schema\n      }\n    }\n  }\n": ea,
+  "\n  query AllOperations(\n    $input: JSON!\n    $type: SchemaType!\n    $tag: String\n    $untagged: Boolean\n  ) {\n    schema(input: $input, type: $type) {\n      servers {\n        url\n      }\n      description\n      summary\n      title\n      url\n      version\n      tags(name: $tag) {\n        name\n        description\n      }\n      operations(tag: $tag, untagged: $untagged) {\n        slug\n        ...OperationsFragment\n      }\n    }\n  }\n": aa,
+  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": sa,
+  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        name\n      }\n    }\n  }\n": na,
+  "\n  query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {\n    schema(input: $input, type: $type) {\n      operations(tag: $tag) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n        tags {\n          name\n        }\n      }\n      untagged: operations(untagged: true) {\n        slug\n        deprecated\n        method\n        summary\n        operationId\n        path\n      }\n    }\n  }\n": ra
 };
-function We(t) {
-  return na[t] ?? {};
+function Ke(t) {
+  return oa[t] ?? {};
 }
-const ra = he(
+const la = xe(
   "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: {
@@ -286,17 +300,17 @@ const ra = he(
       variant: "default"
     }
   }
-), le = h.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+), de = f.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: n,
     role: "alert",
-    className: u(ra({ variant: a }), t),
+    className: u(la({ variant: a }), t),
     ...s
   }
 ));
-le.displayName = "Alert";
-const de = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+de.displayName = "Alert";
+const ce = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h5",
   {
     ref: s,
@@ -304,8 +318,8 @@ const de = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-de.displayName = "AlertTitle";
-const ce = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+ce.displayName = "AlertTitle";
+const me = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -313,52 +327,55 @@ const ce = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-ce.displayName = "AlertDescription";
-const oa = ({
+me.displayName = "AlertDescription";
+const ia = ({
   path: t,
   renderParam: a
-}) => t.split("/").map((s, n, i) => {
-  const d = Array.from(s.matchAll(/{([^}]+)}/g)), r = [];
-  let m = 0;
-  return d.forEach((c, p) => {
-    const [g, x] = c;
-    if (!x) return;
-    const f = c.index;
-    f > m && r.push(
-      /* @__PURE__ */ e.jsx(k, { children: s.slice(m, f) }, `text-${m}-${f}`)
-    ), r.push(
-      /* @__PURE__ */ e.jsx(k, { children: a({ name: x, originalValue: g, index: p }) }, `param-${x}`)
-    ), m = f + g.length;
-  }), m < s.length && r.push(
-    /* @__PURE__ */ e.jsx(k, { children: s.slice(m) }, `text-${m}-${s.length}`)
-  ), // eslint-disable-next-line react/no-array-index-key
-  /* @__PURE__ */ e.jsxs(k, { children: [
-    r,
-    n < i.length - 1 && "/",
-    /* @__PURE__ */ e.jsx("wbr", {})
-  ] }, `${s}-${n}`);
-}), ia = he(
+}) => {
+  let s = 0;
+  return t.split("/").map((n, o, d) => {
+    const l = Array.from(n.matchAll(/{([^}]+)}/g)), c = [];
+    let i = 0;
+    return l.forEach((p) => {
+      const [g, w] = p;
+      if (!w) return;
+      const j = p.index;
+      j > i && c.push(
+        /* @__PURE__ */ e.jsx(I, { children: n.slice(i, j) }, `text-${i}-${j}`)
+      ), c.push(
+        /* @__PURE__ */ e.jsx(I, { children: a({ name: w, originalValue: g, index: s++ }) }, `param-${w}`)
+      ), i = j + g.length;
+    }), i < n.length && c.push(
+      /* @__PURE__ */ e.jsx(I, { children: n.slice(i) }, `text-${i}-${n.length}`)
+    ), // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ e.jsxs(I, { children: [
+      c,
+      o < d.length - 1 && "/",
+      /* @__PURE__ */ e.jsx("wbr", {})
+    ] }, `${n}-${o}`);
+  });
+}, da = xe(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), V = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  _e.Root,
+), V = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  Qe.Root,
   {
     ref: s,
-    className: u(ia(), t),
+    className: u(da(), t),
     ...a
   }
 ));
-V.displayName = _e.Root.displayName;
-const ye = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  B.Root,
+V.displayName = Qe.Root.displayName;
+const ve = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  G.Root,
   {
     className: u("grid gap-2", t),
     ...a,
     ref: s
   }
 ));
-ye.displayName = B.Root.displayName;
-const Q = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  B.Item,
+ve.displayName = G.Root.displayName;
+const Q = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  G.Item,
   {
     ref: s,
     className: u(
@@ -366,11 +383,11 @@ const Q = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
       t
     ),
     ...a,
-    children: /* @__PURE__ */ e.jsx(B.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(xt, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    children: /* @__PURE__ */ e.jsx(G.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(ft, { className: "h-2.5 w-2.5 fill-current text-current" }) })
   }
 ));
-Q.displayName = B.Item.displayName;
-const Ze = h.forwardRef(
+Q.displayName = G.Item.displayName;
+const Xe = f.forwardRef(
   ({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     "textarea",
     {
@@ -383,51 +400,51 @@ const Ze = h.forwardRef(
     }
   )
 );
-Ze.displayName = "Textarea";
-const se = (t) => Math.abs(
+Xe.displayName = "Textarea";
+const ne = (t) => Math.abs(
   isNaN(parseInt(t)) ? t.toLowerCase().charCodeAt(0) - 96 : isNaN(parseInt(t)) ? 0 : parseInt(t)
-), ne = (t) => t.length > 1 ? parseInt(t.split("").reduce((a, s) => `${se(a) + se(s)}`)) : se(t), Le = (t, a = {}) => {
-  const s = (3 * ne(t) + 2 * ne(t) + ne(t)) % 360, { saturation: n = 75, lightness: i = 60 } = a;
-  return `${s}deg ${n}% ${i}%`;
-}, re = "data-linked-param", la = (t) => {
-  const { resolvedTheme: a } = Ut();
+), re = (t) => t.length > 1 ? parseInt(t.split("").reduce((a, s) => `${ne(a) + ne(s)}`)) : ne(t), ze = (t, a = {}) => {
+  const s = (3 * re(t) + 2 * re(t) + re(t)) % 360, { saturation: n = 75, lightness: o = 60 } = a;
+  return `${s}deg ${n}% ${o}%`;
+}, oe = "data-linked-param", ca = (t) => {
+  const { resolvedTheme: a } = _t();
   return {
-    text: Le(
+    text: ze(
       t,
       a === "light" ? { saturation: 95, lightness: 38 } : {}
     ),
-    background: Le(
+    background: ze(
       t,
       a === "light" ? { saturation: 85, lightness: 40 } : {}
     )
   };
-}, Ke = ({
+}, Ye = ({
   name: t,
   className: a,
   slug: s,
   title: n,
-  children: i,
+  children: o,
   onClick: d
 }) => {
-  const r = q(null), m = s == null ? void 0 : s.replace(/[{}]/g, ""), c = t.replace(/[{}]/g, ""), { text: p, background: g } = la(c), x = `hsl(${p} / 100%)`, f = `hsl(${g} / 10%)`, l = `hsl(${g} / 50%)`;
-  return He(() => {
-    if (!m || !r.current) return;
-    const v = () => {
-      document.querySelectorAll(`[${re}="${m}"]`).forEach(($) => {
-        $ instanceof HTMLElement && ($.dataset.active = "true");
+  const l = q(null), c = s == null ? void 0 : s.replace(/[{}]/g, ""), i = t.replace(/[{}]/g, ""), { text: p, background: g } = ca(i), w = `hsl(${p} / 100%)`, j = `hsl(${g} / 10%)`, m = `hsl(${g} / 50%)`;
+  return ue(() => {
+    if (!c || !l.current) return;
+    const h = () => {
+      document.querySelectorAll(`[${oe}="${c}"]`).forEach((v) => {
+        v instanceof HTMLElement && (v.dataset.active = "true");
       });
-    }, C = () => {
-      document.querySelectorAll(`[${re}="${m}"]`).forEach(($) => {
-        $ instanceof HTMLElement && ($.dataset.active = "false");
+    }, x = () => {
+      document.querySelectorAll(`[${oe}="${c}"]`).forEach((v) => {
+        v instanceof HTMLElement && (v.dataset.active = "false");
       });
-    }, N = r.current;
-    return N.addEventListener("mouseenter", v), N.addEventListener("mouseleave", C), () => {
-      N.removeEventListener("mouseenter", v), N.removeEventListener("mouseleave", C);
+    }, y = l.current;
+    return y.addEventListener("mouseenter", h), y.addEventListener("mouseleave", x), () => {
+      y.removeEventListener("mouseenter", h), y.removeEventListener("mouseleave", x);
     };
-  }, [m]), /* @__PURE__ */ e.jsx(
+  }, [c]), /* @__PURE__ */ e.jsx(
     "span",
     {
-      [re]: m,
+      [oe]: c,
       className: u(
         // This may not contain (inline-)flex or (inline-)block otherwise it breaks the browser's full text search
         "relative rounded transition-all duration-100 rounded-lg",
@@ -437,32 +454,32 @@ const se = (t) => Math.abs(
       ),
       title: n,
       suppressHydrationWarning: !0,
-      ref: r,
+      ref: l,
       onClick: d,
       style: {
-        "--param-color": x,
-        "--border-color": l,
-        "--background-color": f
+        "--param-color": w,
+        "--border-color": m,
+        "--background-color": j
       },
-      children: i ?? t
+      children: o ?? t
     }
   );
-}, da = (t, a, s) => {
+}, ma = (t, a, s) => {
   const n = a.replace(/(:\w+|\{\w+})/g, (d) => {
-    var c;
-    const r = d.replace(/[:{}]/g, "");
-    return ((c = s.pathParams.find((p) => p.name === r)) == null ? void 0 : c.value) ?? d;
-  }), i = new URL(
+    var i;
+    const l = d.replace(/[:{}]/g, "");
+    return ((i = s.pathParams.find((p) => p.name === l)) == null ? void 0 : i.value) ?? d;
+  }), o = new URL(
     n.replace(/^\//, ""),
     t.endsWith("/") ? t : `${t}/`
   );
   return s.queryParams.filter((d) => d.active).forEach((d) => {
-    i.searchParams.set(d.name, d.value);
-  }), i;
-}, Xe = y.Root, Ye = y.Trigger, ca = y.Group, ma = h.forwardRef(({ className: t, inset: a, children: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
-  y.SubTrigger,
+    o.searchParams.set(d.name, d.value);
+  }), o;
+}, et = b.Root, tt = b.Trigger, ua = b.Group, pa = f.forwardRef(({ className: t, inset: a, children: s, ...n }, o) => /* @__PURE__ */ e.jsxs(
+  b.SubTrigger,
   {
-    ref: i,
+    ref: o,
     className: u(
       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
       a && "pl-8",
@@ -475,9 +492,9 @@ const se = (t) => Math.abs(
     ]
   }
 ));
-ma.displayName = y.SubTrigger.displayName;
-const ua = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  y.SubContent,
+pa.displayName = b.SubTrigger.displayName;
+const ha = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.SubContent,
   {
     ref: s,
     className: u(
@@ -487,9 +504,9 @@ const ua = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-ua.displayName = y.SubContent.displayName;
-const ve = h.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(y.Portal, { children: /* @__PURE__ */ e.jsx(
-  y.Content,
+ha.displayName = b.SubContent.displayName;
+const je = f.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(b.Portal, { children: /* @__PURE__ */ e.jsx(
+  b.Content,
   {
     ref: n,
     sideOffset: a,
@@ -501,9 +518,9 @@ const ve = h.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__
     ...s
   }
 ) }));
-ve.displayName = y.Content.displayName;
-const je = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  y.Item,
+je.displayName = b.Content.displayName;
+const be = f.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  b.Item,
   {
     ref: n,
     className: u(
@@ -514,11 +531,11 @@ const je = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
     ...s
   }
 ));
-je.displayName = y.Item.displayName;
-const pa = h.forwardRef(({ className: t, children: a, checked: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
-  y.CheckboxItem,
+be.displayName = b.Item.displayName;
+const xa = f.forwardRef(({ className: t, children: a, checked: s, ...n }, o) => /* @__PURE__ */ e.jsxs(
+  b.CheckboxItem,
   {
-    ref: i,
+    ref: o,
     className: u(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       t
@@ -526,14 +543,14 @@ const pa = h.forwardRef(({ className: t, children: a, checked: s, ...n }, i) =>
     checked: s,
     ...n,
     children: [
-      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(y.ItemIndicator, { children: /* @__PURE__ */ e.jsx(ft, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(b.ItemIndicator, { children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4" }) }) }),
       a
     ]
   }
 ));
-pa.displayName = y.CheckboxItem.displayName;
-const ha = h.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
-  y.RadioItem,
+xa.displayName = b.CheckboxItem.displayName;
+const fa = f.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
+  b.RadioItem,
   {
     ref: n,
     className: u(
@@ -542,14 +559,14 @@ const ha = h.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__
     ),
     ...s,
     children: [
-      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(y.ItemIndicator, { children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(b.ItemIndicator, { children: /* @__PURE__ */ e.jsx(yt, { className: "h-4 w-4 fill-current" }) }) }),
       a
     ]
   }
 ));
-ha.displayName = y.RadioItem.displayName;
-const et = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
-  y.Label,
+fa.displayName = b.RadioItem.displayName;
+const at = f.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  b.Label,
   {
     ref: n,
     className: u(
@@ -560,38 +577,38 @@ const et = h.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */
     ...s
   }
 ));
-et.displayName = y.Label.displayName;
-const tt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  y.Separator,
+at.displayName = b.Label.displayName;
+const st = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.Separator,
   {
     ref: s,
     className: u("-mx-1 my-1 h-px bg-muted", t),
     ...a
   }
 ));
-tt.displayName = y.Separator.displayName;
-const xa = ({
+st.displayName = b.Separator.displayName;
+const ga = ({
   examples: t,
   onSelect: a
-}) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 mt-2 items-end", children: /* @__PURE__ */ e.jsxs(Xe, { children: [
-  /* @__PURE__ */ e.jsx(Ye, { asChild: !0, children: /* @__PURE__ */ e.jsx(M, { variant: "outline", children: "Use Example" }) }),
-  /* @__PURE__ */ e.jsx(ve, { className: "w-56", children: t.map((s) => {
+}) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 mt-2 items-end", children: /* @__PURE__ */ e.jsxs(et, { children: [
+  /* @__PURE__ */ e.jsx(tt, { asChild: !0, children: /* @__PURE__ */ e.jsx(U, { variant: "outline", children: "Use Example" }) }),
+  /* @__PURE__ */ e.jsx(je, { className: "w-56", children: t.map((s) => {
     var n;
     return /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx(et, { children: s.mediaType }),
-      /* @__PURE__ */ e.jsx(tt, {}),
-      /* @__PURE__ */ e.jsx(ca, { children: (n = s.examples) == null ? void 0 : n.map((i) => /* @__PURE__ */ e.jsx(
-        je,
+      /* @__PURE__ */ e.jsx(at, { children: s.mediaType }),
+      /* @__PURE__ */ e.jsx(st, {}),
+      /* @__PURE__ */ e.jsx(ua, { children: (n = s.examples) == null ? void 0 : n.map((o) => /* @__PURE__ */ e.jsx(
+        be,
         {
-          onSelect: () => a(i),
+          onSelect: () => a(o),
           className: "line-clamp-1",
-          children: i.summary ?? i.name
+          children: o.summary ?? o.name
         },
-        i.name
+        o.name
       )) })
     ] }, s.mediaType);
   }) })
-] }) }), K = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+] }) }), X = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -602,8 +619,8 @@ const xa = ({
     ...a
   }
 ));
-K.displayName = "Card";
-const fa = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+X.displayName = "Card";
+const ya = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -611,8 +628,8 @@ const fa = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-fa.displayName = "CardHeader";
-const ga = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+ya.displayName = "CardHeader";
+const va = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h3",
   {
     ref: s,
@@ -620,8 +637,8 @@ const ga = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-ga.displayName = "CardTitle";
-const ya = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+va.displayName = "CardTitle";
+const ja = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "p",
   {
     ref: s,
@@ -629,10 +646,10 @@ const ya = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-ya.displayName = "CardDescription";
-const va = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: u("p-6 pt-0", t), ...a }));
-va.displayName = "CardContent";
-const ja = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+ja.displayName = "CardDescription";
+const ba = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: u("p-6 pt-0", t), ...a }));
+ba.displayName = "CardContent";
+const Na = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: s,
@@ -640,8 +657,8 @@ const ja = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-ja.displayName = "CardFooter";
-const ba = he(
+Na.displayName = "CardFooter";
+const wa = xe(
   "peer h-4 w-4 shrink-0 rounded-sm ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary",
   {
     variants: {
@@ -654,24 +671,24 @@ const ba = he(
       variant: "default"
     }
   }
-), be = h.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+), Ne = f.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   ie.Root,
   {
     ref: n,
-    className: u(ba({ variant: a, className: t })),
+    className: u(wa({ variant: a, className: t })),
     ...s,
     children: /* @__PURE__ */ e.jsx(
       ie.Indicator,
       {
         className: u("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ e.jsx(yt, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e.jsx(vt, { className: "h-4 w-4" })
       }
     )
   }
 ));
-be.displayName = ie.Root.displayName;
-const at = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  b,
+Ne.displayName = ie.Root.displayName;
+const nt = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  $,
   {
     ref: s,
     className: u(
@@ -681,13 +698,13 @@ const at = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-at.displayName = b.displayName;
-const Na = h.forwardRef(({ className: t, ...a }, s) => (
+nt.displayName = $.displayName;
+const Ca = f.forwardRef(({ className: t, ...a }, s) => (
   // eslint-disable-next-line react/no-unknown-property
   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-    /* @__PURE__ */ e.jsx(vt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ e.jsx(jt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
     /* @__PURE__ */ e.jsx(
-      b.Input,
+      $.Input,
       {
         ref: s,
         className: u(
@@ -699,11 +716,11 @@ const Na = h.forwardRef(({ className: t, ...a }, s) => (
     )
   ] })
 ));
-Na.displayName = b.Input.displayName;
-const st = h.forwardRef(({ className: t, ...a }, s) => (
+Ca.displayName = $.Input.displayName;
+const rt = f.forwardRef(({ className: t, ...a }, s) => (
   // eslint-disable-next-line react/no-unknown-property
   /* @__PURE__ */ e.jsx("div", { className: "flex items-center", "cmdk-input-wrapper": "", children: /* @__PURE__ */ e.jsx(
-    b.Input,
+    $.Input,
     {
       ref: s,
       className: u(
@@ -715,27 +732,27 @@ const st = h.forwardRef(({ className: t, ...a }, s) => (
     }
   ) })
 ));
-st.displayName = b.Input.displayName;
-const nt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  b.List,
+rt.displayName = $.Input.displayName;
+const ot = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  $.List,
   {
     ref: s,
     className: u("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
     ...a
   }
 ));
-nt.displayName = b.List.displayName;
-const wa = h.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
-  b.Empty,
+ot.displayName = $.List.displayName;
+const Ta = f.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
+  $.Empty,
   {
     ref: a,
     className: "py-6 text-center text-sm",
     ...t
   }
 ));
-wa.displayName = b.Empty.displayName;
-const Ca = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  b.Group,
+Ta.displayName = $.Empty.displayName;
+const $a = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  $.Group,
   {
     ref: s,
     className: u(
@@ -745,18 +762,18 @@ const Ca = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-Ca.displayName = b.Group.displayName;
-const $a = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  b.Separator,
+$a.displayName = $.Group.displayName;
+const Sa = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  $.Separator,
   {
     ref: s,
     className: u("-mx-1 h-px bg-border", t),
     ...a
   }
 ));
-$a.displayName = b.Separator.displayName;
-const rt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
-  b.Item,
+Sa.displayName = $.Separator.displayName;
+const lt = f.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  $.Item,
   {
     ref: s,
     className: u(
@@ -766,11 +783,11 @@ const rt = h.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     ...a
   }
 ));
-rt.displayName = b.Item.displayName;
-const Sa = J.Root, ot = h.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, i) => /* @__PURE__ */ e.jsx(J.Portal, { children: /* @__PURE__ */ e.jsx(
+lt.displayName = $.Item.displayName;
+const Pa = J.Root, it = f.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, o) => /* @__PURE__ */ e.jsx(J.Portal, { children: /* @__PURE__ */ e.jsx(
   J.Content,
   {
-    ref: i,
+    ref: o,
     align: a,
     sideOffset: s,
     className: u(
@@ -780,84 +797,87 @@ const Sa = J.Root, ot = h.forwardRef(({ className: t, align: a = "center", sideO
     ...n
   }
 ) }));
-ot.displayName = J.Content.displayName;
-const Ta = ({
+it.displayName = J.Content.displayName;
+const ka = ({
   value: t,
   options: a,
   onChange: s,
   className: n,
-  placeholder: i = "Enter value",
+  placeholder: o = "Enter value",
   onEnterPress: d,
-  ref: r
+  ref: l
 }) => {
-  const [m, c] = H(!1), [p, g] = H(!1), x = Rt((l) => l.filtered.count), f = q(null);
-  return /* @__PURE__ */ e.jsxs(Sa, { open: m, children: [
-    /* @__PURE__ */ e.jsx(Jt, { children: /* @__PURE__ */ e.jsx(
-      st,
+  const [c, i] = H(!1), [p, g] = H(!1), w = Ot((m) => m.filtered.count), j = q(null);
+  return /* @__PURE__ */ e.jsxs(Pa, { open: c, children: [
+    /* @__PURE__ */ e.jsx(Wt, { children: /* @__PURE__ */ e.jsx(
+      rt,
       {
-        ref: (l) => {
-          f.current = l, typeof r == "function" ? r(l) : r && (r.current = l);
+        ref: (m) => {
+          j.current = m, typeof l == "function" ? l(m) : l && (l.current = m);
         },
         value: t,
-        placeholder: i,
+        placeholder: o,
         className: u("h-9 bg-transparent", n),
-        onFocus: () => c(!0),
+        onFocus: () => i(!0),
         onBlur: () => {
-          p || c(!1);
+          p || i(!1);
         },
-        onKeyDown: (l) => {
-          var v;
-          l.key === "Enter" && (c(!1), (v = f.current) == null || v.blur(), d == null || d(l));
+        onKeyDown: (m) => {
+          var h;
+          m.key === "Enter" && (i(!1), (h = j.current) == null || h.blur(), d == null || d(m));
         },
-        onValueChange: (l) => s(l)
+        onValueChange: (m) => s(m)
       }
     ) }),
     /* @__PURE__ */ e.jsx(
-      ot,
+      it,
       {
         onMouseEnter: () => g(!0),
         onMouseLeave: () => g(!1),
-        onOpenAutoFocus: (l) => l.preventDefault(),
+        onOpenAutoFocus: (m) => m.preventDefault(),
         className: u("p-0 w-[--radix-popover-trigger-width]", {
-          "border-0": x === 0
+          "border-0": w === 0
         }),
         align: "start",
         side: "bottom",
-        onWheel: (l) => {
-          l.stopPropagation();
+        onWheel: (m) => {
+          m.stopPropagation();
         },
-        onTouchMove: (l) => {
-          l.stopPropagation();
+        onTouchMove: (m) => {
+          m.stopPropagation();
         },
-        children: /* @__PURE__ */ e.jsx(nt, { className: "max-h-[140px]", children: a.map((l) => /* @__PURE__ */ e.jsx(
-          rt,
+        children: /* @__PURE__ */ e.jsx(ot, { className: "max-h-[140px]", children: a.map((m) => /* @__PURE__ */ e.jsx(
+          lt,
           {
-            value: l,
-            onSelect: (v) => {
-              s(v), c(!1);
+            value: m,
+            onSelect: (h) => {
+              s(h), i(!1);
             },
             className: "cursor-pointer",
-            children: l
+            children: m
           },
-          l
+          m
         )) })
       }
     )
   ] });
-}, me = (t) => /* @__PURE__ */ e.jsx(at, { className: "bg-transparent", children: /* @__PURE__ */ e.jsx(Ta, { ...t }) }), it = (t, a) => {
-  const s = h.forwardRef(({ className: n, asChild: i, ...d }, r) => {
-    const m = i ? Qt : t;
-    return h.createElement(m, {
+}, W = ({ shouldFilter: t, ...a }) => /* @__PURE__ */ e.jsx(nt, { className: "bg-transparent", shouldFilter: t, children: /* @__PURE__ */ e.jsx(ka, { ...a }) }), we = (t, a) => {
+  const s = f.forwardRef(({ className: n, asChild: o, ...d }, l) => {
+    const c = o ? Zt : t;
+    return f.createElement(c, {
       ...d,
-      ref: r,
+      ref: l,
       className: typeof a == "function" ? a({ className: n }) : u(a, n)
     });
   });
   return s.displayName = `VariantComponent(${t})`, s;
-}, Ne = it(
+}, Ce = we(
+  "div",
+  "grid grid-cols-[2fr_3fr] gap-2 items-center"
+), Te = we(
   "div",
-  "hover:bg-accent/40 grid grid-cols-[2fr_3fr] gap-2 items-center px-3"
-), Pa = Object.freeze([
+  "group hover:bg-accent px-3 grid col-span-full grid-cols-subgrid"
+), Ra = Object.freeze([
   "Accept",
   "Accept-Encoding",
   "Accept-Language",
@@ -884,141 +904,151 @@ const Ta = ({
   "Set-Cookie",
   "User-Agent",
   "X-Requested-With"
-]), ka = ({ control: t }) => {
-  const { fields: a, append: s, remove: n } = ue({
+]), Ia = ({
+  control: t,
+  headers: a
+}) => {
+  const { fields: s, append: n, remove: o } = pe({
     control: t,
     name: "headers"
-  }), { setValue: i } = pe(), d = q([]), r = q([]), m = () => {
-    s({
-      name: "",
-      value: "",
-      active: !1
-    });
-  }, c = (g) => {
+  }), { setValue: d, watch: l } = he(), c = q([]), i = q([]), p = l("headers"), g = Rt(() => {
+    n({ name: "", value: "", active: !1 });
+  }, [n]);
+  ue(() => {
+    p.length === 0 && g();
+  }, [p, g]);
+  const w = (h) => {
     var x;
-    (x = d.current[g]) == null || x.focus();
-  }, p = (g) => {
-    m(), requestAnimationFrame(() => {
+    (x = c.current[h]) == null || x.focus();
+  }, j = (h) => {
+    g(), requestAnimationFrame(() => {
       var x;
-      return (x = r.current[g + 1]) == null ? void 0 : x.focus();
+      return (x = i.current[h + 1]) == null ? void 0 : x.focus();
     });
-  };
+  }, m = a.filter((h) => !p.some((x) => x.name === h.name)).map(({ name: h }) => h);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ e.jsx(K, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Ne, { children: a.map((g, x) => /* @__PURE__ */ e.jsxs(
-      "div",
-      {
-        className: "group grid col-span-full grid-cols-subgrid",
-        children: [
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 ", children: [
-            /* @__PURE__ */ e.jsx(
-              R,
-              {
-                control: t,
-                name: `headers.${x}.active`,
-                render: ({ field: f }) => /* @__PURE__ */ e.jsx(
-                  be,
-                  {
-                    variant: "outline",
-                    id: `headers.${x}.active`,
-                    checked: f.value,
-                    onCheckedChange: (l) => {
-                      f.onChange(l);
-                    }
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              R,
-              {
-                control: t,
-                name: `headers.${x}.name`,
-                render: ({ field: f }) => /* @__PURE__ */ e.jsx(
-                  me,
-                  {
-                    ...f,
-                    placeholder: "Name",
-                    className: "border-0 shadow-none bg-transparent text-xs font-mono",
-                    options: Pa,
-                    onEnterPress: () => c(x),
-                    onChange: (l) => {
-                      f.onChange(l), i(`headers.${x}.active`, !0);
-                    },
-                    ref: (l) => {
-                      r.current[x] = l;
-                    }
+    /* @__PURE__ */ e.jsx(X, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Ce, { children: s.map((h, x) => {
+      const y = a.find(
+        (v) => v.name === l(`headers.${x}.name`)
+      );
+      return /* @__PURE__ */ e.jsxs(Te, { children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 ", children: [
+          /* @__PURE__ */ e.jsx(
+            O,
+            {
+              control: t,
+              name: `headers.${x}.active`,
+              render: ({ field: v }) => /* @__PURE__ */ e.jsx(
+                Ne,
+                {
+                  variant: "outline",
+                  id: `headers.${x}.active`,
+                  checked: v.value,
+                  onCheckedChange: (N) => {
+                    v.onChange(N);
                   }
-                )
-              }
-            )
-          ] }),
-          /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ e.jsx(
-              R,
-              {
-                control: t,
-                name: `headers.${x}.value`,
-                render: ({ field: f }) => /* @__PURE__ */ e.jsx(
-                  fe,
-                  {
-                    placeholder: "Value",
-                    className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
-                    ...f,
-                    ref: (l) => {
-                      d.current[x] = l;
-                    },
-                    onKeyDown: (l) => {
-                      l.key === "Enter" && l.currentTarget.value.trim() && p(x);
-                    },
-                    autoComplete: "off"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            O,
+            {
+              control: t,
+              name: `headers.${x}.name`,
+              render: ({ field: v }) => /* @__PURE__ */ e.jsx(
+                W,
+                {
+                  ...v,
+                  placeholder: "Name",
+                  className: "border-0 shadow-none bg-transparent text-xs font-mono",
+                  options: [...m, ...Ra],
+                  onEnterPress: () => w(x),
+                  onChange: (N) => {
+                    v.onChange(N), d(`headers.${x}.active`, !0);
+                  },
+                  ref: (N) => {
+                    i.current[x] = N;
                   }
-                )
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              _,
-              {
-                size: "icon",
-                variant: "ghost",
-                className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
-                onClick: () => {
-                  n(x);
-                },
-                type: "button",
-                children: /* @__PURE__ */ e.jsx(jt, { size: 16 })
-              }
-            )
-          ] })
-        ]
-      },
-      g.name
-    )) }) }),
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e.jsx(
+            O,
+            {
+              control: t,
+              name: `headers.${x}.value`,
+              render: ({ field: v }) => (y == null ? void 0 : y.enum) && y.enum.length > 0 ? /* @__PURE__ */ e.jsx(
+                W,
+                {
+                  shouldFilter: !1,
+                  value: v.value,
+                  options: y.enum ?? [],
+                  onChange: (C) => {
+                    v.onChange(C), d(`headers.${x}.active`, !0);
+                  },
+                  className: "font-mono text-xs border-0"
+                }
+              ) : /* @__PURE__ */ e.jsx(
+                ge,
+                {
+                  placeholder: "Value",
+                  className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
+                  ...v,
+                  ref: (C) => {
+                    c.current[x] = C;
+                  },
+                  onKeyDown: (C) => {
+                    C.key === "Enter" && C.currentTarget.value.trim() && j(x);
+                  },
+                  autoComplete: "off"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            _,
+            {
+              size: "icon",
+              variant: "ghost",
+              className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
+              onClick: () => o(x),
+              type: "button",
+              children: /* @__PURE__ */ e.jsx(bt, { size: 16 })
+            }
+          )
+        ] })
+      ] }, h.id);
+    }) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "text-end", children: /* @__PURE__ */ e.jsx(
       _,
       {
         className: "",
-        onClick: m,
+        onClick: g,
         type: "button",
         variant: "secondary",
         children: "Add header"
       }
     ) })
   ] });
-}, Ra = ({
+}, Oa = ({
   control: t
 }) => {
-  const { fields: a } = ue({
+  const { fields: a } = pe({
     control: t,
     name: "pathParams"
   });
-  return /* @__PURE__ */ e.jsx(K, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(Ne, { children: a.map((s, n) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  return /* @__PURE__ */ e.jsx(X, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(Ce, { children: a.map((s, n) => /* @__PURE__ */ e.jsxs(Te, { children: [
     /* @__PURE__ */ e.jsx(
-      R,
+      O,
       {
         control: t,
         name: `pathParams.${n}.name`,
-        render: () => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          Ke,
+        render: () => /* @__PURE__ */ e.jsx("div", { className: "flex items-center", children: /* @__PURE__ */ e.jsx(
+          Ye,
           {
             slug: s.name,
             name: s.name,
@@ -1028,117 +1058,117 @@ const Ta = ({
       }
     ),
     /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
-      R,
+      O,
       {
         control: t,
         name: `pathParams.${n}.value`,
-        render: ({ field: i }) => /* @__PURE__ */ e.jsx(
-          fe,
+        render: ({ field: o }) => /* @__PURE__ */ e.jsx(
+          ge,
           {
-            ...i,
+            ...o,
             required: !0,
             placeholder: "Enter value",
-            className: "w-full border-0 shadow-none text-xs font-mono hover:bg-accent"
+            className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0"
           }
         )
       }
     ) })
-  ] })) }) });
-}, Oa = it(
+  ] }, s.id)) }) });
+}, Ea = we(
   "input",
   "px-2 bg-transparent h-6 font-mono text-xs m-2"
-), Ia = ({
+), Aa = ({
   control: t,
   queryParams: a
 }) => {
-  const { fields: s } = ue({
+  const { fields: s } = pe({
     control: t,
     name: "queryParams"
-  }), n = pe(), i = a.map((d) => !!d.isRequired);
-  return /* @__PURE__ */ e.jsx(K, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("div", { className: "w-full ", children: s.map((d, r) => {
-    const m = a.find(
-      (c) => c.name === d.name
+  }), n = he(), o = a.map((d) => !!d.isRequired);
+  return /* @__PURE__ */ e.jsx(X, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("div", { className: "w-full ", children: /* @__PURE__ */ e.jsx(Ce, { children: s.map((d, l) => {
+    const c = a.find(
+      (i) => i.name === n.watch(`queryParams.${l}.name`)
     );
-    return /* @__PURE__ */ e.jsxs(Ne, { children: [
-      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
+    return /* @__PURE__ */ e.jsxs(Te, { children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
-          R,
+          O,
           {
             control: t,
-            name: `queryParams.${r}.active`,
-            render: ({ field: c }) => /* @__PURE__ */ e.jsx(
-              be,
+            name: `queryParams.${l}.active`,
+            render: ({ field: i }) => /* @__PURE__ */ e.jsx(
+              Ne,
               {
                 variant: "outline",
-                id: `queryParams.${r}.active`,
+                id: `queryParams.${l}.active`,
                 className: "mr-2",
-                checked: c.value,
-                onCheckedChange: c.onChange
+                checked: i.value,
+                onCheckedChange: i.onChange
               }
             )
           }
         ),
         /* @__PURE__ */ e.jsx(
-          R,
+          O,
           {
             control: t,
-            render: ({ field: c }) => i[r] ? /* @__PURE__ */ e.jsx(Oa, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+            render: ({ field: i }) => o[l] ? /* @__PURE__ */ e.jsx(Ea, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
               "label",
               {
                 className: "flex items-center cursor-pointer gap-1",
-                htmlFor: `queryParams.${r}.active`,
-                title: i[r] ? "Required field" : void 0,
+                htmlFor: `queryParams.${l}.active`,
+                title: o[l] ? "Required field" : void 0,
                 children: [
-                  c.value,
-                  i[r] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
+                  i.value,
+                  o[l] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
                 ]
               }
             ) }) : /* @__PURE__ */ e.jsx(
-              me,
+              W,
               {
-                value: c.value,
+                value: i.value,
                 options: a.map((p) => p.name),
                 onChange: (p) => {
-                  c.onChange(p);
+                  i.onChange(p);
                 },
                 className: "border-0 font-mono text-xs bg-transparent hover:bg-transparent"
               }
             ),
-            name: `queryParams.${r}.name`
+            name: `queryParams.${l}.name`
           }
         )
-      ] }),
+      ] }, d.id),
       /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
-        R,
+        O,
         {
           control: t,
-          render: ({ field: c }) => (m == null ? void 0 : m.enum) && m.enum.length > 0 ? /* @__PURE__ */ e.jsx(
-            me,
+          render: ({ field: i }) => (c == null ? void 0 : c.enum) && c.enum.length > 0 ? /* @__PURE__ */ e.jsx(
+            W,
             {
-              value: c.value,
-              options: m.enum ?? [],
+              value: i.value,
+              options: c.enum ?? [],
               onChange: (g) => {
-                c.onChange(g), n.setValue(`queryParams.${r}.active`, !0);
+                i.onChange(g), n.setValue(`queryParams.${l}.active`, !0);
               },
               className: "font-mono text-xs border-0 ring-1 ring-ring"
             }
           ) : /* @__PURE__ */ e.jsx(
-            fe,
+            ge,
             {
-              ...c,
+              ...i,
               onChange: (g) => {
-                c.onChange(g.target.value), g.target.value.length > 0 && n.setValue(`queryParams.${r}.active`, !0);
+                i.onChange(g.target.value), g.target.value.length > 0 && n.setValue(`queryParams.${l}.active`, !0);
               },
               placeholder: "Enter value",
-              className: "w-full border-0 shadow-none text-xs font-mono"
+              className: "w-full border-0 shadow-none focus-visible:ring-0 text-xs font-mono"
             }
           ),
-          name: `queryParams.${r}.value`
+          name: `queryParams.${l}.value`
         }
       ) })
     ] }, d.id);
-  }) }) });
-}, T = {
+  }) }) }) });
+}, P = {
   green: "text-green-600",
   blue: "text-sky-600",
   yellow: "text-yellow-600",
@@ -1146,45 +1176,45 @@ const Ta = ({
   purple: "text-purple-600",
   indigo: "text-indigo-600",
   gray: "text-gray-600"
-}, Ea = {
-  get: T.green,
-  post: T.blue,
-  put: T.yellow,
-  delete: T.red,
-  patch: T.purple,
-  options: T.indigo,
-  head: T.gray,
-  trace: T.gray
-}, Aa = (t) => Ea[t.toLocaleLowerCase()] ?? T.gray, qa = ({
+}, qa = {
+  get: P.green,
+  post: P.blue,
+  put: P.yellow,
+  delete: P.red,
+  patch: P.purple,
+  options: P.indigo,
+  head: P.gray,
+  trace: P.gray
+}, Da = (t) => qa[t.toLocaleLowerCase()] ?? P.gray, La = ({
   method: t,
   url: a,
   headers: s,
   body: n
 }) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 font-mono text-xs", children: [
   /* @__PURE__ */ e.jsxs("div", { className: "gap-2 p-2 bg-muted rounded-md", children: [
-    /* @__PURE__ */ e.jsx("span", { className: u(Aa(t), "font-semibold"), children: t }),
+    /* @__PURE__ */ e.jsx("span", { className: u(Da(t), "font-semibold"), children: t }),
     " ",
     /* @__PURE__ */ e.jsx("span", { className: "break-all", children: a }),
     " ",
     /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "HTTP/1.1" })
   ] }),
   /* @__PURE__ */ e.jsxs("div", { className: "mx-1.5 flex flex-col gap-3", children: [
-    /* @__PURE__ */ e.jsxs(Ae, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(qe, { className: "flex items-center gap-2 hover:text-primary group", children: [
+    /* @__PURE__ */ e.jsxs(Le, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(Ve, { className: "flex items-center gap-2 hover:text-primary group", children: [
         /* @__PURE__ */ e.jsx(z, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Headers" })
       ] }),
-      /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2", children: s.map(([i, d]) => /* @__PURE__ */ e.jsxs(k, { children: [
-        /* @__PURE__ */ e.jsx("div", { className: "text-primary", children: i }),
+      /* @__PURE__ */ e.jsx(Fe, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2", children: s.map(([o, d]) => /* @__PURE__ */ e.jsxs(I, { children: [
+        /* @__PURE__ */ e.jsx("div", { className: "text-primary", children: o }),
         /* @__PURE__ */ e.jsx("div", { className: "break-words", children: d })
-      ] }, i)) }) })
+      ] }, o)) }) })
     ] }),
-    /* @__PURE__ */ e.jsxs(Ae, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(qe, { className: "flex items-center gap-2 hover:text-primary group", children: [
+    /* @__PURE__ */ e.jsxs(Le, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(Ve, { className: "flex items-center gap-2 hover:text-primary group", children: [
         /* @__PURE__ */ e.jsx(z, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Body" })
       ] }),
-      /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(Fe, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
         "div",
         {
           className: u(
@@ -1196,29 +1226,29 @@ const Ta = ({
       ) }) })
     ] })
   ] })
-] }), Ve = ge.Root, Fe = ge.CollapsibleTrigger, ze = ge.CollapsibleContent;
-function we(t) {
+] }), He = ye.Root, Ge = ye.CollapsibleTrigger, Be = ye.CollapsibleContent;
+function $e(t) {
   if (t === null) return "null";
   if (Array.isArray(t)) {
     if (t.length === 0) return "any[]";
     const a = t[0];
-    return a === void 0 ? "any[]" : `${we(a)}[]`;
+    return a === void 0 ? "any[]" : `${$e(a)}[]`;
   }
-  return typeof t == "object" ? Da(t) : typeof t;
+  return typeof t == "object" ? Va(t) : typeof t;
 }
-function Da(t, a = "") {
+function Va(t, a = "") {
   const s = ["{"];
-  for (const [n, i] of Object.entries(t)) {
-    const d = we(i);
+  for (const [n, o] of Object.entries(t)) {
+    const d = $e(o);
     s.push(`  ${n}: ${d};`);
   }
   return s.push("}"), s.join(`
 `);
 }
-function La(t) {
-  return { lines: [`type GeneratedType = ${we(t)};`] };
+function Fa(t) {
+  return { lines: [`type GeneratedType = ${$e(t)};`] };
 }
-const Va = {
+const za = {
   200: "OK",
   201: "Created",
   202: "Accepted",
@@ -1229,7 +1259,7 @@ const Va = {
   404: "Not Found",
   405: "Method Not Allowed",
   500: "Internal Server Error"
-}, Fa = (t) => {
+}, Ha = (t) => {
   var s;
   return (s = Object.entries({
     "application/json": "json",
@@ -1242,17 +1272,17 @@ const Va = {
   }).find(
     ([n]) => t.includes(n)
   )) == null ? void 0 : s[1];
-}, za = (t) => {
+}, Ga = (t) => {
   var s;
-  const a = ((s = t.find(([n, i]) => n === "Content-Type")) == null ? void 0 : s[1]) || "";
-  return Fa(a);
-}, Ha = (t) => {
+  const a = ((s = t.find(([n, o]) => n === "Content-Type")) == null ? void 0 : s[1]) || "";
+  return Ha(a);
+}, Ba = (t) => {
   try {
     return JSON.stringify(JSON.parse(t), null, 2);
   } catch {
     return null;
   }
-}, Ba = (t) => {
+}, Ma = (t) => {
   const a = [
     "Content-Type",
     "Content-Length",
@@ -1263,58 +1293,58 @@ const Va = {
     "ETag"
   ].map((s) => s.toLowerCase());
   return [...t].sort(([s], [n]) => {
-    const i = a.indexOf(s.toLowerCase()), d = a.indexOf(n.toLowerCase());
-    return i === d ? 0 : i === -1 ? 1 : d === -1 ? -1 : i - d;
+    const o = a.indexOf(s.toLowerCase()), d = a.indexOf(n.toLowerCase());
+    return o === d ? 0 : o === -1 ? 1 : d === -1 ? -1 : o - d;
   });
-}, Ga = ({
+}, Ua = ({
   body: t = "",
   headers: a,
   status: s,
   time: n,
-  size: i,
+  size: o,
   url: d
 }) => {
-  var l;
-  const r = za(a), m = Ha(t), c = m || t, [p, g] = H(
-    m ? "formatted" : "raw"
-  ), x = Ft({
-    queryKey: ["types", c],
-    queryFn: async () => La(JSON.parse(c)),
+  var m;
+  const l = Ga(a), c = Ba(t), i = c || t, [p, g] = H(
+    c ? "formatted" : "raw"
+  ), w = Ht({
+    queryKey: ["types", i],
+    queryFn: async () => Fa(JSON.parse(i)),
     enabled: p === "types"
-  }), f = Ba([...a]);
+  }), j = Ma([...a]);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2 h-full overflow-y-scroll max-h-[calc(100vh-220px)] py-4", children: [
-    /* @__PURE__ */ e.jsxs(Ve, { defaultOpen: !0, children: [
-      /* @__PURE__ */ e.jsxs(Fe, { className: "flex items-center gap-2 hover:text-primary group", children: [
+    /* @__PURE__ */ e.jsxs(He, { defaultOpen: !0, children: [
+      /* @__PURE__ */ e.jsxs(Ge, { className: "flex items-center gap-2 hover:text-primary group", children: [
         /* @__PURE__ */ e.jsx(z, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
         /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Headers" })
       ] }),
-      /* @__PURE__ */ e.jsx(ze, { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2 font-mono text-xs", children: [
-        f.slice(0, 5).map(([v, C]) => /* @__PURE__ */ e.jsxs(k, { children: [
-          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: v }),
-          /* @__PURE__ */ e.jsx("div", { className: "break-all", children: C })
-        ] }, v)),
-        f.length > 5 && /* @__PURE__ */ e.jsxs(Ve, { className: "col-span-full grid-cols-subgrid grid", children: [
-          /* @__PURE__ */ e.jsxs(Fe, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
+      /* @__PURE__ */ e.jsx(Be, { children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2 font-mono text-xs", children: [
+        j.slice(0, 5).map(([h, x]) => /* @__PURE__ */ e.jsxs(I, { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: h }),
+          /* @__PURE__ */ e.jsx("div", { className: "break-all", children: x })
+        ] }, h)),
+        j.length > 5 && /* @__PURE__ */ e.jsxs(He, { className: "col-span-full grid-cols-subgrid grid", children: [
+          /* @__PURE__ */ e.jsxs(Ge, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [
             /* @__PURE__ */ e.jsx(z, { 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__ */ e.jsx(ze, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: f.slice(5).map(([v, C]) => /* @__PURE__ */ e.jsxs(k, { children: [
-            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: v }),
-            /* @__PURE__ */ e.jsx("div", { className: "break-all", children: C })
-          ] }, v)) })
+          /* @__PURE__ */ e.jsx(Be, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: j.slice(5).map(([h, x]) => /* @__PURE__ */ e.jsxs(I, { children: [
+            /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: h }),
+            /* @__PURE__ */ e.jsx("div", { className: "break-all", children: x })
+          ] }, h)) })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ e.jsx(xe, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
-      Mt,
+    /* @__PURE__ */ e.jsx(fe, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
+      Jt,
       {
-        language: p === "types" ? "typescript" : p === "raw" ? m ? "plain" : r : "json",
+        language: p === "types" ? "typescript" : p === "raw" ? c ? "plain" : l : "json",
         noBackground: !0,
         className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]",
-        code: (p === "raw" ? t : p === "types" ? (l = x.data) == null ? void 0 : l.lines.join(`
-`) : c) ?? ""
+        code: (p === "raw" ? t : p === "types" ? (m = w.data) == null ? void 0 : m.lines.join(`
+`) : i) ?? ""
       }
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 justify-between", children: [
@@ -1324,7 +1354,7 @@ const Va = {
           " ",
           s,
           " ",
-          Va[s] ?? ""
+          za[s] ?? ""
         ] }),
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Time" }),
@@ -1335,45 +1365,45 @@ const Va = {
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Size" }),
           " ",
-          i,
+          o,
           "B"
         ] })
       ] }),
-      m && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
-        Be,
+      c && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
+        Me,
         {
           value: p,
-          onValueChange: (v) => g(v),
+          onValueChange: (h) => g(h),
           children: [
-            /* @__PURE__ */ e.jsx(Ge, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(Ue, { placeholder: "View" }) }),
-            /* @__PURE__ */ e.jsxs(Me, { children: [
-              /* @__PURE__ */ e.jsx(U, { value: "formatted", children: "Formatted" }),
-              /* @__PURE__ */ e.jsx(U, { value: "raw", children: "Raw" }),
-              /* @__PURE__ */ e.jsx(U, { value: "types", children: "Types" })
+            /* @__PURE__ */ e.jsx(Ue, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(_e, { placeholder: "View" }) }),
+            /* @__PURE__ */ e.jsxs(Je, { children: [
+              /* @__PURE__ */ e.jsx(M, { value: "formatted", children: "Formatted" }),
+              /* @__PURE__ */ e.jsx(M, { value: "raw", children: "Raw" }),
+              /* @__PURE__ */ e.jsx(M, { value: "types", children: "Types" })
             ] })
           ]
         }
       ) })
     ] })
   ] });
-}, Ua = ({
+}, _a = ({
   queryMutation: t,
   showPathParamsWarning: a
 }) => {
   var n;
   const s = ((((n = t.data) == null ? void 0 : n.status) ?? 0) / 100).toFixed(0);
   return /* @__PURE__ */ e.jsx("div", { className: "min-w-0 p-8 bg-muted/70 overflow-y-auto", children: t.error ? /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    a && /* @__PURE__ */ e.jsx(Wt, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
-    /* @__PURE__ */ e.jsxs(xe, { children: [
-      /* @__PURE__ */ e.jsx(Ht, { children: /* @__PURE__ */ e.jsx(Bt, { children: "Request failed" }) }),
-      /* @__PURE__ */ e.jsxs(Gt, { children: [
+    a && /* @__PURE__ */ e.jsx(Kt, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
+    /* @__PURE__ */ e.jsxs(fe, { children: [
+      /* @__PURE__ */ e.jsx(Bt, { children: /* @__PURE__ */ e.jsx(Mt, { children: "Request failed" }) }),
+      /* @__PURE__ */ e.jsxs(Ut, { children: [
         "Error:",
         " ",
         t.error.message || String(t.error) || "Unexpected error"
       ] })
     ] })
-  ] }) : t.data ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsxs(Je, { defaultValue: "response", children: [
-    /* @__PURE__ */ e.jsxs(Qe, { children: [
+  ] }) : t.data ? /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ e.jsxs(We, { defaultValue: "response", children: [
+    /* @__PURE__ */ e.jsxs(Ze, { children: [
       /* @__PURE__ */ e.jsx(E, { value: "request", children: "Request" }),
       /* @__PURE__ */ e.jsxs(E, { value: "response", children: [
         "Response",
@@ -1396,9 +1426,9 @@ const Va = {
         )
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx(A, { value: "request", children: /* @__PURE__ */ e.jsx(qa, { ...t.data.request }) }),
+    /* @__PURE__ */ e.jsx(A, { value: "request", children: /* @__PURE__ */ e.jsx(La, { ...t.data.request }) }),
     /* @__PURE__ */ e.jsx(A, { value: "response", children: /* @__PURE__ */ e.jsx(
-      Ga,
+      Ua,
       {
         status: t.data.status,
         time: t.data.time,
@@ -1408,76 +1438,78 @@ const Va = {
         url: t.data.request.url
       }
     ) })
-  ] }) }) : /* @__PURE__ */ e.jsx("div", { className: "grid place-items-center h-full", children: /* @__PURE__ */ e.jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: t.isPending ? /* @__PURE__ */ e.jsx(_t, {}) : "Send a request first to see the response here" }) }) });
-}, Ma = ({
+  ] }) }) : /* @__PURE__ */ e.jsx("div", { className: "grid place-items-center h-full", children: /* @__PURE__ */ e.jsx("span", { className: "text-[16px] font-semibold text-muted-foreground", children: t.isPending ? /* @__PURE__ */ e.jsx(Qt, {}) : "Send a request first to see the response here" }) }) });
+}, Ja = ({
   identities: t,
   formRef: a,
   disabled: s
 }) => {
-  const { setValue: n } = pe(), [i, d] = H();
-  return t.length === 0 ? /* @__PURE__ */ e.jsx(M, { disabled: s, children: "Send" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+  const { setValue: n } = he(), [o, d] = H();
+  return t.length === 0 ? /* @__PURE__ */ e.jsx(U, { disabled: s, children: "Send" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
     /* @__PURE__ */ e.jsx(
-      M,
+      U,
       {
         className: "rounded-r-none inset-shadow-sm",
         disabled: s,
         onClick: () => {
-          var r;
-          return (r = a == null ? void 0 : a.current) == null ? void 0 : r.requestSubmit();
+          var l;
+          return (l = a == null ? void 0 : a.current) == null ? void 0 : l.requestSubmit();
         },
         children: "Send"
       }
     ),
-    /* @__PURE__ */ e.jsxs(Xe, { children: [
-      /* @__PURE__ */ e.jsx(Ye, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-        M,
+    /* @__PURE__ */ e.jsxs(et, { children: [
+      /* @__PURE__ */ e.jsx(tt, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+        U,
         {
           disabled: s,
           className: "rounded-l-none border-l border-border/40 inset-shadow-sm w-6",
           size: "icon",
-          children: /* @__PURE__ */ e.jsx(bt, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ e.jsx(Nt, { className: "w-4 h-4" })
         }
       ) }),
-      /* @__PURE__ */ e.jsx(ye, { value: i, children: /* @__PURE__ */ e.jsx(ve, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: F, label: "None" }, ...t].map(
-        (r) => /* @__PURE__ */ e.jsxs(
-          je,
+      /* @__PURE__ */ e.jsx(ve, { value: o, children: /* @__PURE__ */ e.jsx(je, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: F, label: "None" }, ...t].map(
+        (l) => /* @__PURE__ */ e.jsxs(
+          be,
           {
             onClick: () => {
-              var m;
-              d(r.id), n("identity", r.id), (m = a == null ? void 0 : a.current) == null || m.requestSubmit();
+              var c;
+              d(l.id), n("identity", l.id), (c = a == null ? void 0 : a.current) == null || c.requestSubmit();
             },
-            onMouseEnter: () => d(r.id),
+            onMouseEnter: () => d(l.id),
             onMouseLeave: () => d(void 0),
             children: [
-              /* @__PURE__ */ e.jsx(Q, { value: r.id, className: "mr-2" }),
-              r.label
+              /* @__PURE__ */ e.jsx(Q, { value: l.id, className: "mr-2" }),
+              l.label
             ]
           },
-          r.id
+          l.id
         )
       ) }) })
     ] })
   ] });
-}, F = "__none", _a = ({
+}, F = "__none", Qa = ({
   server: t,
-  servers: a,
+  servers: a = [],
   url: s,
   method: n,
-  headers: i = [],
+  headers: o = [],
   queryParams: d = [],
-  pathParams: r = [],
-  defaultBody: m = "",
-  examples: c
+  pathParams: l = [],
+  defaultBody: c = "",
+  examples: i
 }) => {
-  var Pe, ke, Re;
-  const { selectedServer: p, setSelectedServer: g } = Vt(), [, x] = kt(), { register: f, control: l, handleSubmit: v, watch: C, setValue: N, ...$ } = Dt({
+  var Ie, Oe, Ee;
+  const { selectedServer: p, setSelectedServer: g } = zt(
+    a.map((r) => ({ url: r }))
+  ), [, w] = It(), { register: j, control: m, handleSubmit: h, watch: x, setValue: y, ...v } = Vt({
     defaultValues: {
-      body: m,
-      queryParams: d.map((o) => ({
-        name: o.name,
-        value: o.defaultValue ?? "",
-        active: o.defaultActive ?? !1,
-        enum: o.enum ?? []
+      body: c,
+      queryParams: d.map((r) => ({
+        name: r.name,
+        value: r.defaultValue ?? "",
+        active: r.defaultActive ?? !1,
+        enum: r.enum ?? []
       })).concat([
         {
           name: "",
@@ -1486,14 +1518,14 @@ const Va = {
           enum: []
         }
       ]),
-      pathParams: r.map((o) => ({
-        name: o.name,
-        value: o.defaultValue ?? ""
+      pathParams: l.map((r) => ({
+        name: r.name,
+        value: r.defaultValue ?? ""
       })),
-      headers: i.map((o) => ({
-        name: o.name,
-        value: o.defaultValue ?? "",
-        active: o.defaultActive ?? !1
+      headers: o.map((r) => ({
+        name: r.name,
+        value: r.defaultValue ?? "",
+        active: r.defaultActive ?? !1
       })).concat([
         {
           name: "",
@@ -1503,169 +1535,169 @@ const Va = {
       ]),
       identity: F
     }
-  }), S = C(), O = zt(), Ce = q(!1);
-  He(() => {
-    var P;
-    if (Ce.current) return;
-    const o = (P = O.data) == null ? void 0 : P.at(0);
-    o && (N("identity", o.id), Ce.current = !0);
-  }, [N, O.data]);
-  const $e = q(null), Se = qt({
-    mutationFn: async (o) => {
-      var G, L;
-      const P = performance.now(), w = new Request(
-        da(p ?? t, s, o),
+  }), N = x(), C = Gt(), Se = q(!1);
+  ue(() => {
+    var k;
+    if (Se.current) return;
+    const r = (k = C.data) == null ? void 0 : k.at(0);
+    r && (y("identity", r.id), Se.current = !0);
+  }, [y, C.data]);
+  const Pe = q(null), ke = Lt({
+    mutationFn: async (r) => {
+      var B, L;
+      const k = performance.now(), S = new Request(
+        ma(p ?? t, s, r),
         {
           method: n.toUpperCase(),
           headers: Object.fromEntries(
-            o.headers.filter((j) => j.name && j.active).map((j) => [j.name, j.value])
+            r.headers.filter((T) => T.name && T.active).map((T) => [T.name, T.value])
           ),
-          body: o.body ? o.body : void 0
+          body: r.body ? r.body : void 0
         }
       );
-      o.identity !== F && ((L = (G = O.data) == null ? void 0 : G.find((j) => j.id === o.identity)) == null || L.authorizeRequest(w));
+      r.identity !== F && ((L = (B = C.data) == null ? void 0 : B.find((T) => T.id === r.identity)) == null || L.authorizeRequest(S));
       try {
-        const j = await fetch(w, {
+        const T = await fetch(S, {
           signal: AbortSignal.timeout(5e3)
-        }), ct = performance.now() - P, Oe = await j.text(), mt = new URL(w.url);
+        }), mt = performance.now() - k, Ae = await T.text(), ut = new URL(S.url);
         return {
-          status: j.status,
-          headers: Array.from(j.headers.entries()),
-          size: Oe.length,
-          body: Oe,
-          time: ct,
+          status: T.status,
+          headers: Array.from(T.headers.entries()),
+          size: Ae.length,
+          body: Ae,
+          time: mt,
           request: {
-            method: w.method.toUpperCase(),
-            url: w.url,
+            method: S.method.toUpperCase(),
+            url: S.url,
             headers: [
-              ["Host", mt.host],
+              ["Host", ut.host],
               ["User-Agent", "Zudoku Playground"],
-              ...Array.from(w.headers.entries())
+              ...Array.from(S.headers.entries())
             ],
-            body: o.body ? o.body : void 0
+            body: r.body ? r.body : void 0
           }
         };
-      } catch (j) {
-        throw j instanceof TypeError ? new Error(
+      } catch (T) {
+        throw T instanceof TypeError ? new Error(
           "The request failed, possibly due to network issues or CORS policy."
-        ) : j;
+        ) : T;
       }
     }
-  }), lt = /* @__PURE__ */ e.jsx(
-    oa,
+  }), dt = /* @__PURE__ */ e.jsx(
+    ia,
     {
       path: s,
-      renderParam: ({ name: o, originalValue: P, index: w }) => {
+      renderParam: ({ name: r, originalValue: k, index: S }) => {
         var L;
-        const G = (L = S.pathParams.find(
-          (j) => j.name === o
+        const B = (L = N.pathParams.find(
+          (T) => T.name === r
         )) == null ? void 0 : L.value;
         return /* @__PURE__ */ e.jsx(
-          Ke,
+          Ye,
           {
-            name: o,
+            name: r,
             backgroundOpacity: "0",
-            slug: o,
-            onClick: () => $.setFocus(`pathParams.${w}.value`),
-            children: G || P
+            slug: r,
+            onClick: () => v.setFocus(`pathParams.${S}.value`),
+            children: B || k
           }
         );
       }
     }
-  ), Te = S.queryParams.filter((o) => o.active).map((o, P, w) => /* @__PURE__ */ e.jsxs(k, { children: [
-    o.name,
+  ), Re = N.queryParams.filter((r) => r.active).map((r, k, S) => /* @__PURE__ */ e.jsxs(I, { children: [
+    r.name,
     "=",
-    encodeURIComponent(o.value).replaceAll("%20", "+"),
-    P < w.length - 1 && "&",
+    encodeURIComponent(r.value).replaceAll("%20", "+"),
+    k < S.length - 1 && "&",
     /* @__PURE__ */ e.jsx("wbr", {})
-  ] }, o.name)), dt = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: a && a.length > 1 ? /* @__PURE__ */ e.jsxs(
-    Be,
+  ] }, r.name)), ct = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: a && a.length > 1 ? /* @__PURE__ */ e.jsxs(
+    Me,
     {
-      onValueChange: (o) => {
-        x(() => g(o));
+      onValueChange: (r) => {
+        w(() => g(r));
       },
       value: p,
       defaultValue: p,
       children: [
-        /* @__PURE__ */ e.jsx(Ge, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(Ue, {}) }),
-        /* @__PURE__ */ e.jsx(Me, { children: a.map((o) => /* @__PURE__ */ e.jsx(U, { value: o, children: o.replace(/^https?:\/\//, "") }, o)) })
+        /* @__PURE__ */ e.jsx(Ue, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(_e, {}) }),
+        /* @__PURE__ */ e.jsx(Je, { children: a.map((r) => /* @__PURE__ */ e.jsx(M, { value: r, children: r.replace(/^https?:\/\//, "") }, r)) })
       ]
     }
   ) : /* @__PURE__ */ e.jsx("span", { children: t.replace(/^https?:\/\//, "") }) });
   return /* @__PURE__ */ e.jsx(
-    Lt,
+    Ft,
     {
-      register: f,
-      control: l,
-      handleSubmit: v,
-      watch: C,
-      setValue: N,
-      ...$,
+      register: j,
+      control: m,
+      handleSubmit: h,
+      watch: x,
+      setValue: y,
+      ...v,
       children: /* @__PURE__ */ e.jsx(
         "form",
         {
-          onSubmit: v((o) => Se.mutateAsync(o)),
-          ref: $e,
+          onSubmit: h((r) => ke.mutateAsync(r)),
+          ref: Pe,
           children: /* @__PURE__ */ e.jsxs("div", { className: "grid grid-cols-2 text-sm h-full", children: [
             /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 p-4 after:bg-muted-foreground/20 relative after:absolute after:w-px after:inset-0 after:left-auto", children: [
               /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 items-stretch", children: [
                 /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 items-center w-full border rounded-md", children: [
                   /* @__PURE__ */ e.jsx("div", { className: "border-r p-2 bg-muted rounded-l-md self-stretch font-semibold font-mono flex items-center", children: n.toUpperCase() }),
                   /* @__PURE__ */ e.jsxs("div", { className: "items-center p-2 font-mono text-xs break-words", children: [
+                    ct,
                     dt,
-                    lt,
-                    Te.length > 0 ? "?" : "",
-                    Te
+                    Re.length > 0 ? "?" : "",
+                    Re
                   ] })
                 ] }),
                 /* @__PURE__ */ e.jsx(
-                  Ma,
+                  Ja,
                   {
-                    identities: O.data ?? [],
-                    formRef: $e,
-                    disabled: $.formState.isSubmitting
+                    identities: C.data ?? [],
+                    formRef: Pe,
+                    disabled: v.formState.isSubmitting
                   }
                 )
               ] }),
-              /* @__PURE__ */ e.jsxs(Je, { defaultValue: "parameters", children: [
-                /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1 justify-between", children: /* @__PURE__ */ e.jsxs(Qe, { children: [
+              /* @__PURE__ */ e.jsxs(We, { defaultValue: "parameters", children: [
+                /* @__PURE__ */ e.jsx("div", { className: "flex flex-wrap gap-1 justify-between", children: /* @__PURE__ */ e.jsxs(Ze, { children: [
                   /* @__PURE__ */ e.jsxs(E, { value: "parameters", children: [
                     "Parameters",
-                    (S.pathParams.some((o) => o.value !== "") || S.queryParams.some((o) => o.active)) && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    (N.pathParams.some((r) => r.value !== "") || N.queryParams.some((r) => r.active)) && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
                   ] }),
                   /* @__PURE__ */ e.jsxs(E, { value: "headers", children: [
                     "Headers",
-                    S.headers.filter((o) => o.active).length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    N.headers.filter((r) => r.active).length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
                   ] }),
                   /* @__PURE__ */ e.jsxs(E, { value: "auth", children: [
                     "Auth",
-                    S.identity !== F && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    N.identity !== F && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
                   ] }),
                   /* @__PURE__ */ e.jsx(E, { value: "body", children: "Body" })
                 ] }) }),
-                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(ka, { control: l }) }),
+                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(Ia, { control: m, headers: o }) }),
                 /* @__PURE__ */ e.jsxs(A, { value: "parameters", children: [
-                  r.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                  l.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
                     /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Path Parameters" }),
-                    /* @__PURE__ */ e.jsx(Ra, { control: l })
+                    /* @__PURE__ */ e.jsx(Oa, { control: m })
                   ] }),
                   /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
                     /* @__PURE__ */ e.jsx("span", { className: "font-semibold", children: "Query Parameters" }),
-                    /* @__PURE__ */ e.jsx(Ia, { control: l, queryParams: d })
+                    /* @__PURE__ */ e.jsx(Aa, { control: m, queryParams: d })
                   ] })
                 ] }),
                 /* @__PURE__ */ e.jsxs(A, { value: "body", children: [
                   !["POST", "PUT", "PATCH", "DELETE"].includes(
                     n.toUpperCase()
-                  ) && /* @__PURE__ */ e.jsxs(le, { className: "mb-2", children: [
-                    /* @__PURE__ */ e.jsx(Ee, { className: "w-4 h-4" }),
-                    /* @__PURE__ */ e.jsx(de, { children: "Body" }),
-                    /* @__PURE__ */ e.jsx(ce, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })
+                  ) && /* @__PURE__ */ e.jsxs(de, { className: "mb-2", children: [
+                    /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ e.jsx(ce, { children: "Body" }),
+                    /* @__PURE__ */ e.jsx(me, { children: "Body is only supported for POST, PUT, PATCH, and DELETE requests" })
                   ] }),
                   /* @__PURE__ */ e.jsx(
-                    Ze,
+                    Xe,
                     {
-                      ...f("body"),
+                      ...j("body"),
                       className: u(
                         "border w-full rounded-lg p-2 bg-muted h-40 font-mono",
                         !["POST", "PUT", "PATCH", "DELETE"].includes(
@@ -1680,28 +1712,28 @@ const Va = {
                       )
                     }
                   ),
-                  c && /* @__PURE__ */ e.jsx(
-                    xa,
+                  i && /* @__PURE__ */ e.jsx(
+                    ga,
                     {
-                      examples: c,
-                      onSelect: (o) => N("body", JSON.stringify(o.value, null, 2))
+                      examples: i,
+                      onSelect: (r) => y("body", JSON.stringify(r.value, null, 2))
                     }
                   )
                 ] }),
                 /* @__PURE__ */ e.jsx(A, { value: "auth", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                  ((Pe = O.data) == null ? void 0 : Pe.length) === 0 && /* @__PURE__ */ e.jsxs(le, { children: [
-                    /* @__PURE__ */ e.jsx(Ee, { className: "w-4 h-4" }),
-                    /* @__PURE__ */ e.jsx(de, { children: "Authentication" }),
-                    /* @__PURE__ */ e.jsx(ce, { children: "No identities found. Please create an identity first." })
+                  ((Ie = C.data) == null ? void 0 : Ie.length) === 0 && /* @__PURE__ */ e.jsxs(de, { children: [
+                    /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
+                    /* @__PURE__ */ e.jsx(ce, { children: "Authentication" }),
+                    /* @__PURE__ */ e.jsx(me, { children: "No identities found. Please create an identity first." })
                   ] }),
-                  /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e.jsx(xe, { className: "w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(
-                    ye,
+                  /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center gap-2", children: /* @__PURE__ */ e.jsx(fe, { className: "w-full overflow-hidden", children: /* @__PURE__ */ e.jsxs(
+                    ve,
                     {
-                      onValueChange: (o) => N("identity", o),
-                      value: S.identity,
-                      defaultValue: S.identity,
+                      onValueChange: (r) => y("identity", r),
+                      value: N.identity,
+                      defaultValue: N.identity,
                       className: "gap-0",
-                      disabled: ((ke = O.data) == null ? void 0 : ke.length) === 0,
+                      disabled: ((Oe = C.data) == null ? void 0 : Oe.length) === 0,
                       children: [
                         /* @__PURE__ */ e.jsxs(
                           V,
@@ -1714,7 +1746,7 @@ const Va = {
                             ]
                           }
                         ),
-                        (Re = O.data) == null ? void 0 : Re.map((o) => /* @__PURE__ */ e.jsxs(
+                        (Ee = C.data) == null ? void 0 : Ee.map((r) => /* @__PURE__ */ e.jsxs(
                           V,
                           {
                             className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
@@ -1722,15 +1754,15 @@ const Va = {
                               /* @__PURE__ */ e.jsx(
                                 Q,
                                 {
-                                  value: o.id,
-                                  id: o.id,
-                                  children: o.label
+                                  value: r.id,
+                                  id: r.id,
+                                  children: r.label
                                 }
                               ),
-                              /* @__PURE__ */ e.jsx(V, { htmlFor: o.id, className: "ml-2", children: o.label })
+                              /* @__PURE__ */ e.jsx(V, { htmlFor: r.id, className: "ml-2", children: r.label })
                             ]
                           },
-                          o.id
+                          r.id
                         ))
                       ]
                     }
@@ -1739,11 +1771,11 @@ const Va = {
               ] })
             ] }),
             /* @__PURE__ */ e.jsx(
-              Ua,
+              _a,
               {
-                queryMutation: Se,
-                showPathParamsWarning: S.pathParams.some(
-                  (o) => o.value === ""
+                queryMutation: ke,
+                showPathParamsWarning: N.pathParams.some(
+                  (r) => r.value === ""
                 )
               }
             )
@@ -1752,7 +1784,7 @@ const Va = {
       )
     }
   );
-}, Ja = ({
+}, Wa = ({
   className: t,
   size: a = 16
 }) => /* @__PURE__ */ e.jsx(
@@ -1773,33 +1805,33 @@ const Va = {
       }
     )
   }
-), Qa = (t) => {
+), Za = (t) => {
   const [a, s] = H(!1);
-  return /* @__PURE__ */ e.jsxs(Ot, { onOpenChange: (n) => s(n), children: [
-    /* @__PURE__ */ e.jsx(It, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ e.jsxs(Et, { onOpenChange: (n) => s(n), children: [
+    /* @__PURE__ */ e.jsx(At, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.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-sm hover:bg-primary/80",
         children: [
           "Test",
-          /* @__PURE__ */ e.jsx(Ja, { size: 14 })
+          /* @__PURE__ */ e.jsx(Wa, { size: 14 })
         ]
       }
     ) }),
     /* @__PURE__ */ e.jsxs(
-      Et,
+      qt,
       {
         className: "max-w-screen-xl w-full h-5/6 overflow-hidden p-0",
         "aria-describedby": void 0,
         children: [
-          /* @__PURE__ */ e.jsx(Pt, { children: /* @__PURE__ */ e.jsx(At, { children: "Playground" }) }),
-          a && /* @__PURE__ */ e.jsx(_a, { ...t })
+          /* @__PURE__ */ e.jsx(kt, { children: /* @__PURE__ */ e.jsx(Dt, { children: "Playground" }) }),
+          a && /* @__PURE__ */ e.jsx(Qa, { ...t })
         ]
       }
     )
   ] });
-}, Wa = We(`
+}, Ka = Ke(`
   query GetCategories($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
       url
@@ -1808,15 +1840,21 @@ const Va = {
       }
     }
   }
-`), Za = We(`
-  query GetOperations(
-    $input: JSON!
-    $type: SchemaType!
-    $tag: String
-    $untagged: Boolean
-  ) {
+`), Xa = Ke(`
+  query GetOperations($input: JSON!, $type: SchemaType!, $tag: String) {
     schema(input: $input, type: $type) {
-      operations(tag: $tag, untagged: $untagged) {
+      operations(tag: $tag) {
+        slug
+        deprecated
+        method
+        summary
+        operationId
+        path
+        tags {
+          name
+        }
+      }
+      untagged: operations(untagged: true) {
         slug
         deprecated
         method
@@ -1826,7 +1864,7 @@ const Va = {
       }
     }
   }
-`), Ka = {
+`), Ya = {
   get: "green",
   post: "blue",
   put: "yellow",
@@ -1834,8 +1872,8 @@ const Va = {
   patch: "purple",
   options: "gray",
   head: "gray"
-}, oe = "~endpoints", $s = (t) => {
-  const a = I(t.navigationId ?? "/reference"), s = t.type === "file" ? Object.keys(t.input) : [], n = new Kt(t);
+}, le = "~endpoints", Ss = (t) => {
+  const a = R(t.navigationId ?? "/reference"), s = t.type === "file" ? Object.keys(t.input) : [], n = new Yt(t);
   return {
     getHead: () => {
       if (t.type === "url" && !t.skipPreload)
@@ -1853,16 +1891,16 @@ const Va = {
     },
     getMdxComponents: () => ({
       OpenPlaygroundButton: ({
-        requireAuth: i,
+        requireAuth: o,
         server: d,
-        method: r,
-        url: m,
-        ...c
+        method: l,
+        url: c,
+        ...i
       }) => {
         const p = St();
         if (!d)
           throw new Error("Server is required");
-        return i && !p.isAuthenticated ? /* @__PURE__ */ e.jsxs(
+        return o && !p.isAuthenticated ? /* @__PURE__ */ e.jsxs(
           _,
           {
             className: "gap-2 items-center",
@@ -1870,90 +1908,109 @@ const Va = {
             onClick: p.login,
             children: [
               "Login to open in Playground ",
-              /* @__PURE__ */ e.jsx(Nt, { size: 16 })
+              /* @__PURE__ */ e.jsx(wt, { size: 16 })
             ]
           }
         ) : /* @__PURE__ */ e.jsx(
-          Qa,
+          Za,
           {
-            url: m ?? "/",
-            method: r ?? "get",
+            url: c ?? "/",
+            method: l ?? "get",
             server: d,
-            ...c,
+            ...i,
             children: /* @__PURE__ */ e.jsxs(_, { className: "gap-2 items-center", variant: "outline", children: [
               "Open in Playground ",
-              /* @__PURE__ */ e.jsx(wt, { size: 16 })
+              /* @__PURE__ */ e.jsx(Ct, { size: 16 })
             ] })
           }
         );
       }
     }),
-    getSidebar: async (i) => {
+    getSidebar: async (o) => {
       var d;
-      if (!Ct({ path: a, end: !1 }, i))
+      if (!Tt({ path: a, end: !1 }, o))
         return [];
       try {
-        const r = s.find(
-          (l) => i.startsWith(I(a, l))
-        ), m = r ?? Object.keys(t.input).at(0), c = await n.fetch(Wa, {
+        const l = s.find(
+          (m) => o.startsWith(R(a, m))
+        ), c = l ?? Object.keys(t.input).at(0), i = await n.fetch(Ka, {
           type: t.type,
-          input: t.type === "file" ? t.input[m] : t.input
+          input: t.type === "file" ? t.input[c] : t.input
         }), p = (d = t.tagPages) == null ? void 0 : d.find(
-          (l) => i.split("/").at(-1) === te(l)
-        ), x = (await n.fetch(Za, {
+          (m) => o.split("/").at(-1) === ae(m)
+        ), g = await n.fetch(Xa, {
           type: t.type,
-          input: t.type === "file" ? t.input[m] : t.input,
-          tag: p,
-          untagged: p === void 0
-        })).schema.operations.map((l) => ({
-          type: "link",
-          label: l.summary ?? l.path,
-          href: `#${l.slug}`,
-          badge: {
-            label: l.method,
-            color: Ka[l.method.toLowerCase()],
-            invert: !0
-          }
-        }));
-        return c.schema.tags.map((l) => {
-          const v = I(
-            a,
-            r,
-            l.name ? te(l.name) : oe
-          );
-          return {
+          input: t.type === "file" ? t.input[c] : t.input,
+          tag: t.loadTags ? void 0 : p
+        }), w = i.schema.tags.flatMap((m) => {
+          const h = R(a, l, ae(m.name)), x = g.schema.operations.filter(
+            (y) => {
+              var v, N;
+              return ((v = y.tags) == null ? void 0 : v.length) !== 0 && ((N = y.tags) == null ? void 0 : N.map((C) => C.name).includes(m.name));
+            }
+          ).map((y) => ({
+            type: "link",
+            label: y.summary ?? y.path,
+            href: `${h}#${y.slug}`,
+            badge: {
+              label: y.method,
+              color: Ya[y.method.toLowerCase()],
+              invert: !0
+            }
+          }));
+          return t.loadTags && x.length === 0 ? [] : {
             type: "category",
-            label: l.name || "Other endpoints",
+            label: m.name,
             link: {
               type: "doc",
-              id: v,
-              label: l.name
+              id: h,
+              label: m.name
             },
-            collapsible: !1,
-            collapsed: !0,
-            items: i === v ? x : []
+            collapsible: t.loadTags,
+            collapsed: !t.loadTags,
+            items: x
           };
-        });
+        }), { untagged: j } = g.schema;
+        if (j.length > 0) {
+          const m = R(a, l, le);
+          w.push({
+            type: "category",
+            label: "Other endpoints",
+            link: {
+              type: "doc",
+              id: m,
+              label: "Other endpoints"
+            },
+            collapsible: t.loadTags,
+            collapsed: !t.loadTags,
+            items: j.map((h) => ({
+              type: "link",
+              label: h.summary ?? h.path,
+              href: `${m}#${h.slug}`
+            }))
+          });
+        }
+        return w;
       } catch {
         return [];
       }
     },
     getRoutes: () => {
-      const i = [null, ...s], d = (t.tagPages ?? []).map((r) => ({
-        tag: r,
-        path: te(r)
+      const o = [null, ...s], d = (t.tagPages ?? []).map((l) => ({
+        tag: l,
+        path: ae(l)
       }));
-      return i.map((r) => {
-        const m = I(a, r ? `/${r}` : "");
+      return o.map((l) => {
+        const c = R(a, l ? `/${l}` : "");
         return {
-          path: m,
+          path: c,
           async lazy() {
-            const { OpenApiRoute: c } = await import("./OpenApiRoute-ULLXjfro.js");
+            const { OpenApiRoute: i } = await import("./OpenApiRoute-ULLXjfro.js");
             return {
               element: /* @__PURE__ */ e.jsx(
-                c,
+                i,
                 {
-                  version: r ?? void 0,
+                  version: l ?? void 0,
                   basePath: a,
                   versions: s,
                   client: n,
@@ -1966,25 +2023,25 @@ const Va = {
             {
               index: !0,
               loader: () => {
-                var c;
+                var i;
                 return $t(
-                  I(m, ((c = d.at(0)) == null ? void 0 : c.path) ?? oe)
+                  R(c, ((i = d.at(0)) == null ? void 0 : i.path) ?? le)
                 );
               }
             },
             {
-              path: I(m, oe),
+              path: R(c, le),
               async lazy() {
-                const { OperationList: c } = await import("./OperationList-wzZNceUl.js");
-                return { element: /* @__PURE__ */ e.jsx(c, { untagged: !0 }) };
+                const { OperationList: i } = await import("./OperationList-B3VX94x4.js");
+                return { element: /* @__PURE__ */ e.jsx(i, { untagged: !0 }) };
               }
             },
-            ...d.map((c) => ({
-              path: I(m, c.path),
+            ...d.map((i) => ({
+              path: R(c, i.path),
               async lazy() {
-                const { OperationList: p } = await import("./OperationList-wzZNceUl.js");
+                const { OperationList: p } = await import("./OperationList-B3VX94x4.js");
                 return {
-                  element: /* @__PURE__ */ e.jsx(p, { tag: c.tag })
+                  element: /* @__PURE__ */ e.jsx(p, { tag: i.tag })
                 };
               }
             }))
@@ -1995,14 +2052,14 @@ const Va = {
   };
 };
 export {
-  Ke as C,
-  Qa as P,
-  Ve as a,
-  ze as b,
-  Fe as c,
-  oa as d,
-  We as g,
-  Aa as m,
-  $s as o
+  Ye as C,
+  Za as P,
+  He as a,
+  Be as b,
+  Ge as c,
+  ia as d,
+  Ke as g,
+  Da as m,
+  Ss as o
 };
-//# sourceMappingURL=index-DrR58fsJ.js.map
+//# sourceMappingURL=index-P0YUtHIb.js.map