@websublime/vite-plugin-open-api-devtools 0.4.0 → 0.6.0

package/dist/RoutesPage-D7H_CupP.js

@@ -1,665 +0,0 @@
-import { ref as $, computed as C, defineComponent as B, createElementBlock as l, openBlock as a, createVNode as p, createElementVNode as e, unref as i, normalizeClass as H, toDisplayString as _, createCommentVNode as m, createTextVNode as T, Fragment as w, renderList as M, withDirectives as de, createBlock as Y, resolveDynamicComponent as ee, vShow as re, onMounted as ue, onUnmounted as ce, watch as pe } from "vue";
-import { g as te, C as se, a as _e, S as X, X as Z, F as he, b as fe } from "./format-CE7KDbll.js";
-import { c as E, _ as P, u as ge, R as me } from "./main-AUiFaD93.js";
-import { defineStore as ve } from "pinia";
-const U = E("code", [
-  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
-  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
-]);
-const O = E("file-json", [
-  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
-  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
-  [
-    "path",
-    { d: "M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1", key: "1oajmo" }
-  ],
-  [
-    "path",
-    { d: "M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1", key: "mpwhp6" }
-  ]
-]);
-const ye = E("lock", [
-  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
-  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
-]);
-const ke = E("shield", [
-  [
-    "path",
-    {
-      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
-      key: "oel41y"
-    }
-  ]
-]);
-const J = E("sprout", [
-  ["path", { d: "M7 20h10", key: "e6iznv" }],
-  ["path", { d: "M10 20c5.5-2.5.8-6.4 3-10", key: "161w41" }],
-  [
-    "path",
-    {
-      d: "M9.5 9.4c1.1.8 1.8 2.2 2.3 3.7-2 .4-3.5.4-4.8-.3-1.2-.6-2.3-1.9-3-4.2 2.8-.5 4.4 0 5.5.8z",
-      key: "9gtqwd"
-    }
-  ],
-  [
-    "path",
-    {
-      d: "M14.1 6a7 7 0 0 0-1.1 4c1.9-.1 3.3-.6 4.3-1.4 1-1 1.6-2.3 1.7-4.6-2.7.1-4 1-4.9 2z",
-      key: "bkxnd2"
-    }
-  ]
-]);
-const Se = E("tag", [
-  [
-    "path",
-    {
-      d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",
-      key: "vktsd0"
-    }
-  ],
-  ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }]
-]), be = ve("registry", () => {
-  const d = $([]), n = $({
-    totalEndpoints: 0,
-    withCustomHandler: 0,
-    totalSchemas: 0,
-    withCustomSeed: 0,
-    autoGenerated: 0
-  }), S = $(!1), k = $(null), h = $(""), s = $({
-    methods: [],
-    hasHandler: null,
-    hasSeed: null,
-    tags: []
-  }), f = $(null), g = $(/* @__PURE__ */ new Set()), b = C(() => {
-    const t = /* @__PURE__ */ new Set();
-    for (const o of d.value)
-      for (const u of o.tags)
-        t.add(u);
-    return Array.from(t).sort();
-  }), v = C(() => {
-    const t = /* @__PURE__ */ new Set();
-    for (const o of d.value)
-      o.responseSchema && t.add(o.responseSchema);
-    return Array.from(t).sort();
-  }), y = C(() => {
-    let t = d.value;
-    if (h.value.trim()) {
-      const o = h.value.toLowerCase().trim();
-      t = t.filter((u) => u.path.toLowerCase().includes(o) || u.operationId.toLowerCase().includes(o) || u.summary?.toLowerCase().includes(o) || u.tags.some((D) => D.toLowerCase().includes(o)));
-    }
-    return s.value.methods.length > 0 && (t = t.filter((o) => s.value.methods.includes(o.method))), s.value.hasHandler !== null && (t = t.filter((o) => o.hasHandler === s.value.hasHandler)), s.value.hasSeed !== null && (t = t.filter((o) => o.hasSeed === s.value.hasSeed)), s.value.tags.length > 0 && (t = t.filter(
-      (o) => o.tags.some((u) => s.value.tags.includes(u))
-    )), t;
-  }), F = C(() => {
-    const t = /* @__PURE__ */ new Map();
-    for (const o of y.value) {
-      let u;
-      o.tags.length > 0 ? u = o.tags[0] : o.responseSchema ? u = o.responseSchema : u = o.path.split("/").filter(Boolean)[0] || "Other", t.has(u) || t.set(u, []), t.get(u)?.push(o);
-    }
-    return Array.from(t.entries()).map(([o, u]) => ({
-      tag: o,
-      endpoints: u.sort((D, le) => D.path.localeCompare(le.path)),
-      isExpanded: g.value.has(o)
-    })).sort((o, u) => o.tag.localeCompare(u.tag));
-  }), N = C(() => f.value ? d.value.find((t) => t.key === f.value) ?? null : null), G = C(() => d.value.filter((t) => t.hasHandler).length), V = C(() => d.value.filter((t) => t.hasSeed).length);
-  function q(t) {
-    d.value = t.endpoints, n.value = t.stats, k.value = null;
-    for (const o of t.endpoints)
-      o.tags.length > 0 && g.value.add(o.tags[0]);
-  }
-  function Q(t) {
-    S.value = t;
-  }
-  function j(t) {
-    k.value = t, S.value = !1;
-  }
-  function L() {
-    k.value = null;
-  }
-  function K(t) {
-    h.value = t;
-  }
-  function z(t) {
-    const o = s.value.methods.indexOf(t);
-    o === -1 ? s.value.methods.push(t) : s.value.methods.splice(o, 1);
-  }
-  function R(t) {
-    s.value.hasHandler = t;
-  }
-  function A(t) {
-    s.value.hasSeed = t;
-  }
-  function I(t) {
-    const o = s.value.tags.indexOf(t);
-    o === -1 ? s.value.tags.push(t) : s.value.tags.splice(o, 1);
-  }
-  function c() {
-    s.value = {
-      methods: [],
-      hasHandler: null,
-      hasSeed: null,
-      tags: []
-    }, h.value = "";
-  }
-  function r() {
-    return h.value.trim() !== "" || s.value.methods.length > 0 || s.value.hasHandler !== null || s.value.hasSeed !== null || s.value.tags.length > 0;
-  }
-  function x(t) {
-    f.value = t;
-  }
-  function W(t) {
-    g.value.has(t) ? g.value.delete(t) : g.value.add(t);
-  }
-  function ne() {
-    for (const t of F.value)
-      g.value.add(t.tag);
-  }
-  function oe() {
-    g.value.clear();
-  }
-  function ie(t) {
-    const o = new Set(t);
-    for (const u of d.value)
-      u.hasHandler = o.has(u.operationId);
-  }
-  function ae(t) {
-    const o = new Set(t);
-    for (const u of d.value)
-      u.hasSeed = u.responseSchema ? o.has(u.responseSchema) : !1;
-  }
-  return {
-    // State
-    endpoints: d,
-    stats: n,
-    isLoading: S,
-    error: k,
-    searchQuery: h,
-    filter: s,
-    selectedEndpointKey: f,
-    expandedTags: g,
-    // Getters
-    allTags: b,
-    allSchemas: v,
-    filteredEndpoints: y,
-    groupedEndpoints: F,
-    selectedEndpoint: N,
-    handlerCount: G,
-    seedCount: V,
-    // Actions
-    setRegistryData: q,
-    setLoading: Q,
-    setError: j,
-    clearError: L,
-    setSearchQuery: K,
-    toggleMethodFilter: z,
-    setHandlerFilter: R,
-    setSeedFilter: A,
-    toggleTagFilter: I,
-    clearFilters: c,
-    hasActiveFilters: r,
-    selectEndpoint: x,
-    toggleGroup: W,
-    expandAllGroups: ne,
-    collapseAllGroups: oe,
-    updateHandlerStatus: ie,
-    updateSeedStatus: ae
-  };
-}), $e = { class: "endpoint-detail" }, Ce = {
-  key: 0,
-  class: "endpoint-detail__empty"
-}, xe = {
-  key: 1,
-  class: "endpoint-detail__content"
-}, He = { class: "endpoint-detail__header" }, ze = { class: "endpoint-detail__path font-mono" }, we = { class: "endpoint-detail__status" }, Ee = {
-  key: 0,
-  class: "endpoint-detail__status-item endpoint-detail__status-item--handler"
-}, Fe = {
-  key: 1,
-  class: "endpoint-detail__status-item endpoint-detail__status-item--seed"
-}, Me = {
-  key: 2,
-  class: "endpoint-detail__status-item endpoint-detail__status-item--security"
-}, Le = {
-  key: 3,
-  class: "endpoint-detail__status-item endpoint-detail__status-item--auto"
-}, Re = { class: "endpoint-detail__sections" }, Ae = { class: "endpoint-detail__section" }, Ie = { class: "endpoint-detail__section-content font-mono" }, De = {
-  key: 0,
-  class: "endpoint-detail__section"
-}, Te = { class: "endpoint-detail__section-title" }, Ne = { class: "endpoint-detail__tags" }, Ge = {
-  key: 1,
-  class: "endpoint-detail__section"
-}, Ve = { class: "endpoint-detail__section-content" }, qe = {
-  key: 2,
-  class: "endpoint-detail__section"
-}, Qe = { class: "endpoint-detail__section-content endpoint-detail__description" }, je = {
-  key: 3,
-  class: "endpoint-detail__section"
-}, Ke = { class: "endpoint-detail__section-title" }, Oe = { class: "endpoint-detail__section-content font-mono" }, Be = {
-  key: 4,
-  class: "endpoint-detail__section"
-}, Pe = { class: "endpoint-detail__section-title" }, Ue = { class: "endpoint-detail__security" }, Je = { class: "endpoint-detail__security-name font-mono" }, We = { class: "endpoint-detail__security-scopes text-muted" }, Xe = /* @__PURE__ */ B({
-  __name: "EndpointDetail",
-  props: {
-    endpoint: {}
-  },
-  setup(d) {
-    const n = d, S = C(() => n.endpoint?.security && n.endpoint.security.length > 0), k = C(() => n.endpoint?.security ? n.endpoint.security.map((h) => ({
-      name: h.name,
-      scopes: h.scopes.length > 0 ? h.scopes.join(", ") : "No scopes"
-    })) : []);
-    return (h, s) => (a(), l("div", $e, [
-      d.endpoint ? (a(), l("div", xe, [
-        e("header", He, [
-          e("span", {
-            class: H([
-              "method-badge",
-              "method-badge--large",
-              `method-badge--${d.endpoint.method}`
-            ])
-          }, _(i(te)(d.endpoint.method)), 3),
-          e("h2", ze, _(d.endpoint.path), 1)
-        ]),
-        e("div", we, [
-          d.endpoint.hasHandler ? (a(), l("div", Ee, [
-            p(i(U), { size: 14 }),
-            s[2] || (s[2] = e("span", null, "Has custom handler", -1))
-          ])) : m("", !0),
-          d.endpoint.hasSeed ? (a(), l("div", Fe, [
-            p(i(J), { size: 14 }),
-            s[3] || (s[3] = e("span", null, "Has seed data", -1))
-          ])) : m("", !0),
-          S.value ? (a(), l("div", Me, [
-            p(i(ye), { size: 14 }),
-            s[4] || (s[4] = e("span", null, "Requires authentication", -1))
-          ])) : m("", !0),
-          !d.endpoint.hasHandler && !d.endpoint.hasSeed ? (a(), l("div", Le, [
-            p(i(O), { size: 14 }),
-            s[5] || (s[5] = e("span", null, "Auto-generated response", -1))
-          ])) : m("", !0)
-        ]),
-        e("div", Re, [
-          e("section", Ae, [
-            s[6] || (s[6] = e("h3", { class: "endpoint-detail__section-title" }, "Operation", -1)),
-            e("p", Ie, _(d.endpoint.operationId), 1)
-          ]),
-          d.endpoint.tags.length > 0 ? (a(), l("section", De, [
-            e("h3", Te, [
-              p(i(Se), { size: 14 }),
-              s[7] || (s[7] = T(" Tags ", -1))
-            ]),
-            e("div", Ne, [
-              (a(!0), l(w, null, M(d.endpoint.tags, (f) => (a(), l("span", {
-                key: f,
-                class: "endpoint-detail__tag"
-              }, _(f), 1))), 128))
-            ])
-          ])) : m("", !0),
-          d.endpoint.summary ? (a(), l("section", Ge, [
-            s[8] || (s[8] = e("h3", { class: "endpoint-detail__section-title" }, "Summary", -1)),
-            e("p", Ve, _(d.endpoint.summary), 1)
-          ])) : m("", !0),
-          d.endpoint.description ? (a(), l("section", qe, [
-            s[9] || (s[9] = e("h3", { class: "endpoint-detail__section-title" }, "Description", -1)),
-            e("p", Qe, _(d.endpoint.description), 1)
-          ])) : m("", !0),
-          d.endpoint.responseSchema ? (a(), l("section", je, [
-            e("h3", Ke, [
-              p(i(O), { size: 14 }),
-              s[10] || (s[10] = T(" Response Schema ", -1))
-            ]),
-            e("p", Oe, _(d.endpoint.responseSchema), 1)
-          ])) : m("", !0),
-          S.value ? (a(), l("section", Be, [
-            e("h3", Pe, [
-              p(i(ke), { size: 14 }),
-              s[11] || (s[11] = T(" Security ", -1))
-            ]),
-            e("div", Ue, [
-              (a(!0), l(w, null, M(k.value, (f) => (a(), l("div", {
-                key: f.name,
-                class: "endpoint-detail__security-item"
-              }, [
-                e("span", Je, _(f.name), 1),
-                e("span", We, _(f.scopes), 1)
-              ]))), 128))
-            ])
-          ])) : m("", !0)
-        ])
-      ])) : (a(), l("div", Ce, [
-        p(i(O), {
-          size: 48,
-          class: "endpoint-detail__empty-icon"
-        }),
-        s[0] || (s[0] = e("h3", { class: "endpoint-detail__empty-title" }, "No endpoint selected", -1)),
-        s[1] || (s[1] = e("p", { class: "endpoint-detail__empty-text text-muted" }, " Select an endpoint from the list to view its details ", -1))
-      ]))
-    ]));
-  }
-}), Ze = /* @__PURE__ */ P(Xe, [["__scopeId", "data-v-c66a0f52"]]), Ye = { class: "endpoint-list" }, et = {
-  key: 0,
-  class: "endpoint-list__empty"
-}, tt = {
-  key: 1,
-  class: "endpoint-list__groups"
-}, st = ["aria-expanded", "aria-controls", "onClick"], nt = { class: "endpoint-group__tag" }, ot = { class: "endpoint-group__count text-muted" }, it = ["id", "aria-label"], at = ["aria-selected", "onClick"], lt = { class: "endpoint-item__path font-mono" }, dt = { class: "endpoint-item__indicators" }, rt = {
-  key: 0,
-  class: "endpoint-item__indicator endpoint-item__indicator--handler",
-  title: "Has custom handler"
-}, ut = {
-  key: 1,
-  class: "endpoint-item__indicator endpoint-item__indicator--seed",
-  title: "Has seed data"
-}, ct = /* @__PURE__ */ B({
-  __name: "EndpointList",
-  props: {
-    groups: {},
-    selectedKey: {}
-  },
-  emits: ["select", "toggle-group"],
-  setup(d, { emit: n }) {
-    const S = d, k = n;
-    function h(g) {
-      k("select", g.key);
-    }
-    function s(g) {
-      k("toggle-group", g);
-    }
-    function f(g) {
-      return S.selectedKey === g.key;
-    }
-    return (g, b) => (a(), l("div", Ye, [
-      d.groups.length === 0 ? (a(), l("div", et, [...b[0] || (b[0] = [
-        e("p", { class: "text-muted" }, "No endpoints found", -1)
-      ])])) : (a(), l("div", tt, [
-        (a(!0), l(w, null, M(d.groups, (v) => (a(), l("div", {
-          key: v.tag,
-          class: "endpoint-group"
-        }, [
-          e("button", {
-            type: "button",
-            class: "endpoint-group__header",
-            "aria-expanded": v.isExpanded,
-            "aria-controls": `group-${v.tag}`,
-            onClick: (y) => s(v.tag)
-          }, [
-            (a(), Y(ee(v.isExpanded ? i(se) : i(_e)), {
-              size: 16,
-              class: "endpoint-group__chevron"
-            })),
-            e("span", nt, _(v.tag), 1),
-            e("span", ot, " (" + _(v.endpoints.length) + ") ", 1)
-          ], 8, st),
-          de(e("div", {
-            id: `group-${v.tag}`,
-            class: "endpoint-group__items",
-            role: "group",
-            "aria-label": `${v.tag} endpoints`
-          }, [
-            (a(!0), l(w, null, M(v.endpoints, (y) => (a(), l("button", {
-              key: y.key,
-              type: "button",
-              class: H([
-                "endpoint-item",
-                { "endpoint-item--selected": f(y) }
-              ]),
-              "aria-selected": f(y),
-              onClick: (F) => h(y)
-            }, [
-              e("span", {
-                class: H([
-                  "method-badge",
-                  `method-badge--${y.method}`
-                ])
-              }, _(i(te)(y.method)), 3),
-              e("span", lt, _(y.path), 1),
-              e("div", dt, [
-                y.hasHandler ? (a(), l("span", rt, [
-                  p(i(U), { size: 12 })
-                ])) : m("", !0),
-                y.hasSeed ? (a(), l("span", ut, [
-                  p(i(J), { size: 12 })
-                ])) : m("", !0)
-              ])
-            ], 10, at))), 128))
-          ], 8, it), [
-            [re, v.isExpanded]
-          ])
-        ]))), 128))
-      ]))
-    ]));
-  }
-}), pt = /* @__PURE__ */ P(ct, [["__scopeId", "data-v-554ffe63"]]), _t = { class: "routes-page" }, ht = { class: "routes-toolbar" }, ft = { class: "routes-search" }, gt = ["value"], mt = ["aria-expanded"], vt = {
-  key: 0,
-  class: "routes-filter-toggle__badge"
-}, yt = { class: "routes-stats" }, kt = { class: "routes-stats__item" }, St = { class: "routes-stats__item" }, bt = {
-  key: 0,
-  class: "routes-filters"
-}, $t = { class: "routes-filters__section" }, Ct = { class: "routes-filters__methods" }, xt = ["onClick"], Ht = { class: "routes-filters__section" }, zt = { class: "routes-filters__status" }, wt = {
-  key: 0,
-  class: "routes-filters__actions"
-}, Et = { class: "routes-content" }, Ft = {
-  key: 0,
-  class: "routes-loading"
-}, Mt = {
-  key: 1,
-  class: "routes-error"
-}, Lt = { class: "routes-error__message" }, Rt = {
-  key: 2,
-  class: "routes-empty empty-state"
-}, At = {
-  key: 3,
-  class: "routes-empty empty-state"
-}, It = { class: "routes-list-panel" }, Dt = { class: "routes-detail-panel" }, Tt = /* @__PURE__ */ B({
-  __name: "RoutesPage",
-  setup(d) {
-    const n = be(), { send: S, on: k, connected: h } = ge(), s = $(!1), f = $(null), g = [
-      "get",
-      "post",
-      "put",
-      "patch",
-      "delete",
-      "options",
-      "head",
-      "trace"
-    ];
-    function b() {
-      h.value && (n.setLoading(!0), S({ type: "get:registry" }));
-    }
-    function v(c) {
-      n.setRegistryData(c), n.setLoading(!1);
-    }
-    function y(c) {
-      n.selectEndpoint(c);
-    }
-    function F(c) {
-      n.toggleGroup(c);
-    }
-    function N(c) {
-      const r = c.target;
-      n.setSearchQuery(r.value);
-    }
-    function G() {
-      n.setSearchQuery(""), f.value?.focus();
-    }
-    function V(c) {
-      n.toggleMethodFilter(c);
-    }
-    function q(c) {
-      return n.filter.methods.includes(c);
-    }
-    function Q() {
-      const c = n.filter.hasHandler;
-      n.setHandlerFilter(c === !0 ? null : !0);
-    }
-    function j() {
-      const c = n.filter.hasSeed;
-      n.setSeedFilter(c === !0 ? null : !0);
-    }
-    function L() {
-      n.clearFilters();
-    }
-    function K() {
-      s.value = !s.value;
-    }
-    const z = C(() => n.hasActiveFilters());
-    let R = null, A = null, I = null;
-    return ue(() => {
-      R = k("registry", v), A = k("handlers:updated", () => b()), I = k("seeds:updated", () => b()), h.value && b();
-    }), ce(() => {
-      R?.(), A?.(), I?.();
-    }), pe(h, (c) => {
-      c && b();
-    }), (c, r) => (a(), l("div", _t, [
-      e("div", ht, [
-        e("div", ft, [
-          p(i(X), {
-            size: 16,
-            class: "routes-search__icon"
-          }),
-          e("input", {
-            ref_key: "searchInputRef",
-            ref: f,
-            type: "text",
-            class: "routes-search__input input",
-            placeholder: "Search endpoints...",
-            value: i(n).searchQuery,
-            onInput: N
-          }, null, 40, gt),
-          i(n).searchQuery ? (a(), l("button", {
-            key: 0,
-            type: "button",
-            class: "routes-search__clear btn btn--ghost btn--icon",
-            title: "Clear search",
-            onClick: G
-          }, [
-            p(i(Z), { size: 14 })
-          ])) : m("", !0)
-        ]),
-        e("button", {
-          type: "button",
-          class: H([
-            "routes-filter-toggle btn btn--secondary",
-            { "routes-filter-toggle--active": z.value }
-          ]),
-          "aria-expanded": s.value,
-          onClick: K
-        }, [
-          p(i(he), { size: 16 }),
-          r[0] || (r[0] = e("span", null, "Filters", -1)),
-          z.value ? (a(), l("span", vt, _(i(n).filter.methods.length + (i(n).filter.hasHandler ? 1 : 0) + (i(n).filter.hasSeed ? 1 : 0)), 1)) : m("", !0),
-          (a(), Y(ee(s.value ? i(fe) : i(se)), { size: 14 }))
-        ], 10, mt),
-        e("div", yt, [
-          e("span", kt, _(i(n).filteredEndpoints.length) + " endpoints ", 1),
-          r[1] || (r[1] = e("span", { class: "routes-stats__separator" }, "|", -1)),
-          e("span", St, _(i(n).allTags.length) + " tags ", 1)
-        ])
-      ]),
-      s.value ? (a(), l("div", bt, [
-        e("div", $t, [
-          r[2] || (r[2] = e("h4", { class: "routes-filters__title" }, "Methods", -1)),
-          e("div", Ct, [
-            (a(), l(w, null, M(g, (x) => e("button", {
-              key: x,
-              type: "button",
-              class: H([
-                "method-badge",
-                `method-badge--${x}`,
-                { "method-badge--inactive": !q(x) && i(n).filter.methods.length > 0 }
-              ]),
-              onClick: (W) => V(x)
-            }, _(x.toUpperCase()), 11, xt)), 64))
-          ])
-        ]),
-        e("div", Ht, [
-          r[5] || (r[5] = e("h4", { class: "routes-filters__title" }, "Status", -1)),
-          e("div", zt, [
-            e("button", {
-              type: "button",
-              class: H([
-                "routes-filters__status-btn",
-                { "routes-filters__status-btn--active": i(n).filter.hasHandler }
-              ]),
-              onClick: Q
-            }, [
-              p(i(U), { size: 14 }),
-              r[3] || (r[3] = e("span", null, "Has Handler", -1))
-            ], 2),
-            e("button", {
-              type: "button",
-              class: H([
-                "routes-filters__status-btn",
-                { "routes-filters__status-btn--active": i(n).filter.hasSeed }
-              ]),
-              onClick: j
-            }, [
-              p(i(J), { size: 14 }),
-              r[4] || (r[4] = e("span", null, "Has Seed", -1))
-            ], 2)
-          ])
-        ]),
-        z.value ? (a(), l("div", wt, [
-          e("button", {
-            type: "button",
-            class: "btn btn--ghost",
-            onClick: L
-          }, [
-            p(i(Z), { size: 14 }),
-            r[6] || (r[6] = T(" Clear all filters ", -1))
-          ])
-        ])) : m("", !0)
-      ])) : m("", !0),
-      e("div", Et, [
-        i(n).isLoading ? (a(), l("div", Ft, [...r[7] || (r[7] = [
-          e("div", { class: "routes-loading__spinner" }, null, -1),
-          e("span", { class: "text-muted" }, "Loading endpoints...", -1)
-        ])])) : i(n).error ? (a(), l("div", Mt, [
-          e("p", Lt, _(i(n).error), 1),
-          e("button", {
-            type: "button",
-            class: "btn btn--primary",
-            onClick: b
-          }, " Retry ")
-        ])) : i(n).endpoints.length === 0 ? (a(), l("div", Rt, [
-          p(i(me), {
-            size: 48,
-            class: "empty-state__icon"
-          }),
-          r[8] || (r[8] = e("h3", { class: "empty-state__title" }, "No endpoints found", -1)),
-          r[9] || (r[9] = e("p", { class: "empty-state__description" }, " No API endpoints are available. Make sure your OpenAPI spec is loaded. ", -1))
-        ])) : i(n).filteredEndpoints.length === 0 ? (a(), l("div", At, [
-          p(i(X), {
-            size: 48,
-            class: "empty-state__icon"
-          }),
-          r[10] || (r[10] = e("h3", { class: "empty-state__title" }, "No matching endpoints", -1)),
-          r[11] || (r[11] = e("p", { class: "empty-state__description" }, " Try adjusting your search or filters. ", -1)),
-          z.value ? (a(), l("button", {
-            key: 0,
-            type: "button",
-            class: "btn btn--secondary",
-            onClick: L
-          }, " Clear filters ")) : m("", !0)
-        ])) : (a(), l(w, { key: 4 }, [
-          e("div", It, [
-            p(pt, {
-              groups: i(n).groupedEndpoints,
-              "selected-key": i(n).selectedEndpointKey,
-              onSelect: y,
-              onToggleGroup: F
-            }, null, 8, ["groups", "selected-key"])
-          ]),
-          e("div", Dt, [
-            p(Ze, {
-              endpoint: i(n).selectedEndpoint
-            }, null, 8, ["endpoint"])
-          ])
-        ], 64))
-      ])
-    ]));
-  }
-}), Qt = /* @__PURE__ */ P(Tt, [["__scopeId", "data-v-bdd419e3"]]);
-export {
-  Qt as default
-};
-//# sourceMappingURL=RoutesPage-D7H_CupP.js.map