@websublime/vite-plugin-open-api-devtools 0.7.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/dist/{ModelsPage-CSuUHUuV.js → ModelsPage-DEKnJYaY.js} +5 -5
  2. package/dist/{ModelsPage-CSuUHUuV.js.map → ModelsPage-DEKnJYaY.js.map} +1 -1
  3. package/dist/{RoutesPage-D3FSr2Y6.js → RoutesPage-DJQFqkO5.js} +4 -4
  4. package/dist/{RoutesPage-D3FSr2Y6.js.map → RoutesPage-DJQFqkO5.js.map} +1 -1
  5. package/dist/{SimulatorPage-CzJrwWzc.js → SimulatorPage-DAwHHeu0.js} +4 -4
  6. package/dist/{SimulatorPage-CzJrwWzc.js.map → SimulatorPage-DAwHHeu0.js.map} +1 -1
  7. package/dist/{TimelinePage-HGh13pF3.js → TimelinePage-DdznQBTd.js} +7 -7
  8. package/dist/{TimelinePage-HGh13pF3.js.map → TimelinePage-DdznQBTd.js.map} +1 -1
  9. package/dist/{check-BLIoatWd.js → check-CZ-YsL8n.js} +2 -2
  10. package/dist/{check-BLIoatWd.js.map → check-CZ-YsL8n.js.map} +1 -1
  11. package/dist/devtools.css +1 -1
  12. package/dist/devtools.js +1 -1
  13. package/dist/devtools.umd.cjs +2 -2
  14. package/dist/devtools.umd.cjs.map +1 -1
  15. package/dist/{format-lBEBG5Y6.js → format-xvYNYz8d.js} +2 -2
  16. package/dist/{format-lBEBG5Y6.js.map → format-xvYNYz8d.js.map} +1 -1
  17. package/dist/{main-DKt7pJsx.js → main-C-2gO_cM.js} +250 -250
  18. package/dist/main-C-2gO_cM.js.map +1 -0
  19. package/dist/spa/assets/{ModelsPage-DqYHHuAQ.js → ModelsPage-Dlw4slrw.js} +3 -3
  20. package/dist/spa/assets/{ModelsPage-DqYHHuAQ.js.map → ModelsPage-Dlw4slrw.js.map} +1 -1
  21. package/dist/spa/assets/RoutesPage-DVkEOssu.js +2 -0
  22. package/dist/spa/assets/{RoutesPage-Bhnu6w5-.js.map → RoutesPage-DVkEOssu.js.map} +1 -1
  23. package/dist/spa/assets/SimulatorPage-C2EEtkx8.js +2 -0
  24. package/dist/spa/assets/{SimulatorPage-ROKoAmUT.js.map → SimulatorPage-C2EEtkx8.js.map} +1 -1
  25. package/dist/spa/assets/TimelinePage-C_LK2wKS.js +2 -0
  26. package/dist/spa/assets/{TimelinePage-CwR-Coxj.js.map → TimelinePage-C_LK2wKS.js.map} +1 -1
  27. package/dist/spa/assets/check-B_DaLrgB.js +2 -0
  28. package/dist/spa/assets/{check-DxJBRQqh.js.map → check-B_DaLrgB.js.map} +1 -1
  29. package/dist/spa/assets/{format-B1udViy3.js → format-r8dlo_ab.js} +2 -2
  30. package/dist/spa/assets/{format-B1udViy3.js.map → format-r8dlo_ab.js.map} +1 -1
  31. package/dist/spa/assets/index-CFIFFTBf.css +1 -0
  32. package/dist/spa/assets/index-Dff2RvrN.js +3 -0
  33. package/dist/spa/assets/index-Dff2RvrN.js.map +1 -0
  34. package/dist/spa/assets/{registry-Z11QUkpV.js → registry-DjJcdO1T.js} +2 -2
  35. package/dist/spa/assets/{registry-Z11QUkpV.js.map → registry-DjJcdO1T.js.map} +1 -1
  36. package/dist/spa/assets/{trash-2-CDyKV6GB.js → trash-2-6KJWHoOC.js} +2 -2
  37. package/dist/spa/assets/{trash-2-CDyKV6GB.js.map → trash-2-6KJWHoOC.js.map} +1 -1
  38. package/dist/spa/assets/{triangle-alert-CAGaIjAo.js → triangle-alert-Dx8lMHrF.js} +2 -2
  39. package/dist/spa/assets/{triangle-alert-CAGaIjAo.js.map → triangle-alert-Dx8lMHrF.js.map} +1 -1
  40. package/dist/spa/assets/{vue-vendor-CtA47il-.js → vue-vendor-Bkktf9yg.js} +2 -2
  41. package/dist/spa/assets/{vue-vendor-CtA47il-.js.map → vue-vendor-Bkktf9yg.js.map} +1 -1
  42. package/dist/spa/assets/x-B6bG8oob.js +2 -0
  43. package/dist/spa/assets/{x-zxrccEon.js.map → x-B6bG8oob.js.map} +1 -1
  44. package/dist/spa/index.html +3 -3
  45. package/dist/{trash-2-RxS9jzWT.js → trash-2-BiCAm7lq.js} +2 -2
  46. package/dist/{trash-2-RxS9jzWT.js.map → trash-2-BiCAm7lq.js.map} +1 -1
  47. package/dist/{triangle-alert-gLhIcFT5.js → triangle-alert-C8PD5_Zo.js} +2 -2
  48. package/dist/{triangle-alert-gLhIcFT5.js.map → triangle-alert-C8PD5_Zo.js.map} +1 -1
  49. package/dist/{x-UqfnjULc.js → x-Boe7tiDp.js} +2 -2
  50. package/dist/{x-UqfnjULc.js.map → x-Boe7tiDp.js.map} +1 -1
  51. package/package.json +12 -12
  52. package/dist/main-DKt7pJsx.js.map +0 -1
  53. package/dist/spa/assets/RoutesPage-Bhnu6w5-.js +0 -2
  54. package/dist/spa/assets/SimulatorPage-ROKoAmUT.js +0 -2
  55. package/dist/spa/assets/TimelinePage-CwR-Coxj.js +0 -2
  56. package/dist/spa/assets/check-DxJBRQqh.js +0 -2
  57. package/dist/spa/assets/index-9_6u4UTF.css +0 -1
  58. package/dist/spa/assets/index-GQ9qRqEi.js +0 -3
  59. package/dist/spa/assets/index-GQ9qRqEi.js.map +0 -1
  60. package/dist/spa/assets/useWebSocket-C2ttWF5T.js +0 -2
  61. package/dist/spa/assets/useWebSocket-C2ttWF5T.js.map +0 -1
  62. package/dist/spa/assets/x-zxrccEon.js +0 -2
