zudoku 0.27.0 → 0.28.1

package/lib/{index-DmqsUPcm.js → index-Eb1oiHbM.js}

@@ -1,52 +1,85 @@
-var dt = Object.defineProperty;
+var ut = Object.defineProperty;
 var Ie = (t) => {
   throw TypeError(t);
 };
-var ct = (t, s, a) => s in t ? dt(t, s, { enumerable: !0, configurable: !0, writable: !0, value: a }) : t[s] = a;
-var ee = (t, s, a) => ct(t, typeof s != "symbol" ? s + "" : s, a), mt = (t, s, a) => s.has(t) || Ie("Cannot " + a);
-var te = (t, s, a) => (mt(t, s, "read from private field"), a ? a.call(t) : s.get(t)), se = (t, s, a) => s.has(t) ? Ie("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(t) : s.set(t, a);
+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);
 import { j as e } from "./jsx-runtime-Bdg6XQ1m.js";
-import { m as ut } from "./chunk-SYFQ2XB5-BPvC-soB.js";
-import { Circle as pt, ChevronRightIcon as V, CheckIcon as ht, DotIcon as xt, Check as ft, Search as gt, XIcon as yt, ChevronDownIcon as vt, InfoIcon as Oe, LogInIcon as jt, CirclePlayIcon as bt } from "lucide-react";
-import { u as Nt } from "./hook-BG02esyv.js";
-import { Button as G } from "./ui/Button.js";
-import { F as wt, G as Ct, j as Ee } from "./ZudokuContext-8jts0fF3.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-BPvC-soB.js";
+import { u as St } from "./hook-FT3SJLe_.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 St } from "@radix-ui/react-visually-hidden";
-import * as p from "react";
-import { useRef as E, useEffect as _e, useState as F, Fragment as z, useTransition as Pt } from "react";
-import { V as j, T as $t, D as kt, b as Rt, a as It, c as Ot } from "./index-B7mqiOei.js";
-import { S as He, a as Me, b as Be, c as Ue, e as B, u as Et } from "./Select-B7UXR0SB.js";
-import { b as ue, u as pe, C as k, a as At, F as qt } from "./index.esm-CrSoEshU.js";
+import { VisuallyHidden as Pt } from "@radix-ui/react-visually-hidden";
+import * as x 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-CnCZ4WhS.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 { c } from "./cn-qaFjX9_3.js";
-import * as Ge from "@radix-ui/react-label";
-import * as _ from "@radix-ui/react-radio-group";
-import { a as Lt } from "./state-mM7uaXTW.js";
-import { Card as xe, CardHeader as Dt, CardTitle as Vt, CardContent as Ft } from "./ui/Card.js";
-import { Tabs as Je, TabsList as Qe, TabsTrigger as I, TabsContent as O } from "./ui/Tabs.js";
-import { z as zt, S as _t } from "./SyntaxHighlight-C1w1QPdY.js";
-import { B as U, S as Ht } from "./Spinner-BlzrEEk1.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-BTUJPpQl.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 g from "@radix-ui/react-dropdown-menu";
-import * as le from "@radix-ui/react-checkbox";
+import * as ie from "@radix-ui/react-checkbox";
 import * as J from "@radix-ui/react-popover";
-import { PopoverAnchor as Mt } 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 Bt } from "@radix-ui/react-slot";
-import { Callout as Ut } from "./ui/Callout.js";
-import { Collapsible as Ae, CollapsibleTrigger as qe, CollapsibleContent as Le } from "./ui/Collapsible.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";
-class H extends String {
-  constructor(a, n) {
-    super(a);
-    ee(this, "__apiType");
-    this.value = a, this.__meta__ = n;
+let ae;
+const Zt = (t) => {
+  var a;
+  if ((a = t.errors) != null && a[0])
+    throw new Tt(t.errors[0].message, {
+      developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config."
+    });
+};
+var W, Z;
+class Kt {
+  constructor(a) {
+    ee(this, W, async () => (ae || (ae = import("./createServer-CjNktZzL.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, {
+        method: "POST",
+        body: JSON.stringify({ query: a, variables: s, operationName: n }),
+        headers: { "Content-Type": "application/json" }
+      });
+      if (!i.ok)
+        throw new Error("Network response was not ok");
+      const d = await i.json();
+      return Zt(d), d.data;
+    });
+    this.config = a;
+  }
+}
+W = new WeakMap(), Z = new WeakMap();
+class D extends String {
+  constructor(s, n) {
+    super(s);
+    X(this, "__apiType");
+    this.value = s, this.__meta__ = n;
   }
   toString() {
     return this.value;
   }
 }
-const Gt = new H(
+const Xt = new D(
   `
     fragment OperationsFragment on OperationItem {
   slug
@@ -111,7 +144,7 @@ const Gt = new H(
 }
     `,
   { fragmentName: "OperationsFragment" }
-), Jt = new H(`
+), Yt = new D(`
     query ServersQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -120,21 +153,21 @@ const Gt = new H(
     }
   }
 }
-    `), Qt = new H(`
-    query AllOperations($input: JSON!, $type: SchemaType!) {
+    `), ea = new D(`
+    query AllOperations($input: JSON!, $type: SchemaType!, $tag: String, $untagged: Boolean) {
   schema(input: $input, type: $type) {
     description
     summary
     title
     url
     version
-    tags {
+    tags(name: $tag) {
       name
       description
-      operations {
-        slug
-        ...OperationsFragment
-      }
+    }
+    operations(tag: $tag, untagged: $untagged) {
+      slug
+      ...OperationsFragment
     }
   }
 }
@@ -198,7 +231,7 @@ const Gt = new H(
       schema
     }
   }
-}`), Wt = new H(`
+}`), ta = new D(`
     query getServerQuery($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
@@ -207,67 +240,40 @@ const Gt = new H(
     }
   }
 }
-    `), Zt = new H(`
+    `), aa = new D(`
     query GetCategories($input: JSON!, $type: SchemaType!) {
   schema(input: $input, type: $type) {
     url
     tags {
-      __typename
       name
-      operations {
-        __typename
-        slug
-        deprecated
-        method
-        summary
-        operationId
-        path
-      }
     }
   }
 }
-    `), Kt = {
-  "\n  query ServersQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": Jt,
-  "\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": Gt,
-  "\n  query AllOperations($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      description\n      summary\n      title\n      url\n      version\n      tags {\n        name\n        description\n        operations {\n          slug\n          ...OperationsFragment\n        }\n      }\n    }\n  }\n": Qt,
-  "\n  query getServerQuery($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      servers {\n        url\n      }\n    }\n  }\n": Wt,
-  "\n  query GetCategories($input: JSON!, $type: SchemaType!) {\n    schema(input: $input, type: $type) {\n      url\n      tags {\n        __typename\n        name\n        operations {\n          __typename\n          slug\n          deprecated\n          method\n          summary\n          operationId\n          path\n        }\n      }\n    }\n  }\n": Zt
-};
-function Xt(t) {
-  return Kt[t] ?? {};
+    `), sa = new D(`
+    query GetOperations($input: JSON!, $type: SchemaType!, $tag: String, $untagged: Boolean) {
+  schema(input: $input, type: $type) {
+    operations(tag: $tag, untagged: $untagged) {
+      slug
+      deprecated
+      method
+      summary
+      operationId
+      path
+    }
+  }
 }
-let ae;
-const Yt = (t) => {
-  var s;
-  if ((s = t.errors) != null && s[0])
-    throw new Tt(t.errors[0].message, {
-      developerHint: "Check your configuration value `apis.type` and `apis.input` in the Zudoku config."
-    });
+    `), 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
 };
-var W, Z;
-class es {
-  constructor(s) {
-    se(this, W, async () => (ae || (ae = import("./createServer-BV0tHzLK.js").then(
-      (s) => s.createServer(this.config)
-    )), ae));
-    se(this, Z, async (s) => this.config.server ? fetch(this.config.server, s) : (await te(this, W).call(this)).fetch("http://localhost/graphql", s));
-    ee(this, "fetch", async (s, ...[a]) => {
-      var l;
-      const n = (l = s.match(/query (\w+)/)) == null ? void 0 : l[1], o = await te(this, Z).call(this, {
-        method: "POST",
-        body: JSON.stringify({ query: s, variables: a, operationName: n }),
-        headers: { "Content-Type": "application/json" }
-      });
-      if (!o.ok)
-        throw new Error("Network response was not ok");
-      const i = await o.json();
-      return Yt(i), i.data;
-    });
-    this.config = s;
-  }
+function We(t) {
+  return na[t] ?? {};
 }
-W = new WeakMap(), Z = new WeakMap();
-const ts = he(
+const ra = he(
   "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: {
@@ -280,339 +286,362 @@ const ts = he(
       variant: "default"
     }
   }
-), ie = p.forwardRef(({ className: t, variant: s, ...a }, n) => /* @__PURE__ */ e.jsx(
+), le = x.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   "div",
   {
     ref: n,
     role: "alert",
-    className: c(ts({ variant: s }), t),
-    ...a
+    className: u(ra({ variant: a }), t),
+    ...s
   }
 ));
-ie.displayName = "Alert";
-const de = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
+le.displayName = "Alert";
+const de = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h5",
   {
-    ref: a,
-    className: c("mb-1 font-medium leading-none tracking-tight", t),
-    ...s
+    ref: s,
+    className: u("mb-1 font-medium leading-none tracking-tight", t),
+    ...a
   }
 ));
 de.displayName = "AlertTitle";
-const ce = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
+const ce = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    ref: a,
-    className: c("text-sm [&_p]:leading-relaxed", t),
-    ...s
+    ref: s,
+    className: u("text-sm [&_p]:leading-relaxed", t),
+    ...a
   }
 ));
 ce.displayName = "AlertDescription";
-const ss = he(
+const oa = ({
+  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, h) => {
+    const [y, v] = c;
+    if (!v) return;
+    const p = c.index;
+    p > m && r.push(
+      /* @__PURE__ */ e.jsx(k, { children: s.slice(m, p) }, `text-${m}-${p}`)
+    ), r.push(
+      /* @__PURE__ */ e.jsx(k, { children: a({ name: v, originalValue: y, index: h }) }, `param-${v}`)
+    ), m = p + y.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(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), L = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
-  Ge.Root,
+), V = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  _e.Root,
   {
-    ref: a,
-    className: c(ss(), t),
-    ...s
+    ref: s,
+    className: u(ia(), t),
+    ...a
   }
 ));
