@websublime/vite-plugin-open-api-devtools 0.8.5 → 0.9.0-next.0

package/dist/{format-Dq-zmlAN.js → format-Cj8p3HJO.js}

@@ -1,4 +1,4 @@
-import { c as e } from "./main-DmyM_bX3.js";
+import { c as e } from "./main-HjHdsAps.js";
 const t = e("chevron-down", [
   ["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]
 ]);
@@ -32,4 +32,4 @@ export {
   o as b,
   s as g
 };
-//# sourceMappingURL=format-Dq-zmlAN.js.map
+//# sourceMappingURL=format-Cj8p3HJO.js.map

package/dist/{format-Dq-zmlAN.js.map → format-Cj8p3HJO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"format-Dq-zmlAN.js","sources":["../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-down.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-right.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-up.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/funnel.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/search.js","../src/utils/format.ts"],"sourcesContent":["/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronDown = createLucideIcon(\"chevron-down\", [\n  [\"path\", { d: \"m6 9 6 6 6-6\", key: \"qrunsl\" }]\n]);\n\nexport { ChevronDown as default };\n//# sourceMappingURL=chevron-down.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronRight = createLucideIcon(\"chevron-right\", [\n  [\"path\", { d: \"m9 18 6-6-6-6\", key: \"mthhwq\" }]\n]);\n\nexport { ChevronRight as default };\n//# sourceMappingURL=chevron-right.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronUp = createLucideIcon(\"chevron-up\", [\n  [\"path\", { d: \"m18 15-6-6-6 6\", key: \"153udz\" }]\n]);\n\nexport { ChevronUp as default };\n//# sourceMappingURL=chevron-up.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Funnel = createLucideIcon(\"funnel\", [\n  [\n    \"path\",\n    {\n      d: \"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\",\n      key: \"sc7q7i\"\n    }\n  ]\n]);\n\nexport { Funnel as default };\n//# sourceMappingURL=funnel.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Search = createLucideIcon(\"search\", [\n  [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n  [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n]);\n\nexport { Search as default };\n//# sourceMappingURL=search.js.map\n","/**\n * Format Utilities\n *\n * What: Shared formatting functions for display purposes\n * How: Provides consistent formatting across components\n * Why: Centralizes common formatting logic to avoid duplication (DRY)\n *\n * @module utils/format\n */\n\n/**\n * Get display label for HTTP method\n *\n * Converts an HTTP method to its uppercase display format.\n *\n * @param method - The HTTP method string (e.g., 'get', 'post')\n * @returns The uppercase method label (e.g., 'GET', 'POST')\n *\n * @example\n * getMethodLabel('get') // Returns 'GET'\n * getMethodLabel('post') // Returns 'POST'\n */\nexport function getMethodLabel(method: string): string {\n  return method.toUpperCase();\n}\n"],"names":["ChevronDown","createLucideIcon","ChevronRight","ChevronUp","Funnel","Search","getMethodLabel","method"],"mappings":";AASK,MAACA,IAAcC,EAAiB,gBAAgB;AAAA,EACnD,CAAC,QAAQ,EAAE,GAAG,gBAAgB,KAAK,SAAQ,CAAE;AAC/C,CAAC;ACFI,MAACC,IAAeD,EAAiB,iBAAiB;AAAA,EACrD,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAChD,CAAC;ACFI,MAACE,IAAYF,EAAiB,cAAc;AAAA,EAC/C,CAAC,QAAQ,EAAE,GAAG,kBAAkB,KAAK,SAAQ,CAAE;AACjD,CAAC;ACFI,MAACG,IAASH,EAAiB,UAAU;AAAA,EACxC;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AACA,CAAC;ACRI,MAACI,IAASJ,EAAiB,UAAU;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,oBAAoB,KAAK,SAAQ,CAAE;AAAA,EACjD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,CAAC;ACUM,SAASK,EAAeC,GAAwB;AACrD,SAAOA,EAAO,YAAA;AAChB;","x_google_ignoreList":[0,1,2,3,4]}
+{"version":3,"file":"format-Cj8p3HJO.js","sources":["../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-down.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-right.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/chevron-up.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/funnel.js","../../../node_modules/.pnpm/lucide-vue-next@0.513.0_vue@3.5.27_typescript@5.9.3_/node_modules/lucide-vue-next/dist/esm/icons/search.js","../src/utils/format.ts"],"sourcesContent":["/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronDown = createLucideIcon(\"chevron-down\", [\n  [\"path\", { d: \"m6 9 6 6 6-6\", key: \"qrunsl\" }]\n]);\n\nexport { ChevronDown as default };\n//# sourceMappingURL=chevron-down.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronRight = createLucideIcon(\"chevron-right\", [\n  [\"path\", { d: \"m9 18 6-6-6-6\", key: \"mthhwq\" }]\n]);\n\nexport { ChevronRight as default };\n//# sourceMappingURL=chevron-right.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst ChevronUp = createLucideIcon(\"chevron-up\", [\n  [\"path\", { d: \"m18 15-6-6-6 6\", key: \"153udz\" }]\n]);\n\nexport { ChevronUp as default };\n//# sourceMappingURL=chevron-up.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Funnel = createLucideIcon(\"funnel\", [\n  [\n    \"path\",\n    {\n      d: \"M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z\",\n      key: \"sc7q7i\"\n    }\n  ]\n]);\n\nexport { Funnel as default };\n//# sourceMappingURL=funnel.js.map\n","/**\n * @license lucide-vue-next v0.513.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst Search = createLucideIcon(\"search\", [\n  [\"path\", { d: \"m21 21-4.34-4.34\", key: \"14j7rj\" }],\n  [\"circle\", { cx: \"11\", cy: \"11\", r: \"8\", key: \"4ej97u\" }]\n]);\n\nexport { Search as default };\n//# sourceMappingURL=search.js.map\n","/**\n * Format Utilities\n *\n * What: Shared formatting functions for display purposes\n * How: Provides consistent formatting across components\n * Why: Centralizes common formatting logic to avoid duplication (DRY)\n *\n * @module utils/format\n */\n\n/**\n * Get display label for HTTP method\n *\n * Converts an HTTP method to its uppercase display format.\n *\n * @param method - The HTTP method string (e.g., 'get', 'post')\n * @returns The uppercase method label (e.g., 'GET', 'POST')\n *\n * @example\n * getMethodLabel('get') // Returns 'GET'\n * getMethodLabel('post') // Returns 'POST'\n */\nexport function getMethodLabel(method: string): string {\n  return method.toUpperCase();\n}\n"],"names":["ChevronDown","createLucideIcon","ChevronRight","ChevronUp","Funnel","Search","getMethodLabel","method"],"mappings":";AASK,MAACA,IAAcC,EAAiB,gBAAgB;AAAA,EACnD,CAAC,QAAQ,EAAE,GAAG,gBAAgB,KAAK,SAAQ,CAAE;AAC/C,CAAC;ACFI,MAACC,IAAeD,EAAiB,iBAAiB;AAAA,EACrD,CAAC,QAAQ,EAAE,GAAG,iBAAiB,KAAK,SAAQ,CAAE;AAChD,CAAC;ACFI,MAACE,IAAYF,EAAiB,cAAc;AAAA,EAC/C,CAAC,QAAQ,EAAE,GAAG,kBAAkB,KAAK,SAAQ,CAAE;AACjD,CAAC;ACFI,MAACG,IAASH,EAAiB,UAAU;AAAA,EACxC;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AACA,CAAC;ACRI,MAACI,IAASJ,EAAiB,UAAU;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,oBAAoB,KAAK,SAAQ,CAAE;AAAA,EACjD,CAAC,UAAU,EAAE,IAAI,MAAM,IAAI,MAAM,GAAG,KAAK,KAAK,SAAQ,CAAE;AAC1D,CAAC;ACUM,SAASK,EAAeC,GAAwB;AACrD,SAAOA,EAAO,YAAA;AAChB;","x_google_ignoreList":[0,1,2,3,4]}

package/dist/main-HjHdsAps.js

@@ -0,0 +1,619 @@
+import { defineStore as se, createPinia as re } from "pinia";
+import { h as $, ref as S, computed as i, onMounted as X, getCurrentInstance as ee, defineComponent as ie, resolveComponent as le, createElementBlock as x, openBlock as w, createElementVNode as h, createVNode as W, unref as b, Fragment as ue, renderList as de, normalizeClass as U, createBlock as N, resolveDynamicComponent as z, toDisplayString as j, withCtx as Z, Transition as pe, watch as fe, onUnmounted as me, createApp as he } from "vue";
+import { createRouter as ve, createWebHashHistory as ye, useRoute as ke, useRouter as ge } from "vue-router";
+const q = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), _e = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, n, o) => o ? o.toUpperCase() : n.toLowerCase()
+), Se = (e) => {
+  const t = _e(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+}, we = (...e) => e.filter((t, n, o) => !!t && t.trim() !== "" && o.indexOf(t) === n).join(" ").trim();
+var D = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+const be = ({ size: e, strokeWidth: t = 2, absoluteStrokeWidth: n, color: o, iconNode: r, name: l, class: g, ...y }, { slots: p }) => $(
+  "svg",
+  {
+    ...D,
+    width: e || D.width,
+    height: e || D.height,
+    stroke: o || D.stroke,
+    "stroke-width": n ? Number(t) * 24 / Number(e) : t,
+    class: we(
+      "lucide",
+      ...l ? [`lucide-${q(Se(l))}-icon`, `lucide-${q(l)}`] : ["lucide-icon"]
+    ),
+    ...y
+  },
+  [...r.map((a) => $(...a)), ...p.default ? [p.default()] : []]
+);
+const T = (e, t) => (n, { slots: o }) => $(
+  be,
+  {
+    ...n,
+    iconNode: t,
+    name: e
+  },
+  o
+);
+const Ce = T("clock", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["polyline", { points: "12 6 12 12 16 14", key: "68esgv" }]
+]);
+const Te = T("database", [
+  ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
+  ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
+  ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
+]);
+const G = T("route", [
+  ["circle", { cx: "6", cy: "19", r: "3", key: "1kj8tv" }],
+  ["path", { d: "M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15", key: "1d8sl" }],
+  ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }]
+]);
+const Me = T("wifi-off", [
+  ["path", { d: "M12 20h.01", key: "zekei9" }],
+  ["path", { d: "M8.5 16.429a5 5 0 0 1 7 0", key: "1bycff" }],
+  ["path", { d: "M5 12.859a10 10 0 0 1 5.17-2.69", key: "1dl1wf" }],
+  ["path", { d: "M19 12.859a10 10 0 0 0-2.007-1.523", key: "4k23kn" }],
+  ["path", { d: "M2 8.82a15 15 0 0 1 4.177-2.643", key: "1grhjp" }],
+  ["path", { d: "M22 8.82a15 15 0 0 0-11.288-3.764", key: "z3jwby" }],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+]);
+const De = T("wifi", [
+  ["path", { d: "M12 20h.01", key: "zekei9" }],
+  ["path", { d: "M2 8.82a15 15 0 0 1 20 0", key: "dnpr2z" }],
+  ["path", { d: "M5 12.859a10 10 0 0 1 14 0", key: "1x1e6c" }],
+  ["path", { d: "M8.5 16.429a5 5 0 0 1 7 0", key: "1bycff" }]
+]);
+const Q = T("zap", [
+  [
+    "path",
+    {
+      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+      key: "1xq2db"
+    }
+  ]
+]), Ee = "#94a3b8", Ae = se("specs", () => {
+  const e = S([]), t = S(null), n = i(() => new Map(e.value.map((c) => [c.id, c]))), o = i(() => e.value.map((c) => c.id)), r = i(
+    () => t.value ? n.value.get(t.value) ?? null : null
+  ), l = i(() => t.value !== null);
+  function g(c) {
+    e.value = c, t.value && !c.some((f) => f.id === t.value) && (t.value = null);
+  }
+  function y(c) {
+    t.value = c !== null && !e.value.some((f) => f.id === c) ? null : c;
+  }
+  function p(c) {
+    t.value === c ? t.value = null : y(c);
+  }
+  function a(c) {
+    return n.value.get(c)?.color ?? Ee;
+  }
+  return {
+    // State
+    specs: e,
+    activeSpecFilter: t,
+    // Getters
+    specMap: n,
+    specIds: o,
+    activeSpec: r,
+    isFiltered: l,
+    // Actions
+    setSpecs: g,
+    setFilter: y,
+    toggleFilter: p,
+    getColor: a
+  };
+}), P = {
+  path: "/_ws",
+  reconnectDelay: 2e3,
+  maxReconnectAttempts: Number.POSITIVE_INFINITY,
+  autoConnect: !0
+}, u = S("disconnected"), H = S(null), M = S(0);
+let s = null, O = null, C = { ...P }, R = !1;
+const v = /* @__PURE__ */ new Map();
+function te() {
+  return typeof window < "u" && typeof WebSocket < "u";
+}
+function Ie() {
+  return ee() !== null;
+}
+function Oe(e) {
+  return te() ? `${window.location.protocol === "https:" ? "wss:" : "ws:"}//${window.location.host}${e}` : `ws://localhost${e}`;
+}
+function ne() {
+  O !== null && (clearTimeout(O), O = null);
+}
+function xe(e, t) {
+  const n = v.get(e);
+  if (n)
+    for (const r of n)
+      try {
+        r(t);
+      } catch (l) {
+        console.error(`[DevTools WebSocket] Error in event handler for '${e}':`, l);
+      }
+  const o = v.get("*");
+  if (o)
+    for (const r of o)
+      try {
+        r({ type: e, data: t });
+      } catch (l) {
+        console.error("[DevTools WebSocket] Error in wildcard event handler:", l);
+      }
+}
+function We() {
+  u.value = "connected", M.value = 0, ne();
+}
+function Ne(e) {
+  for (const t of e)
+    d({ type: "get:registry", data: { specId: t.id } }), d({ type: "get:timeline", data: { specId: t.id } });
+}
+function ze(e) {
+  try {
+    const t = JSON.parse(e.data);
+    if (t.type === "connected") {
+      const n = t.data;
+      H.value = n.serverVersion, n.specs && Array.isArray(n.specs) && (Ae().setSpecs(n.specs), Ne(n.specs));
+    }
+    xe(t.type, t.data);
+  } catch (t) {
+    console.error("[DevTools WebSocket] Failed to parse message:", t);
+  }
+}
+function Le() {
+  u.value, u.value = "disconnected", s = null, M.value < C.maxReconnectAttempts && (u.value = "reconnecting", M.value++, O = setTimeout(() => {
+    F();
+  }, C.reconnectDelay));
+}
+function $e(e) {
+  console.error("[DevTools WebSocket] Error:", e);
+}
+function F() {
+  if (!te() || u.value === "connecting" || u.value === "connected" || s && (s.readyState === WebSocket.CONNECTING || s.readyState === WebSocket.OPEN))
+    return;
+  oe(), u.value = "connecting";
+  const e = Oe(C.path);
+  try {
+    s = new WebSocket(e), s.onopen = We, s.onmessage = ze, s.onclose = Le, s.onerror = $e;
+  } catch (t) {
+    console.error("[DevTools WebSocket] Failed to create WebSocket:", t), u.value = "disconnected";
+  }
+}
+function oe() {
+  s && (s.onopen = null, s.onmessage = null, s.onclose = null, s.onerror = null, (s.readyState === WebSocket.OPEN || s.readyState === WebSocket.CONNECTING) && s.close(), s = null);
+}
+function ae() {
+  ne(), oe(), u.value = "disconnected", M.value = 0;
+}
+function d(e) {
+  if (!s || s.readyState !== WebSocket.OPEN)
+    return !1;
+  try {
+    return s.send(JSON.stringify(e)), !0;
+  } catch (t) {
+    return console.error("[DevTools WebSocket] Failed to send command:", t), !1;
+  }
+}
+function Re() {
+  return d({ type: "get:specs" });
+}
+function Fe(e) {
+  return d({ type: "get:registry", data: e ? { specId: e } : void 0 });
+}
+function Pe(e, t) {
+  const n = {};
+  return e && (n.specId = e), t !== void 0 && (n.limit = t), d({
+    type: "get:timeline",
+    data: Object.keys(n).length > 0 ? n : void 0
+  });
+}
+function He(e) {
+  return d({ type: "clear:timeline", data: e ? { specId: e } : void 0 });
+}
+function Be(e, t) {
+  return d({ type: "get:store", data: { specId: e, schema: t } });
+}
+function Ve(e, t, n) {
+  return d({ type: "set:store", data: { specId: e, schema: t, items: n } });
+}
+function Ue(e, t) {
+  return d({ type: "clear:store", data: { specId: e, schema: t } });
+}
+function je(e, t) {
+  return d({ type: "set:simulation", data: { specId: e, ...t } });
+}
+function Ze(e, t) {
+  return d({ type: "clear:simulation", data: { specId: e, path: t } });
+}
+function qe(e) {
+  return d({ type: "reseed", data: { specId: e } });
+}
+function B(e, t) {
+  v.has(e) || v.set(e, /* @__PURE__ */ new Set());
+  const n = v.get(e);
+  return n && n.add(t), () => {
+    const o = v.get(e);
+    o && (o.delete(t), o.size === 0 && v.delete(e));
+  };
+}
+function V(e, t) {
+  const n = v.get(e);
+  n && (n.delete(t), n.size === 0 && v.delete(e));
+}
+function Ge(e, t) {
+  const n = (o) => {
+    V(e, n), t(o);
+  };
+  return B(e, n);
+}
+function Qe(e, t) {
+  const n = (o) => {
+    t(o) === !0 && V(e, n);
+  };
+  return B(e, n);
+}
+function Je() {
+  ae(), H.value = null, v.clear(), C = { ...P }, R = !1;
+}
+function Ke(e = {}) {
+  (!R || u.value === "disconnected") && (C = { ...P, ...e }, R = !0);
+  const t = i(() => u.value === "connected"), n = i(() => u.value === "reconnecting");
+  return Ie() && X(() => {
+    C.autoConnect && F();
+  }), {
+    /**
+     * Current connection state
+     */
+    connectionState: i(() => u.value),
+    /**
+     * Whether the WebSocket is connected
+     */
+    connected: t,
+    /**
+     * Whether the WebSocket is attempting to reconnect
+     */
+    isReconnecting: n,
+    /**
+     * Server version received on connection
+     */
+    serverVersion: i(() => H.value),
+    /**
+     * Number of reconnection attempts made
+     */
+    reconnectAttempts: i(() => M.value),
+    /**
+     * Connect to the WebSocket server
+     */
+    connect: F,
+    /**
+     * Disconnect from the WebSocket server
+     */
+    disconnect: ae,
+    /**
+     * Send a command to the server
+     */
+    send: d,
+    /**
+     * Subscribe to a server event
+     */
+    on: B,
+    /**
+     * Unsubscribe from a server event
+     */
+    off: V,
+    /**
+     * Subscribe to an event once (one-shot, auto-unsubscribes after first call)
+     */
+    once: Ge,
+    /**
+     * Subscribe to an event until handler returns true
+     */
+    onUntil: Qe,
+    /**
+     * Reset the composable state (useful for testing)
+     */
+    resetState: Je,
+    // =========================================================================
+    // Multi-spec command wrappers
+    // =========================================================================
+    getSpecs: Re,
+    getRegistry: Fe,
+    getTimeline: Pe,
+    clearTimeline: He,
+    getStore: Be,
+    setStore: Ve,
+    clearStore: Ue,
+    setSimulation: je,
+    clearSimulation: Ze,
+    reseed: qe
+  };
+}
+const ce = [
+  {
+    path: "/",
+    redirect: "/routes"
+  },
+  {
+    path: "/routes",
+    name: "routes",
+    component: () => import("./RoutesPage-DmXBJ4J5.js"),
+    meta: {
+      title: "Routes",
+      icon: "route"
+    }
+  },
+  {
+    path: "/timeline",
+    name: "timeline",
+    component: () => import("./TimelinePage-Dnh_47wz.js"),
+    meta: {
+      title: "Timeline",
+      icon: "clock"
+    }
+  },
+  {
+    path: "/models",
+    name: "models",
+    component: () => import("./ModelsPage-DoqfBilK.js"),
+    meta: {
+      title: "Models",
+      icon: "database"
+    }
+  },
+  {
+    path: "/simulator",
+    name: "simulator",
+    component: () => import("./SimulatorPage-BmM-ExQg.js"),
+    meta: {
+      title: "Simulator",
+      icon: "zap"
+    }
+  },
+  // Catch-all route for undefined paths - redirects to routes page
+  {
+    path: "/:pathMatch(.*)*",
+    name: "not-found",
+    redirect: "/routes"
+  }
+], Ye = ve({
+  history: ye(),
+  routes: ce
+}), Xe = { class: "app" }, et = { class: "app-header" }, tt = { class: "app-header__brand" }, nt = {
+  class: "app-nav",
+  role: "tablist",
+  "aria-label": "DevTools navigation"
+}, ot = ["aria-selected", "aria-current", "aria-controls", "onClick"], at = { class: "app-nav__label" }, ct = { class: "app-header__status" }, st = { class: "connection-status" }, rt = { class: "connection-status__text" }, it = { class: "app-main" }, lt = /* @__PURE__ */ ie({
+  __name: "App",
+  setup(e) {
+    const t = ke(), n = ge(), o = i(
+      () => ce.filter((a) => a.name && a.meta?.title).map((a) => ({
+        name: a.name,
+        path: a.path,
+        title: a.meta?.title,
+        icon: a.meta?.icon
+      }))
+    ), r = i(() => t.name);
+    function l(a) {
+      n.push(a);
+    }
+    const g = {
+      route: G,
+      clock: Ce,
+      database: Te,
+      zap: Q
+    };
+    function y(a) {
+      return g[a] ?? G;
+    }
+    const { connected: p } = Ke();
+    return (a, c) => {
+      const f = le("router-view");
+      return w(), x("div", Xe, [
+        h("header", et, [
+          h("div", tt, [
+            W(b(Q), {
+              class: "app-header__logo",
+              size: 20
+            }),
+            c[0] || (c[0] = h("span", { class: "app-header__title" }, "OpenAPI DevTools", -1))
+          ]),
+          h("nav", nt, [
+            (w(!0), x(ue, null, de(o.value, (m) => (w(), x("button", {
+              key: m.name,
+              role: "tab",
+              "aria-selected": r.value === m.name,
+              "aria-current": r.value === m.name ? "true" : void 0,
+              "aria-controls": `panel-${m.name}`,
+              tabindex: 0,
+              class: U([
+                "app-nav__tab",
+                { "app-nav__tab--active": r.value === m.name }
+              ]),
+              onClick: (ht) => l(m.path)
+            }, [
+              (w(), N(z(y(m.icon)), {
+                size: 16,
+                class: "app-nav__icon"
+              })),
+              h("span", at, j(m.title), 1)
+            ], 10, ot))), 128))
+          ]),
+          h("div", ct, [
+            h("div", st, [
+              h("span", {
+                class: U([
+                  "connection-status__dot",
+                  b(p) ? "connection-status__dot--connected" : "connection-status__dot--disconnected"
+                ])
+              }, null, 2),
+              h("span", rt, j(b(p) ? "Connected" : "Disconnected"), 1),
+              (w(), N(z(b(p) ? b(De) : b(Me)), {
+                size: 14,
+                class: "connection-status__icon"
+              }))
+            ])
+          ])
+        ]),
+        h("main", it, [
+          W(f, null, {
+            default: Z(({ Component: m }) => [
+              W(pe, {
+                name: "fade",
+                mode: "out-in"
+              }, {
+                default: Z(() => [
+                  (w(), N(z(m)))
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 1
+          })
+        ])
+      ]);
+    };
+  }
+}), ut = (e, t) => {
+  const n = e.__vccOpts || e;
+  for (const [o, r] of t)
+    n[o] = r;
+  return n;
+}, dt = /* @__PURE__ */ ut(lt, [["__scopeId", "data-v-0a83e2b9"]]), pt = ["light", "dark", "system"];
+function J(e) {
+  return typeof e == "string" && pt.includes(e);
+}
+const L = "openapi-devtools-theme", k = S("system"), _ = S(!1);
+let E = null, A = null;
+function I() {
+  return typeof window < "u" && typeof document < "u";
+}
+function ft() {
+  return ee() !== null;
+}
+function gt() {
+  const e = i(() => k.value === "system" ? _.value ? "dark" : "light" : k.value), t = i(() => e.value === "dark");
+  function n() {
+    if (!I()) return;
+    const a = document.documentElement;
+    e.value === "dark" ? (a.classList.add("dark"), a.classList.remove("light")) : (a.classList.add("light"), a.classList.remove("dark"));
+  }
+  function o(a) {
+    if (!J(a)) {
+      console.warn(`[DevTools] Invalid theme mode: ${a}`);
+      return;
+    }
+    if (k.value = a, I())
+      try {
+        localStorage.setItem(L, a);
+      } catch {
+        console.warn("[DevTools] Unable to persist theme preference");
+      }
+  }
+  function r() {
+    k.value === "system" ? o(_.value ? "light" : "dark") : o(k.value === "dark" ? "light" : "dark");
+  }
+  function l() {
+    o("system");
+  }
+  function g() {
+    E && A && (E.removeEventListener("change", A), E = null, A = null);
+  }
+  function y() {
+    if (!I()) return;
+    g();
+    const a = window.matchMedia("(prefers-color-scheme: dark)");
+    _.value = a.matches;
+    const c = (f) => {
+      _.value = f.matches;
+    };
+    a.addEventListener("change", c), E = a, A = c;
+    try {
+      const f = localStorage.getItem(L);
+      J(f) && (k.value = f);
+    } catch {
+    }
+    n();
+  }
+  function p() {
+    if (g(), k.value = "system", _.value = !1, I()) {
+      document.documentElement.classList.remove("dark", "light");
+      try {
+        localStorage.removeItem(L);
+      } catch {
+      }
+    }
+  }
+  return fe([k, _], () => {
+    n();
+  }), ft() && (X(() => {
+    y();
+  }), me(() => {
+    g();
+  })), {
+    /**
+     * Current theme mode setting ('light', 'dark', or 'system')
+     */
+    themeMode: i(() => k.value),
+    /**
+     * The effective theme after resolving 'system' mode
+     */
+    effectiveTheme: e,
+    /**
+     * Whether dark mode is currently active
+     */
+    isDark: t,
+    /**
+     * Whether the system prefers dark mode
+     */
+    systemPrefersDark: i(() => _.value),
+    /**
+     * Set the theme mode
+     */
+    setTheme: o,
+    /**
+     * Toggle between light and dark mode
+     */
+    toggleTheme: r,
+    /**
+     * Reset to system preference
+     */
+    resetToSystem: l,
+    /**
+     * Manually initialize theme (useful for SSR hydration)
+     */
+    initialize: y,
+    /**
+     * Reset theme state to defaults (useful for testing)
+     */
+    resetState: p
+  };
+}
+let K = !1, Y = null;
+function mt() {
+  if (K)
+    return Y;
+  const e = he(dt), t = re();
+  return e.use(t), e.use(Ye), e.mount("#app"), K = !0, Y = e, e;
+}
+typeof window < "u" && document.getElementById("app") && mt();
+export {
+  Ce as C,
+  Te as D,
+  G as R,
+  Q as Z,
+  ut as _,
+  gt as a,
+  mt as b,
+  T as c,
+  Ke as u
+};
+//# sourceMappingURL=main-HjHdsAps.js.map