@@ -0,0 +1,2 @@
1
+ import{c as e}from"./index-Dff2RvrN.js";const c=e("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]]);export{c as X};
2
+ //# sourceMappingURL=x-B6bG8oob.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"x-zxrccEon.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/x.js"],"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 X = createLucideIcon(\"x\", [\n [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n]);\n\nexport { X as default };\n//# sourceMappingURL=x.js.map\n"],"names":["X","createLucideIcon"],"mappings":"wCASK,MAACA,EAAIC,EAAiB,IAAK,CAC9B,CAAC,OAAQ,CAAE,EAAG,aAAc,IAAK,QAAQ,CAAE,EAC3C,CAAC,OAAQ,CAAE,EAAG,aAAc,IAAK,QAAQ,CAAE,CAC7C,CAAC","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"x-B6bG8oob.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/x.js"],"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 X = createLucideIcon(\"x\", [\n [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n]);\n\nexport { X as default };\n//# sourceMappingURL=x.js.map\n"],"names":["X","createLucideIcon"],"mappings":"wCASK,MAACA,EAAIC,EAAiB,IAAK,CAC9B,CAAC,OAAQ,CAAE,EAAG,aAAc,IAAK,QAAQ,CAAE,EAC3C,CAAC,OAAQ,CAAE,EAAG,aAAc,IAAK,QAAQ,CAAE,CAC7C,CAAC","x_google_ignoreList":[0]}
@@ -6,9 +6,9 @@
6
6
  <meta name="description" content="OpenAPI DevTools - Debug and inspect your mock API server" />
7
7
  <title>OpenAPI DevTools</title>
8
8
  <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/></svg>" />
9
- <script type="module" crossorigin src="/_devtools/assets/index-GQ9qRqEi.js"></script>
10
- <link rel="modulepreload" crossorigin href="/_devtools/assets/vue-vendor-CtA47il-.js">
11
- <link rel="stylesheet" crossorigin href="/_devtools/assets/index-9_6u4UTF.css">
9
+ <script type="module" crossorigin src="/_devtools/assets/index-Dff2RvrN.js"></script>
10
+ <link rel="modulepreload" crossorigin href="/_devtools/assets/vue-vendor-Bkktf9yg.js">
11
+ <link rel="stylesheet" crossorigin href="/_devtools/assets/index-CFIFFTBf.css">
12
12
  </head>
13
13
  <body>
14
14
  <div id="app"></div>
@@ -1,4 +1,4 @@
1
- import { c as e } from "./main-DKt7pJsx.js";
1
+ import { c as e } from "./main-C-2gO_cM.js";
2
2
  const a = e("trash-2", [
3
3
  ["path", { d: "M3 6h18", key: "d0wm0j" }],
4
4
  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
@@ -9,4 +9,4 @@ const a = e("trash-2", [
9
9
  export {
10
10
  a as T
11
11
  };
12
- //# sourceMappingURL=trash-2-RxS9jzWT.js.map
12
+ //# sourceMappingURL=trash-2-BiCAm7lq.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"trash-2-RxS9jzWT.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/trash-2.js"],"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 Trash2 = createLucideIcon(\"trash-2\", [\n [\"path\", { d: \"M3 6h18\", key: \"d0wm0j\" }],\n [\"path\", { d: \"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\", key: \"4alrt4\" }],\n [\"path\", { d: \"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\", key: \"v07s0e\" }],\n [\"line\", { x1: \"10\", x2: \"10\", y1: \"11\", y2: \"17\", key: \"1uufr5\" }],\n [\"line\", { x1: \"14\", x2: \"14\", y1: \"11\", y2: \"17\", key: \"xtxkd\" }]\n]);\n\nexport { Trash2 as default };\n//# sourceMappingURL=trash-2.js.map\n"],"names":["Trash2","createLucideIcon"],"mappings":";AASK,MAACA,IAASC,EAAiB,WAAW;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,yCAAyC,KAAK,SAAQ,CAAE;AAAA,EACtE,CAAC,QAAQ,EAAE,GAAG,sCAAsC,KAAK,SAAQ,CAAE;AAAA,EACnE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,KAAK,SAAQ,CAAE;AAAA,EAClE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,KAAK,QAAO,CAAE;AACnE,CAAC;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"trash-2-BiCAm7lq.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/trash-2.js"],"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 Trash2 = createLucideIcon(\"trash-2\", [\n [\"path\", { d: \"M3 6h18\", key: \"d0wm0j\" }],\n [\"path\", { d: \"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\", key: \"4alrt4\" }],\n [\"path\", { d: \"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\", key: \"v07s0e\" }],\n [\"line\", { x1: \"10\", x2: \"10\", y1: \"11\", y2: \"17\", key: \"1uufr5\" }],\n [\"line\", { x1: \"14\", x2: \"14\", y1: \"11\", y2: \"17\", key: \"xtxkd\" }]\n]);\n\nexport { Trash2 as default };\n//# sourceMappingURL=trash-2.js.map\n"],"names":["Trash2","createLucideIcon"],"mappings":";AASK,MAACA,IAASC,EAAiB,WAAW;AAAA,EACzC,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,yCAAyC,KAAK,SAAQ,CAAE;AAAA,EACtE,CAAC,QAAQ,EAAE,GAAG,sCAAsC,KAAK,SAAQ,CAAE;AAAA,EACnE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,KAAK,SAAQ,CAAE;AAAA,EAClE,CAAC,QAAQ,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,IAAI,MAAM,KAAK,QAAO,CAAE;AACnE,CAAC;","x_google_ignoreList":[0]}
@@ -1,4 +1,4 @@
1
- import { c as e } from "./main-DKt7pJsx.js";
1
+ import { c as e } from "./main-C-2gO_cM.js";
2
2
  const t = e("triangle-alert", [
3
3
  [
4
4
  "path",
@@ -13,4 +13,4 @@ const t = e("triangle-alert", [
13
13
  export {
14
14
  t as T
15
15
  };
16
- //# sourceMappingURL=triangle-alert-gLhIcFT5.js.map
16
+ //# sourceMappingURL=triangle-alert-C8PD5_Zo.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"triangle-alert-gLhIcFT5.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/triangle-alert.js"],"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 TriangleAlert = createLucideIcon(\"triangle-alert\", [\n [\n \"path\",\n {\n d: \"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\",\n key: \"wmoenq\"\n }\n ],\n [\"path\", { d: \"M12 9v4\", key: \"juzpu7\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n]);\n\nexport { TriangleAlert as default };\n//# sourceMappingURL=triangle-alert.js.map\n"],"names":["TriangleAlert","createLucideIcon"],"mappings":";AASK,MAACA,IAAgBC,EAAiB,kBAAkB;AAAA,EACvD;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,CAAC;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"triangle-alert-C8PD5_Zo.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/triangle-alert.js"],"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 TriangleAlert = createLucideIcon(\"triangle-alert\", [\n [\n \"path\",\n {\n d: \"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\",\n key: \"wmoenq\"\n }\n ],\n [\"path\", { d: \"M12 9v4\", key: \"juzpu7\" }],\n [\"path\", { d: \"M12 17h.01\", key: \"p32p05\" }]\n]);\n\nexport { TriangleAlert as default };\n//# sourceMappingURL=triangle-alert.js.map\n"],"names":["TriangleAlert","createLucideIcon"],"mappings":";AASK,MAACA,IAAgBC,EAAiB,kBAAkB;AAAA,EACvD;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,WAAW,KAAK,SAAQ,CAAE;AAAA,EACxC,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,CAAC;","x_google_ignoreList":[0]}
@@ -1,4 +1,4 @@
1
- import { c as e } from "./main-DKt7pJsx.js";
1
+ import { c as e } from "./main-C-2gO_cM.js";
2
2
  const c = e("x", [
3
3
  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
4
4
  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
@@ -6,4 +6,4 @@ const c = e("x", [
6
6
  export {
7
7
  c as X
8
8
  };
9
- //# sourceMappingURL=x-UqfnjULc.js.map
9
+ //# sourceMappingURL=x-Boe7tiDp.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"x-UqfnjULc.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/x.js"],"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 X = createLucideIcon(\"x\", [\n [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n]);\n\nexport { X as default };\n//# sourceMappingURL=x.js.map\n"],"names":["X","createLucideIcon"],"mappings":";AASK,MAACA,IAAIC,EAAiB,KAAK;AAAA,EAC9B,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,CAAC;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"x-Boe7tiDp.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/x.js"],"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 X = createLucideIcon(\"x\", [\n [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n]);\n\nexport { X as default };\n//# sourceMappingURL=x.js.map\n"],"names":["X","createLucideIcon"],"mappings":";AASK,MAACA,IAAIC,EAAiB,KAAK;AAAA,EAC9B,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAAA,EAC3C,CAAC,QAAQ,EAAE,GAAG,cAAc,KAAK,SAAQ,CAAE;AAC7C,CAAC;","x_google_ignoreList":[0]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@websublime/vite-plugin-open-api-devtools",
3
- "version": "0.7.0",
3
+ "version": "0.8.0",
4
4
  "description": "DevTools SPA for vite-open-api-server - Vue-based debugging interface",
5
5
  "keywords": [
6
6
  "devtools",
@@ -22,20 +22,20 @@
22
22
  "directory": "packages/devtools-client"
23
23
  },
24
24
  "dependencies": {
25
- "lucide-vue-next": "^0.513.0",
26
25
  "open-props": "^2.0.0-beta.5",
27
- "vue": "^3.5.17",
28
26
  "vue-router": "^4.5.1",
29
- "pinia": "^3.0.3"
27
+ "pinia": "^3.0.3",
28
+ "lucide-vue-next": "^0.513.0",
29
+ "vue": "^3.5.17"
30
30
  },
31
31
  "devDependencies": {
32
- "typescript": "^5.9.3",
33
- "vue-tsc": "^2.2.12",
34
- "vitest": "^4.0.17",
35
- "vite": "^7.0.0",
36
32
  "@vitejs/plugin-vue": "^6.0.0",
37
33
  "jsdom": "^26.1.0",
38
- "@ungap/structured-clone": "^1.3.0"
34
+ "vue-tsc": "^2.2.12",
35
+ "typescript": "^5.9.3",
36
+ "vitest": "^4.0.17",
37
+ "@ungap/structured-clone": "^1.3.0",
38
+ "vite": "^7.0.0"
39
39
  },
40
40
  "engines": {
41
41
  "node": "^20.19.0 || >=22.12.0"
@@ -57,12 +57,12 @@
57
57
  "./style.css": "./dist/style.css"
58
58
  },
59
59
  "scripts": {
60
- "test:watch": "vitest",
61
60
  "preview": "vite preview",
62
- "dev": "vite",
63
- "build:spa": "vite build --config vite.config.spa.ts",
64
61
  "build": "vue-tsc --noEmit && vite build && pnpm run build:spa",
65
62
  "typecheck": "vue-tsc --noEmit",
63
+ "dev": "vite",
64
+ "test:watch": "vitest",
65
+ "build:spa": "vite build --config vite.config.spa.ts",
66
66
  "test": "vitest run"
67
67
  }
68
68
  }
@@ -1 +0,0 @@
1
- {"version":3,"file":"main-DKt7pJsx.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/shared/src/utils.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/defaultAttributes.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/Icon.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/createLucideIcon.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/clock.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/database.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/route.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/wifi-off.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/wifi.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/zap.js","../src/router.ts","../src/App.vue","../src/composables/useTheme.ts","../src/composables/useWebSocket.ts","../src/main.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\nconst toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, \"$1-$2\").toLowerCase();\nconst toCamelCase = (string) => string.replace(\n /^([A-Z])|[\\s-_]+(\\w)/g,\n (match, p1, p2) => p2 ? p2.toUpperCase() : p1.toLowerCase()\n);\nconst toPascalCase = (string) => {\n const camelCase = toCamelCase(string);\n return camelCase.charAt(0).toUpperCase() + camelCase.slice(1);\n};\nconst mergeClasses = (...classes) => classes.filter((className, index, array) => {\n return Boolean(className) && className.trim() !== \"\" && array.indexOf(className) === index;\n}).join(\" \").trim();\n\nexport { mergeClasses, toCamelCase, toKebabCase, toPascalCase };\n//# sourceMappingURL=utils.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\nvar defaultAttributes = {\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n stroke: \"currentColor\",\n \"stroke-width\": 2,\n \"stroke-linecap\": \"round\",\n \"stroke-linejoin\": \"round\"\n};\n\nexport { defaultAttributes as default };\n//# sourceMappingURL=defaultAttributes.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 { h } from 'vue';\nimport { mergeClasses, toKebabCase, toPascalCase } from './shared/src/utils.js';\nimport defaultAttributes from './defaultAttributes.js';\n\nconst Icon = ({ size, strokeWidth = 2, absoluteStrokeWidth, color, iconNode, name, class: classes, ...props }, { slots }) => {\n return h(\n \"svg\",\n {\n ...defaultAttributes,\n width: size || defaultAttributes.width,\n height: size || defaultAttributes.height,\n stroke: color || defaultAttributes.stroke,\n \"stroke-width\": absoluteStrokeWidth ? Number(strokeWidth) * 24 / Number(size) : strokeWidth,\n class: mergeClasses(\n \"lucide\",\n ...name ? [`lucide-${toKebabCase(toPascalCase(name))}-icon`, `lucide-${toKebabCase(name)}`] : [\"lucide-icon\"]\n ),\n ...props\n },\n [...iconNode.map((child) => h(...child)), ...slots.default ? [slots.default()] : []]\n );\n};\n\nexport { Icon as default };\n//# sourceMappingURL=Icon.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 { h } from 'vue';\nimport Icon from './Icon.js';\n\nconst createLucideIcon = (iconName, iconNode) => (props, { slots }) => h(\n Icon,\n {\n ...props,\n iconNode,\n name: iconName\n },\n slots\n);\n\nexport { createLucideIcon as default };\n//# sourceMappingURL=createLucideIcon.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 Clock = createLucideIcon(\"clock\", [\n [\"circle\", { cx: \"12\", cy: \"12\", r: \"10\", key: \"1mglay\" }],\n [\"polyline\", { points: \"12 6 12 12 16 14\", key: \"68esgv\" }]\n]);\n\nexport { Clock as default };\n//# sourceMappingURL=clock.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 Database = createLucideIcon(\"database\", [\n [\"ellipse\", { cx: \"12\", cy: \"5\", rx: \"9\", ry: \"3\", key: \"msslwz\" }],\n [\"path\", { d: \"M3 5V19A9 3 0 0 0 21 19V5\", key: \"1wlel7\" }],\n [\"path\", { d: \"M3 12A9 3 0 0 0 21 12\", key: \"mv7ke4\" }]\n]);\n\nexport { Database as default };\n//# sourceMappingURL=database.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 Route = createLucideIcon(\"route\", [\n [\"circle\", { cx: \"6\", cy: \"19\", r: \"3\", key: \"1kj8tv\" }],\n [\"path\", { d: \"M9 19h8.5a3.5 3.5 0 0 0 0-7h-11a3.5 3.5 0 0 1 0-7H15\", key: \"1d8sl\" }],\n [\"circle\", { cx: \"18\", cy: \"5\", r: \"3\", key: \"gq8acd\" }]\n]);\n\nexport { Route as default };\n//# sourceMappingURL=route.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 WifiOff = createLucideIcon(\"wifi-off\", [\n [\"path\", { d: \"M12 20h.01\", key: \"zekei9\" }],\n [\"path\", { d: \"M8.5 16.429a5 5 0 0 1 7 0\", key: \"1bycff\" }],\n [\"path\", { d: \"M5 12.859a10 10 0 0 1 5.17-2.69\", key: \"1dl1wf\" }],\n [\"path\", { d: \"M19 12.859a10 10 0 0 0-2.007-1.523\", key: \"4k23kn\" }],\n [\"path\", { d: \"M2 8.82a15 15 0 0 1 4.177-2.643\", key: \"1grhjp\" }],\n [\"path\", { d: \"M22 8.82a15 15 0 0 0-11.288-3.764\", key: \"z3jwby\" }],\n [\"path\", { d: \"m2 2 20 20\", key: \"1ooewy\" }]\n]);\n\nexport { WifiOff as default };\n//# sourceMappingURL=wifi-off.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 Wifi = createLucideIcon(\"wifi\", [\n [\"path\", { d: \"M12 20h.01\", key: \"zekei9\" }],\n [\"path\", { d: \"M2 8.82a15 15 0 0 1 20 0\", key: \"dnpr2z\" }],\n [\"path\", { d: \"M5 12.859a10 10 0 0 1 14 0\", key: \"1x1e6c\" }],\n [\"path\", { d: \"M8.5 16.429a5 5 0 0 1 7 0\", key: \"1bycff\" }]\n]);\n\nexport { Wifi as default };\n//# sourceMappingURL=wifi.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 Zap = createLucideIcon(\"zap\", [\n [\n \"path\",\n {\n 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\",\n key: \"1xq2db\"\n }\n ]\n]);\n\nexport { Zap as default };\n//# sourceMappingURL=zap.js.map\n","/**\n * Vue Router Configuration\n *\n * What: Defines routing configuration for the DevTools SPA\n * How: Creates routes for each main page/tab in the application\n * Why: Enables navigation between different DevTools features\n */\n\nimport { createRouter, createWebHashHistory, type RouteRecordRaw } from 'vue-router';\n\n/**\n * Route definitions for the DevTools SPA\n *\n * Each route corresponds to a tab in the DevTools interface:\n * - Routes: Endpoint listing and details\n * - Timeline: Request/response log with real-time updates\n * - Models: Store data editor for viewing/modifying mock data\n * - Simulator: Error simulation controls\n */\nconst routes: RouteRecordRaw[] = [\n {\n path: '/',\n redirect: '/routes',\n },\n {\n path: '/routes',\n name: 'routes',\n component: () => import('@/pages/RoutesPage.vue'),\n meta: {\n title: 'Routes',\n icon: 'route',\n },\n },\n {\n path: '/timeline',\n name: 'timeline',\n component: () => import('@/pages/TimelinePage.vue'),\n meta: {\n title: 'Timeline',\n icon: 'clock',\n },\n },\n {\n path: '/models',\n name: 'models',\n component: () => import('@/pages/ModelsPage.vue'),\n meta: {\n title: 'Models',\n icon: 'database',\n },\n },\n {\n path: '/simulator',\n name: 'simulator',\n component: () => import('@/pages/SimulatorPage.vue'),\n meta: {\n title: 'Simulator',\n icon: 'zap',\n },\n },\n // Catch-all route for undefined paths - redirects to routes page\n {\n path: '/:pathMatch(.*)*',\n name: 'not-found',\n redirect: '/routes',\n },\n];\n\n/**\n * Create the router instance\n *\n * Uses hash history mode for compatibility when embedded in iframes\n * or served from arbitrary paths in the dev server\n */\nconst router = createRouter({\n history: createWebHashHistory(),\n routes,\n});\n\nexport { routes };\nexport default router;\n","<!--\n App.vue - Main Application Component\n\n What: Root component for the DevTools SPA\n How: Provides the main layout with header, tab navigation, and router view\n Why: Acts as the entry point for the Vue application and defines the overall structure\n-->\n\n<script setup lang=\"ts\">\nimport { Clock, Database, Route, Wifi, WifiOff, Zap } from 'lucide-vue-next';\nimport { computed } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\nimport { routes } from '@/router';\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Navigation tabs derived from routes\nconst tabs = computed(() =>\n routes\n .filter((r) => r.name && r.meta?.title)\n .map((r) => ({\n name: r.name as string,\n path: r.path,\n title: r.meta?.title as string,\n icon: r.meta?.icon as string,\n })),\n);\n\n// Current active tab\nconst activeTab = computed(() => route.name as string);\n\n// Navigate to a tab\nfunction navigateTo(path: string): void {\n router.push(path);\n}\n\n// Icon component map\nconst iconMap: Record<string, typeof Route> = {\n route: Route,\n clock: Clock,\n database: Database,\n zap: Zap,\n};\n\n// Get icon with fallback for unknown icon names\nfunction getIcon(iconName: string): typeof Route {\n const icon = iconMap[iconName];\n if (!icon && import.meta.env.DEV) {\n console.warn(`[DevTools] Unknown icon name: \"${iconName}\". Using fallback.`);\n }\n return icon ?? Route;\n}\n\n// TODO: Connection status will be provided by WebSocket composable\nconst isConnected = computed(() => false);\n</script>\n\n<template>\n <div class=\"app\">\n <!-- Header with branding and connection status -->\n <header class=\"app-header\">\n <div class=\"app-header__brand\">\n <Zap class=\"app-header__logo\" :size=\"20\" />\n <span class=\"app-header__title\">OpenAPI DevTools</span>\n </div>\n\n <!-- Tab Navigation -->\n <nav class=\"app-nav\" role=\"tablist\" aria-label=\"DevTools navigation\">\n <button\n v-for=\"tab in tabs\"\n :key=\"tab.name\"\n role=\"tab\"\n :aria-selected=\"activeTab === tab.name\"\n :aria-current=\"activeTab === tab.name ? 'true' : undefined\"\n :aria-controls=\"`panel-${tab.name}`\"\n :tabindex=\"0\"\n :class=\"[\n 'app-nav__tab',\n { 'app-nav__tab--active': activeTab === tab.name },\n ]\"\n @click=\"navigateTo(tab.path)\"\n >\n <component\n :is=\"getIcon(tab.icon)\"\n :size=\"16\"\n class=\"app-nav__icon\"\n />\n <span class=\"app-nav__label\">{{ tab.title }}</span>\n </button>\n </nav>\n\n <!-- Connection Status -->\n <div class=\"app-header__status\">\n <div class=\"connection-status\">\n <span\n :class=\"[\n 'connection-status__dot',\n isConnected\n ? 'connection-status__dot--connected'\n : 'connection-status__dot--disconnected',\n ]\"\n />\n <span class=\"connection-status__text\">\n {{ isConnected ? 'Connected' : 'Disconnected' }}\n </span>\n <component\n :is=\"isConnected ? Wifi : WifiOff\"\n :size=\"14\"\n class=\"connection-status__icon\"\n />\n </div>\n </div>\n </header>\n\n <!-- Main Content Area -->\n <main class=\"app-main\">\n <router-view v-slot=\"{ Component }\">\n <transition name=\"fade\" mode=\"out-in\">\n <component :is=\"Component\" />\n </transition>\n </router-view>\n </main>\n </div>\n</template>\n\n<style scoped>\n.app {\n display: flex;\n flex-direction: column;\n min-height: 100vh;\n background-color: var(--devtools-bg);\n}\n\n/* Header styles */\n.app-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: var(--devtools-header-height);\n padding: 0 var(--devtools-space-md);\n background-color: var(--devtools-surface);\n border-bottom: 1px solid var(--devtools-border);\n position: sticky;\n top: 0;\n z-index: 100;\n}\n\n.app-header__brand {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-sm);\n}\n\n.app-header__logo {\n color: var(--devtools-primary);\n}\n\n.app-header__title {\n font-weight: var(--font-weight-6);\n font-size: var(--font-size-1);\n color: var(--devtools-text);\n}\n\n.app-header__status {\n display: flex;\n align-items: center;\n}\n\n/* Navigation styles */\n.app-nav {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n height: 100%;\n}\n\n.app-nav__tab {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n height: 100%;\n padding: 0 var(--devtools-space-md);\n background: none;\n border: none;\n border-bottom: 2px solid transparent;\n color: var(--devtools-text-muted);\n font-family: var(--devtools-font-sans);\n font-size: var(--font-size-0);\n font-weight: var(--font-weight-5);\n cursor: pointer;\n transition: all var(--devtools-transition-fast);\n}\n\n.app-nav__tab:hover {\n color: var(--devtools-text);\n background-color: var(--devtools-surface-elevated);\n}\n\n.app-nav__tab:focus {\n outline: none;\n}\n\n.app-nav__tab:focus-visible {\n outline: 2px solid var(--devtools-primary);\n outline-offset: -2px;\n background-color: var(--devtools-surface-elevated);\n}\n\n/* High contrast mode support */\n@media (forced-colors: active) {\n .app-nav__tab:focus-visible {\n outline: 3px solid CanvasText;\n outline-offset: 2px;\n }\n}\n\n.app-nav__tab--active {\n color: var(--devtools-primary);\n border-bottom-color: var(--devtools-primary);\n}\n\n.app-nav__tab--active:focus-visible {\n outline-color: var(--devtools-primary-hover);\n}\n\n.app-nav__icon {\n flex-shrink: 0;\n}\n\n.app-nav__label {\n white-space: nowrap;\n}\n\n/* Connection status styles */\n.connection-status {\n display: flex;\n align-items: center;\n gap: var(--devtools-space-xs);\n font-size: var(--font-size-0);\n color: var(--devtools-text-muted);\n}\n\n.connection-status__icon {\n opacity: 0.7;\n}\n\n/* Main content styles */\n.app-main {\n flex: 1;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n/* Page transition */\n.fade-enter-active,\n.fade-leave-active {\n transition: opacity var(--devtools-transition-normal);\n}\n\n.fade-enter-from,\n.fade-leave-to {\n opacity: 0;\n}\n</style>\n","/**\n * useTheme Composable\n *\n * What: Provides reactive theme management for the DevTools SPA\n * How: Uses CSS class on document root and localStorage for persistence\n * Why: Allows users to switch between dark and light mode, respecting system preference\n */\n\nimport { computed, getCurrentInstance, onMounted, onUnmounted, ref, watch } from 'vue';\n\n/**\n * Theme mode type\n */\nexport type ThemeMode = 'light' | 'dark' | 'system';\n\n/**\n * Valid theme modes for type guard validation\n */\nconst VALID_THEME_MODES: readonly ThemeMode[] = ['light', 'dark', 'system'];\n\n/**\n * Type guard to check if a value is a valid ThemeMode\n */\nfunction isThemeMode(value: unknown): value is ThemeMode {\n return typeof value === 'string' && VALID_THEME_MODES.includes(value as ThemeMode);\n}\n\n/**\n * Storage key for persisting theme preference\n */\nconst STORAGE_KEY = 'openapi-devtools-theme';\n\n/**\n * Singleton state for theme - shared across all component instances\n */\nconst themeMode = ref<ThemeMode>('system');\nconst systemPrefersDark = ref(false);\n\n/**\n * Track the current mediaQuery and handler for cleanup\n */\nlet currentMediaQuery: MediaQueryList | null = null;\nlet currentMediaHandler: ((e: MediaQueryListEvent) => void) | null = null;\n\n/**\n * Check if we're running in a browser environment\n */\nfunction isBrowser(): boolean {\n return typeof window !== 'undefined' && typeof document !== 'undefined';\n}\n\n/**\n * Check if we're inside a Vue component context\n * This allows the composable to work both inside and outside components\n */\nfunction hasComponentContext(): boolean {\n return getCurrentInstance() !== null;\n}\n\n/**\n * useTheme composable\n *\n * Provides theme management functionality including:\n * - Reactive theme state\n * - System preference detection\n * - Theme toggling\n * - LocalStorage persistence\n *\n * @returns Theme management utilities\n */\nexport function useTheme() {\n /**\n * Computed property for the effective theme (resolved from system if needed)\n */\n const effectiveTheme = computed<'light' | 'dark'>(() => {\n if (themeMode.value === 'system') {\n return systemPrefersDark.value ? 'dark' : 'light';\n }\n return themeMode.value;\n });\n\n /**\n * Computed property indicating if dark mode is active\n */\n const isDark = computed(() => effectiveTheme.value === 'dark');\n\n /**\n * Apply the current theme to the document\n */\n function applyTheme(): void {\n if (!isBrowser()) return;\n\n const root = document.documentElement;\n\n if (effectiveTheme.value === 'dark') {\n root.classList.add('dark');\n root.classList.remove('light');\n } else {\n root.classList.add('light');\n root.classList.remove('dark');\n }\n }\n\n /**\n * Set the theme mode\n */\n function setTheme(mode: ThemeMode): void {\n if (!isThemeMode(mode)) {\n console.warn(`[DevTools] Invalid theme mode: ${mode}`);\n return;\n }\n\n themeMode.value = mode;\n\n if (isBrowser()) {\n try {\n localStorage.setItem(STORAGE_KEY, mode);\n } catch {\n // Storage unavailable (private browsing, quota exceeded, etc.)\n console.warn('[DevTools] Unable to persist theme preference');\n }\n }\n }\n\n /**\n * Toggle between light and dark mode\n * If currently in system mode, switch to the opposite of system preference\n */\n function toggleTheme(): void {\n if (themeMode.value === 'system') {\n // Switch to explicit mode opposite of system preference\n setTheme(systemPrefersDark.value ? 'light' : 'dark');\n } else {\n // Toggle between light and dark\n setTheme(themeMode.value === 'dark' ? 'light' : 'dark');\n }\n }\n\n /**\n * Reset to system preference\n */\n function resetToSystem(): void {\n setTheme('system');\n }\n\n /**\n * Clean up the media query listener\n */\n function cleanupMediaQuery(): void {\n if (currentMediaQuery && currentMediaHandler) {\n currentMediaQuery.removeEventListener('change', currentMediaHandler);\n currentMediaQuery = null;\n currentMediaHandler = null;\n }\n }\n\n /**\n * Initialize theme from storage and system preference\n */\n function initialize(): void {\n if (!isBrowser()) return;\n\n // Clean up any existing media query listener before adding a new one\n cleanupMediaQuery();\n\n // Check system preference\n const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n systemPrefersDark.value = mediaQuery.matches;\n\n // Create and store the handler for cleanup\n const handler = (e: MediaQueryListEvent): void => {\n systemPrefersDark.value = e.matches;\n };\n\n // Listen for system preference changes\n mediaQuery.addEventListener('change', handler);\n\n // Store references for cleanup\n currentMediaQuery = mediaQuery;\n currentMediaHandler = handler;\n\n // Load saved preference from localStorage\n try {\n const saved = localStorage.getItem(STORAGE_KEY);\n if (isThemeMode(saved)) {\n themeMode.value = saved;\n }\n } catch {\n // Storage unavailable (private browsing, etc.)\n }\n\n // Apply initial theme\n applyTheme();\n }\n\n /**\n * Reset theme state to defaults (useful for testing)\n * This resets the singleton state and cleans up listeners\n */\n function resetState(): void {\n cleanupMediaQuery();\n themeMode.value = 'system';\n systemPrefersDark.value = false;\n\n if (isBrowser()) {\n const root = document.documentElement;\n root.classList.remove('dark', 'light');\n\n try {\n localStorage.removeItem(STORAGE_KEY);\n } catch {\n // Storage unavailable\n }\n }\n }\n\n // Watch for theme changes and apply them\n watch([themeMode, systemPrefersDark], () => {\n applyTheme();\n });\n\n // Only register lifecycle hooks when inside a Vue component context\n // This allows the composable to be used in tests without Vue warnings\n if (hasComponentContext()) {\n // Initialize on mount\n onMounted(() => {\n initialize();\n });\n\n // Clean up on unmount\n onUnmounted(() => {\n cleanupMediaQuery();\n });\n }\n\n return {\n /**\n * Current theme mode setting ('light', 'dark', or 'system')\n */\n themeMode: computed(() => themeMode.value),\n\n /**\n * The effective theme after resolving 'system' mode\n */\n effectiveTheme,\n\n /**\n * Whether dark mode is currently active\n */\n isDark,\n\n /**\n * Whether the system prefers dark mode\n */\n systemPrefersDark: computed(() => systemPrefersDark.value),\n\n /**\n * Set the theme mode\n */\n setTheme,\n\n /**\n * Toggle between light and dark mode\n */\n toggleTheme,\n\n /**\n * Reset to system preference\n */\n resetToSystem,\n\n /**\n * Manually initialize theme (useful for SSR hydration)\n */\n initialize,\n\n /**\n * Reset theme state to defaults (useful for testing)\n */\n resetState,\n };\n}\n","/**\n * useWebSocket Composable\n *\n * What: Provides reactive WebSocket connection management for the DevTools SPA\n * How: Manages WebSocket lifecycle with auto-reconnect and event subscription\n * Why: Enables real-time communication between DevTools and the mock server\n *\n * @module composables/useWebSocket\n */\n\nimport type { ComputedRef } from 'vue';\nimport { computed, getCurrentInstance, onMounted, ref } from 'vue';\n\n/**\n * Server event types that can be received from the server\n * These match the ServerEvent types defined in @websublime/vite-plugin-open-api-core\n */\nexport type ServerEventType =\n | 'connected'\n | 'request'\n | 'response'\n | 'timeline:cleared'\n | 'store:updated'\n | 'handler:reloaded'\n | 'handlers:updated'\n | 'seed:reloaded'\n | 'seeds:updated'\n | 'simulation:active'\n | 'simulation:added'\n | 'simulation:removed'\n | 'simulations:cleared'\n | 'registry'\n | 'timeline'\n | 'store'\n | 'store:set'\n | 'store:cleared'\n | 'simulation:set'\n | 'simulation:cleared'\n | 'reseeded'\n | 'error';\n\n/**\n * Server event structure\n */\nexport interface ServerEvent<T = unknown> {\n type: ServerEventType;\n data: T;\n}\n\n/**\n * Connected event data\n */\nexport interface ConnectedEventData {\n serverVersion: string;\n}\n\n/**\n * Client command types that can be sent to the server\n */\nexport type ClientCommandType =\n | 'get:registry'\n | 'get:timeline'\n | 'get:store'\n | 'set:store'\n | 'clear:store'\n | 'set:simulation'\n | 'clear:simulation'\n | 'clear:timeline'\n | 'reseed';\n\n/**\n * Client command structure\n */\nexport interface ClientCommand<T = unknown> {\n type: ClientCommandType;\n data?: T;\n}\n\n/**\n * WebSocket connection state\n */\nexport type ConnectionState = 'disconnected' | 'connecting' | 'connected' | 'reconnecting';\n\n/**\n * Event handler function type\n */\nexport type EventHandler<T = unknown> = (data: T) => void;\n\n/**\n * Configuration options for useWebSocket\n */\nexport interface UseWebSocketOptions {\n /**\n * WebSocket URL path (default: '/_ws')\n */\n path?: string;\n\n /**\n * Reconnection delay in milliseconds (default: 2000)\n */\n reconnectDelay?: number;\n\n /**\n * Maximum reconnection attempts (default: Infinity)\n */\n maxReconnectAttempts?: number;\n\n /**\n * Whether to auto-connect on mount (default: true)\n */\n autoConnect?: boolean;\n}\n\n/**\n * Return type for useWebSocket composable\n *\n * Provides explicit typing for the composable return value as required by CLAUDE.md\n */\nexport interface UseWebSocketReturn {\n /** Current connection state */\n connectionState: ComputedRef<ConnectionState>;\n /** Whether the WebSocket is connected */\n connected: ComputedRef<boolean>;\n /** Whether the WebSocket is attempting to reconnect */\n isReconnecting: ComputedRef<boolean>;\n /** Server version received on connection */\n serverVersion: ComputedRef<string | null>;\n /** Number of reconnection attempts made */\n reconnectAttempts: ComputedRef<number>;\n /** Connect to the WebSocket server */\n connect: () => void;\n /** Disconnect from the WebSocket server */\n disconnect: () => void;\n /** Send a command to the server */\n send: <T = unknown>(command: ClientCommand<T>) => boolean;\n /** Subscribe to a server event */\n on: <T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>) => () => void;\n /** Unsubscribe from a server event */\n off: <T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>) => void;\n /**\n * Subscribe to an event and automatically unsubscribe after the first invocation.\n * This is a standard one-shot subscription.\n */\n once: <T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>) => () => void;\n /**\n * Subscribe to an event and unsubscribe when the handler returns true.\n * Useful for conditional one-time events where you need to wait for specific data.\n */\n onUntil: <T = unknown>(\n event: ServerEventType | '*',\n handler: (data: T) => boolean | undefined,\n ) => () => void;\n /** Reset the composable state (useful for testing) */\n resetState: () => void;\n}\n\n/**\n * Default options\n */\nconst DEFAULT_OPTIONS: Required<UseWebSocketOptions> = {\n path: '/_ws',\n reconnectDelay: 2000,\n maxReconnectAttempts: Number.POSITIVE_INFINITY,\n autoConnect: true,\n};\n\n/**\n * Singleton state for WebSocket - shared across all component instances\n */\nconst connectionState = ref<ConnectionState>('disconnected');\nconst serverVersion = ref<string | null>(null);\nconst reconnectAttempts = ref(0);\n\n/**\n * Store the WebSocket instance and configuration\n */\nlet ws: WebSocket | null = null;\nlet reconnectTimer: ReturnType<typeof setTimeout> | null = null;\nlet currentOptions: Required<UseWebSocketOptions> = { ...DEFAULT_OPTIONS };\n\n/**\n * Flag to track if options have been initialized\n * Options are only set on the first call to useWebSocket or when disconnected\n */\nlet optionsInitialized = false;\n\n/**\n * Event handlers map - stores handlers for each event type\n */\nconst eventHandlers = new Map<string, Set<EventHandler>>();\n\n/**\n * Check if we're running in a browser environment\n */\nfunction isBrowser(): boolean {\n return typeof window !== 'undefined' && typeof WebSocket !== 'undefined';\n}\n\n/**\n * Check if we're inside a Vue component context\n */\nfunction hasComponentContext(): boolean {\n return getCurrentInstance() !== null;\n}\n\n/**\n * Build the WebSocket URL based on current location\n */\nfunction buildWebSocketUrl(path: string): string {\n if (!isBrowser()) {\n return `ws://localhost${path}`;\n }\n\n const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';\n return `${protocol}//${window.location.host}${path}`;\n}\n\n/**\n * Clear the reconnect timer if active\n */\nfunction clearReconnectTimer(): void {\n if (reconnectTimer !== null) {\n clearTimeout(reconnectTimer);\n reconnectTimer = null;\n }\n}\n\n/**\n * Dispatch an event to all registered handlers\n */\nfunction dispatchEvent(type: string, data: unknown): void {\n const handlers = eventHandlers.get(type);\n if (handlers) {\n for (const handler of handlers) {\n try {\n handler(data);\n } catch (error) {\n console.error(`[DevTools WebSocket] Error in event handler for '${type}':`, error);\n }\n }\n }\n\n // Also dispatch to wildcard handlers\n const wildcardHandlers = eventHandlers.get('*');\n if (wildcardHandlers) {\n for (const handler of wildcardHandlers) {\n try {\n handler({ type, data });\n } catch (error) {\n console.error('[DevTools WebSocket] Error in wildcard event handler:', error);\n }\n }\n }\n}\n\n/**\n * Handle WebSocket open event\n */\nfunction handleOpen(): void {\n connectionState.value = 'connected';\n reconnectAttempts.value = 0;\n clearReconnectTimer();\n\n if (import.meta.env.DEV) {\n console.log('[DevTools WebSocket] Connected');\n }\n}\n\n/**\n * Handle WebSocket message event\n */\nfunction handleMessage(event: MessageEvent): void {\n try {\n const message = JSON.parse(event.data) as ServerEvent;\n\n // Handle connected event specially to extract server version\n if (message.type === 'connected') {\n const connectedData = message.data as ConnectedEventData;\n serverVersion.value = connectedData.serverVersion;\n\n if (import.meta.env.DEV) {\n console.log(`[DevTools WebSocket] Server version: ${connectedData.serverVersion}`);\n }\n }\n\n // Dispatch to registered handlers\n dispatchEvent(message.type, message.data);\n } catch (error) {\n console.error('[DevTools WebSocket] Failed to parse message:', error);\n }\n}\n\n/**\n * Handle WebSocket close event\n */\nfunction handleClose(): void {\n const wasConnected = connectionState.value === 'connected';\n connectionState.value = 'disconnected';\n ws = null;\n\n if (wasConnected && import.meta.env.DEV) {\n console.log('[DevTools WebSocket] Disconnected');\n }\n\n // Attempt to reconnect if within limits\n if (reconnectAttempts.value < currentOptions.maxReconnectAttempts) {\n connectionState.value = 'reconnecting';\n reconnectAttempts.value++;\n\n if (import.meta.env.DEV) {\n console.log(\n `[DevTools WebSocket] Reconnecting in ${currentOptions.reconnectDelay}ms (attempt ${reconnectAttempts.value})`,\n );\n }\n\n reconnectTimer = setTimeout(() => {\n connect();\n }, currentOptions.reconnectDelay);\n } else if (import.meta.env.DEV) {\n console.warn('[DevTools WebSocket] Max reconnection attempts reached');\n }\n}\n\n/**\n * Handle WebSocket error event\n */\nfunction handleError(event: Event): void {\n console.error('[DevTools WebSocket] Error:', event);\n}\n\n/**\n * Connect to the WebSocket server\n */\nfunction connect(): void {\n if (!isBrowser()) {\n if (import.meta.env.DEV) {\n console.warn('[DevTools WebSocket] Cannot connect outside browser environment');\n }\n return;\n }\n\n // Don't connect if already connected or connecting\n // Check connectionState first to prevent race condition when connect() is called rapidly\n if (\n connectionState.value === 'connecting' ||\n connectionState.value === 'connected' ||\n (ws && (ws.readyState === WebSocket.CONNECTING || ws.readyState === WebSocket.OPEN))\n ) {\n return;\n }\n\n // Clean up existing connection without resetting reconnect state\n cleanupConnection();\n\n connectionState.value = 'connecting';\n const url = buildWebSocketUrl(currentOptions.path);\n\n try {\n ws = new WebSocket(url);\n ws.onopen = handleOpen;\n ws.onmessage = handleMessage;\n ws.onclose = handleClose;\n ws.onerror = handleError;\n } catch (error) {\n console.error('[DevTools WebSocket] Failed to create WebSocket:', error);\n connectionState.value = 'disconnected';\n }\n}\n\n/**\n * Clean up WebSocket connection without resetting reconnect state.\n * Used internally when reconnecting.\n */\nfunction cleanupConnection(): void {\n if (ws) {\n // Remove event handlers to prevent close handler from triggering reconnect\n ws.onopen = null;\n ws.onmessage = null;\n ws.onclose = null;\n ws.onerror = null;\n\n if (ws.readyState === WebSocket.OPEN || ws.readyState === WebSocket.CONNECTING) {\n ws.close();\n }\n\n ws = null;\n }\n}\n\n/**\n * Disconnect from the WebSocket server\n */\nfunction disconnect(): void {\n clearReconnectTimer();\n cleanupConnection();\n\n connectionState.value = 'disconnected';\n reconnectAttempts.value = 0;\n}\n\n/**\n * Send a command to the server\n *\n * @param command - The command to send\n * @returns true if the command was sent, false otherwise\n */\nfunction send<T = unknown>(command: ClientCommand<T>): boolean {\n if (!ws || ws.readyState !== WebSocket.OPEN) {\n if (import.meta.env.DEV) {\n console.warn('[DevTools WebSocket] Cannot send command - not connected');\n }\n return false;\n }\n\n try {\n ws.send(JSON.stringify(command));\n return true;\n } catch (error) {\n console.error('[DevTools WebSocket] Failed to send command:', error);\n return false;\n }\n}\n\n/**\n * Subscribe to a server event\n *\n * @param event - The event type to subscribe to (or '*' for all events)\n * @param handler - The handler function to call when the event is received\n * @returns An unsubscribe function\n */\nfunction on<T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>): () => void {\n if (!eventHandlers.has(event)) {\n eventHandlers.set(event, new Set());\n }\n\n const handlers = eventHandlers.get(event);\n if (handlers) {\n handlers.add(handler as EventHandler);\n }\n\n // Return unsubscribe function\n return () => {\n const currentHandlers = eventHandlers.get(event);\n if (currentHandlers) {\n currentHandlers.delete(handler as EventHandler);\n if (currentHandlers.size === 0) {\n eventHandlers.delete(event);\n }\n }\n };\n}\n\n/**\n * Unsubscribe from a server event\n *\n * @param event - The event type to unsubscribe from\n * @param handler - The handler function to remove\n */\nfunction off<T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>): void {\n const handlers = eventHandlers.get(event);\n if (handlers) {\n handlers.delete(handler as EventHandler);\n if (handlers.size === 0) {\n eventHandlers.delete(event);\n }\n }\n}\n\n/**\n * Subscribe to an event and automatically unsubscribe after the first invocation.\n * This is a standard one-shot subscription - the handler is called exactly once.\n *\n * @param event - The event type to subscribe to\n * @param handler - The handler function to call once\n * @returns An unsubscribe function (can be used to cancel before the event fires)\n *\n * @example\n * ```typescript\n * // Wait for the first 'connected' event\n * once('connected', (data) => {\n * console.log('Connected with version:', data.serverVersion);\n * });\n * ```\n */\nfunction once<T = unknown>(event: ServerEventType | '*', handler: EventHandler<T>): () => void {\n const wrappedHandler: EventHandler<T> = (data) => {\n off(event, wrappedHandler);\n handler(data);\n };\n\n return on(event, wrappedHandler);\n}\n\n/**\n * Subscribe to an event and unsubscribe when the handler returns true.\n * Useful for conditional one-time events where you need to wait for specific data.\n *\n * @param event - The event type to subscribe to\n * @param handler - The handler function that returns true to unsubscribe\n * @returns An unsubscribe function\n *\n * @example\n * ```typescript\n * // Wait until we receive a response with status 200\n * onUntil('response', (data) => {\n * if (data.status === 200) {\n * console.log('Success response received');\n * return true; // Unsubscribe\n * }\n * return false; // Keep listening\n * });\n * ```\n */\nfunction onUntil<T = unknown>(\n event: ServerEventType | '*',\n handler: (data: T) => boolean | undefined,\n): () => void {\n const wrappedHandler: EventHandler<T> = (data) => {\n const result = handler(data);\n if (result === true) {\n off(event, wrappedHandler);\n }\n };\n\n return on(event, wrappedHandler);\n}\n\n/**\n * Reset the composable state (useful for testing)\n */\nfunction resetState(): void {\n disconnect();\n serverVersion.value = null;\n eventHandlers.clear();\n currentOptions = { ...DEFAULT_OPTIONS };\n optionsInitialized = false;\n}\n\n/**\n * useWebSocket composable\n *\n * Provides WebSocket connection management functionality including:\n * - Reactive connection state\n * - Auto-reconnect with configurable delay\n * - Event subscription system\n * - Command sending\n *\n * @param options - Configuration options\n * @returns WebSocket management utilities\n */\nexport function useWebSocket(options: UseWebSocketOptions = {}): UseWebSocketReturn {\n // Only merge options when not connected and not initialized, or when disconnected\n // This prevents race conditions when multiple components pass different options\n if (!optionsInitialized || connectionState.value === 'disconnected') {\n currentOptions = { ...DEFAULT_OPTIONS, ...options };\n optionsInitialized = true;\n }\n\n /**\n * Computed property indicating if the WebSocket is connected\n */\n const connected = computed(() => connectionState.value === 'connected');\n\n /**\n * Computed property indicating if the WebSocket is attempting to reconnect\n */\n const isReconnecting = computed(() => connectionState.value === 'reconnecting');\n\n // Note: We don't disconnect on component unmount because this is singleton state\n // and other components may still be using the connection.\n // The connection will be cleaned up when the page unloads.\n\n // Only register lifecycle hooks when inside a Vue component context\n if (hasComponentContext()) {\n onMounted(() => {\n if (currentOptions.autoConnect) {\n connect();\n }\n });\n }\n\n return {\n /**\n * Current connection state\n */\n connectionState: computed(() => connectionState.value),\n\n /**\n * Whether the WebSocket is connected\n */\n connected,\n\n /**\n * Whether the WebSocket is attempting to reconnect\n */\n isReconnecting,\n\n /**\n * Server version received on connection\n */\n serverVersion: computed(() => serverVersion.value),\n\n /**\n * Number of reconnection attempts made\n */\n reconnectAttempts: computed(() => reconnectAttempts.value),\n\n /**\n * Connect to the WebSocket server\n */\n connect,\n\n /**\n * Disconnect from the WebSocket server\n */\n disconnect,\n\n /**\n * Send a command to the server\n */\n send,\n\n /**\n * Subscribe to a server event\n */\n on,\n\n /**\n * Unsubscribe from a server event\n */\n off,\n\n /**\n * Subscribe to an event once (one-shot, auto-unsubscribes after first call)\n */\n once,\n\n /**\n * Subscribe to an event until handler returns true\n */\n onUntil,\n\n /**\n * Reset the composable state (useful for testing)\n */\n resetState,\n };\n}\n","/**\n * Main Entry Point for DevTools SPA\n *\n * What: Initializes and mounts the Vue application\n * How: Creates Vue app instance with Pinia and Vue Router\n * Why: Required entry point for the DevTools SPA\n */\n\nimport { createPinia } from 'pinia';\nimport type { App } from 'vue';\nimport { createApp } from 'vue';\n\nimport AppComponent from '@/App.vue';\nimport router from '@/router';\nimport { initializeStores } from '@/stores';\n\n// Import global styles\nimport '@/assets/main.css';\n\n/**\n * Module-scoped guard to ensure bootstrap only runs once\n */\nlet isBootstrapped = false;\nlet appInstance: App | null = null;\n\n/**\n * Create and configure the Vue application\n * This function is idempotent - calling it multiple times has no effect\n * after the first successful call.\n *\n * @returns The Vue app instance, or null if already bootstrapped\n */\nfunction bootstrap(): App | null {\n // Guard against multiple bootstrap calls\n if (isBootstrapped) {\n if (import.meta.env.DEV) {\n console.warn('[OpenAPI DevTools] Application already initialized, skipping bootstrap');\n }\n return appInstance;\n }\n\n // Create Vue app instance\n const app = createApp(AppComponent);\n\n // Create Pinia store instance\n const pinia = createPinia();\n\n // Install plugins\n app.use(pinia);\n app.use(router);\n\n // Initialize stores after Pinia is installed\n initializeStores();\n\n // Mount the app to the DOM\n app.mount('#app');\n\n // Mark as bootstrapped and store the instance\n isBootstrapped = true;\n appInstance = app;\n\n // Log startup info in development\n if (import.meta.env.DEV) {\n console.log('[OpenAPI DevTools] Application initialized');\n }\n\n return app;\n}\n\n// Only auto-bootstrap when running as standalone app (index.html entry)\n// When imported as a library, consumers should call bootstrap() manually\nif (typeof window !== 'undefined' && document.getElementById('app')) {\n bootstrap();\n}\n\n/**\n * Export the bootstrap function for library consumers\n * who may want to manually initialize the DevTools\n */\nexport { bootstrap };\n\nexport type {\n ClientCommand,\n ClientCommandType,\n ConnectedEventData,\n ConnectionState,\n EventHandler,\n ServerEvent,\n ServerEventType,\n ThemeMode,\n UseWebSocketOptions,\n UseWebSocketReturn,\n} from '@/composables';\n// Re-export composables for library consumers\nexport { useTheme, useWebSocket } from '@/composables';\n"],"names":["toKebabCase","string","toCamelCase","match","p1","p2","toPascalCase","camelCase","mergeClasses","classes","className","index","array","defaultAttributes","Icon","size","strokeWidth","absoluteStrokeWidth","color","iconNode","name","props","slots","h","child","createLucideIcon","iconName","Clock","Database","Route","WifiOff","Wifi","Zap","routes","router","createRouter","createWebHashHistory","route","useRoute","useRouter","tabs","computed","r","activeTab","navigateTo","path","iconMap","getIcon","isConnected","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_hoisted_3","_createVNode","_unref","_cache","_hoisted_4","_Fragment","_renderList","tab","_normalizeClass","$event","_createBlock","_resolveDynamicComponent","_hoisted_6","_toDisplayString","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_component_router_view","_withCtx","Component","_Transition","VALID_THEME_MODES","isThemeMode","value","STORAGE_KEY","themeMode","ref","systemPrefersDark","currentMediaQuery","currentMediaHandler","isBrowser","hasComponentContext","getCurrentInstance","useTheme","effectiveTheme","isDark","applyTheme","root","setTheme","mode","toggleTheme","resetToSystem","cleanupMediaQuery","initialize","mediaQuery","handler","e","saved","resetState","watch","onMounted","onUnmounted","DEFAULT_OPTIONS","connectionState","serverVersion","reconnectAttempts","ws","reconnectTimer","currentOptions","optionsInitialized","eventHandlers","buildWebSocketUrl","clearReconnectTimer","dispatchEvent","type","data","handlers","error","wildcardHandlers","handleOpen","handleMessage","event","message","connectedData","handleClose","connect","handleError","cleanupConnection","url","disconnect","send","command","on","currentHandlers","off","once","wrappedHandler","onUntil","useWebSocket","options","connected","isReconnecting","isBootstrapped","appInstance","bootstrap","app","createApp","AppComponent","pinia","createPinia"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9]}
@@ -1,2 +0,0 @@
1
- import{g as q,C as B,a as Z,S as T,F as Y,b as tt}from"./format-B1udViy3.js";import{c as $,_ as F,R as et}from"./index-GQ9qRqEi.js";import{d as E,b as o,f as l,e as t,u as e,n as f,t as c,s as u,g as H,v as x,F as b,r as C,o as n,x as st,i as G,j as P,y as nt,z as ot,A as it,B as at,C as V}from"./vue-vendor-CtA47il-.js";import{u as dt}from"./useWebSocket-C2ttWF5T.js";import{u as lt}from"./registry-Z11QUkpV.js";import{X as j}from"./x-zxrccEon.js";const R=$("code",[["path",{d:"m16 18 6-6-6-6",key:"eg8j8"}],["path",{d:"m8 6-6 6 6 6",key:"ppft3o"}]]);const M=$("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 rt=$("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 ct=$("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 w=$("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 ut=$("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"}]]),pt={class:"endpoint-detail"},_t={key:0,class:"endpoint-detail__empty"},ht={key:1,class:"endpoint-detail__content"},yt={class:"endpoint-detail__header"},mt={class:"endpoint-detail__path font-mono"},gt={class:"endpoint-detail__status"},vt={key:0,class:"endpoint-detail__status-item endpoint-detail__status-item--handler"},ft={key:1,class:"endpoint-detail__status-item endpoint-detail__status-item--seed"},kt={key:2,class:"endpoint-detail__status-item endpoint-detail__status-item--security"},bt={key:3,class:"endpoint-detail__status-item endpoint-detail__status-item--auto"},$t={class:"endpoint-detail__sections"},St={class:"endpoint-detail__section"},Ct={class:"endpoint-detail__section-content font-mono"},zt={key:0,class:"endpoint-detail__section"},xt={class:"endpoint-detail__section-title"},Mt={class:"endpoint-detail__tags"},Ht={key:1,class:"endpoint-detail__section"},Ft={class:"endpoint-detail__section-content"},Et={key:2,class:"endpoint-detail__section"},Rt={class:"endpoint-detail__section-content endpoint-detail__description"},wt={key:3,class:"endpoint-detail__section"},It={class:"endpoint-detail__section-title"},Dt={class:"endpoint-detail__section-content font-mono"},Lt={key:4,class:"endpoint-detail__section"},Nt={class:"endpoint-detail__section-title"},At={class:"endpoint-detail__security"},Tt={class:"endpoint-detail__security-name font-mono"},Vt={class:"endpoint-detail__security-scopes text-muted"},jt=E({__name:"EndpointDetail",props:{endpoint:{}},setup(d){const s=d,k=H(()=>s.endpoint?.security&&s.endpoint.security.length>0),m=H(()=>s.endpoint?.security?s.endpoint.security.map(y=>({name:y.name,scopes:y.scopes.length>0?y.scopes.join(", "):"No scopes"})):[]);return(y,i)=>(n(),o("div",pt,[d.endpoint?(n(),o("div",ht,[t("header",yt,[t("span",{class:f(["method-badge","method-badge--large",`method-badge--${d.endpoint.method}`])},c(e(q)(d.endpoint.method)),3),t("h2",mt,c(d.endpoint.path),1)]),t("div",gt,[d.endpoint.hasHandler?(n(),o("div",vt,[l(e(R),{size:14}),i[2]||(i[2]=t("span",null,"Has custom handler",-1))])):u("",!0),d.endpoint.hasSeed?(n(),o("div",ft,[l(e(w),{size:14}),i[3]||(i[3]=t("span",null,"Has seed data",-1))])):u("",!0),k.value?(n(),o("div",kt,[l(e(rt),{size:14}),i[4]||(i[4]=t("span",null,"Requires authentication",-1))])):u("",!0),!d.endpoint.hasHandler&&!d.endpoint.hasSeed?(n(),o("div",bt,[l(e(M),{size:14}),i[5]||(i[5]=t("span",null,"Auto-generated response",-1))])):u("",!0)]),t("div",$t,[t("section",St,[i[6]||(i[6]=t("h3",{class:"endpoint-detail__section-title"},"Operation",-1)),t("p",Ct,c(d.endpoint.operationId),1)]),d.endpoint.tags.length>0?(n(),o("section",zt,[t("h3",xt,[l(e(ut),{size:14}),i[7]||(i[7]=x(" Tags ",-1))]),t("div",Mt,[(n(!0),o(b,null,C(d.endpoint.tags,_=>(n(),o("span",{key:_,class:"endpoint-detail__tag"},c(_),1))),128))])])):u("",!0),d.endpoint.summary?(n(),o("section",Ht,[i[8]||(i[8]=t("h3",{class:"endpoint-detail__section-title"},"Summary",-1)),t("p",Ft,c(d.endpoint.summary),1)])):u("",!0),d.endpoint.description?(n(),o("section",Et,[i[9]||(i[9]=t("h3",{class:"endpoint-detail__section-title"},"Description",-1)),t("p",Rt,c(d.endpoint.description),1)])):u("",!0),d.endpoint.responseSchema?(n(),o("section",wt,[t("h3",It,[l(e(M),{size:14}),i[10]||(i[10]=x(" Response Schema ",-1))]),t("p",Dt,c(d.endpoint.responseSchema),1)])):u("",!0),k.value?(n(),o("section",Lt,[t("h3",Nt,[l(e(ct),{size:14}),i[11]||(i[11]=x(" Security ",-1))]),t("div",At,[(n(!0),o(b,null,C(m.value,_=>(n(),o("div",{key:_.name,class:"endpoint-detail__security-item"},[t("span",Tt,c(_.name),1),t("span",Vt,c(_.scopes),1)]))),128))])])):u("",!0)])])):(n(),o("div",_t,[l(e(M),{size:48,class:"endpoint-detail__empty-icon"}),i[0]||(i[0]=t("h3",{class:"endpoint-detail__empty-title"},"No endpoint selected",-1)),i[1]||(i[1]=t("p",{class:"endpoint-detail__empty-text text-muted"}," Select an endpoint from the list to view its details ",-1))]))]))}}),qt=F(jt,[["__scopeId","data-v-c66a0f52"]]),Bt={class:"endpoint-list"},Gt={key:0,class:"endpoint-list__empty"},Pt={key:1,class:"endpoint-list__groups"},Qt=["aria-expanded","aria-controls","onClick"],Kt={class:"endpoint-group__tag"},Ut={class:"endpoint-group__count text-muted"},Ot=["id","aria-label"],Jt=["aria-selected","onClick"],Wt={class:"endpoint-item__path font-mono"},Xt={class:"endpoint-item__indicators"},Zt={key:0,class:"endpoint-item__indicator endpoint-item__indicator--handler",title:"Has custom handler"},Yt={key:1,class:"endpoint-item__indicator endpoint-item__indicator--seed",title:"Has seed data"},te=E({__name:"EndpointList",props:{groups:{},selectedKey:{}},emits:["select","toggle-group"],setup(d,{emit:s}){const k=d,m=s;function y(g){m("select",g.key)}function i(g){m("toggle-group",g)}function _(g){return k.selectedKey===g.key}return(g,v)=>(n(),o("div",Bt,[d.groups.length===0?(n(),o("div",Gt,[...v[0]||(v[0]=[t("p",{class:"text-muted"},"No endpoints found",-1)])])):(n(),o("div",Pt,[(n(!0),o(b,null,C(d.groups,p=>(n(),o("div",{key:p.tag,class:"endpoint-group"},[t("button",{type:"button",class:"endpoint-group__header","aria-expanded":p.isExpanded,"aria-controls":`group-${p.tag}`,onClick:h=>i(p.tag)},[(n(),G(P(p.isExpanded?e(B):e(Z)),{size:16,class:"endpoint-group__chevron"})),t("span",Kt,c(p.tag),1),t("span",Ut," ("+c(p.endpoints.length)+") ",1)],8,Qt),st(t("div",{id:`group-${p.tag}`,class:"endpoint-group__items",role:"group","aria-label":`${p.tag} endpoints`},[(n(!0),o(b,null,C(p.endpoints,h=>(n(),o("button",{key:h.key,type:"button",class:f(["endpoint-item",{"endpoint-item--selected":_(h)}]),"aria-selected":_(h),onClick:I=>y(h)},[t("span",{class:f(["method-badge",`method-badge--${h.method}`])},c(e(q)(h.method)),3),t("span",Wt,c(h.path),1),t("div",Xt,[h.hasHandler?(n(),o("span",Zt,[l(e(R),{size:12})])):u("",!0),h.hasSeed?(n(),o("span",Yt,[l(e(w),{size:12})])):u("",!0)])],10,Jt))),128))],8,Ot),[[nt,p.isExpanded]])]))),128))]))]))}}),ee=F(te,[["__scopeId","data-v-554ffe63"]]),se={class:"routes-page"},ne={class:"routes-toolbar"},oe={class:"routes-search"},ie=["value"],ae=["aria-expanded"],de={key:0,class:"routes-filter-toggle__badge"},le={class:"routes-stats"},re={class:"routes-stats__item"},ce={class:"routes-stats__item"},ue={key:0,class:"routes-filters"},pe={class:"routes-filters__section"},_e={class:"routes-filters__methods"},he=["onClick"],ye={class:"routes-filters__section"},me={class:"routes-filters__status"},ge={key:0,class:"routes-filters__actions"},ve={class:"routes-content"},fe={key:0,class:"routes-loading"},ke={key:1,class:"routes-error"},be={class:"routes-error__message"},$e={key:2,class:"routes-empty empty-state"},Se={key:3,class:"routes-empty empty-state"},Ce={class:"routes-list-panel"},ze={class:"routes-detail-panel"},xe=E({__name:"RoutesPage",setup(d){const s=lt(),{send:k,on:m,connected:y}=dt(),i=V(!1),_=V(null),g=["get","post","put","patch","delete","options","head","trace"];function v(){y.value&&(s.setLoading(!0),k({type:"get:registry"}))}function p(r){s.setRegistryData(r),s.setLoading(!1)}function h(r){s.selectEndpoint(r)}function I(r){s.toggleGroup(r)}function Q(r){const a=r.target;s.setSearchQuery(a.value)}function K(){s.setSearchQuery(""),_.value?.focus()}function U(r){s.toggleMethodFilter(r)}function O(r){return s.filter.methods.includes(r)}function J(){const r=s.filter.hasHandler;s.setHandlerFilter(r===!0?null:!0)}function W(){const r=s.filter.hasSeed;s.setSeedFilter(r===!0?null:!0)}function D(){s.clearFilters()}function X(){i.value=!i.value}const z=H(()=>s.hasActiveFilters());let L=null,N=null,A=null;return ot(()=>{L=m("registry",p),N=m("handlers:updated",()=>v()),A=m("seeds:updated",()=>v()),y.value&&v()}),it(()=>{L?.(),N?.(),A?.()}),at(y,r=>{r&&v()}),(r,a)=>(n(),o("div",se,[t("div",ne,[t("div",oe,[l(e(T),{size:16,class:"routes-search__icon"}),t("input",{ref_key:"searchInputRef",ref:_,type:"text",class:"routes-search__input input",placeholder:"Search endpoints...",value:e(s).searchQuery,onInput:Q},null,40,ie),e(s).searchQuery?(n(),o("button",{key:0,type:"button",class:"routes-search__clear btn btn--ghost btn--icon",title:"Clear search",onClick:K},[l(e(j),{size:14})])):u("",!0)]),t("button",{type:"button",class:f(["routes-filter-toggle btn btn--secondary",{"routes-filter-toggle--active":z.value}]),"aria-expanded":i.value,onClick:X},[l(e(Y),{size:16}),a[0]||(a[0]=t("span",null,"Filters",-1)),z.value?(n(),o("span",de,c(e(s).filter.methods.length+(e(s).filter.hasHandler?1:0)+(e(s).filter.hasSeed?1:0)),1)):u("",!0),(n(),G(P(i.value?e(tt):e(B)),{size:14}))],10,ae),t("div",le,[t("span",re,c(e(s).filteredEndpoints.length)+" endpoints ",1),a[1]||(a[1]=t("span",{class:"routes-stats__separator"},"|",-1)),t("span",ce,c(e(s).allTags.length)+" tags ",1)])]),i.value?(n(),o("div",ue,[t("div",pe,[a[2]||(a[2]=t("h4",{class:"routes-filters__title"},"Methods",-1)),t("div",_e,[(n(),o(b,null,C(g,S=>t("button",{key:S,type:"button",class:f(["method-badge",`method-badge--${S}`,{"method-badge--inactive":!O(S)&&e(s).filter.methods.length>0}]),onClick:Me=>U(S)},c(S.toUpperCase()),11,he)),64))])]),t("div",ye,[a[5]||(a[5]=t("h4",{class:"routes-filters__title"},"Status",-1)),t("div",me,[t("button",{type:"button",class:f(["routes-filters__status-btn",{"routes-filters__status-btn--active":e(s).filter.hasHandler}]),onClick:J},[l(e(R),{size:14}),a[3]||(a[3]=t("span",null,"Has Handler",-1))],2),t("button",{type:"button",class:f(["routes-filters__status-btn",{"routes-filters__status-btn--active":e(s).filter.hasSeed}]),onClick:W},[l(e(w),{size:14}),a[4]||(a[4]=t("span",null,"Has Seed",-1))],2)])]),z.value?(n(),o("div",ge,[t("button",{type:"button",class:"btn btn--ghost",onClick:D},[l(e(j),{size:14}),a[6]||(a[6]=x(" Clear all filters ",-1))])])):u("",!0)])):u("",!0),t("div",ve,[e(s).isLoading?(n(),o("div",fe,[...a[7]||(a[7]=[t("div",{class:"routes-loading__spinner"},null,-1),t("span",{class:"text-muted"},"Loading endpoints...",-1)])])):e(s).error?(n(),o("div",ke,[t("p",be,c(e(s).error),1),t("button",{type:"button",class:"btn btn--primary",onClick:v}," Retry ")])):e(s).endpoints.length===0?(n(),o("div",$e,[l(e(et),{size:48,class:"empty-state__icon"}),a[8]||(a[8]=t("h3",{class:"empty-state__title"},"No endpoints found",-1)),a[9]||(a[9]=t("p",{class:"empty-state__description"}," No API endpoints are available. Make sure your OpenAPI spec is loaded. ",-1))])):e(s).filteredEndpoints.length===0?(n(),o("div",Se,[l(e(T),{size:48,class:"empty-state__icon"}),a[10]||(a[10]=t("h3",{class:"empty-state__title"},"No matching endpoints",-1)),a[11]||(a[11]=t("p",{class:"empty-state__description"}," Try adjusting your search or filters. ",-1)),z.value?(n(),o("button",{key:0,type:"button",class:"btn btn--secondary",onClick:D}," Clear filters ")):u("",!0)])):(n(),o(b,{key:4},[t("div",Ce,[l(ee,{groups:e(s).groupedEndpoints,"selected-key":e(s).selectedEndpointKey,onSelect:h,onToggleGroup:I},null,8,["groups","selected-key"])]),t("div",ze,[l(qt,{endpoint:e(s).selectedEndpoint},null,8,["endpoint"])])],64))])]))}}),De=F(xe,[["__scopeId","data-v-bdd419e3"]]);export{De as default};
2
- //# sourceMappingURL=RoutesPage-Bhnu6w5-.js.map
@@ -1,2 +0,0 @@
1
- import{D as X,g as f,C as y,d as Y,z as ee,A as te,b as d,e as l,f as R,u,s as x,x as D,L as B,F as $,r as U,t as b,M as se,n as q,i as O,j as G,o as r}from"./vue-vendor-CtA47il-.js";import{u as oe}from"./useWebSocket-C2ttWF5T.js";import{u as ae}from"./registry-Z11QUkpV.js";import{c as le,Z as W,C as Z,_ as ne}from"./index-GQ9qRqEi.js";import{T as j}from"./triangle-alert-CAGaIjAo.js";import{T as K}from"./trash-2-CDyKV6GB.js";const ie=le("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]),V=[{id:"slow-network",label:"Slow Network",description:"3000ms delay (3G simulation)",type:"delay",status:200,delay:3e3},{id:"server-error",label:"Server Error",description:"Returns HTTP 500",type:"error",status:500,body:{error:"Internal Server Error",message:"Simulated server error"}},{id:"rate-limit",label:"Rate Limited",description:"Returns HTTP 429",type:"error",status:429,body:{error:"Too Many Requests",message:"Rate limit exceeded"}},{id:"not-found",label:"Not Found",description:"Returns HTTP 404",type:"error",status:404,body:{error:"Not Found",message:"Resource not found"}},{id:"request-timeout",label:"Request Timeout",description:"30000ms delay (simulates timeout)",type:"delay",status:200,delay:3e4},{id:"empty-response",label:"Empty Response",description:"Returns HTTP 200 with empty body",type:"empty",status:200,body:null},{id:"unauthorized",label:"Unauthorized",description:"Returns HTTP 401",type:"error",status:401,body:{error:"Unauthorized",message:"Authentication required"}}],re=X("simulation",()=>{const i=y(new Map),o=y(new Map),g=y(!1),c=y(null),h=f(()=>Array.from(i.value.values())),_=f(()=>i.value.size),T=f(()=>V),p=f(()=>i.value.size>0),S=f(()=>{const e={delay:[],error:[],empty:[]};for(const n of i.value.values()){const v=N(n);e[v].push(n)}return e});function N(e){const n=e.presetId?V.find(v=>v.id===e.presetId):null;return n?n.type:e.delay&&e.delay>0?"delay":e.body===null?"empty":"error"}function I(e){i.value.clear();for(const n of e)i.value.set(n.path,n);c.value=null}function C(e,n=!1){if(n){const v=i.value.get(e.path)||null;o.value.set(e.path,v)}i.value.set(e.path,e)}function P(e,n=!1){if(n){const v=i.value.get(e)||null;o.value.set(e,v)}return i.value.delete(e)}function E(){i.value.clear()}function F(e){return i.value.get(e)}function k(e){return i.value.has(e)}function M(e){return V.find(n=>n.id===e)}function H(e,n,v){const A=M(n);return A?{path:e,operationId:v,status:A.status,delay:A.delay,body:A.body,presetId:A.id}:(c.value=`Preset not found: ${n}`,null)}function L(e){g.value=e}function w(e){c.value=e,g.value=!1}function z(){c.value=null}function t(e){if(!o.value.has(e))return;const n=o.value.get(e);n==null?i.value.delete(e):i.value.set(e,n),o.value.delete(e)}function a(e){console.log("[Simulation] Added:",e.path)}function s(e){P(e.path),console.log("[Simulation] Removed:",e.path)}function m(e){E(),console.log("[Simulation] Cleared all:",e.count)}function J(e){e.success?(o.value.delete(e.path),console.log("[Simulation] Set successfully:",e.path)):(t(e.path),w(`Failed to set simulation for ${e.path}`)),L(!1)}function Q(e){e.success?(o.value.delete(e.path),console.log("[Simulation] Cleared successfully:",e.path)):(t(e.path),w(`Failed to clear simulation for ${e.path}`)),L(!1)}return{simulations:i,isLoading:g,error:c,activeSimulations:h,count:_,presets:T,hasActiveSimulations:p,simulationsByType:S,setSimulations:I,addSimulationLocal:C,removeSimulationLocal:P,clearSimulationsLocal:E,getSimulation:F,hasSimulation:k,getPreset:M,createSimulationFromPreset:H,setLoading:L,setError:w,clearError:z,rollbackSimulation:t,handleSimulationAdded:a,handleSimulationRemoved:s,handleSimulationsCleared:m,handleSimulationSet:J,handleSimulationCleared:Q}}),ue={class:"simulator-page"},de={class:"simulator-form card"},ce={class:"simulator-form__header"},me={class:"simulator-form__body"},pe={key:0,class:"simulator-form__row"},ve=["value"],fe={class:"simulator-form__row"},ye=["value"],he={class:"simulator-presets"},_e=["title","onClick"],Se={class:"simulator-preset__label"},be=["disabled"],ge={class:"simulator-active"},Te={class:"simulator-active__header"},ke={class:"simulator-active__title"},Ce=["disabled"],Pe={class:"simulator-active__list"},Ee={class:"simulator-simulation__info"},Le={class:"simulator-simulation__path font-mono"},we={class:"simulator-simulation__preset"},Ae={key:0,class:"text-muted"},Re=["disabled","onClick"],Ie={key:0,class:"empty-state"},Me=Y({__name:"SimulatorPage",setup(i){const o=re(),g=ae(),{send:c,on:h}=oe(),_=y(""),T=y("GET"),p=y(null),S=y(null),N=["GET","POST","PUT","PATCH","DELETE","OPTIONS","HEAD"];let I=[];const C=y(new Set),P=f(()=>g.endpoints.map(t=>({key:t.key,label:`${t.method.toUpperCase()} ${t.path}`,method:t.method.toUpperCase(),path:t.path,operationId:t.operationId}))),E=f(()=>{const t=_.value.trim()!=="",a=p.value!==null;return t&&a}),F=f(()=>o.activeSimulations.map(t=>{const a=t.presetId?o.getPreset(t.presetId):null;return{...t,preset:a}})),k=f(()=>o.count);function M(){if(!E.value||!p.value||!o.getPreset(p.value))return;const a=_.value.trim();if(!a.startsWith("/")){o.setError("Path must start with /");return}if(a.length>500){o.setError("Path is too long (max 500 characters)");return}if(!/^\/[\w\-/{}:.]*$/.test(a)){o.setError("Path contains invalid characters");return}const s=`${T.value.toLowerCase()}:${a}`,m=o.createSimulationFromPreset(s,p.value,void 0);m&&(o.addSimulationLocal(m,!0),o.setLoading(!0),c({type:"set:simulation",data:{path:m.path,status:m.status,delay:m.delay,body:m.body}}),_.value="",p.value=null,S.value=null)}function H(t){o.removeSimulationLocal(t,!0),o.setLoading(!0),c({type:"clear:simulation",data:{path:t}})}function L(){if(k.value!==0){for(const t of o.activeSimulations)C.value.add(t.path),o.removeSimulationLocal(t.path,!0),c({type:"clear:simulation",data:{path:t.path}});o.setLoading(!0)}}function w(){if(!S.value)return;const t=g.endpoints.find(a=>a.key===S.value);t&&(T.value=t.method.toUpperCase(),_.value=t.path)}function z(){S.value=null}return ee(()=>{I=[h("simulation:active",t=>{o.setSimulations(t.simulations)}),h("simulation:added",t=>{o.handleSimulationAdded(t)}),h("simulation:removed",t=>{o.handleSimulationRemoved(t)}),h("simulations:cleared",t=>{o.handleSimulationsCleared(t)}),h("simulation:set",t=>{o.handleSimulationSet(t)}),h("simulation:cleared",t=>{C.value.has(t.path)&&C.value.delete(t.path),o.handleSimulationCleared(t)})],c({type:"get:registry"})}),te(()=>{for(const t of I)t()}),(t,a)=>(r(),d("div",ue,[l("div",de,[l("div",ce,[R(u(W),{size:18}),a[3]||(a[3]=l("span",null,"Add Simulation",-1))]),l("div",me,[P.value.length>0?(r(),d("div",pe,[a[5]||(a[5]=l("label",{class:"simulator-form__label"},"Select Endpoint (optional):",-1)),D(l("select",{"onUpdate:modelValue":a[0]||(a[0]=s=>S.value=s),class:"input",onChange:w},[a[4]||(a[4]=l("option",{value:null},"Manual entry...",-1)),(r(!0),d($,null,U(P.value,s=>(r(),d("option",{key:s.key,value:s.key},b(s.label),9,ve))),128))],544),[[B,S.value]])])):x("",!0),l("div",fe,[D(l("select",{"onUpdate:modelValue":a[1]||(a[1]=s=>T.value=s),class:"simulator-form__method input",onChange:z},[(r(),d($,null,U(N,s=>l("option",{key:s,value:s},b(s),9,ye)),64))],544),[[B,T.value]]),D(l("input",{"onUpdate:modelValue":a[2]||(a[2]=s=>_.value=s),type:"text",class:"simulator-form__path input",placeholder:"/api/path",onInput:z},null,544),[[se,_.value]])]),l("div",he,[(r(!0),d($,null,U(u(o).presets,s=>(r(),d("button",{key:s.id,class:q(["simulator-preset",{"simulator-preset--selected":p.value===s.id},`simulator-preset--${s.type}`]),title:s.description,onClick:m=>p.value=s.id},[(r(),O(G(s.type==="delay"?u(Z):u(j)),{size:14})),l("span",Se,b(s.label),1)],10,_e))),128))]),l("button",{class:"btn btn--primary",disabled:!E.value||u(o).isLoading,onClick:M},[R(u(ie),{size:16}),a[6]||(a[6]=l("span",null,"Add Simulation",-1))],8,be)])]),l("div",ge,[l("div",Te,[l("span",ke," Active Simulations ("+b(k.value)+") ",1),k.value>0?(r(),d("button",{key:0,class:"btn btn--ghost",disabled:u(o).isLoading,onClick:L},[R(u(K),{size:14}),a[7]||(a[7]=l("span",null,"Clear All",-1))],8,Ce)):x("",!0)]),l("div",Pe,[(r(!0),d($,null,U(F.value,s=>(r(),d("div",{key:s.path,class:"simulator-simulation card"},[l("div",Ee,[l("span",Le,b(s.path),1)]),l("div",we,[(r(),O(G(s.preset?.type==="delay"?u(Z):u(j)),{size:14,class:q({"text-warning":s.preset?.type==="delay","text-error":s.preset?.type==="error","text-muted":s.preset?.type==="empty"})},null,8,["class"])),l("span",null,b(s.preset?.label||`HTTP ${s.status}`),1),s.delay?(r(),d("span",Ae," ("+b(s.delay)+"ms) ",1)):x("",!0)]),l("button",{class:"btn btn--ghost btn--icon",title:"Remove simulation",disabled:u(o).isLoading,onClick:m=>H(s.path)},[R(u(K),{size:14})],8,Re)]))),128)),k.value===0?(r(),d("div",Ie,[R(u(W),{size:48,class:"empty-state__icon"}),a[8]||(a[8]=l("h3",{class:"empty-state__title"},"No active simulations",-1)),a[9]||(a[9]=l("p",{class:"empty-state__description"}," Add a simulation above to test error handling and slow responses. ",-1))])):x("",!0)])])]))}}),He=ne(Me,[["__scopeId","data-v-e5fd28b0"]]);export{He as default};
2
- //# sourceMappingURL=SimulatorPage-ROKoAmUT.js.map
@@ -1,2 +0,0 @@
1
- import{D as pe,g as v,C as T,d as ue,b as u,f as x,e,u as a,n as z,t as c,s as k,v as M,i as $,j as S,x as V,y as W,F as A,r as j,E as ce,o,z as he,A as ge,B as be}from"./vue-vendor-CtA47il-.js";import{g as _e,C as N,a as Z,S as me,F as xe,b as ke}from"./format-B1udViy3.js";import{c as fe,C as P,Z as ve,_ as de}from"./index-GQ9qRqEi.js";import{C as oe}from"./check-DxJBRQqh.js";import{T as qe}from"./triangle-alert-CAGaIjAo.js";import{u as Ce}from"./useWebSocket-C2ttWF5T.js";import{X as ye}from"./x-zxrccEon.js";import{T as $e}from"./trash-2-CDyKV6GB.js";const Se=fe("circle-check-big",[["path",{d:"M21.801 10A10 10 0 1 1 17 3.335",key:"yps3ct"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]]);const re=fe("copy",[["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]),Te=pe("timeline",()=>{const n=T([]),s=T(!1),r=T(null),d=T({methods:[],statusCodes:[],searchQuery:"",simulatedOnly:null}),q=T(null),g=T(500),p=new Map;function R(t){return t<200?"1xx":t<300?"2xx":t<400?"3xx":t<500?"4xx":"5xx"}const H=v(()=>{let t=n.value;if(d.value.searchQuery.trim()){const i=d.value.searchQuery.toLowerCase().trim();t=t.filter(m=>m.request.path.toLowerCase().includes(i)||m.request.operationId.toLowerCase().includes(i))}return d.value.methods.length>0&&(t=t.filter(i=>d.value.methods.includes(i.request.method.toUpperCase()))),d.value.statusCodes.length>0&&(t=t.filter(i=>{if(i.status===null)return!1;const m=R(i.status);return d.value.statusCodes.includes(m)})),d.value.simulatedOnly!==null&&(t=t.filter(i=>i.simulated===d.value.simulatedOnly)),t}),B=v(()=>q.value?n.value.find(t=>t.id===q.value)??null:null),Q=v(()=>n.value.length),O=v(()=>n.value.filter(t=>t.response!==null).length),D=v(()=>n.value.filter(t=>t.response===null).length),w=v(()=>{const t={"1xx":0,"2xx":0,"3xx":0,"4xx":0,"5xx":0};for(const i of n.value)if(i.status!==null){const m=R(i.status);t[m]++}return t}),L=v(()=>{const t=n.value.filter(m=>m.duration!==null);if(t.length===0)return 0;const i=t.reduce((m,E)=>m+(E.duration??0),0);return Math.round(i/t.length)});function U(t){const i={id:t.id,request:t,response:null,status:null,duration:null,simulated:!1},m=p.get(t.id);m&&(l(i,m),p.delete(t.id)),n.value.unshift(i),n.value.length>g.value&&(n.value=n.value.slice(0,g.value))}function b(t){const i=n.value.find(m=>m.id===t.requestId);if(i)l(i,t),p.delete(t.requestId);else if(p.set(t.requestId,t),p.size>100){const m=f(t);n.value.unshift(m),p.delete(t.requestId),n.value.length>g.value&&(n.value=n.value.slice(0,g.value))}}function l(t,i){t.response=i,t.status=i.status,t.duration=i.duration,t.simulated=i.simulated}function f(t){const i={id:t.requestId,method:"UNKNOWN",path:"/unknown",operationId:"unknown",timestamp:Date.now(),headers:{},query:{},body:void 0};return{id:t.requestId,request:i,response:t,status:t.status,duration:t.duration,simulated:t.simulated}}function C(t){for(const[i,m]of p){const E=t.get(i);E?(l(E,m),p.delete(i)):(t.set(i,f(m)),p.delete(i))}}function se(t,i){for(const[m,E]of i){const I=t.get(m);I?l(I,E):p.set(m,E)}}function ne(t){for(const[i,m]of p)t.has(i)||(t.set(i,f(m)),p.delete(i))}function ie(t){const i=new Map,m=new Map;for(const I of t.entries)if(I.type==="request"){const F=I.data;i.set(F.id,{id:F.id,request:F,response:null,status:null,duration:null,simulated:!1})}else if(I.type==="response"){const F=I.data;m.set(F.requestId,F)}C(i),se(i,m),ne(i);const E=Array.from(i.values()).sort((I,F)=>F.request.timestamp-I.request.timestamp);n.value=E.slice(0,g.value),r.value=null}function G(){n.value=[],q.value=null,p.clear()}function le(t){s.value=t}function J(t){r.value=t,s.value=!1}function K(){r.value=null}function X(t){d.value.searchQuery=t}function Y(t){const i=d.value.methods.indexOf(t);i===-1?d.value.methods.push(t):d.value.methods.splice(i,1)}function ee(t){const i=d.value.statusCodes.indexOf(t);i===-1?d.value.statusCodes.push(t):d.value.statusCodes.splice(i,1)}function te(t){d.value.simulatedOnly=t}function y(){d.value={methods:[],statusCodes:[],searchQuery:"",simulatedOnly:null}}function _(){return d.value.searchQuery.trim()!==""||d.value.methods.length>0||d.value.statusCodes.length>0||d.value.simulatedOnly!==null}function h(t){q.value=t}function ae(t){const i=Math.max(1,t);g.value=i,n.value.length>i&&(n.value=n.value.slice(0,i))}return{entries:n,isLoading:s,error:r,filter:d,selectedEntryId:q,maxEntries:g,filteredEntries:H,selectedEntry:B,totalCount:Q,completedCount:O,pendingCount:D,statusCounts:w,averageDuration:L,addRequest:U,addResponse:b,setTimelineData:ie,clearTimeline:G,setLoading:le,setError:J,clearError:K,setSearchQuery:X,toggleMethodFilter:Y,toggleStatusFilter:ee,setSimulatedFilter:te,clearFilters:y,hasActiveFilters:_,selectEntry:h,setMaxEntries:ae}}),Be={class:"timeline-detail"},we={key:0,class:"timeline-detail__empty"},Ee={key:1,class:"timeline-detail__content"},Ie={class:"timeline-detail__header"},ze={class:"timeline-detail__summary"},Re={class:"timeline-detail__path font-mono"},Oe={class:"timeline-detail__meta"},De={key:1,class:"status-badge status-badge--pending"},Fe={class:"timeline-detail__duration"},He={key:2,class:"timeline-detail__simulated",title:"Simulated response"},Qe={class:"timeline-detail__actions"},Le={class:"timeline-detail__info"},Ae={class:"timeline-detail__info-item"},Me={class:"timeline-detail__info-value font-mono"},Ne={class:"timeline-detail__info-item"},je={class:"timeline-detail__info-value font-mono"},Pe={class:"timeline-detail__info-item"},Ue={class:"timeline-detail__info-value font-mono"},Je={class:"timeline-detail__section"},Ve={key:0,class:"timeline-detail__subsection"},We=["aria-expanded"],Ze={class:"text-muted"},Ge={id:"requestQuery-panel",class:"timeline-detail__subsection-content"},Ke={class:"timeline-detail__kv-key font-mono"},Xe={class:"timeline-detail__kv-value font-mono"},Ye={key:1,class:"timeline-detail__subsection"},et=["aria-expanded"],tt={class:"text-muted"},st={id:"requestHeaders-panel",class:"timeline-detail__subsection-content"},nt={class:"timeline-detail__kv-key font-mono"},it={class:"timeline-detail__kv-value font-mono"},lt={key:2,class:"timeline-detail__subsection"},at={class:"timeline-detail__subsection-header",role:"group"},ot=["aria-expanded"],rt={id:"requestBody-panel",class:"timeline-detail__subsection-content"},ut={class:"timeline-detail__json"},dt={key:0,class:"timeline-detail__section"},ct={key:0,class:"timeline-detail__subsection"},mt=["aria-expanded"],yt={class:"text-muted"},_t={id:"responseHeaders-panel",class:"timeline-detail__subsection-content"},ft={class:"timeline-detail__kv-key font-mono"},vt={class:"timeline-detail__kv-value font-mono"},pt={key:1,class:"timeline-detail__subsection"},ht={class:"timeline-detail__subsection-header",role:"group"},gt=["aria-expanded"],bt={id:"responseBody-panel",class:"timeline-detail__subsection-content"},xt={class:"timeline-detail__json"},kt={key:1,class:"timeline-detail__section timeline-detail__section--pending"},qt={class:"timeline-detail__pending"},Ct=ue({__name:"TimelineDetail",props:{entry:{}},setup(n){const s=n,r=T({requestHeaders:!0,requestQuery:!0,requestBody:!0,responseHeaders:!0,responseBody:!0}),d=T(null),q=v(()=>s.entry?new Date(s.entry.request.timestamp).toLocaleString("en-US",{year:"numeric",month:"short",day:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",fractionalSecondDigits:3,hour12:!1}):""),g=v(()=>s.entry?.duration==null?"pending...":s.entry.duration<1e3?`${s.entry.duration}ms`:`${(s.entry.duration/1e3).toFixed(2)}s`),p=v(()=>s.entry?.status?s.entry.status<200?"status-badge--1xx":s.entry.status<300?"status-badge--2xx":s.entry.status<400?"status-badge--3xx":s.entry.status<500?"status-badge--4xx":"status-badge--5xx":"status-badge--pending"),R=v(()=>s.entry?.request.query?Object.keys(s.entry.request.query).length>0:!1),H=v(()=>s.entry?.request.headers?Object.keys(s.entry.request.headers).length>0:!1),B=v(()=>s.entry?.request.body!==void 0&&s.entry?.request.body!==null),Q=v(()=>s.entry?.response?.headers?Object.keys(s.entry.response.headers).length>0:!1),O=v(()=>s.entry?.response?.body!==void 0&&s.entry?.response?.body!==null);function D(b){try{return JSON.stringify(b,null,2)}catch{return String(b)}}function w(b){r.value[b]=!r.value[b]}async function L(b,l){try{await navigator.clipboard.writeText(b),d.value=l,setTimeout(()=>{d.value=null},2e3)}catch(f){console.error("Failed to copy:",f)}}async function U(){if(!s.entry)return;const b={request:s.entry.request,response:s.entry.response};await L(JSON.stringify(b,null,2),"full")}return(b,l)=>(o(),u("div",Be,[n.entry?(o(),u("div",Ee,[e("div",Ie,[e("div",ze,[e("span",{class:z(["method-badge",`method-badge--${n.entry.request.method.toLowerCase()}`])},c(a(_e)(n.entry.request.method)),3),e("span",Re,c(n.entry.request.path),1)]),e("div",Oe,[n.entry.status!==null?(o(),u("span",{key:0,class:z(["status-badge",p.value])},c(n.entry.status),3)):(o(),u("span",De,"pending")),e("span",Fe,[x(a(P),{size:14}),M(" "+c(g.value),1)]),n.entry.simulated?(o(),u("span",He,[x(a(ve),{size:14}),l[9]||(l[9]=M(" Simulated ",-1))])):k("",!0)]),e("div",Qe,[e("button",{type:"button",class:"btn btn--ghost btn--sm",title:"Copy as JSON",onClick:U},[(o(),$(S(d.value==="full"?a(oe):a(re)),{size:14})),M(" "+c(d.value==="full"?"Copied!":"Copy JSON"),1)])])]),e("div",Le,[e("div",Ae,[l[10]||(l[10]=e("span",{class:"timeline-detail__info-label"},"Timestamp",-1)),e("span",Me,c(q.value),1)]),e("div",Ne,[l[11]||(l[11]=e("span",{class:"timeline-detail__info-label"},"Operation ID",-1)),e("span",je,c(n.entry.request.operationId),1)]),e("div",Pe,[l[12]||(l[12]=e("span",{class:"timeline-detail__info-label"},"Request ID",-1)),e("span",Ue,c(n.entry.id),1)])]),e("div",Je,[l[16]||(l[16]=e("h3",{class:"timeline-detail__section-title"},"Request",-1)),R.value?(o(),u("div",Ve,[e("button",{type:"button",class:"timeline-detail__subsection-header","aria-expanded":r.value.requestQuery,"aria-controls":"requestQuery-panel",onClick:l[0]||(l[0]=f=>w("requestQuery"))},[(o(),$(S(r.value.requestQuery?a(N):a(Z)),{size:16})),l[13]||(l[13]=e("span",null,"Query Parameters",-1)),e("span",Ze,"("+c(Object.keys(n.entry.request.query).length)+")",1)],8,We),V(e("div",Ge,[(o(!0),u(A,null,j(n.entry.request.query,(f,C)=>(o(),u("div",{key:C,class:"timeline-detail__kv-row"},[e("span",Ke,c(C),1),e("span",Xe,c(Array.isArray(f)?f.join(", "):f),1)]))),128))],512),[[W,r.value.requestQuery]])])):k("",!0),H.value?(o(),u("div",Ye,[e("button",{type:"button",class:"timeline-detail__subsection-header","aria-expanded":r.value.requestHeaders,"aria-controls":"requestHeaders-panel",onClick:l[1]||(l[1]=f=>w("requestHeaders"))},[(o(),$(S(r.value.requestHeaders?a(N):a(Z)),{size:16})),l[14]||(l[14]=e("span",null,"Headers",-1)),e("span",tt,"("+c(Object.keys(n.entry.request.headers).length)+")",1)],8,et),V(e("div",st,[(o(!0),u(A,null,j(n.entry.request.headers,(f,C)=>(o(),u("div",{key:C,class:"timeline-detail__kv-row"},[e("span",nt,c(C),1),e("span",it,c(f),1)]))),128))],512),[[W,r.value.requestHeaders]])])):k("",!0),B.value?(o(),u("div",lt,[e("div",at,[e("button",{type:"button",class:"timeline-detail__subsection-toggle","aria-expanded":r.value.requestBody,"aria-controls":"requestBody-panel",onClick:l[2]||(l[2]=f=>w("requestBody"))},[(o(),$(S(r.value.requestBody?a(N):a(Z)),{size:16})),l[15]||(l[15]=e("span",null,"Body",-1))],8,ot),e("button",{type:"button",class:"btn btn--ghost btn--icon btn--sm",title:"Copy body",onClick:l[3]||(l[3]=ce(f=>L(D(n.entry.request.body),"reqBody"),["stop"]))},[(o(),$(S(d.value==="reqBody"?a(oe):a(re)),{size:12}))])]),V(e("div",rt,[e("pre",ut,c(D(n.entry.request.body)),1)],512),[[W,r.value.requestBody]])])):k("",!0)]),n.entry.response?(o(),u("div",dt,[l[19]||(l[19]=e("h3",{class:"timeline-detail__section-title"},"Response",-1)),Q.value?(o(),u("div",ct,[e("button",{type:"button",class:"timeline-detail__subsection-header","aria-expanded":r.value.responseHeaders,"aria-controls":"responseHeaders-panel",onClick:l[4]||(l[4]=f=>w("responseHeaders"))},[(o(),$(S(r.value.responseHeaders?a(N):a(Z)),{size:16})),l[17]||(l[17]=e("span",null,"Headers",-1)),e("span",yt,"("+c(Object.keys(n.entry.response.headers).length)+")",1)],8,mt),V(e("div",_t,[(o(!0),u(A,null,j(n.entry.response.headers,(f,C)=>(o(),u("div",{key:C,class:"timeline-detail__kv-row"},[e("span",ft,c(C),1),e("span",vt,c(f),1)]))),128))],512),[[W,r.value.responseHeaders]])])):k("",!0),O.value?(o(),u("div",pt,[e("div",ht,[e("button",{type:"button",class:"timeline-detail__subsection-toggle","aria-expanded":r.value.responseBody,"aria-controls":"responseBody-panel",onClick:l[5]||(l[5]=f=>w("responseBody"))},[(o(),$(S(r.value.responseBody?a(N):a(Z)),{size:16})),l[18]||(l[18]=e("span",null,"Body",-1))],8,gt),e("button",{type:"button",class:"btn btn--ghost btn--icon btn--sm",title:"Copy body",onClick:l[6]||(l[6]=ce(f=>L(D(n.entry.response.body),"resBody"),["stop"]))},[(o(),$(S(d.value==="resBody"?a(oe):a(re)),{size:12}))])]),V(e("div",bt,[e("pre",xt,c(D(n.entry.response.body)),1)],512),[[W,r.value.responseBody]])])):k("",!0)])):(o(),u("div",kt,[l[21]||(l[21]=e("h3",{class:"timeline-detail__section-title"},"Response",-1)),e("div",qt,[x(a(P),{size:24,class:"timeline-detail__pending-icon"}),l[20]||(l[20]=e("span",{class:"text-muted"},"Waiting for response...",-1))])]))])):(o(),u("div",we,[x(a(P),{size:48,class:"timeline-detail__empty-icon"}),l[7]||(l[7]=e("h3",{class:"timeline-detail__empty-title"},"Select an entry",-1)),l[8]||(l[8]=e("p",{class:"timeline-detail__empty-description"}," Click on a timeline entry to view its details. ",-1))]))]))}}),$t=de(Ct,[["__scopeId","data-v-b4bdd2d2"]]),St={class:"timeline-entry__time font-mono text-muted"},Tt={class:"timeline-entry__method"},Bt={class:"timeline-entry__path font-mono"},wt={class:"timeline-entry__status"},Et={key:1,class:"status-badge status-badge--pending"},It={class:"timeline-entry__duration font-mono text-muted"},zt={key:0,class:"timeline-entry__simulated",title:"Simulated response"},Rt=ue({__name:"TimelineEntry",props:{entry:{},isSelected:{type:Boolean,default:!1}},emits:["select"],setup(n,{emit:s}){const r=n,d=s,q=v(()=>new Date(r.entry.request.timestamp).toLocaleTimeString("en-US",{hour12:!1,hour:"2-digit",minute:"2-digit",second:"2-digit",fractionalSecondDigits:3})),g=v(()=>r.entry.duration===null?"pending...":r.entry.duration<1e3?`${r.entry.duration}ms`:`${(r.entry.duration/1e3).toFixed(2)}s`),p=v(()=>r.entry.status===null?"status-badge--pending":r.entry.status<200?"status-badge--1xx":r.entry.status<300?"status-badge--2xx":r.entry.status<400?"status-badge--3xx":r.entry.status<500?"status-badge--4xx":"status-badge--5xx"),R=v(()=>r.entry.status===null?P:r.entry.status<400?Se:qe),H=v(()=>r.entry.response===null);function B(){d("select",r.entry.id)}return(Q,O)=>(o(),u("button",{type:"button",class:z(["timeline-entry",{"timeline-entry--selected":n.isSelected},{"timeline-entry--pending":H.value},{"timeline-entry--simulated":n.entry.simulated}]),onClick:B},[e("div",St,c(q.value),1),e("div",Tt,[e("span",{class:z(["method-badge",`method-badge--${n.entry.request.method.toLowerCase()}`])},c(a(_e)(n.entry.request.method)),3)]),e("div",Bt,c(n.entry.request.path),1),e("div",wt,[n.entry.status!==null?(o(),u("span",{key:0,class:z(["status-badge",p.value])},[(o(),$(S(R.value),{size:12})),M(" "+c(n.entry.status),1)],2)):(o(),u("span",Et,[x(a(P),{size:12}),O[0]||(O[0]=M(" pending ",-1))]))]),e("div",It,c(g.value),1),n.entry.simulated?(o(),u("div",zt,[x(a(ve),{size:14})])):k("",!0)],2))}}),Ot=de(Rt,[["__scopeId","data-v-a073dbdf"]]),Dt={class:"timeline-page"},Ft={class:"timeline-toolbar"},Ht={class:"timeline-search"},Qt=["value"],Lt=["aria-expanded"],At={key:0,class:"timeline-filter-toggle__badge"},Mt={class:"timeline-stats"},Nt={class:"timeline-stats__item"},jt={key:0,class:"timeline-stats__separator"},Pt={key:1,class:"timeline-stats__item"},Ut=["disabled"],Jt={key:0,class:"timeline-filters"},Vt={class:"timeline-filters__section"},Wt={class:"timeline-filters__methods"},Zt=["onClick"],Gt={class:"timeline-filters__section"},Kt={class:"timeline-filters__status"},Xt=["onClick"],Yt={class:"timeline-filters__status-count"},es={class:"timeline-filters__section"},ts={class:"timeline-filters__type"},ss={key:0,class:"timeline-filters__actions"},ns={class:"timeline-content"},is={key:0,class:"timeline-loading"},ls={key:1,class:"timeline-error"},as={class:"timeline-error__message"},os={key:2,class:"timeline-empty empty-state"},rs={key:3,class:"timeline-empty empty-state"},us={class:"timeline-list-panel"},ds={class:"timeline-list"},cs={class:"timeline-detail-panel"},ms=ue({__name:"TimelinePage",setup(n){const s=Te(),{send:r,on:d,connected:q}=Ce(),g=T(!1),p=T(null),R=["GET","POST","PUT","PATCH","DELETE","OPTIONS","HEAD","TRACE"],H=["2xx","3xx","4xx","5xx"];function B(){q.value&&(s.setLoading(!0),r({type:"get:timeline"}))}function Q(y){s.setTimelineData(y),s.setLoading(!1)}function O(y){s.addRequest(y)}function D(y){s.addResponse(y)}function w(){s.clearTimeline()}function L(){r({type:"clear:timeline"}),s.clearTimeline()}function U(y){s.selectEntry(y)}function b(y){const _=y.target;s.setSearchQuery(_.value)}function l(){s.setSearchQuery(""),p.value?.focus()}function f(y){s.toggleMethodFilter(y)}function C(y){return s.filter.methods.includes(y)}function se(y){s.toggleStatusFilter(y)}function ne(y){return s.filter.statusCodes.includes(y)}function ie(){const y=s.filter.simulatedOnly;s.setSimulatedFilter(y===!0?null:!0)}function G(){s.clearFilters()}function le(){g.value=!g.value}const J=v(()=>s.hasActiveFilters()),K=v(()=>s.filter.methods.length+s.filter.statusCodes.length+(s.filter.simulatedOnly!==null?1:0));let X=null,Y=null,ee=null,te=null;return he(()=>{X=d("timeline",Q),Y=d("request",O),ee=d("response",D),te=d("timeline:cleared",w),q.value&&B()}),ge(()=>{X?.(),Y?.(),ee?.(),te?.()}),be(q,y=>{y&&B()}),(y,_)=>(o(),u("div",Dt,[e("div",Ft,[e("div",Ht,[x(a(me),{size:16,class:"timeline-search__icon"}),e("input",{ref_key:"searchInputRef",ref:p,type:"text",class:"timeline-search__input input",placeholder:"Search by path or operation...",value:a(s).filter.searchQuery,onInput:b},null,40,Qt),a(s).filter.searchQuery?(o(),u("button",{key:0,type:"button",class:"timeline-search__clear btn btn--ghost btn--icon",title:"Clear search",onClick:l},[x(a(ye),{size:14})])):k("",!0)]),e("button",{type:"button",class:z(["timeline-filter-toggle btn btn--secondary",{"timeline-filter-toggle--active":J.value}]),"aria-expanded":g.value,onClick:le},[x(a(xe),{size:16}),_[0]||(_[0]=e("span",null,"Filters",-1)),K.value>0?(o(),u("span",At,c(K.value),1)):k("",!0),(o(),$(S(g.value?a(ke):a(N)),{size:14}))],10,Lt),e("div",Mt,[e("span",Nt,c(a(s).filteredEntries.length)+" requests ",1),a(s).averageDuration>0?(o(),u("span",jt,"|")):k("",!0),a(s).averageDuration>0?(o(),u("span",Pt," avg "+c(a(s).averageDuration)+"ms ",1)):k("",!0)]),e("button",{type:"button",class:"btn btn--secondary btn--icon",title:"Clear timeline",disabled:a(s).entries.length===0,onClick:L},[x(a($e),{size:16})],8,Ut)]),g.value?(o(),u("div",Jt,[e("div",Vt,[_[1]||(_[1]=e("h4",{class:"timeline-filters__title"},"Methods",-1)),e("div",Wt,[(o(),u(A,null,j(R,h=>e("button",{key:h,type:"button",class:z(["method-badge",`method-badge--${h.toLowerCase()}`,{"method-badge--inactive":!C(h)&&a(s).filter.methods.length>0}]),onClick:ae=>f(h)},c(h),11,Zt)),64))])]),e("div",Gt,[_[2]||(_[2]=e("h4",{class:"timeline-filters__title"},"Status",-1)),e("div",Kt,[(o(),u(A,null,j(H,h=>e("button",{key:h,type:"button",class:z(["timeline-filters__status-btn",`timeline-filters__status-btn--${h}`,{"timeline-filters__status-btn--active":ne(h)}]),onClick:ae=>se(h)},[M(c(h)+" ",1),e("span",Yt," ("+c(a(s).statusCounts[h])+") ",1)],10,Xt)),64))])]),e("div",es,[_[3]||(_[3]=e("h4",{class:"timeline-filters__title"},"Type",-1)),e("div",ts,[e("button",{type:"button",class:z(["timeline-filters__status-btn",{"timeline-filters__status-btn--active":a(s).filter.simulatedOnly}]),onClick:ie}," Simulated only ",2)])]),J.value?(o(),u("div",ss,[e("button",{type:"button",class:"btn btn--ghost",onClick:G},[x(a(ye),{size:14}),_[4]||(_[4]=M(" Clear all filters ",-1))])])):k("",!0)])):k("",!0),e("div",ns,[a(s).isLoading?(o(),u("div",is,[..._[5]||(_[5]=[e("div",{class:"timeline-loading__spinner"},null,-1),e("span",{class:"text-muted"},"Loading timeline...",-1)])])):a(s).error?(o(),u("div",ls,[e("p",as,c(a(s).error),1),e("button",{type:"button",class:"btn btn--primary",onClick:B}," Retry ")])):a(s).entries.length===0?(o(),u("div",os,[x(a(P),{size:48,class:"empty-state__icon"}),_[6]||(_[6]=e("h3",{class:"empty-state__title"},"No requests yet",-1)),_[7]||(_[7]=e("p",{class:"empty-state__description"}," API requests will appear here in real-time as they are made. ",-1))])):a(s).filteredEntries.length===0?(o(),u("div",rs,[x(a(me),{size:48,class:"empty-state__icon"}),_[8]||(_[8]=e("h3",{class:"empty-state__title"},"No matching requests",-1)),_[9]||(_[9]=e("p",{class:"empty-state__description"}," Try adjusting your search or filters. ",-1)),J.value?(o(),u("button",{key:0,type:"button",class:"btn btn--secondary",onClick:G}," Clear filters ")):k("",!0)])):(o(),u(A,{key:4},[e("div",us,[e("div",ds,[(o(!0),u(A,null,j(a(s).filteredEntries,h=>(o(),$(Ot,{key:h.id,entry:h,"is-selected":a(s).selectedEntryId===h.id,onSelect:U},null,8,["entry","is-selected"]))),128))])]),e("div",cs,[x($t,{entry:a(s).selectedEntry},null,8,["entry"])])],64))])]))}}),xs=de(ms,[["__scopeId","data-v-a5c73778"]]);export{xs as default};
2
- //# sourceMappingURL=TimelinePage-CwR-Coxj.js.map
@@ -1,2 +0,0 @@
1
- import{c}from"./index-GQ9qRqEi.js";const o=c("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]);export{o as C};
2
- //# sourceMappingURL=check-DxJBRQqh.js.map
@@ -1 +0,0 @@
1
- .app[data-v-513332df]{display:flex;flex-direction:column;min-height:100vh;background-color:var(--devtools-bg)}.app-header[data-v-513332df]{display:flex;align-items:center;justify-content:space-between;height:var(--devtools-header-height);padding:0 var(--devtools-space-md);background-color:var(--devtools-surface);border-bottom:1px solid var(--devtools-border);position:sticky;top:0;z-index:100}.app-header__brand[data-v-513332df]{display:flex;align-items:center;gap:var(--devtools-space-sm)}.app-header__logo[data-v-513332df]{color:var(--devtools-primary)}.app-header__title[data-v-513332df]{font-weight:var(--font-weight-6);font-size:var(--font-size-1);color:var(--devtools-text)}.app-header__status[data-v-513332df]{display:flex;align-items:center}.app-nav[data-v-513332df]{display:flex;align-items:center;gap:var(--devtools-space-xs);height:100%}.app-nav__tab[data-v-513332df]{display:flex;align-items:center;gap:var(--devtools-space-xs);height:100%;padding:0 var(--devtools-space-md);background:none;border:none;border-bottom:2px solid transparent;color:var(--devtools-text-muted);font-family:var(--devtools-font-sans);font-size:var(--font-size-0);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--devtools-transition-fast)}.app-nav__tab[data-v-513332df]:hover{color:var(--devtools-text);background-color:var(--devtools-surface-elevated)}.app-nav__tab[data-v-513332df]:focus{outline:none}.app-nav__tab[data-v-513332df]:focus-visible{outline:2px solid var(--devtools-primary);outline-offset:-2px;background-color:var(--devtools-surface-elevated)}@media(forced-colors:active){.app-nav__tab[data-v-513332df]:focus-visible{outline:3px solid CanvasText;outline-offset:2px}}.app-nav__tab--active[data-v-513332df]{color:var(--devtools-primary);border-bottom-color:var(--devtools-primary)}.app-nav__tab--active[data-v-513332df]:focus-visible{outline-color:var(--devtools-primary-hover)}.app-nav__icon[data-v-513332df]{flex-shrink:0}.app-nav__label[data-v-513332df]{white-space:nowrap}.connection-status[data-v-513332df]{display:flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0);color:var(--devtools-text-muted)}.connection-status__icon[data-v-513332df]{opacity:.7}.app-main[data-v-513332df]{flex:1;display:flex;flex-direction:column;overflow:hidden}.fade-enter-active[data-v-513332df],.fade-leave-active[data-v-513332df]{transition:opacity var(--devtools-transition-normal)}.fade-enter-from[data-v-513332df],.fade-leave-to[data-v-513332df]{opacity:0}:where(html){--font-sans:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--font-serif:ui-serif,serif;--font-mono:Dank Mono,Operator Mono,Inconsolata,Fira Mono,ui-monospace,SF Mono,Monaco,Droid Sans Mono,Source Code Pro,monospace;--font-weight-1:100;--font-weight-2:200;--font-weight-3:300;--font-weight-4:400;--font-weight-5:500;--font-weight-6:600;--font-weight-7:700;--font-weight-8:800;--font-weight-9:900;--font-lineheight-00:.95;--font-lineheight-0:1.1;--font-lineheight-1:1.25;--font-lineheight-2:1.375;--font-lineheight-3:1.5;--font-lineheight-4:1.75;--font-lineheight-5:2;--font-letterspacing-0:-.05em;--font-letterspacing-1:.025em;--font-letterspacing-2:.05em;--font-letterspacing-3:.075em;--font-letterspacing-4:.15em;--font-letterspacing-5:.5em;--font-letterspacing-6:.75em;--font-letterspacing-7:1em;--font-size-00:.5rem;--font-size-0:.75rem;--font-size-1:1rem;--font-size-2:1.1rem;--font-size-3:1.25rem;--font-size-4:1.5rem;--font-size-5:2rem;--font-size-6:2.5rem;--font-size-7:3rem;--font-size-8:3.5rem;--font-size-fluid-0:clamp(.75rem,2vw,1rem);--font-size-fluid-1:clamp(1rem,4vw,1.5rem);--font-size-fluid-2:clamp(1.5rem,6vw,2.5rem);--font-size-fluid-3:clamp(2rem,9vw,3.5rem);--size-000:-.5rem;--size-00:-.25rem;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--size-10:5rem;--size-11:7.5rem;--size-12:10rem;--size-13:15rem;--size-14:20rem;--size-15:30rem;--size-fluid-1:clamp(.5rem,1vw,1rem);--size-fluid-2:clamp(1rem,2vw,1.5rem);--size-fluid-3:clamp(1.5rem,3vw,2rem);--size-fluid-4:clamp(2rem,4vw,3rem);--size-fluid-5:clamp(4rem,5vw,5rem);--size-fluid-6:clamp(5rem,7vw,7.5rem);--size-fluid-7:clamp(7.5rem,10vw,10rem);--size-fluid-8:clamp(10rem,20vw,15rem);--size-fluid-9:clamp(15rem,30vw,20rem);--size-fluid-10:clamp(20rem,40vw,30rem);--size-content-1:20ch;--size-content-2:45ch;--size-content-3:60ch;--size-header-1:20ch;--size-header-2:25ch;--size-header-3:35ch;--size-xxs:240px;--size-xs:360px;--size-sm:480px;--size-md:768px;--size-lg:1024px;--size-xl:1440px;--size-xxl:1920px;--size-relative-000:-.5ch;--size-relative-00:-.25ch;--size-relative-1:.25ch;--size-relative-2:.5ch;--size-relative-3:1ch;--size-relative-4:1.25ch;--size-relative-5:1.5ch;--size-relative-6:1.75ch;--size-relative-7:2ch;--size-relative-8:3ch;--size-relative-9:4ch;--size-relative-10:5ch;--size-relative-11:7.5ch;--size-relative-12:10ch;--size-relative-13:15ch;--size-relative-14:20ch;--size-relative-15:30ch;--ease-1:cubic-bezier(.25,0,.5,1);--ease-2:cubic-bezier(.25,0,.4,1);--ease-3:cubic-bezier(.25,0,.3,1);--ease-4:cubic-bezier(.25,0,.2,1);--ease-5:cubic-bezier(.25,0,.1,1);--ease-in-1:cubic-bezier(.25,0,1,1);--ease-in-2:cubic-bezier(.5,0,1,1);--ease-in-3:cubic-bezier(.7,0,1,1);--ease-in-4:cubic-bezier(.9,0,1,1);--ease-in-5:cubic-bezier(1,0,1,1);--ease-out-1:cubic-bezier(0,0,.75,1);--ease-out-2:cubic-bezier(0,0,.5,1);--ease-out-3:cubic-bezier(0,0,.3,1);--ease-out-4:cubic-bezier(0,0,.1,1);--ease-out-5:cubic-bezier(0,0,0,1);--ease-in-out-1:cubic-bezier(.1,0,.9,1);--ease-in-out-2:cubic-bezier(.3,0,.7,1);--ease-in-out-3:cubic-bezier(.5,0,.5,1);--ease-in-out-4:cubic-bezier(.7,0,.3,1);--ease-in-out-5:cubic-bezier(.9,0,.1,1);--ease-elastic-out-1:cubic-bezier(.5,.75,.75,1.25);--ease-elastic-out-2:cubic-bezier(.5,1,.75,1.25);--ease-elastic-out-3:cubic-bezier(.5,1.25,.75,1.25);--ease-elastic-out-4:cubic-bezier(.5,1.5,.75,1.25);--ease-elastic-out-5:cubic-bezier(.5,1.75,.75,1.25);--ease-elastic-in-1:cubic-bezier(.5,-.25,.75,1);--ease-elastic-in-2:cubic-bezier(.5,-.5,.75,1);--ease-elastic-in-3:cubic-bezier(.5,-.75,.75,1);--ease-elastic-in-4:cubic-bezier(.5,-1,.75,1);--ease-elastic-in-5:cubic-bezier(.5,-1.25,.75,1);--ease-elastic-in-out-1:cubic-bezier(.5,-.1,.1,1.5);--ease-elastic-in-out-2:cubic-bezier(.5,-.3,.1,1.5);--ease-elastic-in-out-3:cubic-bezier(.5,-.5,.1,1.5);--ease-elastic-in-out-4:cubic-bezier(.5,-.7,.1,1.5);--ease-elastic-in-out-5:cubic-bezier(.5,-.9,.1,1.5);--ease-step-1:steps(2);--ease-step-2:steps(3);--ease-step-3:steps(4);--ease-step-4:steps(7);--ease-step-5:steps(10);--ease-elastic-1:var(--ease-elastic-out-1);--ease-elastic-2:var(--ease-elastic-out-2);--ease-elastic-3:var(--ease-elastic-out-3);--ease-elastic-4:var(--ease-elastic-out-4);--ease-elastic-5:var(--ease-elastic-out-5);--ease-squish-1:var(--ease-elastic-in-out-1);--ease-squish-2:var(--ease-elastic-in-out-2);--ease-squish-3:var(--ease-elastic-in-out-3);--ease-squish-4:var(--ease-elastic-in-out-4);--ease-squish-5:var(--ease-elastic-in-out-5);--ease-spring-1:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001);--ease-spring-2:linear(0,.007,.029 2.2%,.118 4.7%,.625 14.4%,.826 19%,.902,.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,.999 61.6%,.995 71.2%,1);--ease-spring-3:linear(0,.009,.035 2.1%,.141 4.4%,.723 12.9%,.938 16.7%,1.017,1.077,1.121,1.149 24.3%,1.159,1.163,1.161,1.154 29.9%,1.129 32.8%,1.051 39.6%,1.017 43.1%,.991,.977 51%,.974 53.8%,.975 57.1%,.997 69.8%,1.003 76.9%,1);--ease-spring-4:linear(0,.009,.037 1.7%,.153 3.6%,.776 10.3%,1.001,1.142 16%,1.185,1.209 19%,1.215 19.9% 20.8%,1.199,1.165 25%,1.056 30.3%,1.008 33%,.973,.955 39.2%,.953 41.1%,.957 43.3%,.998 53.3%,1.009 59.1% 63.7%,.998 78.9%,1);--ease-spring-5:linear(0,.01,.04 1.6%,.161 3.3%,.816 9.4%,1.046,1.189 14.4%,1.231,1.254 17%,1.259,1.257 18.6%,1.236,1.194 22.3%,1.057 27%,.999 29.4%,.955 32.1%,.942,.935 34.9%,.933,.939 38.4%,1 47.3%,1.011,1.017 52.6%,1.016 56.4%,1 65.2%,.996 70.2%,1.001 87.2%,1);--ease-bounce-1:linear(0,.004,.016,.035,.063,.098,.141,.191,.25,.316,.391 36.8%,.563,.766,1 58.8%,.946,.908 69.1%,.895,.885,.879,.878,.879,.885,.895,.908 89.7%,.946,1);--ease-bounce-2:linear(0,.004,.016,.035,.063,.098,.141 15.1%,.25,.391,.562,.765,1,.892 45.2%,.849,.815,.788,.769,.757,.753,.757,.769,.788,.815,.85,.892 75.2%,1 80.2%,.973,.954,.943,.939,.943,.954,.973,1);--ease-bounce-3:linear(0,.004,.016,.035,.062,.098,.141 11.4%,.25,.39,.562,.764,1 30.3%,.847 34.8%,.787,.737,.699,.672,.655,.65,.656,.672,.699,.738,.787,.847 61.7%,1 66.2%,.946,.908,.885 74.2%,.879,.878,.879,.885 79.5%,.908,.946,1 87.4%,.981,.968,.96,.957,.96,.968,.981,1);--ease-bounce-4:linear(0,.004,.016 3%,.062,.141,.25,.391,.562 18.2%,1 24.3%,.81,.676 32.3%,.629,.595,.575,.568,.575,.595,.629,.676 48.2%,.811,1 56.2%,.918,.86,.825,.814,.825,.86,.918,1 77.2%,.94 80.6%,.925,.92,.925,.94 87.5%,1 90.9%,.974,.965,.974,1);--ease-bounce-5:linear(0,.004,.016 2.5%,.063,.141,.25 10.1%,.562,1 20.2%,.783,.627,.534 30.9%,.511,.503,.511,.534 38%,.627,.782,1 48.7%,.892,.815,.769 56.3%,.757,.753,.757,.769 61.3%,.815,.892,1 68.8%,.908 72.4%,.885,.878,.885,.908 79.4%,1 83%,.954 85.5%,.943,.939,.943,.954 90.5%,1 93%,.977,.97,.977,1);--layer-1:1;--layer-2:2;--layer-3:3;--layer-4:4;--layer-5:5;--layer-important:2147483647;--shadow-color:220 3% 15%;--shadow-strength:1%;--inner-shadow-highlight:inset 0 -.5px 0 0 #fff,inset 0 .5px 0 0 rgba(0,0,0,.067);--shadow-1:0 1px 2px -1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--shadow-2:0 3px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 14px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%));--shadow-3:0 -1px 3px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 2px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 5px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 4px 12px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 12px 15px -5px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-4:0 -2px 5px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 1px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 2px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 9px 9px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 16px 16px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%));--shadow-5:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 2px 1px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 5px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 10px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 20px 20px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 40px 40px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--shadow-6:0 -1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 2%)),0 3px 2px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 7px 5px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 3%)),0 12px 10px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 4%)),0 22px 18px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 5%)),0 41px 33px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 6%)),0 100px 80px -2px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 7%));--inner-shadow-0:inset 0 0 0 1px hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%));--inner-shadow-1:inset 0 1px 2px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-2:inset 0 1px 4px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-3:inset 0 2px 8px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--inner-shadow-4:inset 0 2px 14px 0 hsl(var(--shadow-color)/calc(var(--shadow-strength) + 9%)),var(--inner-shadow-highlight);--ratio-square:1;--ratio-landscape:4/3;--ratio-portrait:3/4;--ratio-widescreen:16/9;--ratio-ultrawide:18/5;--ratio-golden:1.618/1;--gray-0:#f8f9fa;--gray-1:#f1f3f5;--gray-2:#e9ecef;--gray-3:#dee2e6;--gray-4:#ced4da;--gray-5:#adb5bd;--gray-6:#868e96;--gray-7:#495057;--gray-8:#343a40;--gray-9:#212529;--gray-10:#16191d;--gray-11:#0d0f12;--gray-12:#030507;--stone-0:#f8fafb;--stone-1:#f2f4f6;--stone-2:#ebedef;--stone-3:#e0e4e5;--stone-4:#d1d6d8;--stone-5:#b1b6b9;--stone-6:#979b9d;--stone-7:#7e8282;--stone-8:#666968;--stone-9:#50514f;--stone-10:#3a3a37;--stone-11:#252521;--stone-12:#121210;--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a;--pink-0:#fff0f6;--pink-1:#ffdeeb;--pink-2:#fcc2d7;--pink-3:#faa2c1;--pink-4:#f783ac;--pink-5:#f06595;--pink-6:#e64980;--pink-7:#d6336c;--pink-8:#c2255c;--pink-9:#a61e4d;--pink-10:#8c1941;--pink-11:#731536;--pink-12:#59102a;--purple-0:#f8f0fc;--purple-1:#f3d9fa;--purple-2:#eebefa;--purple-3:#e599f7;--purple-4:#da77f2;--purple-5:#cc5de8;--purple-6:#be4bdb;--purple-7:#ae3ec9;--purple-8:#9c36b5;--purple-9:#862e9c;--purple-10:#702682;--purple-11:#5a1e69;--purple-12:#44174f;--violet-0:#f3f0ff;--violet-1:#e5dbff;--violet-2:#d0bfff;--violet-3:#b197fc;--violet-4:#9775fa;--violet-5:#845ef7;--violet-6:#7950f2;--violet-7:#7048e8;--violet-8:#6741d9;--violet-9:#5f3dc4;--violet-10:#5235ab;--violet-11:#462d91;--violet-12:#3a2578;--indigo-0:#edf2ff;--indigo-1:#dbe4ff;--indigo-2:#bac8ff;--indigo-3:#91a7ff;--indigo-4:#748ffc;--indigo-5:#5c7cfa;--indigo-6:#4c6ef5;--indigo-7:#4263eb;--indigo-8:#3b5bdb;--indigo-9:#364fc7;--indigo-10:#2f44ad;--indigo-11:#283a94;--indigo-12:#21307a;--blue-0:#e7f5ff;--blue-1:#d0ebff;--blue-2:#a5d8ff;--blue-3:#74c0fc;--blue-4:#4dabf7;--blue-5:#339af0;--blue-6:#228be6;--blue-7:#1c7ed6;--blue-8:#1971c2;--blue-9:#1864ab;--blue-10:#145591;--blue-11:#114678;--blue-12:#0d375e;--cyan-0:#e3fafc;--cyan-1:#c5f6fa;--cyan-2:#99e9f2;--cyan-3:#66d9e8;--cyan-4:#3bc9db;--cyan-5:#22b8cf;--cyan-6:#15aabf;--cyan-7:#1098ad;--cyan-8:#0c8599;--cyan-9:#0b7285;--cyan-10:#095c6b;--cyan-11:#074652;--cyan-12:#053038;--teal-0:#e6fcf5;--teal-1:#c3fae8;--teal-2:#96f2d7;--teal-3:#63e6be;--teal-4:#38d9a9;--teal-5:#20c997;--teal-6:#12b886;--teal-7:#0ca678;--teal-8:#099268;--teal-9:#087f5b;--teal-10:#066649;--teal-11:#054d37;--teal-12:#033325;--green-0:#ebfbee;--green-1:#d3f9d8;--green-2:#b2f2bb;--green-3:#8ce99a;--green-4:#69db7c;--green-5:#51cf66;--green-6:#40c057;--green-7:#37b24d;--green-8:#2f9e44;--green-9:#2b8a3e;--green-10:#237032;--green-11:#1b5727;--green-12:#133d1b;--lime-0:#f4fce3;--lime-1:#e9fac8;--lime-2:#d8f5a2;--lime-3:#c0eb75;--lime-4:#a9e34b;--lime-5:#94d82d;--lime-6:#82c91e;--lime-7:#74b816;--lime-8:#66a80f;--lime-9:#5c940d;--lime-10:#4c7a0b;--lime-11:#3c6109;--lime-12:#2c4706;--yellow-0:#fff9db;--yellow-1:#fff3bf;--yellow-2:#ffec99;--yellow-3:#ffe066;--yellow-4:#ffd43b;--yellow-5:#fcc419;--yellow-6:#fab005;--yellow-7:#f59f00;--yellow-8:#f08c00;--yellow-9:#e67700;--yellow-10:#b35c00;--yellow-11:#804200;--yellow-12:#663500;--orange-0:#fff4e6;--orange-1:#ffe8cc;--orange-2:#ffd8a8;--orange-3:#ffc078;--orange-4:#ffa94d;--orange-5:#ff922b;--orange-6:#fd7e14;--orange-7:#f76707;--orange-8:#e8590c;--orange-9:#d9480f;--orange-10:#bf400d;--orange-11:#99330b;--orange-12:#802b09;--choco-0:#fff8dc;--choco-1:#fce1bc;--choco-2:#f7ca9e;--choco-3:#f1b280;--choco-4:#e99b62;--choco-5:#df8545;--choco-6:#d46e25;--choco-7:#bd5f1b;--choco-8:#a45117;--choco-9:#8a4513;--choco-10:#703a13;--choco-11:#572f12;--choco-12:#3d210d;--brown-0:#faf4eb;--brown-1:#ede0d1;--brown-2:#e0cab7;--brown-3:#d3b79e;--brown-4:#c5a285;--brown-5:#b78f6d;--brown-6:#a87c56;--brown-7:#956b47;--brown-8:#825b3a;--brown-9:#6f4b2d;--brown-10:#5e3a21;--brown-11:#4e2b15;--brown-12:#422412;--sand-0:#f8fafb;--sand-1:#e6e4dc;--sand-2:#d5cfbd;--sand-3:#c2b9a0;--sand-4:#aea58c;--sand-5:#9a9178;--sand-6:#867c65;--sand-7:#736a53;--sand-8:#5f5746;--sand-9:#4b4639;--sand-10:#38352d;--sand-11:#252521;--sand-12:#121210;--camo-0:#f9fbe7;--camo-1:#e8ed9c;--camo-2:#d2df4e;--camo-3:#c2ce34;--camo-4:#b5bb2e;--camo-5:#a7a827;--camo-6:#999621;--camo-7:#8c851c;--camo-8:#7e7416;--camo-9:#6d6414;--camo-10:#5d5411;--camo-11:#4d460e;--camo-12:#36300a;--jungle-0:#ecfeb0;--jungle-1:#def39a;--jungle-2:#d0e884;--jungle-3:#c2dd6e;--jungle-4:#b5d15b;--jungle-5:#a8c648;--jungle-6:#9bbb36;--jungle-7:#8fb024;--jungle-8:#84a513;--jungle-9:#7a9908;--jungle-10:#658006;--jungle-11:#516605;--jungle-12:#3d4d04;--gradient-1:linear-gradient(to bottom right,#1f005c,#5b0060,#870160,#ac255e,#ca485c,#e16b5c,#f39060,#ffb56b);--gradient-2:linear-gradient(to bottom right,#48005c,#8300e2,#a269ff);--gradient-3:radial-gradient(circle at top right,#0ff,rgba(0,255,255,0)),radial-gradient(circle at bottom left,#ff1492,rgba(255,20,146,0));--gradient-4:linear-gradient(to bottom right,#00f5a0,#00d9f5);--gradient-5:conic-gradient(from -270deg at 75% 110%,#f0f,#fffaf0);--gradient-6:conic-gradient(from -90deg at top left,#000,#fff);--gradient-7:linear-gradient(to bottom right,#72c6ef,#004e8f);--gradient-8:conic-gradient(from 90deg at 50% 0%,#111,50%,#222,#111);--gradient-9:conic-gradient(from .5turn at bottom center,#add8e6,#fff);--gradient-10:conic-gradient(from 90deg at 40% -25%,gold,#f79d03,#ee6907,#e6390a,#de0d0d,#d61039,#cf1261,#c71585,#cf1261,#d61039,#de0d0d,#ee6907,#f79d03,gold,gold,gold);--gradient-11:conic-gradient(at bottom left,#ff1493,cyan);--gradient-12:conic-gradient(from 90deg at 25% -10%,#ff4500,#d3f340,#7bee85,#afeeee,#7bee85);--gradient-13:radial-gradient(circle at 50% 200%,#000142,#3b0083,#b300c3,#ff059f,#ff4661,#ffad86,#fff3c7);--gradient-14:conic-gradient(at top right,lime,cyan);--gradient-15:linear-gradient(to bottom right,#c7d2fe,#fecaca,#fef3c7);--gradient-16:radial-gradient(circle at 50% -250%,#374151,#111827,#000);--gradient-17:conic-gradient(from -90deg at 50% -25%,blue,#8a2be2);--gradient-18:linear-gradient(0deg,rgba(255,0,0,.8),rgba(255,0,0,0) 75%),linear-gradient(60deg,rgba(255,255,0,.8),rgba(255,255,0,0) 75%),linear-gradient(120deg,rgba(0,255,0,.8),rgba(0,255,0,0) 75%),linear-gradient(180deg,rgba(0,255,255,.8),rgba(0,255,255,0) 75%),linear-gradient(240deg,rgba(0,0,255,.8),rgba(0,0,255,0) 75%),linear-gradient(300deg,rgba(255,0,255,.8),rgba(255,0,255,0) 75%);--gradient-19:linear-gradient(to bottom right,#ffe259,#ffa751);--gradient-20:conic-gradient(from -135deg at -10% center,orange,#ff7715,#ff522a,#ff3f47,#ff5482,#ff69b4);--gradient-21:conic-gradient(from -90deg at 25% 115%,red,#f06,#f0c,#c0f,#60f,#00f,#00f,#00f,#00f);--gradient-22:linear-gradient(to bottom right,#acb6e5,#86fde8);--gradient-23:linear-gradient(to bottom right,#536976,#292e49);--gradient-24:conic-gradient(from .5turn at 0% 0%,#00c476,10%,#82b0ff,90%,#00c476);--gradient-25:conic-gradient(at 125% 50%,#b78cf7,#ff7c94,#ffcf0d,#ff7c94,#b78cf7);--gradient-26:linear-gradient(to bottom right,#9796f0,#fbc7d4);--gradient-27:conic-gradient(from .5turn at bottom left,#ff1493,#639);--gradient-28:conic-gradient(from -90deg at 50% 105%,#fff,orchid);--gradient-29:radial-gradient(circle at top right,#bfb3ff,rgba(191,179,255,0)),radial-gradient(circle at bottom left,#86acf9,rgba(134,172,249,0));--gradient-30:radial-gradient(circle at top right,#00ff80,rgba(0,255,128,0)),radial-gradient(circle at bottom left,#adffd6,rgba(173,255,214,0));--noise-1:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.005' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-2:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-3:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.25' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-4:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-5:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 2056 2056' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");--noise-filter-1:contrast(300%) brightness(100%);--noise-filter-2:contrast(200%) brightness(150%);--noise-filter-3:contrast(200%) brightness(250%);--noise-filter-4:contrast(200%) brightness(500%);--noise-filter-5:contrast(200%) brightness(1000%);--animation-fade-in:fade-in .5s var(--ease-3);--animation-fade-in-bloom:fade-in-bloom 2s var(--ease-3);--animation-fade-out:fade-out .5s var(--ease-3);--animation-fade-out-bloom:fade-out-bloom 2s var(--ease-3);--animation-scale-up:scale-up .5s var(--ease-3);--animation-scale-down:scale-down .5s var(--ease-3);--animation-slide-out-up:slide-out-up .5s var(--ease-3);--animation-slide-out-down:slide-out-down .5s var(--ease-3);--animation-slide-out-right:slide-out-right .5s var(--ease-3);--animation-slide-out-left:slide-out-left .5s var(--ease-3);--animation-slide-in-up:slide-in-up .5s var(--ease-3);--animation-slide-in-down:slide-in-down .5s var(--ease-3);--animation-slide-in-right:slide-in-right .5s var(--ease-3);--animation-slide-in-left:slide-in-left .5s var(--ease-3);--animation-shake-x:shake-x .75s var(--ease-out-5);--animation-shake-y:shake-y .75s var(--ease-out-5);--animation-spin:spin 2s linear infinite;--animation-ping:ping 5s var(--ease-out-3) infinite;--animation-blink:blink 1s var(--ease-out-3) infinite;--animation-float:float 3s var(--ease-in-out-3) infinite;--animation-bounce:bounce 2s var(--ease-squish-2) infinite;--animation-pulse:pulse 2s var(--ease-out-3) infinite;--border-size-1:1px;--border-size-2:2px;--border-size-3:5px;--border-size-4:10px;--border-size-5:25px;--radius-1:2px;--radius-2:5px;--radius-3:1rem;--radius-4:2rem;--radius-5:4rem;--radius-6:8rem;--radius-round:1e5px;--radius-blob-1:30% 70% 70% 30%/53% 30% 70% 47%;--radius-blob-2:53% 47% 34% 66%/63% 46% 54% 37%;--radius-blob-3:37% 63% 56% 44%/49% 56% 44% 51%;--radius-blob-4:63% 37% 37% 63%/43% 37% 63% 57%;--radius-blob-5:49% 51% 48% 52%/57% 44% 56% 43%;--radius-conditional-1:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-1));--radius-conditional-2:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-2));--radius-conditional-3:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-3));--radius-conditional-4:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-4));--radius-conditional-5:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-5));--radius-conditional-6:clamp(0px, calc(100vw - 100%) * 1e5,var(--radius-6))}@media(prefers-color-scheme:dark){:where(html){--shadow-color:220 40% 2%;--shadow-strength:25%;--inner-shadow-highlight:inset 0 -.5px 0 0 hsla(0,0%,100%,.067),inset 0 .5px 0 0 rgba(0,0,0,.467)}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}@keyframes fade-out{to{opacity:0}}@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(2) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}@keyframes scale-up{to{transform:scale(1.25)}}@keyframes scale-down{to{transform:scale(.75)}}@keyframes slide-out-up{to{transform:translateY(-100%)}}@keyframes slide-out-down{to{transform:translateY(100%)}}@keyframes slide-out-right{to{transform:translate(100%)}}@keyframes slide-out-left{to{transform:translate(-100%)}}@keyframes slide-in-up{0%{transform:translateY(100%)}}@keyframes slide-in-down{0%{transform:translateY(-100%)}}@keyframes slide-in-right{0%{transform:translate(-100%)}}@keyframes slide-in-left{0%{transform:translate(100%)}}@keyframes shake-x{0%,to{transform:translate(0)}20%{transform:translate(-5%)}40%{transform:translate(5%)}60%{transform:translate(-5%)}80%{transform:translate(5%)}}@keyframes shake-y{0%,to{transform:translateY(0)}20%{transform:translateY(-5%)}40%{transform:translateY(5%)}60%{transform:translateY(-5%)}80%{transform:translateY(5%)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{90%,to{opacity:0;transform:scale(2)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes float{50%{transform:translateY(-25%)}}@keyframes bounce{25%{transform:translateY(-20%)}40%{transform:translateY(-3%)}0%,60%,to{transform:translateY(0)}}@keyframes pulse{50%{transform:scale(.9)}}@media(prefers-color-scheme:dark){@keyframes fade-in-bloom{0%{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}to{filter:brightness(1) blur(0);opacity:1}}}@media(prefers-color-scheme:dark){@keyframes fade-out-bloom{to{filter:brightness(1) blur(20px);opacity:0}10%{filter:brightness(.5) blur(10px);opacity:1}0%{filter:brightness(1) blur(0);opacity:1}}}:where(:root){color-scheme:light;--palette-hue:270;--palette-hue-rotate-by:-5;--palette-chroma:.1;--link:oklch(50% 100% var(--palette-hue));--link-visited:oklch(50% 100% calc(var(--palette-hue)*1.2));--surface-1:white;--surface-2:var(--color-1);--surface-3:var(--color-3);--surface-document:var(--color-4);--well-1:var(--color-5);--well-2:var(--color-6);--text-1:var(--color-16);--text-2:var(--color-12);--scrollthumb-color:var(--text-2)}:where(:root) :where(dialog){background-color:var(--surface-1)}:where(:root) :where(button,.btn){--_highlight:var(--_highlight-light);--_bg:var(--_bg-light);--_ink-shadow:var(--_ink-shadow-light)}:where(:root) :where(button,.btn) :where([type=reset]){--_text:var(--red-6,#fa5252);--_border:var(--red-3,#ffa8a8)}:where(:root) :where(button,.btn,input:is([type=button],[type=submit],[type=reset]))[disabled]{box-shadow:none}:where(:root) :where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--surface-2)}@media(prefers-color-scheme:dark){:where(:root){color-scheme:dark;--link:oklch(90% 80% var(--palette-hue));--link-visited:oklch(90% 80% calc(var(--palette-hue)*1.2));--surface-1:var(--color-11);--surface-2:var(--color-12);--surface-3:var(--color-13);--surface-document:var(--color-14);--well-1:var(--color-15);--well-2:var(--color-16);--text-1:var(--color-1);--text-2:var(--color-5);--scrollthumb-color:var(--text-2)}}:where(:root){scrollbar-color:var(--scrollthumb-color)transparent;accent-color:var(--brand,var(--link));caret-color:var(--brand,var(--link));color:var(--text-1);background-color:var(--surface-document)}:where(a[href]){color:var(--brand,var(--link))}:where(a[href]):where(:visited){color:var(--link-visited)}:focus-visible{outline-color:var(--brand,var(--link))}*,:before,:after{box-sizing:border-box}:where(:root){--transition-focus:outline-offset .145s var(--ease-2)}@supports (transition-timing-function:linear(0,1)){:where(:root){--transition-focus:outline-offset .145s var(--ease-spring-3)}}:where(:not(dialog)){margin:0}:where(:not(fieldset,progress,meter)){background-repeat:no-repeat;background-origin:border-box;border-style:solid;border-width:0}:where(html){font-family:var(--font-sans);-webkit-text-size-adjust:none;block-size:100%;line-height:1.5}@media(prefers-reduced-motion:no-preference){:where(html){scroll-behavior:smooth}}@media(prefers-reduced-motion:no-preference){:where(:focus-visible){transition:var(--transition-focus)}:where(:not(:active):focus-visible){transition-duration:.25s}}:where(:not(:active):focus-visible){outline-offset:5px}:where(body){min-block-size:100%}:where(h1,h2,h3,h4,h5,h6){line-height:1.25;font-weight:var(--font-weight-9);text-wrap:balance}:where(h1){font-size:var(--font-size-8);max-inline-size:var(--size-header-1)}:where(h2){font-size:var(--font-size-6);max-inline-size:var(--size-header-2)}:where(h3){font-size:var(--font-size-5)}:where(h4){font-size:var(--font-size-4)}:where(h5){font-size:var(--font-size-3)}:where(h3,h4,h5,h6,dt){max-inline-size:var(--size-header-3)}:where(p,ul,ol,dl,h6){font-size:var(--font-size-2)}:where(a,u,ins,abbr){text-underline-offset:1px}@supports ((-moz-appearance:none)){:where(a,u,ins,abbr){text-underline-offset:2px}}:where(a[href],area,button,input:not([type=text],[type=email],[type=number],[type=password],[type=""],[type=tel],[type=url]),label[for],select,summary,[tabindex]:not([tabindex*="-"])){cursor:pointer}:where(a[href],area,button,input,label[for],select,summary,textarea,[tabindex]:not([tabindex*="-"])){touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(a):where([href]){-webkit-text-decoration-color:var(--link);text-decoration-color:var(--link)}:where(a):where([href]):where(:visited){-webkit-text-decoration-color:var(--link-visited);text-decoration-color:var(--link-visited)}:where(a):where(:not(:hover)){-webkit-text-decoration:inherit;text-decoration:inherit}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,svg,video){block-size:auto;max-inline-size:100%}:where(input,button,textarea,select){font:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}:where(input[type=file])::-webkit-file-upload-button{font:inherit;font-size:inherit;color:inherit;letter-spacing:inherit}::placeholder{color:var(--color-8);opacity:.75}:where(input:not([type=range]),textarea){padding-inline:var(--size-2);padding-block:var(--size-1)}:where(select){padding-inline:var(--size-4)0;padding-block:var(--size-2);field-sizing:content}:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:var(--well-1);border-radius:var(--radius-2)}:where(textarea){resize:block;field-sizing:content;min-block-size:3rlh;min-inline-size:var(--size-content-1);max-inline-size:var(--size-content-2);min-block-size:3lh;max-block-size:80svh}:where(input[type=checkbox],input[type=radio]){background-color:var(--well-1);block-size:var(--size-3);inline-size:var(--size-3)}:where(svg:not([width])){inline-size:var(--size-10)}:where(code,kbd,samp,pre){font-family:var(--font-mono)}:where(:not(pre)>code,kbd){white-space:nowrap}:where(pre){white-space:pre;writing-mode:lr;direction:ltr;min-inline-size:0;max-inline-size:max-content}:where(:not(pre)>code){padding:var(--size-1)var(--size-2);background:var(--surface-2);border-radius:var(--radius-2);writing-mode:lr}:where(kbd,var){padding:var(--size-1)var(--size-2);border-width:var(--border-size-1);border-color:var(--surface-4);border-radius:var(--radius-2)}:where(mark){border-radius:var(--radius-2);padding-inline:var(--size-1)}:where(ol,ul){padding-inline-start:var(--size-8)}:where(li){padding-inline-start:var(--size-2)}:where(li,dd,figcaption){max-inline-size:var(--size-content-2)}:where(p){max-inline-size:var(--size-content-3);text-wrap:pretty}:where(dt,summary){font-weight:var(--font-weight-7)}:where(dt:not(:first-of-type)){margin-block-start:var(--size-5)}:where(small){font-size:max(.5em,var(--font-size-0));max-inline-size:var(--size-content-1)}:where(hr){margin-block:var(--size-fluid-5);height:var(--border-size-2);background-color:var(--surface-3)}:where(figure){gap:var(--size-2);place-items:center;display:grid}:where(figure)>:where(figcaption){font-size:var(--font-size-1);text-wrap:balance}:where(blockquote,:not(blockquote)>cite){border-inline-start-width:var(--border-size-3)}:where(blockquote){gap:var(--size-3);padding-block:var(--size-3);padding-inline:var(--size-4);max-inline-size:var(--size-content-2);display:grid}:where(:not(blockquote)>cite){padding-inline-start:var(--size-2)}:where(summary){background:var(--surface-3);padding:var(--size-2)var(--size-3);margin:calc(var(--size-2)*-1)calc(var(--size-3)*-1);border-radius:var(--radius-2)}:where(details){padding-inline:var(--size-3);padding-block:var(--size-2);background:var(--surface-2);border-radius:var(--radius-2)}:where(details[open]>summary){margin-bottom:var(--size-2);border-end-end-radius:0;border-end-start-radius:0}:where(fieldset){border-radius:var(--radius-2);border:var(--border-size-1)solid var(--surface-4)}:where(del){background:var(--red-9,#c92a2a);color:var(--red-2,#ffc9c9)}:where(ins){background:var(--green-9,#2b8a3e);color:var(--green-1,#d3f9d8)}:where(abbr){-webkit-text-decoration-color:var(--blue-5,#339af0);text-decoration-color:var(--blue-5,#339af0)}:where(dialog){background-color:var(--surface-1);color:inherit;border-radius:var(--radius-3);box-shadow:var(--shadow-6)}:where(dialog)::backdrop{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}:where(html:has(dialog[open])){overflow:hidden}:where(menu){gap:var(--size-3);padding-inline-start:0;display:flex}:where(sup){font-size:.5em}:where(table){border:1px solid var(--surface-2);background:var(--surface-2);border-radius:var(--radius-3);--nice-inner-radius:calc(var(--radius-3) - 2px);width:-moz-fit-content;width:fit-content}:where(table:not(:has(tfoot)) tr:last-child td:first-child){border-bottom-left-radius:var(--nice-inner-radius)}:where(table:not(:has(tfoot)) tr:last-child td:last-child){border-bottom-right-radius:var(--nice-inner-radius)}:where(table thead th:first-child){border-top-left-radius:var(--nice-inner-radius)}:where(table thead th:last-child){border-top-right-radius:var(--nice-inner-radius)}:where(tfoot th:first-of-type){border-end-start-radius:var(--nice-inner-radius)}:where(tfoot th:last-of-type){border-end-end-radius:var(--nice-inner-radius)}:where(th){color:var(--text-1);background-color:var(--surface-2)}:where(table :is(a,button,[contenteditable]):focus-visible){outline-offset:-2px}:where(td){background:var(--surface-1);max-inline-size:var(--size-content-2);text-wrap:pretty}:where(td,th){text-align:left;padding:var(--size-2)}:where(:is(td,th):not([align])){text-align:center}:where(thead){border-collapse:collapse}:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td){background-color:var(--color-10)}@media(prefers-color-scheme:light){:is(:where(table tr:hover td),:where(tbody tr:nth-child(2n):hover td)){background-color:#fff}}:where(table>caption){margin:var(--size-3)}:where(tfoot button){padding-block:var(--size-1);padding-inline:var(--size-3)}@media(prefers-color-scheme:dark){:where(textarea,select,input:not([type=button],[type=submit],[type=reset])){background-color:#171a1c}:where(dialog){background-color:var(--surface-2)}:where(html){--shadow-strength:10%;--shadow-color:220 40% 2%}::placeholder{color:var(--color-6)}}:root{--devtools-primary: var(--blue-6);--devtools-primary-hover: var(--blue-7);--devtools-primary-active: var(--blue-8);--devtools-success: var(--green-6);--devtools-warning: var(--yellow-6);--devtools-error: var(--red-6);--devtools-info: var(--cyan-6);--devtools-bg: var(--gray-0);--devtools-surface: var(--gray-1);--devtools-surface-elevated: var(--gray-2);--devtools-border: var(--gray-4);--devtools-text: var(--gray-9);--devtools-text-muted: var(--gray-6);--devtools-text-inverted: var(--gray-0);--method-get: var(--green-6);--method-post: var(--blue-6);--method-put: var(--orange-6);--method-patch: var(--yellow-6);--method-delete: var(--red-6);--method-options: var(--gray-6);--method-head: var(--cyan-6);--status-1xx: var(--gray-6);--status-2xx: var(--green-6);--status-3xx: var(--blue-6);--status-4xx: var(--orange-6);--status-5xx: var(--red-6);--devtools-space-xs: var(--size-1);--devtools-space-sm: var(--size-2);--devtools-space-md: var(--size-3);--devtools-space-lg: var(--size-4);--devtools-space-xl: var(--size-5);--devtools-font-mono: var(--font-mono);--devtools-font-sans: var(--font-sans);--devtools-radius-sm: var(--radius-2);--devtools-radius-md: var(--radius-3);--devtools-radius-lg: var(--radius-4);--devtools-shadow-sm: var(--shadow-2);--devtools-shadow-md: var(--shadow-3);--devtools-shadow-lg: var(--shadow-4);--devtools-transition-fast: .15s var(--ease-3);--devtools-transition-normal: .2s var(--ease-3);--devtools-transition-slow: .3s var(--ease-3);--devtools-header-height: 48px;--devtools-sidebar-width: 280px}@media(prefers-color-scheme:dark){:root:not(.light):not(.dark){--devtools-bg: var(--gray-9);--devtools-surface: var(--gray-8);--devtools-surface-elevated: var(--gray-7);--devtools-border: var(--gray-6);--devtools-text: var(--gray-1);--devtools-text-muted: var(--gray-4);--devtools-text-inverted: var(--gray-9)}}.light{--devtools-bg: var(--gray-0);--devtools-surface: var(--gray-1);--devtools-surface-elevated: var(--gray-2);--devtools-border: var(--gray-4);--devtools-text: var(--gray-9);--devtools-text-muted: var(--gray-6);--devtools-text-inverted: var(--gray-0)}.dark{--devtools-bg: var(--gray-9);--devtools-surface: var(--gray-8);--devtools-surface-elevated: var(--gray-7);--devtools-border: var(--gray-6);--devtools-text: var(--gray-1);--devtools-text-muted: var(--gray-4);--devtools-text-inverted: var(--gray-9)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;font-family:var(--devtools-font-sans);background-color:var(--devtools-bg);color:var(--devtools-text)}#app{min-height:100vh;display:flex;flex-direction:column}.font-mono{font-family:var(--devtools-font-mono)}.text-muted{color:var(--devtools-text-muted)}.method-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--devtools-space-xs) var(--devtools-space-sm);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-mono);font-size:var(--font-size-0);font-weight:var(--font-weight-6);text-transform:uppercase;min-width:60px}.method-badge--get{background-color:color-mix(in srgb,var(--method-get) 15%,transparent);color:var(--method-get)}.method-badge--post{background-color:color-mix(in srgb,var(--method-post) 15%,transparent);color:var(--method-post)}.method-badge--put{background-color:color-mix(in srgb,var(--method-put) 15%,transparent);color:var(--method-put)}.method-badge--patch{background-color:color-mix(in srgb,var(--method-patch) 15%,transparent);color:var(--method-patch)}.method-badge--delete{background-color:color-mix(in srgb,var(--method-delete) 15%,transparent);color:var(--method-delete)}.method-badge--options{background-color:color-mix(in srgb,var(--method-options) 15%,transparent);color:var(--method-options)}.method-badge--head{background-color:color-mix(in srgb,var(--method-head) 15%,transparent);color:var(--method-head)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--devtools-space-xs) var(--devtools-space-sm);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-mono);font-size:var(--font-size-0);font-weight:var(--font-weight-5);min-width:40px}.status-badge--1xx{background-color:color-mix(in srgb,var(--status-1xx) 15%,transparent);color:var(--status-1xx)}.status-badge--2xx{background-color:color-mix(in srgb,var(--status-2xx) 15%,transparent);color:var(--status-2xx)}.status-badge--3xx{background-color:color-mix(in srgb,var(--status-3xx) 15%,transparent);color:var(--status-3xx)}.status-badge--4xx{background-color:color-mix(in srgb,var(--status-4xx) 15%,transparent);color:var(--status-4xx)}.status-badge--5xx{background-color:color-mix(in srgb,var(--status-5xx) 15%,transparent);color:var(--status-5xx)}.connection-status{display:inline-flex;align-items:center;gap:var(--devtools-space-xs);font-size:var(--font-size-0)}.connection-status__dot{width:8px;height:8px;border-radius:50%}.connection-status__dot--connected{background-color:var(--devtools-success);box-shadow:0 0 6px var(--devtools-success)}.connection-status__dot--disconnected{background-color:var(--devtools-error)}.connection-status__dot--connecting{background-color:var(--devtools-warning);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.card{background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-md);padding:var(--devtools-space-md)}.card--elevated{background-color:var(--devtools-surface-elevated);box-shadow:var(--devtools-shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--devtools-space-xs);padding:var(--devtools-space-sm) var(--devtools-space-md);border:none;border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);font-size:var(--font-size-1);font-weight:var(--font-weight-5);cursor:pointer;transition:all var(--devtools-transition-fast)}.btn--primary{background-color:var(--devtools-primary);color:var(--devtools-text-inverted)}.btn--primary:hover{background-color:var(--devtools-primary-hover)}.btn--primary:active{background-color:var(--devtools-primary-active)}.btn--secondary{background-color:var(--devtools-surface-elevated);color:var(--devtools-text);border:1px solid var(--devtools-border)}.btn--secondary:hover{background-color:var(--devtools-border)}.btn--ghost{background-color:transparent;color:var(--devtools-text)}.btn--ghost:hover{background-color:var(--devtools-surface)}.btn--icon{padding:var(--devtools-space-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.input{display:block;width:100%;padding:var(--devtools-space-sm) var(--devtools-space-md);background-color:var(--devtools-surface);border:1px solid var(--devtools-border);border-radius:var(--devtools-radius-sm);font-family:var(--devtools-font-sans);font-size:var(--font-size-1);color:var(--devtools-text);transition:border-color var(--devtools-transition-fast)}.input:focus{outline:2px solid transparent;outline-color:var(--devtools-primary);border-color:var(--devtools-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--devtools-primary) 25%,transparent)}.input::placeholder{color:var(--devtools-text-muted)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--devtools-surface)}::-webkit-scrollbar-thumb{background:var(--devtools-border);border-radius:var(--devtools-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--devtools-text-muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--devtools-space-xs)}.gap-sm{gap:var(--devtools-space-sm)}.gap-md{gap:var(--devtools-space-md)}.gap-lg{gap:var(--devtools-space-lg)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--devtools-space-xl);color:var(--devtools-text-muted);text-align:center}.empty-state__icon{width:48px;height:48px;margin-bottom:var(--devtools-space-md);opacity:.5}.empty-state__title{font-size:var(--font-size-3);font-weight:var(--font-weight-5);margin:0 0 var(--devtools-space-sm)}.empty-state__description{font-size:var(--font-size-1);margin:0}
@@ -1,3 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RoutesPage-Bhnu6w5-.js","assets/format-B1udViy3.js","assets/vue-vendor-CtA47il-.js","assets/useWebSocket-C2ttWF5T.js","assets/registry-Z11QUkpV.js","assets/x-zxrccEon.js","assets/RoutesPage-BVXzvJ2S.css","assets/TimelinePage-CwR-Coxj.js","assets/check-DxJBRQqh.js","assets/triangle-alert-CAGaIjAo.js","assets/trash-2-CDyKV6GB.js","assets/TimelinePage-BDyp8kvu.css","assets/ModelsPage-DqYHHuAQ.js","assets/ModelsPage-DQN_XP0u.css","assets/SimulatorPage-ROKoAmUT.js","assets/SimulatorPage-B1voZDRi.css"])))=>i.map(i=>d[i]);
2
- import{h as E,c as S,a as $,d as j,b as y,e as d,f as k,u as g,F as N,r as V,g as w,i as b,n as M,t as P,j as C,w as x,k as q,l as U,m as Z,o as _,T as F,p as H,q as W}from"./vue-vendor-CtA47il-.js";(function(){const n=document.createElement("link").relList;if(n&&n.supports&&n.supports("modulepreload"))return;for(const t of document.querySelectorAll('link[rel="modulepreload"]'))c(t);new MutationObserver(t=>{for(const a of t)if(a.type==="childList")for(const i of a.addedNodes)i.tagName==="LINK"&&i.rel==="modulepreload"&&c(i)}).observe(document,{childList:!0,subtree:!0});function r(t){const a={};return t.integrity&&(a.integrity=t.integrity),t.referrerPolicy&&(a.referrerPolicy=t.referrerPolicy),t.crossOrigin==="use-credentials"?a.credentials="include":t.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function c(t){if(t.ep)return;t.ep=!0;const a=r(t);fetch(t.href,a)}})();const L=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),K=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(n,r,c)=>c?c.toUpperCase():r.toLowerCase()),G=e=>{const n=K(e);return n.charAt(0).toUpperCase()+n.slice(1)},J=(...e)=>e.filter((n,r,c)=>!!n&&n.trim()!==""&&c.indexOf(n)===r).join(" ").trim();var h={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 Q=({size:e,strokeWidth:n=2,absoluteStrokeWidth:r,color:c,iconNode:t,name:a,class:i,...l},{slots:p})=>E("svg",{...h,width:e||h.width,height:e||h.height,stroke:c||h.stroke,"stroke-width":r?Number(n)*24/Number(e):n,class:J("lucide",...a?[`lucide-${L(G(a))}-icon`,`lucide-${L(a)}`]:["lucide-icon"]),...l},[...t.map(o=>E(...o)),...p.default?[p.default()]:[]]);const f=(e,n)=>(r,{slots:c})=>E(Q,{...r,iconNode:n,name:e},c);const X=f("clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]);const Y=f("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 O=f("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 ee=f("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 te=f("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 z=f("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"}]]),oe="modulepreload",ne=function(e){return"/_devtools/"+e},I={},v=function(n,r,c){let t=Promise.resolve();if(r&&r.length>0){let p=function(o){return Promise.all(o.map(u=>Promise.resolve(u).then(m=>({status:"fulfilled",value:m}),m=>({status:"rejected",reason:m}))))};document.getElementsByTagName("link");const i=document.querySelector("meta[property=csp-nonce]"),l=i?.nonce||i?.getAttribute("nonce");t=p(r.map(o=>{if(o=ne(o),o in I)return;I[o]=!0;const u=o.endsWith(".css"),m=u?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${o}"]${m}`))return;const s=document.createElement("link");if(s.rel=u?"stylesheet":oe,u||(s.as="script"),s.crossOrigin="",s.href=o,l&&s.setAttribute("nonce",l),document.head.appendChild(s),u)return new Promise((A,B)=>{s.addEventListener("load",A),s.addEventListener("error",()=>B(new Error(`Unable to preload CSS for ${o}`)))})}))}function a(i){const l=new Event("vite:preloadError",{cancelable:!0});if(l.payload=i,window.dispatchEvent(l),!l.defaultPrevented)throw i}return t.then(i=>{for(const l of i||[])l.status==="rejected"&&a(l.reason);return n().catch(a)})},D=[{path:"/",redirect:"/routes"},{path:"/routes",name:"routes",component:()=>v(()=>import("./RoutesPage-Bhnu6w5-.js"),__vite__mapDeps([0,1,2,3,4,5,6])),meta:{title:"Routes",icon:"route"}},{path:"/timeline",name:"timeline",component:()=>v(()=>import("./TimelinePage-CwR-Coxj.js"),__vite__mapDeps([7,2,1,8,9,3,5,10,11])),meta:{title:"Timeline",icon:"clock"}},{path:"/models",name:"models",component:()=>v(()=>import("./ModelsPage-DqYHHuAQ.js"),__vite__mapDeps([12,2,8,3,5,10,13])),meta:{title:"Models",icon:"database"}},{path:"/simulator",name:"simulator",component:()=>v(()=>import("./SimulatorPage-ROKoAmUT.js"),__vite__mapDeps([14,2,3,4,9,10,15])),meta:{title:"Simulator",icon:"zap"}},{path:"/:pathMatch(.*)*",name:"not-found",redirect:"/routes"}],ae=S({history:$(),routes:D}),se={class:"app"},re={class:"app-header"},ce={class:"app-header__brand"},ie={class:"app-nav",role:"tablist","aria-label":"DevTools navigation"},le=["aria-selected","aria-current","aria-controls","onClick"],ue={class:"app-nav__label"},de={class:"app-header__status"},pe={class:"connection-status"},me={class:"connection-status__text"},_e={class:"app-main"},fe=j({__name:"App",setup(e){const n=U(),r=Z(),c=w(()=>D.filter(o=>o.name&&o.meta?.title).map(o=>({name:o.name,path:o.path,title:o.meta?.title,icon:o.meta?.icon}))),t=w(()=>n.name);function a(o){r.push(o)}const i={route:O,clock:X,database:Y,zap:z};function l(o){return i[o]??O}const p=w(()=>!1);return(o,u)=>{const m=q("router-view");return _(),y("div",se,[d("header",re,[d("div",ce,[k(g(z),{class:"app-header__logo",size:20}),u[0]||(u[0]=d("span",{class:"app-header__title"},"OpenAPI DevTools",-1))]),d("nav",ie,[(_(!0),y(N,null,V(c.value,s=>(_(),y("button",{key:s.name,role:"tab","aria-selected":t.value===s.name,"aria-current":t.value===s.name?"true":void 0,"aria-controls":`panel-${s.name}`,tabindex:0,class:M(["app-nav__tab",{"app-nav__tab--active":t.value===s.name}]),onClick:A=>a(s.path)},[(_(),b(C(l(s.icon)),{size:16,class:"app-nav__icon"})),d("span",ue,P(s.title),1)],10,le))),128))]),d("div",de,[d("div",pe,[d("span",{class:M(["connection-status__dot",p.value?"connection-status__dot--connected":"connection-status__dot--disconnected"])},null,2),d("span",me,P(p.value?"Connected":"Disconnected"),1),(_(),b(C(p.value?g(te):g(ee)),{size:14,class:"connection-status__icon"}))])])]),d("main",_e,[k(m,null,{default:x(({Component:s})=>[k(F,{name:"fade",mode:"out-in"},{default:x(()=>[(_(),b(C(s)))]),_:2},1024)]),_:1})])])}}}),he=(e,n)=>{const r=e.__vccOpts||e;for(const[c,t]of n)r[c]=t;return r},ve=he(fe,[["__scopeId","data-v-513332df"]]);let R=!1,T=null;function ye(){if(R)return T;const e=H(ve),n=W();return e.use(n),e.use(ae),e.mount("#app"),R=!0,T=e,e}typeof window<"u"&&document.getElementById("app")&&ye();export{X as C,Y as D,O as R,z as Z,he as _,f as c};
3
- //# sourceMappingURL=index-GQ9qRqEi.js.map