-L.displayName = Ge.Root.displayName;
-const ye = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
-  _.Root,
+V.displayName = _e.Root.displayName;
+const ye = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  B.Root,
   {
-    className: c("grid gap-2", t),
-    ...s,
-    ref: a
+    className: u("grid gap-2", t),
+    ...a,
+    ref: s
   }
 ));
-ye.displayName = _.Root.displayName;
-const Q = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
-  _.Item,
+ye.displayName = B.Root.displayName;
+const Q = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  B.Item,
   {
-    ref: a,
-    className: c(
+    ref: s,
+    className: u(
       "aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
       t
     ),
-    ...s,
-    children: /* @__PURE__ */ e.jsx(_.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ e.jsx(pt, { className: "h-2.5 w-2.5 fill-current text-current" }) })
+    ...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" }) })
   }
 ));
-Q.displayName = _.Item.displayName;
-const We = p.forwardRef(
-  ({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
+Q.displayName = B.Item.displayName;
+const Ze = x.forwardRef(
+  ({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
     "textarea",
     {
-      className: c(
+      className: u(
         "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         t
       ),
-      ref: a,
-      ...s
+      ref: s,
+      ...a
     }
   )
 );
-We.displayName = "Textarea";
-const ne = (t) => Math.abs(
+Ze.displayName = "Textarea";
+const se = (t) => Math.abs(
   isNaN(parseInt(t)) ? t.toLowerCase().charCodeAt(0) - 96 : isNaN(parseInt(t)) ? 0 : parseInt(t)
-), re = (t) => t.length > 1 ? parseInt(t.split("").reduce((s, a) => `${ne(s) + ne(a)}`)) : ne(t), De = (t, s = {}) => {
-  const a = (3 * re(t) + 2 * re(t) + re(t)) % 360, { saturation: n = 75, lightness: o = 60 } = s;
-  return `${a}deg ${n}% ${o}%`;
-}, oe = "data-linked-param", as = (t) => {
-  const { resolvedTheme: s } = zt();
+), 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();
   return {
-    text: De(
+    text: Le(
       t,
-      s === "light" ? { saturation: 95, lightness: 38 } : {}
+      a === "light" ? { saturation: 95, lightness: 38 } : {}
     ),
-    background: De(
+    background: Le(
       t,
-      s === "light" ? { saturation: 85, lightness: 40 } : {}
+      a === "light" ? { saturation: 85, lightness: 40 } : {}
     )
   };
-}, Ze = ({
+}, Ke = ({
   name: t,
-  className: s,
-  slug: a,
+  className: a,
+  slug: s,
   title: n,
-  children: o,
-  onClick: i
+  children: i,
+  onClick: d
 }) => {
-  const l = E(null), u = a == null ? void 0 : a.replace(/[{}]/g, ""), d = t.replace(/[{}]/g, ""), { text: h, background: v } = as(d), b = `hsl(${h} / 100%)`, x = `hsl(${v} / 10%)`, m = `hsl(${v} / 50%)`;
-  return _e(() => {
-    if (!u || !l.current) return;
+  const r = q(null), m = s == null ? void 0 : s.replace(/[{}]/g, ""), c = t.replace(/[{}]/g, ""), { text: h, background: y } = la(c), v = `hsl(${h} / 100%)`, p = `hsl(${y} / 10%)`, l = `hsl(${y} / 50%)`;
+  return He(() => {
+    if (!m || !r.current) return;
     const f = () => {
-      document.querySelectorAll(`[${oe}="${u}"]`).forEach(($) => {
+      document.querySelectorAll(`[${re}="${m}"]`).forEach(($) => {
         $ instanceof HTMLElement && ($.dataset.active = "true");
       });
     }, C = () => {
-      document.querySelectorAll(`[${oe}="${u}"]`).forEach(($) => {
+      document.querySelectorAll(`[${re}="${m}"]`).forEach(($) => {
         $ instanceof HTMLElement && ($.dataset.active = "false");
       });
-    }, N = l.current;
+    }, N = r.current;
     return N.addEventListener("mouseenter", f), N.addEventListener("mouseleave", C), () => {
       N.removeEventListener("mouseenter", f), N.removeEventListener("mouseleave", C);
     };
-  }, [u]), /* @__PURE__ */ e.jsx(
+  }, [m]), /* @__PURE__ */ e.jsx(
     "span",
     {
-      [oe]: u,
-      className: c(
-        "relative inline-block rounded transition-all duration-100",
-        "rounded-lg",
+      [re]: m,
+      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",
         "border border-[--border-color] p-0.5 text-[--param-color] bg-[--background-color]",
-        "data-[active=true]:border-[--param-color] data-[active=true]:shadow data-[active=true]:-translate-y-px",
-        s
+        "data-[active=true]:border-[--param-color] data-[active=true]:shadow data-[active=true]:bottom-px",
+        a
       ),
       title: n,
       suppressHydrationWarning: !0,
-      ref: l,
-      onClick: i,
+      ref: r,
+      onClick: d,
       style: {
-        "--param-color": b,
-        "--border-color": m,
-        "--background-color": x
+        "--param-color": v,
+        "--border-color": l,
+        "--background-color": p
       },
-      children: o ?? t
+      children: i ?? t
     }
   );
-}, ns = (t, s, a) => {
-  const n = s.replace(/(:\w+|\{\w+})/g, (i) => {
-    var d;
-    const l = i.replace(/[:{}]/g, "");
-    return ((d = a.pathParams.find((h) => h.name === l)) == null ? void 0 : d.value) ?? i;
-  }), o = new URL(
+}, da = (t, a, s) => {
+  const n = a.replace(/(:\w+|\{\w+})/g, (d) => {
+    var c;
+    const r = d.replace(/[:{}]/g, "");
+    return ((c = s.pathParams.find((h) => h.name === r)) == null ? void 0 : c.value) ?? d;
+  }), i = new URL(
     n.replace(/^\//, ""),
     t.endsWith("/") ? t : `${t}/`
   );
-  return a.queryParams.filter((i) => i.active).forEach((i) => {
-    o.searchParams.set(i.name, i.value);
-  }), o;
-}, Ke = g.Root, Xe = g.Trigger, rs = g.Group, os = p.forwardRef(({ className: t, inset: s, children: a, ...n }, o) => /* @__PURE__ */ e.jsxs(
+  return s.queryParams.filter((d) => d.active).forEach((d) => {
+    i.searchParams.set(d.name, d.value);
+  }), i;
+}, Xe = g.Root, Ye = g.Trigger, ca = g.Group, ma = x.forwardRef(({ className: t, inset: a, children: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
   g.SubTrigger,
   {
-    ref: o,
-    className: c(
+    ref: i,
+    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",
-      s && "pl-8",
+      a && "pl-8",
       t
     ),
     ...n,
     children: [
-      a,
-      /* @__PURE__ */ e.jsx(V, { className: "ml-auto h-4 w-4" })
+      s,
+      /* @__PURE__ */ e.jsx(z, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
-os.displayName = g.SubTrigger.displayName;
-const ls = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
+ma.displayName = g.SubTrigger.displayName;
+const ua = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   g.SubContent,
   {
-    ref: a,
-    className: c(
+    ref: s,
+    className: u(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       t
     ),
-    ...s
+    ...a
   }
 ));
-ls.displayName = g.SubContent.displayName;
-const ve = p.forwardRef(({ className: t, sideOffset: s = 4, ...a }, n) => /* @__PURE__ */ e.jsx(g.Portal, { children: /* @__PURE__ */ e.jsx(
+ua.displayName = g.SubContent.displayName;
+const ve = x.forwardRef(({ className: t, sideOffset: a = 4, ...s }, n) => /* @__PURE__ */ e.jsx(g.Portal, { children: /* @__PURE__ */ e.jsx(
   g.Content,
   {
     ref: n,
-    sideOffset: s,
-    className: c(
+    sideOffset: a,
+    className: u(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       t
     ),
-    ...a
+    ...s
   }
 ) }));
 ve.displayName = g.Content.displayName;
-const je = p.forwardRef(({ className: t, inset: s, ...a }, n) => /* @__PURE__ */ e.jsx(
+const je = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   g.Item,
   {
     ref: n,
-    className: c(
+    className: u(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      s && "pl-8",
+      a && "pl-8",
       t
     ),
-    ...a
+    ...s
   }
 ));
 je.displayName = g.Item.displayName;
-const is = p.forwardRef(({ className: t, children: s, checked: a, ...n }, o) => /* @__PURE__ */ e.jsxs(
+const pa = x.forwardRef(({ className: t, children: a, checked: s, ...n }, i) => /* @__PURE__ */ e.jsxs(
   g.CheckboxItem,
   {
-    ref: o,
-    className: c(
+    ref: i,
+    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
     ),
-    checked: a,
+    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(g.ItemIndicator, { children: /* @__PURE__ */ e.jsx(ht, { className: "h-4 w-4" }) }) }),
-      s
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(g.ItemIndicator, { children: /* @__PURE__ */ e.jsx(ft, { className: "h-4 w-4" }) }) }),
+      a
     ]
   }
 ));
-is.displayName = g.CheckboxItem.displayName;
-const ds = p.forwardRef(({ className: t, children: s, ...a }, n) => /* @__PURE__ */ e.jsxs(
+pa.displayName = g.CheckboxItem.displayName;
+const ha = x.forwardRef(({ className: t, children: a, ...s }, n) => /* @__PURE__ */ e.jsxs(
   g.RadioItem,
   {
     ref: n,
-    className: c(
+    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
     ),
-    ...a,
+    ...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(g.ItemIndicator, { children: /* @__PURE__ */ e.jsx(xt, { className: "h-4 w-4 fill-current" }) }) }),
-      s
+      /* @__PURE__ */ e.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(g.ItemIndicator, { children: /* @__PURE__ */ e.jsx(gt, { className: "h-4 w-4 fill-current" }) }) }),
+      a
     ]
   }
 ));
-ds.displayName = g.RadioItem.displayName;
-const Ye = p.forwardRef(({ className: t, inset: s, ...a }, n) => /* @__PURE__ */ e.jsx(
+ha.displayName = g.RadioItem.displayName;
+const et = x.forwardRef(({ className: t, inset: a, ...s }, n) => /* @__PURE__ */ e.jsx(
   g.Label,
   {
     ref: n,
-    className: c(
+    className: u(
       "px-2 py-1.5 text-sm font-semibold",
-      s && "pl-8",
+      a && "pl-8",
       t
     ),
-    ...a
+    ...s
   }
 ));
-Ye.displayName = g.Label.displayName;
-const et = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
+et.displayName = g.Label.displayName;
+const tt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   g.Separator,
   {
-    ref: a,
-    className: c("-mx-1 my-1 h-px bg-muted", t),
-    ...s
+    ref: s,
+    className: u("-mx-1 my-1 h-px bg-muted", t),
+    ...a
   }
 ));
-et.displayName = g.Separator.displayName;
-const cs = ({
+tt.displayName = g.Separator.displayName;
+const xa = ({
   examples: t,
-  onSelect: s
-}) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col gap-2 mt-2 items-end", children: /* @__PURE__ */ e.jsxs(Ke, { children: [
-  /* @__PURE__ */ e.jsx(Xe, { asChild: !0, children: /* @__PURE__ */ e.jsx(U, { variant: "outline", children: "Use Example" }) }),
-  /* @__PURE__ */ e.jsx(ve, { className: "w-56", children: t.map((a) => {
+  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) => {
     var n;
     return /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx(Ye, { children: a.mediaType }),
-      /* @__PURE__ */ e.jsx(et, {}),
-      /* @__PURE__ */ e.jsx(rs, { children: (n = a.examples) == null ? void 0 : n.map((o) => /* @__PURE__ */ e.jsx(
+      /* @__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,
         {
-          onSelect: () => s(o),
+          onSelect: () => a(i),
           className: "line-clamp-1",
-          children: o.summary ?? o.name
+          children: i.summary ?? i.name
         },
-        o.name
+        i.name
       )) })
-    ] }, a.mediaType);
+    ] }, s.mediaType);
   }) })
-] }) }), K = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
+] }) }), K = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    ref: a,
-    className: c(
+    ref: s,
+    className: u(
       "rounded-xl border bg-card text-card-foreground shadow-sm",
       t
     ),
-    ...s
+    ...a
   }
 ));
 K.displayName = "Card";
-const ms = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
+const fa = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    ref: a,
-    className: c("flex flex-col space-y-1.5 p-6", t),
-    ...s
+    ref: s,
+    className: u("flex flex-col space-y-1.5 p-6", t),
+    ...a
   }
 ));
-ms.displayName = "CardHeader";
-const us = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
+fa.displayName = "CardHeader";
+const ga = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "h3",
   {
-    ref: a,
-    className: c("font-semibold leading-none tracking-tight", t),
-    ...s
+    ref: s,
+    className: u("font-semibold leading-none tracking-tight", t),
+    ...a
   }
 ));
-us.displayName = "CardTitle";
-const ps = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
+ga.displayName = "CardTitle";
+const ya = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "p",
   {
-    ref: a,
-    className: c("text-sm text-muted-foreground", t),
-    ...s
+    ref: s,
+    className: u("text-sm text-muted-foreground", t),
+    ...a
   }
 ));
-ps.displayName = "CardDescription";
-const hs = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx("div", { ref: a, className: c("p-6 pt-0", t), ...s }));
-hs.displayName = "CardContent";
-const xs = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
+ya.displayName = "CardDescription";
+const va = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx("div", { ref: s, className: u("p-6 pt-0", t), ...a }));
+va.displayName = "CardContent";
+const ja = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
   "div",
   {
-    ref: a,
-    className: c("flex items-center p-6 pt-0", t),
-    ...s
+    ref: s,
+    className: u("flex items-center p-6 pt-0", t),
+    ...a
   }
 ));
-xs.displayName = "CardFooter";
-const fs = he(
+ja.displayName = "CardFooter";
+const ba = he(
   "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: {
@@ -625,210 +654,210 @@ const fs = he(
       variant: "default"
     }
   }
-), be = p.forwardRef(({ className: t, variant: s, ...a }, n) => /* @__PURE__ */ e.jsx(
-  le.Root,
+), be = x.forwardRef(({ className: t, variant: a, ...s }, n) => /* @__PURE__ */ e.jsx(
+  ie.Root,
   {
     ref: n,
-    className: c(fs({ variant: s, className: t })),
-    ...a,
+    className: u(ba({ variant: a, className: t })),
+    ...s,
     children: /* @__PURE__ */ e.jsx(
-      le.Indicator,
+      ie.Indicator,
       {
-        className: c("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ e.jsx(ft, { className: "h-4 w-4" })
+        className: u("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ e.jsx(yt, { className: "h-4 w-4" })
       }
     )
   }
 ));
-be.displayName = le.Root.displayName;
-const tt = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
-  j,
+be.displayName = ie.Root.displayName;
+const at = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b,
   {
-    ref: a,
-    className: c(
+    ref: s,
+    className: u(
       "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
       t
     ),
-    ...s
+    ...a
   }
 ));
-tt.displayName = j.displayName;
-const gs = p.forwardRef(({ className: t, ...s }, a) => (
+at.displayName = b.displayName;
+const Na = x.forwardRef(({ className: t, ...a }, s) => (
   // eslint-disable-next-line react/no-unknown-property
   /* @__PURE__ */ e.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-    /* @__PURE__ */ e.jsx(gt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+    /* @__PURE__ */ e.jsx(vt, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
     /* @__PURE__ */ e.jsx(
-      j.Input,
+      b.Input,
       {
-        ref: a,
-        className: c(
+        ref: s,
+        className: u(
           "flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
           t
         ),
-        ...s
+        ...a
       }
     )
   ] })
 ));
-gs.displayName = j.Input.displayName;
-const st = p.forwardRef(({ className: t, ...s }, a) => (
+Na.displayName = b.Input.displayName;
+const st = x.forwardRef(({ className: t, ...a }, s) => (
   // eslint-disable-next-line react/no-unknown-property
   /* @__PURE__ */ e.jsx("div", { className: "flex items-center", "cmdk-input-wrapper": "", children: /* @__PURE__ */ e.jsx(
-    j.Input,
+    b.Input,
     {
-      ref: a,
-      className: c(
+      ref: s,
+      className: u(
         "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",
         "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
         t
       ),
-      ...s
+      ...a
     }
   ) })
 ));
-st.displayName = j.Input.displayName;
-const at = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
-  j.List,
+st.displayName = b.Input.displayName;
+const nt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.List,
   {
-    ref: a,
-    className: c("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
-    ...s
+    ref: s,
+    className: u("max-h-[300px] overflow-y-auto overflow-x-hidden", t),
+    ...a
   }
 ));
-at.displayName = j.List.displayName;
-const ys = p.forwardRef((t, s) => /* @__PURE__ */ e.jsx(
-  j.Empty,
+nt.displayName = b.List.displayName;
+const wa = x.forwardRef((t, a) => /* @__PURE__ */ e.jsx(
+  b.Empty,
   {
-    ref: s,
+    ref: a,
     className: "py-6 text-center text-sm",
     ...t
   }
 ));
-ys.displayName = j.Empty.displayName;
-const vs = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
-  j.Group,
+wa.displayName = b.Empty.displayName;
+const Ca = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.Group,
   {
-    ref: a,
-    className: c(
+    ref: s,
+    className: u(
       "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
       t
     ),
-    ...s
+    ...a
   }
 ));
-vs.displayName = j.Group.displayName;
-const js = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
-  j.Separator,
+Ca.displayName = b.Group.displayName;
+const $a = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.Separator,
   {
-    ref: a,
-    className: c("-mx-1 h-px bg-border", t),
-    ...s
+    ref: s,
+    className: u("-mx-1 h-px bg-border", t),
+    ...a
   }
 ));
-js.displayName = j.Separator.displayName;
-const nt = p.forwardRef(({ className: t, ...s }, a) => /* @__PURE__ */ e.jsx(
-  j.Item,
+$a.displayName = b.Separator.displayName;
+const rt = x.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.jsx(
+  b.Item,
   {
-    ref: a,
-    className: c(
+    ref: s,
+    className: u(
       "relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected='true']:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
       t
     ),
-    ...s
+    ...a
   }
 ));
-nt.displayName = j.Item.displayName;
-const bs = J.Root, rt = p.forwardRef(({ className: t, align: s = "center", sideOffset: a = 4, ...n }, o) => /* @__PURE__ */ e.jsx(J.Portal, { children: /* @__PURE__ */ e.jsx(
+rt.displayName = b.Item.displayName;
+const Sa = J.Root, ot = x.forwardRef(({ className: t, align: a = "center", sideOffset: s = 4, ...n }, i) => /* @__PURE__ */ e.jsx(J.Portal, { children: /* @__PURE__ */ e.jsx(
   J.Content,
   {
-    ref: o,
-    align: s,
-    sideOffset: a,
-    className: c(
+    ref: i,
+    align: a,
+    sideOffset: s,
+    className: u(
       "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       t
     ),
     ...n
   }
 ) }));
-rt.displayName = J.Content.displayName;
-const Ns = ({
+ot.displayName = J.Content.displayName;
+const Ta = ({
   value: t,
-  options: s,
-  onChange: a,
+  options: a,
+  onChange: s,
   className: n,
-  placeholder: o = "Enter value",
-  onEnterPress: i,
-  ref: l
+  placeholder: i = "Enter value",
+  onEnterPress: d,
+  ref: r
 }) => {
-  const [u, d] = F(!1), [h, v] = F(!1), b = $t((m) => m.filtered.count), x = E(null);
-  return /* @__PURE__ */ e.jsxs(bs, { open: u, children: [
-    /* @__PURE__ */ e.jsx(Mt, { children: /* @__PURE__ */ e.jsx(
+  const [m, c] = H(!1), [h, y] = H(!1), v = Rt((l) => l.filtered.count), p = q(null);
+  return /* @__PURE__ */ e.jsxs(Sa, { open: m, children: [
+    /* @__PURE__ */ e.jsx(Jt, { children: /* @__PURE__ */ e.jsx(
       st,
       {
-        ref: (m) => {
-          x.current = m, typeof l == "function" ? l(m) : l && (l.current = m);
+        ref: (l) => {
+          p.current = l, typeof r == "function" ? r(l) : r && (r.current = l);
         },
         value: t,
-        placeholder: o,
-        className: c("h-9 bg-transparent", n),
-        onFocus: () => d(!0),
+        placeholder: i,
+        className: u("h-9 bg-transparent", n),
+        onFocus: () => c(!0),
         onBlur: () => {
-          h || d(!1);
+          h || c(!1);
         },
-        onKeyDown: (m) => {
+        onKeyDown: (l) => {
           var f;
-          m.key === "Enter" && (d(!1), (f = x.current) == null || f.blur(), i == null || i(m));
+          l.key === "Enter" && (c(!1), (f = p.current) == null || f.blur(), d == null || d(l));
         },
-        onValueChange: (m) => a(m)
+        onValueChange: (l) => s(l)
       }
     ) }),
     /* @__PURE__ */ e.jsx(
-      rt,
+      ot,
       {
-        onMouseEnter: () => v(!0),
-        onMouseLeave: () => v(!1),
-        onOpenAutoFocus: (m) => m.preventDefault(),
-        className: c("p-0 w-[--radix-popover-trigger-width]", {
-          "border-0": b === 0
+        onMouseEnter: () => y(!0),
+        onMouseLeave: () => y(!1),
+        onOpenAutoFocus: (l) => l.preventDefault(),
+        className: u("p-0 w-[--radix-popover-trigger-width]", {
+          "border-0": v === 0
         }),
         align: "start",
         side: "bottom",
-        onWheel: (m) => {
-          m.stopPropagation();
+        onWheel: (l) => {
+          l.stopPropagation();
         },
-        onTouchMove: (m) => {
-          m.stopPropagation();
+        onTouchMove: (l) => {
+          l.stopPropagation();
         },
-        children: /* @__PURE__ */ e.jsx(at, { className: "max-h-[140px]", children: s.map((m) => /* @__PURE__ */ e.jsx(
-          nt,
+        children: /* @__PURE__ */ e.jsx(nt, { className: "max-h-[140px]", children: a.map((l) => /* @__PURE__ */ e.jsx(
+          rt,
           {
-            value: m,
+            value: l,
             onSelect: (f) => {
-              a(f), d(!1);
+              s(f), c(!1);
             },
             className: "cursor-pointer",
-            children: m
+            children: l
           },
-          m
+          l
         )) })
       }
     )
   ] });
-}, me = (t) => /* @__PURE__ */ e.jsx(tt, { className: "bg-transparent", children: /* @__PURE__ */ e.jsx(Ns, { ...t }) }), ot = (t, s) => {
-  const a = p.forwardRef(({ className: n, asChild: o, ...i }, l) => {
-    const u = o ? Bt : t;
-    return p.createElement(u, {
-      ...i,
-      ref: l,
-      className: typeof s == "function" ? s({ className: n }) : c(s, n)
+}, me = (t) => /* @__PURE__ */ e.jsx(at, { className: "bg-transparent", children: /* @__PURE__ */ e.jsx(Ta, { ...t }) }), it = (t, a) => {
+  const s = x.forwardRef(({ className: n, asChild: i, ...d }, r) => {
+    const m = i ? Qt : t;
+    return x.createElement(m, {
+      ...d,
+      ref: r,
+      className: typeof a == "function" ? a({ className: n }) : u(a, n)
     });
   });
-  return a.displayName = `VariantComponent(${t})`, a;
-}, Ne = ot(
+  return s.displayName = `VariantComponent(${t})`, s;
+}, Ne = it(
   "div",
   "hover:bg-accent/40 grid grid-cols-[2fr_3fr] gap-2 items-center px-3"
-), ws = Object.freeze([
+), Pa = Object.freeze([
   "Accept",
   "Accept-Encoding",
   "Accept-Language",
@@ -855,67 +884,67 @@ const Ns = ({
   "Set-Cookie",
   "User-Agent",
   "X-Requested-With"
-]), Cs = ({
+]), ka = ({
   control: t,
-  register: s
+  register: a
 }) => {
-  const { fields: a, append: n, remove: o } = ue({
+  const { fields: s, append: n, remove: i } = ue({
     control: t,
     name: "headers"
-  }), { setValue: i } = pe(), l = E([]), u = E([]), d = () => {
+  }), { setValue: d } = pe(), r = q([]), m = q([]), c = () => {
     n({
       name: "",
       value: "",
       active: !1
     });
-  }, h = (b) => {
-    var x;
-    (x = l.current[b]) == null || x.focus();
-  }, v = (b) => {
-    d(), requestAnimationFrame(() => {
-      var x;
-      return (x = u.current[b + 1]) == null ? void 0 : x.focus();
+  }, h = (v) => {
+    var p;
+    (p = r.current[v]) == null || p.focus();
+  }, y = (v) => {
+    c(), requestAnimationFrame(() => {
+      var p;
+      return (p = m.current[v + 1]) == null ? void 0 : p.focus();
     });
   };
   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((b, x) => /* @__PURE__ */ e.jsxs("div", { className: "group grid col-span-full grid-cols-subgrid", children: [
+    /* @__PURE__ */ e.jsx(K, { className: "overflow-hidden", children: /* @__PURE__ */ e.jsx(Ne, { children: s.map((v, p) => /* @__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(
-          k,
+          R,
           {
             control: t,
-            name: `headers.${x}.active`,
-            render: ({ field: m }) => /* @__PURE__ */ e.jsx(
+            name: `headers.${p}.active`,
+            render: ({ field: l }) => /* @__PURE__ */ e.jsx(
               be,
               {
                 variant: "outline",
-                id: `headers.${x}.active`,
-                checked: m.value,
+                id: `headers.${p}.active`,
+                checked: l.value,
                 onCheckedChange: (f) => {
-                  m.onChange(f);
+                  l.onChange(f);
                 }
               }
             )
           }
         ),
         /* @__PURE__ */ e.jsx(
-          k,
+          R,
           {
             control: t,
-            name: `headers.${x}.name`,
-            render: ({ field: m }) => /* @__PURE__ */ e.jsx(
+            name: `headers.${p}.name`,
+            render: ({ field: l }) => /* @__PURE__ */ e.jsx(
               me,
               {
-                ...m,
+                ...l,
                 placeholder: "Name",
                 className: "border-0 shadow-none bg-transparent text-xs font-mono",
-                options: ws,
-                onEnterPress: () => h(x),
+                options: Pa,
+                onEnterPress: () => h(p),
                 onChange: (f) => {
-                  m.onChange(f), i(`headers.${x}.active`, !0);
+                  l.onChange(f), d(`headers.${p}.active`, !0);
                 },
                 ref: (f) => {
-                  u.current[x] = f;
+                  m.current[p] = f;
                 }
               }
             )
@@ -924,21 +953,21 @@ const Ns = ({
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e.jsx(
-          k,
+          R,
           {
             control: t,
-            name: `headers.${x}.value`,
-            render: ({ field: m }) => /* @__PURE__ */ e.jsx(
+            name: `headers.${p}.value`,
+            render: ({ field: l }) => /* @__PURE__ */ e.jsx(
               fe,
               {
                 placeholder: "Value",
                 className: "w-full border-0 shadow-none text-xs font-mono focus-visible:ring-0",
-                ...m,
+                ...l,
                 ref: (f) => {
-                  l.current[x] = f;
+                  r.current[p] = f;
                 },
                 onKeyDown: (f) => {
-                  f.key === "Enter" && f.currentTarget.value.trim() && v(x);
+                  f.key === "Enter" && f.currentTarget.value.trim() && y(p);
                 },
                 autoComplete: "off"
               }
@@ -946,63 +975,63 @@ const Ns = ({
           }
         ),
         /* @__PURE__ */ e.jsx(
-          G,
+          _,
           {
             size: "icon",
             variant: "ghost",
             className: "text-muted-foreground opacity-0 group-hover:opacity-100 rounded-full w-8 h-7",
             onClick: () => {
-              o(x);
+              i(p);
             },
             type: "button",
-            children: /* @__PURE__ */ e.jsx(yt, { size: 16 })
+            children: /* @__PURE__ */ e.jsx(jt, { size: 16 })
           }
         )
       ] })
-    ] }, x)) }) }),
+    ] }, p)) }) }),
     /* @__PURE__ */ e.jsx("div", { className: "text-end", children: /* @__PURE__ */ e.jsx(
-      G,
+      _,
       {
         className: "",
-        onClick: d,
+        onClick: c,
         type: "button",
         variant: "secondary",
         children: "Add header"
       }
     ) })
   ] });
-}, Ts = ({
+}, Ra = ({
   control: t
 }) => {
-  const { fields: s } = ue({
+  const { fields: a } = ue({
     control: t,
     name: "pathParams"
   });
-  return /* @__PURE__ */ e.jsx(K, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(Ne, { children: s.map((a, n) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  return /* @__PURE__ */ e.jsx(K, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx(Ne, { children: a.map((s, n) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      k,
+      R,
       {
         control: t,
-        name: `pathParams.${n}.value`,
+        name: `pathParams.${n}.name`,
         render: () => /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsx(
-          Ze,
+          Ke,
           {
-            slug: a.name,
-            name: a.name,
+            slug: s.name,
+            name: s.name,
             className: "font-mono text-xs px-2"
           }
         ) })
       }
     ),
     /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
-      k,
+      R,
       {
         control: t,
         name: `pathParams.${n}.value`,
-        render: ({ field: o }) => /* @__PURE__ */ e.jsx(
+        render: ({ field: i }) => /* @__PURE__ */ e.jsx(
           fe,
           {
-            ...o,
+            ...i,
             required: !0,
             placeholder: "Enter value",
             className: "w-full border-0 shadow-none text-xs font-mono hover:bg-accent"
@@ -1011,101 +1040,101 @@ const Ns = ({
       }
     ) })
   ] })) }) });
-}, Ss = ot(
+}, Oa = it(
   "input",
   "px-2 bg-transparent h-6 font-mono text-xs m-2"
-), Ps = ({
+), Ia = ({
   control: t,
-  queryParams: s
+  queryParams: a
 }) => {
-  const { fields: a } = ue({
+  const { fields: s } = ue({
     control: t,
     name: "queryParams"
-  }), n = pe(), o = s.map((i) => !!i.isRequired);
-  return /* @__PURE__ */ e.jsx(K, { className: "rounded-lg", children: /* @__PURE__ */ e.jsx("div", { className: "w-full ", children: a.map((i, l) => {
-    const u = s.find(
-      (d) => d.name === i.name
+  }), 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
     );
     return /* @__PURE__ */ e.jsxs(Ne, { children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex items-center", children: [
         /* @__PURE__ */ e.jsx(
-          k,
+          R,
           {
             control: t,
-            name: `queryParams.${l}.active`,
-            render: ({ field: d }) => /* @__PURE__ */ e.jsx(
+            name: `queryParams.${r}.active`,
+            render: ({ field: c }) => /* @__PURE__ */ e.jsx(
               be,
               {
                 variant: "outline",
-                id: `queryParams.${l}.active`,
+                id: `queryParams.${r}.active`,
                 className: "mr-2",
-                checked: d.value,
-                onCheckedChange: d.onChange
+                checked: c.value,
+                onCheckedChange: c.onChange
               }
             )
           }
         ),
         /* @__PURE__ */ e.jsx(
-          k,
+          R,
           {
             control: t,
-            render: ({ field: d }) => o[l] ? /* @__PURE__ */ e.jsx(Ss, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+            render: ({ field: c }) => i[r] ? /* @__PURE__ */ e.jsx(Oa, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
               "label",
               {
                 className: "flex items-center cursor-pointer gap-1",
-                htmlFor: `queryParams.${l}.active`,
-                title: o[l] ? "Required field" : void 0,
+                htmlFor: `queryParams.${r}.active`,
+                title: i[r] ? "Required field" : void 0,
                 children: [
-                  d.value,
-                  o[l] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
+                  c.value,
+                  i[r] && /* @__PURE__ */ e.jsx("sup", { children: " *" })
                 ]
               }
             ) }) : /* @__PURE__ */ e.jsx(
               me,
               {
-                value: d.value,
-                options: s.map((h) => h.name),
+                value: c.value,
+                options: a.map((h) => h.name),
                 onChange: (h) => {
-                  d.onChange(h);
+                  c.onChange(h);
                 },
                 className: "border-0 font-mono text-xs bg-transparent hover:bg-transparent"
               }
             ),
-            name: `queryParams.${l}.name`
+            name: `queryParams.${r}.name`
           }
         )
       ] }),
       /* @__PURE__ */ e.jsx("div", { className: "flex justify-between items-center", children: /* @__PURE__ */ e.jsx(
-        k,
+        R,
         {
           control: t,
-          render: ({ field: d }) => (u == null ? void 0 : u.enum) && u.enum.length > 0 ? /* @__PURE__ */ e.jsx(
+          render: ({ field: c }) => (m == null ? void 0 : m.enum) && m.enum.length > 0 ? /* @__PURE__ */ e.jsx(
             me,
             {
-              value: d.value,
-              options: u.enum ?? [],
-              onChange: (v) => {
-                d.onChange(v), n.setValue(`queryParams.${l}.active`, !0);
+              value: c.value,
+              options: m.enum ?? [],
+              onChange: (y) => {
+                c.onChange(y), n.setValue(`queryParams.${r}.active`, !0);
               },
               className: "font-mono text-xs border-0 ring-1 ring-ring"
             }
           ) : /* @__PURE__ */ e.jsx(
             fe,
             {
-              ...d,
-              onChange: (v) => {
-                d.onChange(v.target.value), v.target.value.length > 0 && n.setValue(`queryParams.${l}.active`, !0);
+              ...c,
+              onChange: (y) => {
+                c.onChange(y.target.value), y.target.value.length > 0 && n.setValue(`queryParams.${r}.active`, !0);
               },
               placeholder: "Enter value",
               className: "w-full border-0 shadow-none text-xs font-mono"
             }
           ),
-          name: `queryParams.${l}.value`
+          name: `queryParams.${r}.value`
         }
       ) })
-    ] }, i.id);
+    ] }, d.id);
   }) }) });
-}, P = {
+}, T = {
   green: "text-green-600",
   blue: "text-sky-600",
   yellow: "text-yellow-600",
@@ -1113,48 +1142,48 @@ const Ns = ({
   purple: "text-purple-600",
   indigo: "text-indigo-600",
   gray: "text-gray-600"
-}, $s = {
-  get: P.green,
-  post: P.blue,
-  put: P.yellow,
-  delete: P.red,
-  patch: P.purple,
-  options: P.indigo,
-  head: P.gray,
-  trace: P.gray
-}, ks = (t) => $s[t.toLocaleLowerCase()] ?? P.gray, Rs = ({
+}, 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 = ({
   method: t,
-  url: s,
-  headers: a,
+  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: c(ks(t), "font-semibold"), children: t }),
+    /* @__PURE__ */ e.jsx("span", { className: u(Aa(t), "font-semibold"), children: t }),
     " ",
-    /* @__PURE__ */ e.jsx("span", { className: "break-all", children: s }),
+    /* @__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.jsx(V, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+        /* @__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(Le, { children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2", children: a.map(([o, i]) => /* @__PURE__ */ e.jsxs(z, { children: [
-        /* @__PURE__ */ e.jsx("div", { className: "text-primary", children: o }),
-        /* @__PURE__ */ e.jsx("div", { className: "break-words", children: i })
-      ] }, o)) }) })
+      /* @__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("div", { className: "break-words", children: d })
+      ] }, i)) }) })
     ] }),
     /* @__PURE__ */ e.jsxs(Ae, { defaultOpen: !0, children: [
       /* @__PURE__ */ e.jsxs(qe, { className: "flex items-center gap-2 hover:text-primary group", children: [
-        /* @__PURE__ */ e.jsx(V, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+        /* @__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(Le, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ e.jsx(De, { children: /* @__PURE__ */ e.jsx("div", { className: "pl-0 pt-2", children: /* @__PURE__ */ e.jsx(
         "div",
         {
-          className: c(
+          className: u(
             "whitespace-pre-wrap break-all bg-muted p-2 rounded-md",
             !n && "text-muted-foreground"
           ),
@@ -1168,24 +1197,24 @@ function we(t) {
   if (t === null) return "null";
   if (Array.isArray(t)) {
     if (t.length === 0) return "any[]";
-    const s = t[0];
-    return s === void 0 ? "any[]" : `${we(s)}[]`;
+    const a = t[0];
+    return a === void 0 ? "any[]" : `${we(a)}[]`;
   }
-  return typeof t == "object" ? Is(t) : typeof t;
+  return typeof t == "object" ? Da(t) : typeof t;
 }
-function Is(t, s = "") {
-  const a = ["{"];
-  for (const [n, o] of Object.entries(t)) {
-    const i = we(o);
-    a.push(`  ${n}: ${i};`);
+function Da(t, a = "") {
+  const s = ["{"];
+  for (const [n, i] of Object.entries(t)) {
+    const d = we(i);
+    s.push(`  ${n}: ${d};`);
   }
-  return a.push("}"), a.join(`
+  return s.push("}"), s.join(`
 `);
 }
-function Os(t) {
+function La(t) {
   return { lines: [`type GeneratedType = ${we(t)};`] };
 }
-const Es = {
+const Va = {
   200: "OK",
   201: "Created",
   202: "Accepted",
@@ -1196,9 +1225,9 @@ const Es = {
   404: "Not Found",
   405: "Method Not Allowed",
   500: "Internal Server Error"
-}, As = (t) => {
-  var a;
-  return (a = Object.entries({
+}, Fa = (t) => {
+  var s;
+  return (s = Object.entries({
     "application/json": "json",
     "text/json": "json",
     "text/html": "html",
@@ -1208,19 +1237,19 @@ const Es = {
     "application/xhtml+xml": "xhtml"
   }).find(
     ([n]) => t.includes(n)
-  )) == null ? void 0 : a[1];
-}, qs = (t) => {
-  var a;
-  const s = ((a = t.find(([n, o]) => n === "Content-Type")) == null ? void 0 : a[1]) || "";
-  return As(s);
-}, Ls = (t) => {
+  )) == null ? void 0 : s[1];
+}, za = (t) => {
+  var s;
+  const a = ((s = t.find(([n, i]) => n === "Content-Type")) == null ? void 0 : s[1]) || "";
+  return Fa(a);
+}, Ha = (t) => {
   try {
     return JSON.stringify(JSON.parse(t), null, 2);
   } catch {
     return null;
   }
-}, Ds = (t) => {
-  const s = [
+}, Ba = (t) => {
+  const a = [
     "Content-Type",
     "Content-Length",
     "Authorization",
@@ -1228,46 +1257,46 @@ const Es = {
     "X-RateLimit-Limit",
     "Cache-Control",
     "ETag"
-  ].map((a) => a.toLowerCase());
-  return [...t].sort(([a], [n]) => {
-    const o = s.indexOf(a.toLowerCase()), i = s.indexOf(n.toLowerCase());
-    return o === i ? 0 : o === -1 ? 1 : i === -1 ? -1 : o - i;
+  ].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;
   });
-}, Vs = ({
+}, Ga = ({
   body: t = "",
-  headers: s,
-  status: a,
+  headers: a,
+  status: s,
   time: n,
-  size: o,
-  url: i
+  size: i,
+  url: d
 }) => {
-  var m;
-  const l = qs(s), u = Ls(t), d = u || t, [h, v] = F(
-    u ? "formatted" : "raw"
-  ), b = wt({
-    queryKey: ["types", d],
-    queryFn: async () => Os(JSON.parse(d)),
+  var l;
+  const r = za(a), m = Ha(t), c = m || t, [h, y] = H(
+    m ? "formatted" : "raw"
+  ), v = Ft({
+    queryKey: ["types", c],
+    queryFn: async () => La(JSON.parse(c)),
     enabled: h === "types"
-  }), x = Ds([...s]);
+  }), p = Ba([...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.jsx(V, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+        /* @__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: [
-        x.slice(0, 5).map(([f, C]) => /* @__PURE__ */ e.jsxs(z, { children: [
+        p.slice(0, 5).map(([f, C]) => /* @__PURE__ */ e.jsxs(k, { children: [
           /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: f }),
           /* @__PURE__ */ e.jsx("div", { className: "break-all", children: C })
         ] }, f)),
-        x.length > 5 && /* @__PURE__ */ e.jsxs(Ve, { className: "col-span-full grid-cols-subgrid grid", children: [
+        p.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(V, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
+            /* @__PURE__ */ e.jsx(z, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }),
             "Show ",
-            x.length - 5,
+            p.length - 5,
             " more headers"
           ] }),
-          /* @__PURE__ */ e.jsx(ze, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: x.slice(5).map(([f, C]) => /* @__PURE__ */ e.jsxs(z, { children: [
+          /* @__PURE__ */ e.jsx(ze, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: p.slice(5).map(([f, C]) => /* @__PURE__ */ e.jsxs(k, { children: [
             /* @__PURE__ */ e.jsx("div", { className: "text-primary whitespace-pre", children: f }),
             /* @__PURE__ */ e.jsx("div", { className: "break-all", children: C })
           ] }, f)) })
@@ -1275,13 +1304,13 @@ const Es = {
       ] }) })
     ] }),
     /* @__PURE__ */ e.jsx(xe, { className: "shadow-none", children: /* @__PURE__ */ e.jsx(
-      _t,
+      Mt,
       {
-        language: h === "types" ? "typescript" : h === "raw" ? u ? "plain" : l : "json",
+        language: h === "types" ? "typescript" : h === "raw" ? m ? "plain" : r : "json",
         noBackground: !0,
         className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]",
-        code: (h === "raw" ? t : h === "types" ? (m = b.data) == null ? void 0 : m.lines.join(`
-`) : d) ?? ""
+        code: (h === "raw" ? t : h === "types" ? (l = v.data) == null ? void 0 : l.lines.join(`
+`) : c) ?? ""
       }
     ) }),
     /* @__PURE__ */ e.jsxs("div", { className: "flex gap-2 justify-between", children: [
@@ -1289,9 +1318,9 @@ const Es = {
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Status" }),
           " ",
-          a,
+          s,
           " ",
-          Es[a] ?? ""
+          Va[s] ?? ""
         ] }),
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Time" }),
@@ -1302,38 +1331,38 @@ const Es = {
         /* @__PURE__ */ e.jsxs("div", { children: [
           /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: "Size" }),
           " ",
-          o,
+          i,
           "B"
         ] })
       ] }),
-      u && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
-        He,
+      m && /* @__PURE__ */ e.jsx("div", { children: /* @__PURE__ */ e.jsxs(
+        Be,
         {
           value: h,
-          onValueChange: (f) => v(f),
+          onValueChange: (f) => y(f),
           children: [
-            /* @__PURE__ */ e.jsx(Me, { className: "min-w-32", children: /* @__PURE__ */ e.jsx(Be, { placeholder: "View" }) }),
-            /* @__PURE__ */ e.jsxs(Ue, { children: [
-              /* @__PURE__ */ e.jsx(B, { value: "formatted", children: "Formatted" }),
-              /* @__PURE__ */ e.jsx(B, { value: "raw", children: "Raw" }),
-              /* @__PURE__ */ e.jsx(B, { value: "types", children: "Types" })
+            /* @__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" })
             ] })
           ]
         }
       ) })
     ] })
   ] });
-}, Fs = ({
+}, Ua = ({
   queryMutation: t,
-  showPathParamsWarning: s
+  showPathParamsWarning: a
 }) => {
   var n;
-  const a = ((((n = t.data) == null ? void 0 : n.status) ?? 0) / 100).toFixed(0);
+  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: [
-    s && /* @__PURE__ */ e.jsx(Ut, { type: "caution", children: "Some path parameters are missing values. Please fill them in to ensure the request is sent correctly." }),
+    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(Dt, { children: /* @__PURE__ */ e.jsx(Vt, { children: "Request failed" }) }),
-      /* @__PURE__ */ e.jsxs(Ft, { children: [
+      /* @__PURE__ */ e.jsx(Ht, { children: /* @__PURE__ */ e.jsx(Bt, { children: "Request failed" }) }),
+      /* @__PURE__ */ e.jsxs(Gt, { children: [
         "Error:",
         " ",
         t.error.message || String(t.error) || "Unexpected error"
@@ -1341,18 +1370,18 @@ const Es = {
     ] })
   ] }) : 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: [
-      /* @__PURE__ */ e.jsx(I, { value: "request", children: "Request" }),
-      /* @__PURE__ */ e.jsxs(I, { value: "response", children: [
+      /* @__PURE__ */ e.jsx(E, { value: "request", children: "Request" }),
+      /* @__PURE__ */ e.jsxs(E, { value: "response", children: [
         "Response",
         /* @__PURE__ */ e.jsxs(
           "span",
           {
-            className: c(
+            className: u(
               "text-xs font-mono ml-1",
-              a === "2" && "text-green-500",
-              a === "3" && "text-blue-500",
-              a === "4" && "text-yellow-500",
-              a === "5" && "text-red-500"
+              s === "2" && "text-green-500",
+              s === "3" && "text-blue-500",
+              s === "4" && "text-yellow-500",
+              s === "5" && "text-red-500"
             ),
             children: [
               "(",
@@ -1363,9 +1392,9 @@ const Es = {
         )
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx(O, { value: "request", children: /* @__PURE__ */ e.jsx(Rs, { ...t.data.request }) }),
-    /* @__PURE__ */ e.jsx(O, { value: "response", children: /* @__PURE__ */ e.jsx(
-      Vs,
+    /* @__PURE__ */ e.jsx(A, { value: "request", children: /* @__PURE__ */ e.jsx(qa, { ...t.data.request }) }),
+    /* @__PURE__ */ e.jsx(A, { value: "response", children: /* @__PURE__ */ e.jsx(
+      Ga,
       {
         status: t.data.status,
         time: t.data.time,
@@ -1375,76 +1404,76 @@ const Es = {
         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(Ht, {}) : "Send a request first to see the response here" }) }) });
-}, zs = ({
+  ] }) }) : /* @__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 = ({
   identities: t,
-  formRef: s,
-  disabled: a
+  formRef: a,
+  disabled: s
 }) => {
-  const { setValue: n } = pe(), [o, i] = F();
-  return t.length === 0 ? /* @__PURE__ */ e.jsx(U, { disabled: a, children: "Send" }) : /* @__PURE__ */ e.jsxs("div", { className: "flex", children: [
+  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: [
     /* @__PURE__ */ e.jsx(
-      U,
+      M,
       {
         className: "rounded-r-none inset-shadow-sm",
-        disabled: a,
+        disabled: s,
         onClick: () => {
-          var l;
-          return (l = s == null ? void 0 : s.current) == null ? void 0 : l.requestSubmit();
+          var r;
+          return (r = a == null ? void 0 : a.current) == null ? void 0 : r.requestSubmit();
         },
         children: "Send"
       }
     ),
-    /* @__PURE__ */ e.jsxs(Ke, { children: [
-      /* @__PURE__ */ e.jsx(Xe, { asChild: !0, children: /* @__PURE__ */ e.jsx(
-        U,
+    /* @__PURE__ */ e.jsxs(Xe, { children: [
+      /* @__PURE__ */ e.jsx(Ye, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+        M,
         {
-          disabled: a,
+          disabled: s,
           className: "rounded-l-none border-l border-border/40 inset-shadow-sm w-6",
           size: "icon",
-          children: /* @__PURE__ */ e.jsx(vt, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ e.jsx(bt, { className: "w-4 h-4" })
         }
       ) }),
-      /* @__PURE__ */ e.jsx(ye, { value: o, children: /* @__PURE__ */ e.jsx(ve, { className: "w-56", align: "end", alignOffset: -150, children: [{ id: D, label: "None" }, ...t].map(
-        (l) => /* @__PURE__ */ e.jsxs(
+      /* @__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,
           {
             onClick: () => {
-              var u;
-              i(l.id), n("identity", l.id), (u = s == null ? void 0 : s.current) == null || u.requestSubmit();
+              var m;
+              d(r.id), n("identity", r.id), (m = a == null ? void 0 : a.current) == null || m.requestSubmit();
             },
-            onMouseEnter: () => i(l.id),
-            onMouseLeave: () => i(void 0),
+            onMouseEnter: () => d(r.id),
+            onMouseLeave: () => d(void 0),
             children: [
-              /* @__PURE__ */ e.jsx(Q, { value: l.id, className: "mr-2" }),
-              l.label
+              /* @__PURE__ */ e.jsx(Q, { value: r.id, className: "mr-2" }),
+              r.label
             ]
           },
-          l.id
+          r.id
         )
       ) }) })
     ] })
   ] });
-}, D = "__none", _s = ({
+}, F = "__none", _a = ({
   server: t,
-  servers: s,
-  url: a,
+  servers: a,
+  url: s,
   method: n,
-  headers: o = [],
-  queryParams: i = [],
-  pathParams: l = [],
-  defaultBody: u = "",
-  examples: d
+  headers: i = [],
+  queryParams: d = [],
+  pathParams: r = [],
+  defaultBody: m = "",
+  examples: c
 }) => {
-  var $e, ke, Re;
-  const { selectedServer: h, setSelectedServer: v } = Lt(), [, b] = Pt(), { register: x, control: m, handleSubmit: f, watch: C, setValue: N, ...$ } = At({
+  var Pe, ke, Re;
+  const { selectedServer: h, setSelectedServer: y } = Vt(), [, v] = kt(), { register: p, control: l, handleSubmit: f, watch: C, setValue: N, ...$ } = Dt({
     defaultValues: {
-      body: u,
-      queryParams: i.map((r) => ({
-        name: r.name,
-        value: r.defaultValue ?? "",
-        active: r.defaultActive ?? !1,
-        enum: r.enum ?? []
+      body: m,
+      queryParams: d.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? "",
+        active: o.defaultActive ?? !1,
+        enum: o.enum ?? []
       })).concat([
         {
           name: "",
@@ -1453,14 +1482,14 @@ const Es = {
           enum: []
         }
       ]),
-      pathParams: l.map((r) => ({
-        name: r.name,
-        value: r.defaultValue ?? ""
+      pathParams: r.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? ""
       })),
-      headers: o.map((r) => ({
-        name: r.name,
-        value: r.defaultValue ?? "",
-        active: r.defaultActive ?? !1
+      headers: i.map((o) => ({
+        name: o.name,
+        value: o.defaultValue ?? "",
+        active: o.defaultActive ?? !1
       })).concat([
         {
           name: "",
@@ -1468,103 +1497,102 @@ const Es = {
           active: !1
         }
       ]),
-      identity: D
+      identity: F
     }
-  }), T = C(), R = Ct(), Ce = E(!1);
-  _e(() => {
-    var S;
+  }), S = C(), O = zt(), Ce = q(!1);
+  He(() => {
+    var P;
     if (Ce.current) return;
-    const r = (S = R.data) == null ? void 0 : S.at(0);
-    r && (N("identity", r.id), Ce.current = !0);
-  }, [N, R.data]);
-  const Te = E(null), Se = Et({
-    mutationFn: async (r) => {
-      var M, A;
-      const S = performance.now(), w = new Request(
-        ns(h ?? t, a, r),
+    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(h ?? t, s, o),
         {
           method: n.toUpperCase(),
           headers: Object.fromEntries(
-            r.headers.filter((y) => y.name && y.active).map((y) => [y.name, y.value])
+            o.headers.filter((j) => j.name && j.active).map((j) => [j.name, j.value])
           ),
-          body: r.body ? r.body : void 0
+          body: o.body ? o.body : void 0
         }
       );
-      r.identity !== D && ((A = (M = R.data) == null ? void 0 : M.find((y) => y.id === r.identity)) == null || A.authorizeRequest(w));
+      o.identity !== F && ((L = (G = O.data) == null ? void 0 : G.find((j) => j.id === o.identity)) == null || L.authorizeRequest(w));
       try {
-        const y = await fetch(w, {
+        const j = await fetch(w, {
           signal: AbortSignal.timeout(5e3)
-        }), X = performance.now() - S, q = await y.text(), Y = new URL(w.url);
+        }), ct = performance.now() - P, Oe = await j.text(), mt = new URL(w.url);
         return {
-          status: y.status,
-          headers: Array.from(y.headers.entries()),
-          size: q.length,
-          body: q,
-          time: X,
+          status: j.status,
+          headers: Array.from(j.headers.entries()),
+          size: Oe.length,
+          body: Oe,
+          time: ct,
           request: {
             method: w.method.toUpperCase(),
             url: w.url,
             headers: [
-              ["Host", Y.host],
+              ["Host", mt.host],
               ["User-Agent", "Zudoku Playground"],
               ...Array.from(w.headers.entries())
             ],
-            body: r.body ? r.body : void 0
+            body: o.body ? o.body : void 0
           }
         };
-      } catch (y) {
-        throw y instanceof TypeError ? new Error(
+      } catch (j) {
+        throw j instanceof TypeError ? new Error(
           "The request failed, possibly due to network issues or CORS policy."
-        ) : y;
+        ) : j;
       }
     }
-  }), lt = a.split("/").map((r, S, w) => {
-    var q;
-    const M = r.startsWith("{") && r.endsWith("}") || r.startsWith(":"), A = r.replace(/[:{}]/g, ""), y = (q = T.pathParams.find((Y) => Y.name === A)) == null ? void 0 : q.value, X = /* @__PURE__ */ e.jsx(
-      Ze,
-      {
-        backgroundOpacity: "25%",
-        name: r,
-        slug: r,
-        title: y ? void 0 : `Missing value for path parameter \`${A}\``,
-        children: y ? encodeURIComponent(y) : r
+  }), lt = /* @__PURE__ */ e.jsx(
+    oa,
+    {
+      path: s,
+      renderParam: ({ name: o, originalValue: P, index: w }) => {
+        var L;
+        const G = (L = S.pathParams.find(
+          (j) => j.name === o
+        )) == null ? void 0 : L.value;
+        return /* @__PURE__ */ e.jsx(
+          Ke,
+          {
+            name: o,
+            backgroundOpacity: "0",
+            slug: o,
+            onClick: () => $.setFocus(`pathParams.${w}.value`),
+            children: G || P
+          }
+        );
       }
-    );
-    return (
-      // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ e.jsxs(z, { children: [
-        M ? X : r,
-        S < w.length - 1 && "/",
-        /* @__PURE__ */ e.jsx("wbr", {})
-      ] }, r + S)
-    );
-  }), Pe = T.queryParams.filter((r) => r.active).map((r, S, w) => /* @__PURE__ */ e.jsxs(z, { children: [
-    r.name,
+    }
+  ), Te = S.queryParams.filter((o) => o.active).map((o, P, w) => /* @__PURE__ */ e.jsxs(k, { children: [
+    o.name,
     "=",
-    encodeURIComponent(r.value).replaceAll("%20", "+"),
-    S < w.length - 1 && "&",
+    encodeURIComponent(o.value).replaceAll("%20", "+"),
+    P < w.length - 1 && "&",
     /* @__PURE__ */ e.jsx("wbr", {})
-  ] }, r.name)), it = /* @__PURE__ */ e.jsx("div", { className: "inline-block opacity-50 hover:opacity-100 transition", children: s && s.length > 1 ? /* @__PURE__ */ e.jsxs(
-    He,
+  ] }, 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,
     {
-      onValueChange: (r) => {
-        b(() => {
-          v(r);
-        });
+      onValueChange: (o) => {
+        v(() => y(o));
       },
       value: h,
       defaultValue: h,
       children: [
-        /* @__PURE__ */ e.jsx(Me, { className: "p-0 border-none flex-row-reverse bg-transparent text-xs gap-0.5 h-auto", children: /* @__PURE__ */ e.jsx(Be, {}) }),
-        /* @__PURE__ */ e.jsx(Ue, { children: s.map((r) => /* @__PURE__ */ e.jsx(B, { value: r, children: r.replace(/^https?:\/\//, "") }, r)) })
+        /* @__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("span", { children: t.replace(/^https?:\/\//, "") }) });
   return /* @__PURE__ */ e.jsx(
-    qt,
+    Lt,
     {
-      register: x,
-      control: m,
+      register: p,
+      control: l,
       handleSubmit: f,
       watch: C,
       setValue: N,
@@ -1572,69 +1600,69 @@ const Es = {
       children: /* @__PURE__ */ e.jsx(
         "form",
         {
-          onSubmit: f((r) => Se.mutateAsync(r)),
-          ref: Te,
+          onSubmit: f((o) => Se.mutateAsync(o)),
+          ref: $e,
           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: "flex items-center flex-wrap p-2 font-mono text-xs break-all", children: [
-                    it,
+                  /* @__PURE__ */ e.jsxs("div", { className: "items-center p-2 font-mono text-xs break-words", children: [
+                    dt,
                     lt,
-                    Pe.length > 0 ? "?" : "",
-                    Pe
+                    Te.length > 0 ? "?" : "",
+                    Te
                   ] })
                 ] }),
                 /* @__PURE__ */ e.jsx(
-                  zs,
+                  Ma,
                   {
-                    identities: R.data ?? [],
-                    formRef: Te,
+                    identities: O.data ?? [],
+                    formRef: $e,
                     disabled: $.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(I, { value: "parameters", children: [
+                  /* @__PURE__ */ e.jsxs(E, { value: "parameters", children: [
                     "Parameters",
-                    (T.pathParams.some((r) => r.value !== "") || T.queryParams.some((r) => r.active)) && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    (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" })
                   ] }),
-                  /* @__PURE__ */ e.jsxs(I, { value: "headers", children: [
+                  /* @__PURE__ */ e.jsxs(E, { value: "headers", children: [
                     "Headers",
-                    T.headers.filter((r) => r.active).length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    S.headers.filter((o) => o.active).length > 0 && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
                   ] }),
-                  /* @__PURE__ */ e.jsxs(I, { value: "auth", children: [
+                  /* @__PURE__ */ e.jsxs(E, { value: "auth", children: [
                     "Auth",
-                    T.identity !== D && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
+                    S.identity !== F && /* @__PURE__ */ e.jsx("div", { className: "w-2 h-2 rounded-full bg-blue-400 ml-2" })
                   ] }),
-                  /* @__PURE__ */ e.jsx(I, { value: "body", children: "Body" })
+                  /* @__PURE__ */ e.jsx(E, { value: "body", children: "Body" })
                 ] }) }),
-                /* @__PURE__ */ e.jsx(O, { value: "headers", children: /* @__PURE__ */ e.jsx(Cs, { control: m, register: x }) }),
-                /* @__PURE__ */ e.jsxs(O, { value: "parameters", children: [
-                  l.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
+                /* @__PURE__ */ e.jsx(A, { value: "headers", children: /* @__PURE__ */ e.jsx(ka, { control: l, register: p }) }),
+                /* @__PURE__ */ e.jsxs(A, { value: "parameters", children: [
+                  r.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(Ts, { control: m })
+                    /* @__PURE__ */ e.jsx(Ra, { control: l })
                   ] }),
                   /* @__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(Ps, { control: m, queryParams: i })
+                    /* @__PURE__ */ e.jsx(Ia, { control: l, queryParams: d })
                   ] })
                 ] }),
-                /* @__PURE__ */ e.jsxs(O, { value: "body", children: [
+                /* @__PURE__ */ e.jsxs(A, { value: "body", children: [
                   !["POST", "PUT", "PATCH", "DELETE"].includes(
                     n.toUpperCase()
-                  ) && /* @__PURE__ */ e.jsxs(ie, { className: "mb-2", children: [
-                    /* @__PURE__ */ e.jsx(Oe, { className: "w-4 h-4" }),
+                  ) && /* @__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.jsx(
-                    We,
+                    Ze,
                     {
-                      ...x("body"),
-                      className: c(
+                      ...p("body"),
+                      className: u(
                         "border w-full rounded-lg p-2 bg-muted h-40 font-mono",
                         !["POST", "PUT", "PATCH", "DELETE"].includes(
                           n.toUpperCase()
@@ -1648,57 +1676,57 @@ const Es = {
                       )
                     }
                   ),
-                  d && /* @__PURE__ */ e.jsx(
-                    cs,
+                  c && /* @__PURE__ */ e.jsx(
+                    xa,
                     {
-                      examples: d,
-                      onSelect: (r) => N("body", JSON.stringify(r.value, null, 2))
+                      examples: c,
+                      onSelect: (o) => N("body", JSON.stringify(o.value, null, 2))
                     }
                   )
                 ] }),
-                /* @__PURE__ */ e.jsx(O, { value: "auth", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 my-4", children: [
-                  (($e = R.data) == null ? void 0 : $e.length) === 0 && /* @__PURE__ */ e.jsxs(ie, { children: [
-                    /* @__PURE__ */ e.jsx(Oe, { className: "w-4 h-4" }),
+                /* @__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." })
                   ] }),
                   /* @__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,
                     {
-                      onValueChange: (r) => N("identity", r),
-                      value: T.identity,
-                      defaultValue: T.identity,
+                      onValueChange: (o) => N("identity", o),
+                      value: S.identity,
+                      defaultValue: S.identity,
                       className: "gap-0",
-                      disabled: ((ke = R.data) == null ? void 0 : ke.length) === 0,
+                      disabled: ((ke = O.data) == null ? void 0 : ke.length) === 0,
                       children: [
                         /* @__PURE__ */ e.jsxs(
-                          L,
+                          V,
                           {
                             className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
                             htmlFor: "none",
                             children: [
-                              /* @__PURE__ */ e.jsx(Q, { value: D, id: "none", children: "None" }),
-                              /* @__PURE__ */ e.jsx(L, { htmlFor: "none", className: "ml-2", children: "None" })
+                              /* @__PURE__ */ e.jsx(Q, { value: F, id: "none", children: "None" }),
+                              /* @__PURE__ */ e.jsx(V, { htmlFor: "none", className: "ml-2", children: "None" })
                             ]
                           }
                         ),
-                        (Re = R.data) == null ? void 0 : Re.map((r) => /* @__PURE__ */ e.jsxs(
-                          L,
+                        (Re = O.data) == null ? void 0 : Re.map((o) => /* @__PURE__ */ e.jsxs(
+                          V,
                           {
                             className: "h-12 border-b items-center flex p-4 cursor-pointer hover:bg-accent",
                             children: [
                               /* @__PURE__ */ e.jsx(
                                 Q,
                                 {
-                                  value: r.id,
-                                  id: r.id,
-                                  children: r.label
+                                  value: o.id,
+                                  id: o.id,
+                                  children: o.label
                                 }
                               ),
-                              /* @__PURE__ */ e.jsx(L, { htmlFor: r.id, className: "ml-2", children: r.label })
+                              /* @__PURE__ */ e.jsx(V, { htmlFor: o.id, className: "ml-2", children: o.label })
                             ]
                           },
-                          r.id
+                          o.id
                         ))
                       ]
                     }
@@ -1707,11 +1735,11 @@ const Es = {
               ] })
             ] }),
             /* @__PURE__ */ e.jsx(
-              Fs,
+              Ua,
               {
                 queryMutation: Se,
-                showPathParamsWarning: T.pathParams.some(
-                  (r) => r.value === ""
+                showPathParamsWarning: S.pathParams.some(
+                  (o) => o.value === ""
                 )
               }
             )
@@ -1720,9 +1748,9 @@ const Es = {
       )
     }
   );
-}, Hs = ({
+}, Ja = ({
   className: t,
-  size: s = 16
+  size: a = 16
 }) => /* @__PURE__ */ e.jsx(
   "svg",
   {
@@ -1730,8 +1758,8 @@ const Es = {
     viewBox: "0 0 24 24",
     fill: "currentColor",
     className: t,
-    width: s,
-    height: s,
+    width: a,
+    height: a,
     children: /* @__PURE__ */ e.jsx(
       "path",
       {
@@ -1741,45 +1769,53 @@ const Es = {
       }
     )
   }
-), Ms = (t) => {
-  const [s, a] = F(!1);
-  return /* @__PURE__ */ e.jsxs(kt, { onOpenChange: (n) => a(n), children: [
-    /* @__PURE__ */ e.jsx(Rt, { asChild: !0, children: t.children ?? /* @__PURE__ */ e.jsxs("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: [
+), Qa = (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("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(Hs, { className: "", size: 14 })
+      /* @__PURE__ */ e.jsx(Ja, { className: "", size: 14 })
     ] }) }),
     /* @__PURE__ */ e.jsxs(
-      It,
+      Et,
       {
         className: "max-w-screen-xl w-full h-5/6 overflow-hidden p-0",
         "aria-describedby": void 0,
         children: [
-          /* @__PURE__ */ e.jsx(St, { children: /* @__PURE__ */ e.jsx(Ot, { children: "Playground" }) }),
-          s && /* @__PURE__ */ e.jsx(_s, { ...t })
+          /* @__PURE__ */ e.jsx(Pt, { children: /* @__PURE__ */ e.jsx(At, { children: "Playground" }) }),
+          a && /* @__PURE__ */ e.jsx(_a, { ...t })
         ]
       }
     )
   ] });
-}, Bs = Xt(`
+}, Wa = We(`
   query GetCategories($input: JSON!, $type: SchemaType!) {
     schema(input: $input, type: $type) {
       url
       tags {
-        __typename
         name
-        operations {
-          __typename
-          slug
-          deprecated
-          method
-          summary
-          operationId
-          path
-        }
       }
     }
   }
-`), Us = {
+`), Za = We(`
+  query GetOperations(
+    $input: JSON!
+    $type: SchemaType!
+    $tag: String
+    $untagged: Boolean
+  ) {
+    schema(input: $input, type: $type) {
+      operations(tag: $tag, untagged: $untagged) {
+        slug
+        deprecated
+        method
+        summary
+        operationId
+        path
+      }
+    }
+  }
+`), Ka = {
   get: "green",
   post: "blue",
   put: "yellow",
@@ -1787,8 +1823,8 @@ const Es = {
   patch: "purple",
   options: "gray",
   head: "gray"
-}, ga = (t) => {
-  const s = Ee(t.navigationId ?? "/reference"), a = t.type === "file" ? Object.keys(t.input) : [], n = new es(t);
+}, oe = "~endpoints", $s = (t) => {
+  const a = I(t.navigationId ?? "/reference"), s = t.type === "file" ? Object.keys(t.input) : [], n = new Kt(t);
   return {
     getHead: () => {
       if (t.type === "url" && !t.skipPreload)
@@ -1806,110 +1842,156 @@ const Es = {
     },
     getMdxComponents: () => ({
       OpenPlaygroundButton: ({
-        requireAuth: o,
-        server: i,
-        method: l,
-        url: u,
-        ...d
+        requireAuth: i,
+        server: d,
+        method: r,
+        url: m,
+        ...c
       }) => {
-        const h = Nt();
-        if (!i)
+        const h = St();
+        if (!d)
           throw new Error("Server is required");
-        return o && !h.isAuthenticated ? /* @__PURE__ */ e.jsxs(
-          G,
+        return i && !h.isAuthenticated ? /* @__PURE__ */ e.jsxs(
+          _,
           {
             className: "gap-2 items-center",
             variant: "outline",
             onClick: h.login,
             children: [
               "Login to open in Playground ",
-              /* @__PURE__ */ e.jsx(jt, { size: 16 })
+              /* @__PURE__ */ e.jsx(Nt, { size: 16 })
             ]
           }
         ) : /* @__PURE__ */ e.jsx(
-          Ms,
+          Qa,
           {
-            url: u ?? "/",
-            method: l ?? "get",
-            server: i,
-            ...d,
-            children: /* @__PURE__ */ e.jsxs(G, { className: "gap-2 items-center", variant: "outline", children: [
+            url: m ?? "/",
+            method: r ?? "get",
+            server: d,
+            ...c,
+            children: /* @__PURE__ */ e.jsxs(_, { className: "gap-2 items-center", variant: "outline", children: [
               "Open in Playground ",
-              /* @__PURE__ */ e.jsx(bt, { size: 16 })
+              /* @__PURE__ */ e.jsx(wt, { size: 16 })
             ] })
           }
         );
       }
     }),
-    getSidebar: async (o) => {
-      if (!ut({ path: s, end: !1 }, o))
+    getSidebar: async (i) => {
+      var d;
+      if (!Ct({ path: a, end: !1 }, i))
         return [];
       try {
-        const i = a.find((d) => o === Ee(s, d)) ?? Object.keys(t.input).at(0), u = (await n.fetch(Bs, {
+        const r = s.find(
+          (l) => i.startsWith(I(a, l))
+        ), m = r ?? Object.keys(t.input).at(0), c = await n.fetch(Wa, {
           type: t.type,
-          input: t.type === "file" ? t.input[i] : t.input,
-          version: i
-        })).schema.tags.filter((d) => d.operations.length > 0).map((d) => ({
-          type: "category",
-          label: d.name || "Other endpoints",
-          collapsible: !0,
-          collapsed: !1,
-          items: d.operations.map((h) => ({
-            type: "link",
-            label: h.summary ?? h.path,
-            href: `#${h.slug}`,
-            badge: {
-              label: h.method,
-              color: Us[h.method.toLowerCase()],
-              invert: !0
-            }
-          }))
-        }));
-        return u.unshift({
+          input: t.type === "file" ? t.input[m] : t.input
+        }), h = (d = t.tagPages) == null ? void 0 : d.find(
+          (l) => i.split("/").at(-1) === te(l)
+        ), v = (await n.fetch(Za, {
+          type: t.type,
+          input: t.type === "file" ? t.input[m] : t.input,
+          tag: h,
+          untagged: h === void 0
+        })).schema.operations.map((l) => ({
           type: "link",
-          label: "Overview",
-          href: "#description"
-        }), u;
+          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 f = I(
+            a,
+            r,
+            l.name ? te(l.name) : oe
+          );
+          return {
+            type: "category",
+            label: l.name || "Other endpoints",
+            link: {
+              type: "doc",
+              id: f,
+              label: l.name
+            },
+            collapsible: !1,
+            collapsed: !0,
+            items: i === f ? v : []
+          };
+        });
       } catch {
         return [];
       }
     },
-    getRoutes: () => [null, ...a].map((i) => ({
-      path: s + (i ? `/${i}` : ""),
-      async lazy() {
-        const { OpenApiRoute: l } = await import("./Route-DJ0ZlVq1.js");
+    getRoutes: () => {
+      const i = [null, ...s], d = (t.tagPages ?? []).map((r) => ({
+        tag: r,
+        path: te(r)
+      }));
+      return i.map((r) => {
+        const m = I(a, r ? `/${r}` : "");
         return {
-          element: /* @__PURE__ */ e.jsx(
-            l,
+          path: m,
+          async lazy() {
+            const { OpenApiRoute: c } = await import("./OpenApiRoute-UrC_t0e5.js");
+            return {
+              element: /* @__PURE__ */ e.jsx(
+                c,
+                {
+                  version: r ?? void 0,
+                  basePath: a,
+                  versions: s,
+                  client: n,
+                  config: t
+                }
+              )
+            };
+          },
+          children: [
             {
-              basePath: s,
-              versions: a,
-              client: n,
-              config: t
-            }
-          )
+              index: !0,
+              loader: () => {
+                var c;
+                return $t(
+                  I(m, ((c = d.at(0)) == null ? void 0 : c.path) ?? oe)
+                );
+              }
+            },
+            {
+              path: I(m, oe),
+              async lazy() {
+                const { OperationList: c } = await import("./OperationList-CDt1xdc4.js");
+                return { element: /* @__PURE__ */ e.jsx(c, { untagged: !0 }) };
+              }
+            },
+            ...d.map((c) => ({
+              path: I(m, c.path),
+              async lazy() {
+                const { OperationList: h } = await import("./OperationList-CDt1xdc4.js");
+                return {
+                  element: /* @__PURE__ */ e.jsx(h, { tag: c.tag })
+                };
+              }
+            }))
+          ]
         };
-      },
-      children: [
-        {
-          index: !0,
-          async lazy() {
-            const { OperationList: l } = await import("./OperationList-DH-zIgtq.js");
-            return { element: /* @__PURE__ */ e.jsx(l, {}) };
-          }
-        }
-      ]
-    }))
+      });
+    }
   };
 };
 export {
-  Ze as C,
-  Ms as P,
+  Ke as C,
+  Qa as P,
   Ve as a,
   ze as b,
   Fe as c,
-  Xt as g,
-  ks as m,
-  ga as o
+  oa as d,
+  We as g,
+  Aa as m,
+  $s as o
 };
-//# sourceMappingURL=index-DmqsUPcm.js.map
+//# sourceMappingURL=index-Eb1oiHbM.js.map