@scalar/api-client 2.0.15 → 2.0.16

package/dist/components/{ActionModal/ActionModalVariant.vue.d.ts → CommandPalette/CommandPaletteImport.vue.d.ts}

@@ -17,4 +17,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=ActionModalVariant.vue.d.ts.map
+//# sourceMappingURL=CommandPaletteImport.vue.d.ts.map

package/dist/components/CommandPalette/CommandPaletteImport.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";WA+FS,MAAM;;;;WAAN,MAAM;;;;AAgMf,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -0,0 +1,86 @@
+import { defineComponent as v, ref as m, onMounted as S, openBlock as y, createElementBlock as F, Fragment as C, createElementVNode as t, toDisplayString as k, withModifiers as I, createVNode as a, unref as o, withCtx as u, createTextVNode as d } from "vue";
+import { useWorkspace as N } from "../../store/workspace.js";
+import { ScalarButton as f, ScalarIcon as R } from "@scalar/components";
+import { useFileDialog as U } from "../../hooks/useFileDialog.js";
+const A = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, B = /* @__PURE__ */ t("label", {
+  class: "absolute w-full h-full opacity-0 cursor-text",
+  for: "requestimport"
+}, null, -1), D = { class: "flex gap-2" }, L = { class: "flex flex-1 gap-2 max-h-8" }, T = /* @__PURE__ */ v({
+  __name: "CommandPaletteImport",
+  props: {
+    title: {}
+  },
+  emits: ["close"],
+  setup(M, { emit: h }) {
+    const s = h, { importSpecFile: x, importSpecFromUrl: g } = N(), r = m(""), { open: _ } = U({
+      onChange: async (e) => {
+        const l = e == null ? void 0 : e[0];
+        if (l) {
+          const c = new FileReader();
+          c.onload = async (b) => {
+            var p;
+            const w = (p = b.target) == null ? void 0 : p.result;
+            x(w), n(), s("close");
+          }, c.readAsText(l);
+        }
+      },
+      multiple: !1,
+      accept: ".json,.yaml,.yml"
+    }), n = async () => {
+      r.value && (await g(r.value), s("close"));
+    }, i = m(null);
+    return S(() => {
+      var e;
+      (e = i.value) == null || e.focus();
+    }), (e, l) => (y(), F(C, null, [
+      t("h2", null, k(e.title), 1),
+      t("form", {
+        class: "flex w-full flex-col gap-3",
+        onSubmit: I(n, ["prevent"])
+      }, [
+        t("div", A, [
+          B,
+          t("input", {
+            id: "requestimport",
+            ref_key: "importInput",
+            ref: i,
+            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+            label: "Paste Swagger File URL",
+            placeholder: "Paste Swagger File URL"
+          }, null, 512)
+        ]),
+        t("div", D, [
+          t("div", L, [
+            a(o(f), {
+              class: "p-2 max-h-8 gap-1 text-xs hover:bg-b-2 relative",
+              variant: "outlined",
+              onClick: o(_)
+            }, {
+              default: u(() => [
+                d(" JSON, or YAML Files "),
+                a(o(R), {
+                  class: "text-c-3 -rotate-90",
+                  icon: "ArrowRight",
+                  size: "sm"
+                })
+              ]),
+              _: 1
+            }, 8, ["onClick"])
+          ]),
+          a(o(f), {
+            class: "max-h-8 text-xs p-0 px-3",
+            type: "submit"
+          }, {
+            default: u(() => [
+              d(" Import Collection ")
+            ]),
+            _: 1
+          })
+        ])
+      ], 32)
+    ], 64));
+  }
+});
+export {
+  T as default
+};

package/dist/components/CommandPalette/CommandPaletteImport.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommandPaletteImport.vue.js";
+export {
+  f as default
+};

package/dist/components/{ActionModal/ActionModalFolder.vue.d.ts → CommandPalette/CommandPaletteRequest.vue.d.ts}

@@ -17,4 +17,4 @@ type __VLS_TypePropsToOption<T> = {
         required: true;
     };
 };
-//# sourceMappingURL=ActionModalFolder.vue.d.ts.map
+//# sourceMappingURL=CommandPaletteRequest.vue.d.ts.map

package/dist/components/CommandPalette/CommandPaletteRequest.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":";WAwIS,MAAM;;;;WAAN,MAAM;;;;AA0Pf,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/CommandPalette/CommandPaletteRequest.vue.js

