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

package/dist/RoutesPage-D7H_CupP.js

@@ -0,0 +1,665 @@
+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