@@ -0,0 +1,119 @@
+import { defineComponent as y, ref as u, computed as v, onMounted as M, openBlock as V, createElementBlock as N, Fragment as R, createElementVNode as l, toDisplayString as h, withModifiers as I, withDirectives as k, vModelText as E, createVNode as s, unref as n, withCtx as c, normalizeClass as F, createTextVNode as U } from "vue";
+import B from "../HttpMethod/HttpMethod.vue.js";
+import { useWorkspace as D } from "../../store/workspace.js";
+import { ScalarListbox as T, ScalarButton as x, ScalarIcon as j } from "@scalar/components";
+import { useRouter as z } from "vue-router";
+const $ = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, G = /* @__PURE__ */ l("label", {
+  class: "absolute w-full h-full opacity-0 cursor-text",
+  for: "requestname"
+}, null, -1), L = { class: "flex" }, O = { class: "flex flex-1 gap-2 max-h-8" }, Q = /* @__PURE__ */ y({
+  __name: "CommandPaletteRequest",
+  props: {
+    title: {}
+  },
+  emits: ["close"],
+  setup(P, { emit: b }) {
+    const _ = b, { push: q } = z(), { requestMutators: g, activeCollection: r, folders: w } = D(), a = u(""), i = u("GET"), m = u(""), f = v(() => r.value ? Object.values(r.value.childUids).flatMap((e) => {
+      const t = w[e];
+      return t ? [
+        {
+          id: t.uid,
+          label: t.name
+        }
+      ] : [];
+    }) : []), o = v({
+      get: () => f.value.find(({ id: e }) => e === m.value),
+      set: (e) => {
+        e != null && e.id && (m.value = e.id);
+      }
+    });
+    function C(e) {
+      i.value = e;
+    }
+    function S() {
+      if (!r.value) return;
+      const e = g.add({
+        path: "",
+        method: i.value.toUpperCase(),
+        description: a.value,
+        operationId: a.value,
+        summary: a.value,
+        tags: ["default"]
+      });
+      q(`/request/${e.uid}`), _("close");
+    }
+    const p = u(null);
+    return M(() => {
+      var e;
+      (e = p.value) == null || e.focus();
+    }), (e, t) => (V(), N(R, null, [
+      l("h2", null, h(e.title), 1),
+      l("form", {
+        class: "flex w-full flex-col gap-3",
+        onSubmit: I(S, ["prevent"])
+      }, [
+        l("div", $, [
+          G,
+          k(l("input", {
+            id: "requestname",
+            ref_key: "requestInput",
+            ref: p,
+            "onUpdate:modelValue": t[0] || (t[0] = (d) => a.value = d),
+            class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
+            label: "Request Name",
+            placeholder: "Request Name"
+          }, null, 512), [
+            [E, a.value]
+          ])
+        ]),
+        l("div", L, [
+          l("div", O, [
+            s(B, {
+              isEditable: !0,
+              isSquare: "",
+              method: i.value,
+              onChange: C
+            }, null, 8, ["method"]),
+            s(n(T), {
+              modelValue: o.value,
+              "onUpdate:modelValue": t[1] || (t[1] = (d) => o.value = d),
+              options: f.value
+            }, {
+              default: c(() => [
+                s(n(x), {
+                  class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
+                  variant: "outlined"
+                }, {
+                  default: c(() => [
+                    l("span", {
+                      class: F(o.value ? "text-c-1" : "text-c-3")
+                    }, h(o.value ? o.value.label : "Select Folder"), 3),
+                    s(n(j), {
+                      class: "text-c-3",
+                      icon: "ChevronDown",
+                      size: "xs"
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue", "options"])
+          ]),
+          s(n(x), {
+            class: "max-h-8 text-xs p-0 px-3",
+            type: "submit"
+          }, {
+            default: c(() => [
+              U(" Create Request ")
+            ]),
+            _: 1
+          })
+        ])
+      ], 32)
+    ], 64));
+  }
+});
+export {
+  Q as default
+};

package/dist/components/CommandPalette/CommandPaletteRequest.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CommandPaletteRequest.vue.js";
+export {
+  f as default
+};

package/dist/components/ContextBar.vue.js

@@ -1,17 +1,17 @@
 import { defineComponent as r, openBlock as n, createElementBlock as o, Fragment as i, renderList as s, normalizeClass as c, toDisplayString as a } from "vue";
-const b = { class: "request-section-content request-section-content-filter bg-b-2 text-c-3 bg-b-1 sticky top-0 z-10 mb-2.5 hidden xl:flex justify-center rounded p-[2.25px] text-xs" }, l = ["isActive", "onClick"], v = /* @__PURE__ */ r({
+const b = { class: "request-section-content request-section-content-filter bg-b-2 text-c-3 bg-b-1 sticky top-0 z-10 mb-2.5 hidden xl:flex justify-center rounded p-[2.25px] text-xs gap-0.5" }, l = ["isActive", "onClick"], v = /* @__PURE__ */ r({
   __name: "ContextBar",
   props: {
     sections: {},
     activeSection: {}
   },
   emits: ["setActiveSection"],
-  setup(d) {
-    return (t, p) => (n(), o("div", b, [
+  setup(p) {
+    return (t, d) => (n(), o("div", b, [
       (n(!0), o(i, null, s(t.sections, (e) => (n(), o("button", {
         key: e,
-        class: c(["hover:text-c-1 hover:bg-b-3 w-full rounded px-1 py-1 text-center font-medium", [
-          t.activeSection === e ? "bg-b-1 text-c-1 dark:bg-b-3 border hover:bg-b-1" : "border border-transparent"
+        class: c(["hover:bg-b-3 w-full rounded px-1 py-1 text-center font-medium", [
+          t.activeSection === e ? "!bg-b-1 text-c-1 dark:bg-b-3 border hover:bg-b-1" : "border border-transparent"
         ]]),
         isActive: t.activeSection === e,
         type: "button",

package/dist/components/DarkModeToggle/DarkModeIconToggle.vue.js

@@ -2,18 +2,18 @@ import { defineComponent as c, openBlock as l, createElementBlock as i, unref as
 import m from "../ScreenReader.vue.js";
 import { ScalarIcon as u } from "@scalar/components";
 import { useDarkModeState as f } from "../../hooks/useDarkModeState.js";
-const M = /* @__PURE__ */ c({
+const h = /* @__PURE__ */ c({
   __name: "DarkModeIconToggle",
-  setup(k) {
+  setup(g) {
     const { toggleDarkMode: t, isDark: n } = f();
-    return (g, o) => (l(), i("button", {
-      class: "w-[37px] hover:text-c-1 flex items-center justify-center rounded-lg p-[7px]",
+    return (k, o) => (l(), i("button", {
+      class: "w-[37px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px]",
       type: "button",
       onClick: o[0] || (o[0] = //@ts-ignore
       (...a) => e(t) && e(t)(...a))
     }, [
       r(e(u), {
-        class: "block h-6 w-6 stroke-[0.75]",
+        class: "block h-6 w-6 stroke-[1.5]",
         icon: "LightDarkModeToggle"
       }),
       r(m, null, {
@@ -26,5 +26,5 @@ const M = /* @__PURE__ */ c({
   }
 });
 export {
-  M as default
+  h as default
 };

package/dist/components/DataTable/DataTableCell.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCell.vue"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAiBpC,iBAAS,cAAc;qBAoCM,GAAG;EAc/B;AACD,QAAA,MAAM,eAAe;SA/DZ,MAAM,GAAG,SAAS;;;;SAAlB,MAAM,GAAG,SAAS;;;;QAAlB,MAAM,GAAG,SAAS;MAqEzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"DataTableCell.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTableCell.vue"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAiBpC,iBAAS,cAAc;qBAsCM,GAAG;EAc/B;AACD,QAAA,MAAM,eAAe;SAjEZ,MAAM,GAAG,SAAS;;;;SAAlB,MAAM,GAAG,SAAS;;;;QAAlB,MAAM,GAAG,SAAS;MAuEzB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/DataTable/DataTableCell.vue.js

@@ -1,16 +1,16 @@
-import { defineComponent as r, openBlock as t, createBlock as o, resolveDynamicComponent as l, withCtx as a, renderSlot as s } from "vue";
+import { defineComponent as r, openBlock as t, createBlock as o, resolveDynamicComponent as l, withCtx as a, renderSlot as n } from "vue";
 const m = /* @__PURE__ */ r({
   __name: "DataTableCell",
   props: {
     is: { default: "td" }
   },
-  setup(n) {
+  setup(s) {
     return (e, d) => (t(), o(l(e.is), {
-      class: "min-h-8 border-l-0 border-t-0 border-b-1/2 border-r-1/2 flex text-sm last:border-r-0 group-last:border-b-transparent p-0 m-0",
+      class: "min-h-8 border-l-0 border-t-0 border-b-1/2 border-r-1/2 flex text-sm last:border-r-0 group-last:border-b-transparent p-0 m-0 relative min-w-full",
       role: "cell"
     }, {
       default: a(() => [
-        s(e.$slots, "default")
+        n(e.$slots, "default")
       ]),
       _: 3
     }));

package/dist/components/SideNav/SideNavLink.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AAyBA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAa1D,iBAAS,cAAc;qBAuDO,GAAG;EAehC;AACD,QAAA,MAAM,eAAe;UAjFb,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;;UAFV,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;aAqFhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"SideNavLink.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavLink.vue"],"names":[],"mappings":"AAyBA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAI/C,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC,QAAQ,CAAC,CAAA;AAa1D,iBAAS,cAAc;qBAwDO,GAAG;EAehC;AACD,QAAA,MAAM,eAAe;UAlFb,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;;UAFV,SAAS,CAAC,MAAM,CAAC;UACjB,MAAM;aACH,OAAO;aAsFhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/SideNav/SideNavLink.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as t, resolveComponent as n, openBlock as r, createBlock as s, normalizeClass as a, withCtx as c, createVNode as l, unref as i, createElementVNode as p, renderSlot as u } from "vue";
+import { defineComponent as t, resolveComponent as n, openBlock as r, createBlock as a, normalizeClass as s, withCtx as c, createVNode as l, unref as i, createElementVNode as p, renderSlot as u } from "vue";
 import { ScalarIcon as m } from "@scalar/components";
 const d = { class: "sr-only" }, k = /* @__PURE__ */ t({
   __name: "SideNavLink",
@@ -10,9 +10,9 @@ const d = { class: "sr-only" }, k = /* @__PURE__ */ t({
   setup(f) {
     return (e, _) => {
       const o = n("router-link");
-      return r(), s(o, {
+      return r(), a(o, {
         activeClass: "active-link",
-        class: a(["w-[37px] hover:text-c-1 flex items-center justify-center rounded-lg p-[7px]", { "bg-b-2 transition-none hover:cursor-auto text-c-1": e.active }]),
+        class: s(["w-[37px] hover:bg-b-2 active:text-c-1 flex items-center justify-center rounded-lg p-[7px]", { "bg-b-2 transition-none hover:cursor-auto text-c-1": e.active }]),
         to: e.path
       }, {
         default: c(() => [

package/dist/components/TopNav/TopNav.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AAwNA,wBAKG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AA+NA,wBAKG"}

package/dist/components/TopNav/TopNav.vue.js

@@ -1,7 +1,7 @@
 import o from "./TopNav.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-644455b8"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d4581e27"]]);
 export {
   m as default
 };

package/dist/components/TopNav/TopNav.vue2.js

@@ -1,43 +1,43 @@
-import { defineComponent as f, openBlock as l, createElementBlock as a, createElementVNode as c, unref as e, createVNode as i, toDisplayString as _, Fragment as h, renderList as k, createBlock as y } from "vue";
+import { defineComponent as _, computed as k, openBlock as l, createElementBlock as a, createElementVNode as c, unref as e, createVNode as i, toDisplayString as I, Fragment as N, renderList as x, createBlock as y } from "vue";
 import { useTopNav as b } from "../../store/topNav.js";
 import { ScalarIcon as m } from "@scalar/components";
 import g from "./TopNavItem.vue.js";
-const x = { class: "flex h-10 t-app__top-nav" }, N = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium" }, I = {
+const h = { class: "flex h-10 t-app__top-nav" }, C = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium" }, B = {
   key: 0,
   class: "flex items-center gap-1 w-full justify-center"
-}, E = /* @__PURE__ */ f({
+}, $ = /* @__PURE__ */ _({
   __name: "TopNav",
-  setup(C) {
+  setup(S) {
     const {
-      topNavItems: n,
+      topNavItems: o,
       addNavItem: s,
-      activeNavItemIdx: p,
-      setNavItemIdx: u,
-      removeNavItem: v
-    } = b();
-    return (B, r) => (l(), a("nav", x, [
-      c("div", N, [
-        e(n).length === 1 ? (l(), a("div", I, [
+      activeNavItemIdx: v,
+      setNavItemIdx: p,
+      removeNavItem: u
+    } = b(), d = k(() => v.value);
+    return (T, r) => (l(), a("nav", h, [
+      c("div", C, [
+        e(o).length === 1 ? (l(), a("div", B, [
           i(e(m), {
-            icon: e(n)[0].icon,
+            class: "stroke-[2]",
+            icon: e(o)[0].icon,
             size: "xs"
           }, null, 8, ["icon"]),
-          c("div", null, _(e(n)[0].label), 1)
-        ])) : (l(!0), a(h, { key: 1 }, k(e(n), (t, o) => (l(), y(g, {
-          key: o,
-          active: o === e(p),
-          hotkey: (o + 1).toString(),
-          icon: t.icon,
-          label: t.label,
-          path: t.path,
-          onClick: (d) => e(u)(o),
-          onClose: (d) => e(v)(o)
-        }, null, 8, ["active", "hotkey", "icon", "label", "path", "onClick", "onClose"]))), 128)),
+          c("div", null, I(e(o)[0].label), 1)
+        ])) : (l(!0), a(N, { key: 1 }, x(e(o), (n, t) => (l(), y(g, {
+          key: t,
+          active: t === d.value,
+          hotkey: (t + 1).toString(),
+          icon: n.icon,
+          label: n.label,
+          onClick: (f) => e(p)(t),
+          onClose: (f) => e(u)(t)
+        }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose"]))), 128)),
         c("button", {
           class: "text-c-3 hover:bg-b-2 p-1.5 rounded-lg",
           type: "button",
           onClick: r[0] || (r[0] = //@ts-ignore
-          (...t) => e(s) && e(s)(...t))
+          (...n) => e(s) && e(s)(...n))
         }, [
           i(e(m), {
             icon: "Add",
@@ -49,5 +49,5 @@ const x = { class: "flex h-10 t-app__top-nav" }, N = { class: "flex h-10 flex-1
   }
 });
 export {
-  E as default
+  $ as default
 };

package/dist/components/TopNav/TopNavItem.vue.js

@@ -1,7 +1,7 @@
 import o from "./TopNavItem.vue2.js";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9a892de6"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a1e15ecf"]]);
 export {
-  r as default
+  p as default
 };

package/dist/components/TopNav/TopNavItem.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as m, openBlock as s, createBlock as i, unref as n, withCtx as l, createElementVNode as o, normalizeClass as p, createVNode as a, toDisplayString as f, createCommentVNode as k } from "vue";
+import { defineComponent as m, openBlock as n, createBlock as i, unref as s, withCtx as l, createElementVNode as o, normalizeClass as p, createVNode as a, toDisplayString as k, createCommentVNode as f } from "vue";
 import v from "../ScalarHotkey.vue.js";
 import { ScalarTooltip as y, ScalarIcon as c } from "@scalar/components";
 const d = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, u = { class: "nav-item-copy text-xs" }, b = /* @__PURE__ */ m({
@@ -11,7 +11,7 @@ const d = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
   },
   emits: ["click", "close"],
   setup(C) {
-    return (e, t) => (s(), i(n(y), {
+    return (e, t) => (n(), i(s(y), {
       class: "scalar-client",
       delay: 500,
       resize: "",
@@ -23,19 +23,19 @@ const d = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
           onClick: t[1] || (t[1] = (r) => e.$emit("click"))
         }, [
           o("div", d, [
-            a(n(c), {
-              class: "p-[0.5px]",
+            a(s(c), {
+              class: "stroke-[2]",
               icon: e.icon,
               size: "xs"
             }, null, 8, ["icon"]),
-            o("span", u, f(e.label), 1)
+            o("span", u, k(e.label), 1)
           ]),
           o("button", {
             class: "nav-item-close",
             type: "button",
             onClick: t[0] || (t[0] = (r) => e.$emit("close"))
           }, [
-            a(n(c), {
+            a(s(c), {
               class: "stroke-[1.75]",
               icon: "Close"
             })
@@ -43,10 +43,10 @@ const d = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
         ], 2)
       ]),
       content: l(() => [
-        e.hotkey ? (s(), i(v, {
+        e.hotkey ? (n(), i(v, {
           key: 0,
           hotkey: e.hotkey
-        }, null, 8, ["hotkey"])) : k("", !0)
+        }, null, 8, ["hotkey"])) : f("", !0)
       ]),
       _: 1
     }));

package/dist/hooks/index.d.ts

@@ -1,7 +1,6 @@
 export * from './useDarkModeState.js';
 export * from './useClipboard.js';
 export * from './useKeyMap.js';
-export * from './useActionModal.js';
 export * from './useFileDialog.js';
 export { useSidebar } from './useSidebar.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/hooks/index.js

@@ -1,15 +1,12 @@
 import { useDarkModeState as r } from "./useDarkModeState.js";
-import { useClipboard as a } from "./useClipboard.js";
+import { useClipboard as t } from "./useClipboard.js";
 import { keyMap as f } from "./useKeyMap.js";
-import { ActionModalTab as m, useActionModal as x } from "./useActionModal.js";
-import { useFileDialog as l } from "./useFileDialog.js";
-import { useSidebar as u } from "./useSidebar.js";
+import { useFileDialog as x } from "./useFileDialog.js";
+import { useSidebar as s } from "./useSidebar.js";
 export {
-  m as ActionModalTab,
   f as keyMap,
-  x as useActionModal,
-  a as useClipboard,
+  t as useClipboard,
   r as useDarkModeState,
-  l as useFileDialog,
-  u as useSidebar
+  x as useFileDialog,
+  s as useSidebar
 };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { default as ScalarClient } from './App.vue.js';
 export * from './Modal/index.js';
+export * from './App/index.js';
 export { useWorkspace } from './store/workspace.js';
 export { modalRouter } from './router.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAA;AACnD,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAA;AACnD,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AAErB,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/index.js

@@ -1,13 +1,18 @@
-import { default as t } from "./App.vue.js";
+import { default as p } from "./App.vue.js";
 /* empty css         */
 import { useWorkspace as l } from "./store/workspace.js";
 import { modalRouter as f } from "./router.js";
-import { default as i } from "./Modal/ApiClientModal.vue.js";
-import { createScalarApiClient as c } from "./Modal/api-client-modal.js";
+import { default as x } from "./App/ApiClientApp.vue.js";
+/* empty css                      */
+import { default as A } from "./Modal/ApiClientModal.vue.js";
+import { createApiClientModal as s } from "./Modal/api-client-modal.js";
+import { createApiClientApp as C } from "./App/createApiClientApp.js";
 export {
-  i as ApiClientModal,
-  t as ScalarClient,
-  c as createScalarApiClient,
+  x as ApiClientApp,
+  A as ApiClientModal,
+  p as ScalarClient,
+  C as createApiClientApp,
+  s as createApiClientModal,
   f as modalRouter,
   l as useWorkspace
 };

package/dist/router.d.ts

@@ -17,8 +17,11 @@ export declare const modalRoutes: ({
     component: () => Promise<typeof import("./views/Request/Request.vue.js")>;
     redirect?: undefined;
 })[];
+/**
+ * Router for the API Client app
+ */
 export declare const router: import("vue-router").Router;
-/** Creates the in memory client router */
+/** Router for the API Client modal */
 export declare const modalRouter: import("vue-router").Router;
 export declare const activeRouterParams: import("vue").ComputedRef<{
     collection: string;

package/dist/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAGA,oBAAY,MAAM;IAChB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;CAClB;AAED,0CAA0C;AAC1C,eAAO,MAAM,WAAW;;;;;;;;IAcvB,CAAA;AAyDD,eAAO,MAAM,MAAM,6BAGjB,CAAA;AAEF,0CAA0C;AAC1C,eAAO,MAAM,WAAW,6BAGtB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;EAyB7B,CAAA;AAEF,gGAAgG;AAChG,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,QAmBtC"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/router.ts"],"names":[],"mappings":"AAGA,oBAAY,MAAM;IAChB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,UAAU,eAAe;IACzB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;CAClB;AAED,0CAA0C;AAC1C,eAAO,MAAM,WAAW;;;;;;;;IAcvB,CAAA;AAyDD;;GAEG;AACH,eAAO,MAAM,MAAM,6BAGjB,CAAA;AAEF,sCAAsC;AACtC,eAAO,MAAM,WAAW,6BAGtB,CAAA;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;EAyB7B,CAAA;AAEF,gGAAgG;AAChG,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,QAmBtC"}