@scalar/api-client 2.1.46 → 2.1.48

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @scalar/api-client
 
+## 2.1.48
+
+### Patch Changes
+
+- b5c1982: style(api-client): fix a handful of z-index and flex breakpoint issues
+- ac55d0f: chore: add time logging for the workspace store
+- 0c07766: fix: sets selection style properly"
+- bdb48b0: fix: remove useTemplateRef
+- Updated dependencies [b5c1982]
+- Updated dependencies [ac55d0f]
+- Updated dependencies [0c07766]
+- Updated dependencies [7f1bd17]
+  - @scalar/components@0.12.68
+  - @scalar/oas-utils@0.2.74
+  - @scalar/use-codemirror@0.11.35
+  - @scalar/themes@0.9.48
+
+## 2.1.47
+
+### Patch Changes
+
+- b717102: style: enhances response section childs spacing
+- 8610c74: refactor: use route objects instead of strings
+- af47a3e: fix: only virtualize text based contents
+- 766a1fd: fix: import modal shows for any URL
+- Updated dependencies [82f7c35]
+- Updated dependencies [b717102]
+- Updated dependencies [3421489]
+  - @scalar/oas-utils@0.2.73
+  - @scalar/import@0.1.1
+  - @scalar/components@0.12.67
+  - @scalar/use-codemirror@0.11.34
+
 ## 2.1.46
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AAgxBA,wBAMG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AAkxBA,wBAMG"}

package/dist/components/AddressBar/AddressBar.vue.js

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0d3d8fab"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5e1d7a10"]]);
 export {
-  s as default
+  d as default
 };

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -27,9 +27,9 @@ const ee = {
       requestMutators: m,
       requestHistory: R,
       events: d
-    } = Z(), v = u(R[0]), p = u(null), h = F();
+    } = Z(), v = u(R[0]), p = u(null), x = F();
     G(
-      j() ? h.meta_enter : h.ctrl_enter,
+      j() ? x.meta_enter : x.ctrl_enter,
       () => d.executeRequest.emit()
     );
     const k = (e) => {
@@ -44,15 +44,15 @@ const ee = {
         !l.value || !e || k(e);
       }
     );
-    const r = u(100), x = u(0), s = u(!1), i = u();
+    const r = u(100), h = u(0), s = u(!1), i = u();
     function q() {
-      s.value ? r.value -= (r.value - 15) / 60 : r.value -= x.value / 20, r.value <= 0 && (clearInterval(i.value), i.value = void 0, r.value = 100, s.value = !1);
+      s.value ? r.value -= (r.value - 15) / 60 : r.value -= h.value / 20, r.value <= 0 && (clearInterval(i.value), i.value = void 0, r.value = 100, s.value = !1);
     }
     function B() {
       i.value || (s.value = !0, i.value = setInterval(q, 20));
     }
     function S() {
-      x.value = r.value, s.value = !1;
+      h.value = r.value, s.value = !1;
     }
     function E() {
       clearInterval(i.value), i.value = void 0, r.value = 100, s.value = !1;
@@ -87,7 +87,7 @@ const ee = {
           default: w(({ open: f }) => [
             o("div", {
               class: y([
-                "addressbar-bg-states text-xxs relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last overflow-hidden lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
+                "addressbar-bg-states text-xxs relative flex w-full xl:min-w-[720px] xl:max-w-[720px] lg:min-w-[580px] lg:max-w-[580px] order-last overflow-hidden lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
                 { "border-transparent overflow-visible rounded-b-none": f }
               ])
             }, [

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

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAqcO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAiBb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBApBX,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;gBAjBZ,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAkZM,GAAG;kBACN,GAAG;;AAza9B,wBAueC;AAgBD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OA4cO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAiBb,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBApBX,OAAO;gBACT,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;gBAjBZ,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAmZM,GAAG;kBACN,GAAG;;AA1a9B,wBAweC;AAgBD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-19c5f2da"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b4428c61"]]);
 export {
-  f as default
+  a as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":"AAiMA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE;QACT,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,CAAC;;;;;;;;AAqTF,wBAQG"}
+{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":"AAuMA,KAAK,WAAW,GAAG;IACjB,QAAQ,CAAC,EAAE;QACT,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;CACF,CAAC;;;;;;;;AA2TF,wBAQG"}

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

@@ -1,27 +1,27 @@
-import { defineComponent as P, ref as c, computed as x, openBlock as C, createBlock as h, withCtx as u, createElementVNode as f, createVNode as i, unref as n, normalizeClass as V, toDisplayString as q, createCommentVNode as W, createTextVNode as j } from "vue";
-import E from "../HttpMethod/HttpMethod.vue.js";
+import { defineComponent as W, ref as c, computed as x, openBlock as C, createBlock as h, withCtx as u, createElementVNode as f, createVNode as i, unref as n, normalizeClass as q, toDisplayString as V, createCommentVNode as j, createTextVNode as E } from "vue";
+import H from "../HttpMethod/HttpMethod.vue.js";
 import { ScalarListbox as D, ScalarButton as k, ScalarIcon as w } from "@scalar/components";
-import { useToasts as H } from "@scalar/use-toasts";
-import { useRouter as I } from "vue-router";
+import { useToasts as I } from "@scalar/use-toasts";
+import { useRouter as $ } from "vue-router";
 import L from "./CommandActionForm.vue.js";
 import O from "./CommandActionInput.vue.js";
 import { isHTTPMethod as A } from "../HttpMethod/helpers.js";
 import { useWorkspace as F } from "../../store/store.js";
-const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
+const G = { class: "flex gap-2" }, le = /* @__PURE__ */ W({
   __name: "CommandPaletteRequest",
   props: {
     metaData: {}
   },
   emits: ["close", "back"],
   setup(S, { emit: _ }) {
-    const r = S, b = _, { push: M } = I(), { toast: N } = H(), {
+    const r = S, b = _, { push: M } = $(), { toast: N } = I(), {
       activeCollection: R,
       activeWorkspace: U,
       activeWorkspaceCollections: g,
       requestMutators: T,
       activeRequest: y,
-      tags: $
-    } = F(), o = c(""), d = c("get"), v = x(
+      tags: z
+    } = F(), o = c(""), d = c("get"), p = x(
       () => g.value.map((t) => {
         var e;
         return {
@@ -34,23 +34,23 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
         (t) => {
           var e;
           return t.uid === ((e = l.value) == null ? void 0 : e.id) ? t.tags.flatMap((a) => {
-            const p = $[a];
-            return p ? [
+            const v = z[a];
+            return v ? [
               {
-                id: p.uid,
-                label: p.name
+                id: v.uid,
+                label: v.name
               }
             ] : [];
           }) : [];
         }
       )
     ), l = c(
-      r.metaData ? v.value.find(
+      r.metaData ? p.value.find(
         (t) => {
           var e, a;
           return t.id === ((e = r.metaData) == null ? void 0 : e.itemUid) || t.id === ((a = r.metaData) == null ? void 0 : a.parentUid);
         }
-      ) : v.value.find(
+      ) : p.value.find(
         (t) => {
           var e;
           return t.id === ((e = R.value) == null ? void 0 : e.uid);
@@ -64,7 +64,7 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
         var e, a;
         return t.label === ((a = (e = y.value) == null ? void 0 : e.tags) == null ? void 0 : a[0]);
       })
-    ), z = (t) => d.value = t, B = () => {
+    ), B = (t) => d.value = t, P = () => {
       var e;
       if (!o.value.trim()) {
         N("Please enter a name before creating a request.", "error");
@@ -83,24 +83,30 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
         },
         l.value.id
       );
-      t && M(`/workspace/${U.value.uid}/request/${t.uid}`), b("close");
+      t && M({
+        name: "request",
+        params: {
+          workspace: U.value.uid,
+          request: t.uid
+        }
+      }), b("close");
     };
     return (t, e) => (C(), h(L, {
       disabled: !o.value.trim(),
-      onSubmit: B
+      onSubmit: P
     }, {
       options: u(() => [
         f("div", G, [
-          i(E, {
+          i(H, {
             isEditable: !0,
             isSquare: "",
             method: d.value,
-            onChange: z
+            onChange: B
           }, null, 8, ["method"]),
           i(n(D), {
             modelValue: l.value,
             "onUpdate:modelValue": e[2] || (e[2] = (a) => l.value = a),
-            options: v.value
+            options: p.value
           }, {
             default: u(() => [
               i(n(k), {
@@ -109,8 +115,8 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
               }, {
                 default: u(() => [
                   f("span", {
-                    class: V(l.value ? "text-c-1" : "text-c-3")
-                  }, q(l.value ? l.value.label : "Select Collection"), 3),
+                    class: q(l.value ? "text-c-1" : "text-c-3")
+                  }, V(l.value ? l.value.label : "Select Collection"), 3),
                   i(n(w), {
                     class: "text-c-3",
                     icon: "ChevronDown",
@@ -135,8 +141,8 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
               }, {
                 default: u(() => [
                   f("span", {
-                    class: V(s.value ? "text-c-1" : "text-c-3")
-                  }, q(s.value ? s.value.label : "Select Tag"), 3),
+                    class: q(s.value ? "text-c-1" : "text-c-3")
+                  }, V(s.value ? s.value.label : "Select Tag"), 3),
                   i(n(w), {
                     class: "text-c-3",
                     icon: "ChevronDown",
@@ -147,11 +153,11 @@ const G = { class: "flex gap-2" }, le = /* @__PURE__ */ P({
               })
             ]),
             _: 1
-          }, 8, ["modelValue", "options"])) : W("", !0)
+          }, 8, ["modelValue", "options"])) : j("", !0)
         ])
       ]),
       submit: u(() => e[4] || (e[4] = [
-        j("Create Request")
+        E("Create Request")
       ])),
       default: u(() => [
         i(O, {

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteWorkspace.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteWorkspace.vue"],"names":[],"mappings":";;;;;;;AAwLA,wBAOG"}
+{"version":3,"file":"CommandPaletteWorkspace.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteWorkspace.vue"],"names":[],"mappings":";;;;;;;AAsMA,wBAOG"}

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

@@ -1,14 +1,14 @@
-import { defineComponent as i, ref as c, openBlock as d, createBlock as f, withCtx as s, createTextVNode as k, createVNode as b } from "vue";
-import { useToasts as _ } from "@scalar/use-toasts";
-import { useRouter as w } from "vue-router";
+import { defineComponent as c, ref as i, openBlock as d, createBlock as f, withCtx as s, createTextVNode as k, createVNode as b } from "vue";
+import { useToasts as w } from "@scalar/use-toasts";
+import { useRouter as _ } from "vue-router";
 import v from "./CommandActionForm.vue.js";
 import N from "./CommandActionInput.vue.js";
 import { useWorkspace as V } from "../../store/store.js";
-const T = /* @__PURE__ */ i({
+const $ = /* @__PURE__ */ c({
   __name: "CommandPaletteWorkspace",
   emits: ["close", "back"],
   setup(W, { emit: m }) {
-    const a = m, { push: n } = w(), { toast: l } = _(), { workspaceMutators: p } = V(), o = c(""), u = () => {
+    const t = m, { push: n } = _(), { toast: l } = w(), { workspaceMutators: p } = V(), o = i(""), u = () => {
       if (!o.value.trim()) {
         l("Please enter a name before creating a workspace.", "error");
         return;
@@ -16,7 +16,12 @@ const T = /* @__PURE__ */ i({
       const r = p.add({
         name: o.value
       });
-      n(`/workspace/${r.uid}`), a("close");
+      n({
+        name: "workspace",
+        params: {
+          workspace: r.uid
+        }
+      }), t("close");
     };
     return (r, e) => (d(), f(v, {
       disabled: !o.value.trim(),
@@ -28,10 +33,10 @@ const T = /* @__PURE__ */ i({
       default: s(() => [
         b(N, {
           modelValue: o.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (t) => o.value = t),
+          "onUpdate:modelValue": e[0] || (e[0] = (a) => o.value = a),
           label: "Workspace Name",
           placeholder: "Workspace Name",
-          onOnDelete: e[1] || (e[1] = (t) => a("back", t))
+          onOnDelete: e[1] || (e[1] = (a) => t("back", a))
         }, null, 8, ["modelValue"])
       ]),
       _: 1
@@ -39,5 +44,5 @@ const T = /* @__PURE__ */ i({
   }
 });
 export {
-  T as default
+  $ as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAwYA;;;;GAIG;;AACH,wBAydI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA8YA;;;;GAIG;;AACH,wBA+dI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}

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

@@ -1,9 +1,9 @@
 import o from "./TheCommandPalette.vue2.js";
-import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
+import { PaletteComponents as f } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-feffe6c9"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8de4d9e3"]]);
 export {
-  s as PaletteComponents,
-  r as default
+  f as PaletteComponents,
+  a as default
 };

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

@@ -73,12 +73,12 @@ const ve = {
           {
             name: "Add Environment",
             icon: "Brackets",
-            path: "/environment"
+            path: "environment"
           },
           {
             name: "Add Cookie",
             icon: "Cookie",
-            path: "/cookies"
+            path: "cookies"
           }
         ]
       },
@@ -87,10 +87,10 @@ const ve = {
         commands: se.map((e) => ({
           name: e.prettyName,
           icon: e.icon,
-          path: `/${e.name}`
+          path: `${e.name}.default`
         }))
       }
-    ], d = oe(), { push: W } = le(), { activeWorkspace: H, events: f } = fe(), x = i(), l = i(""), s = i(null), c = i(-1), $ = i([]), v = T(
+    ], d = oe(), { push: W } = le(), { activeWorkspace: H, events: f } = fe(), x = i(), l = i(""), s = i(null), c = i(-1), D = i([]), v = T(
       () => P.reduce((e, o) => {
         const t = o.commands.filter(
           (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
@@ -104,8 +104,13 @@ const ve = {
         var o;
         return (o = _.value) == null ? void 0 : o.focus();
       });
-    }, D = (e) => {
-      "path" in e ? (W(`/workspace/${H.value.uid}${e.path}`), h()) : s.value = e.name;
+    }, $ = (e) => {
+      "path" in e ? (W({
+        name: e.path,
+        params: {
+          workspace: H.value.uid
+        }
+      }), h()) : s.value = e.name;
     }, _ = i(), I = ({
       commandName: e,
       metaData: o
@@ -123,14 +128,14 @@ const ve = {
       if (!d.open) return;
       o.preventDefault();
       const t = e === "up" ? -1 : 1, n = v.value.length;
-      c.value = (c.value + t + n) % n, (C = $.value[c.value]) == null || C.scrollIntoView({
+      c.value = (c.value + t + n) % n, (C = D.value[c.value]) == null || C.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
     }, k = T(
       () => v.value[c.value]
     ), U = (e) => {
-      !k.value || s.value || (e.preventDefault(), e.stopPropagation(), D(k.value));
+      !k.value || s.value || (e.preventDefault(), e.stopPropagation(), $(k.value));
     }, L = (e) => {
       d.open && e != null && e.closeModal && h();
     };
@@ -216,12 +221,12 @@ const ve = {
                     key: n.name,
                     ref_for: !0,
                     ref: (b) => {
-                      b && ($.value[C] = b);
+                      b && (D.value[C] = b);
                     },
                     class: X(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
                       "bg-b-2": n.name === ((E = k.value) == null ? void 0 : E.name)
                     }]),
-                    onClick: (b) => D(n)
+                    onClick: (b) => $(n)
                   }, [
                     p(r(A), {
                       class: "text-c-2 mr-2.5",

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

@@ -1 +1 @@
-{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.vue"],"names":[],"mappings":"AA8BA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAA;IAC/B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAQF,iBAAS,cAAc;WAsDT,OAAO,IAA6B;;yBATrB,GAAG;yBACH,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.vue"],"names":[],"mappings":"AA8BA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAA;IAC/B,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC;AAQF,iBAAS,cAAc;WAqDT,OAAO,IAA6B;;yBATrB,GAAG;yBACH,GAAG;;;;EAa/B;AAQD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,6SAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -10,7 +10,7 @@ const i = {
   },
   setup(p) {
     return (o, u) => (e(), l("div", {
-      class: s(["border-1/2 rounded bg-b-1 md:mx-1", o.scroll ? "overflow-x-auto custom-scroll" : "overflow-visible"])
+      class: s(["border-1/2 rounded bg-b-1", o.scroll ? "overflow-x-auto custom-scroll" : "overflow-visible"])
     }, [
       n("table", {
         class: s(["grid auto-rows-auto min-h-8 mb-0", { "min-w-full w-max": o.scroll }]),

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

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAwYA,wBAMG"}
+{"version":3,"file":"EnvironmentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/EnvironmentSelector/EnvironmentSelector.vue"],"names":[],"mappings":";AAkZA,wBAMG"}

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -1,30 +1,35 @@
 import { defineComponent as y, computed as S, openBlock as c, createElementBlock as f, createVNode as n, unref as e, withCtx as r, Fragment as N, renderList as D, createBlock as v, withModifiers as h, createElementVNode as s, normalizeClass as w, createTextVNode as d, toDisplayString as x, createCommentVNode as j } from "vue";
-import { ScalarDropdown as z, ScalarDropdownItem as u, ScalarIcon as l, ScalarDropdownDivider as B, ScalarButton as I } from "@scalar/components";
+import { ScalarDropdown as z, ScalarDropdownItem as m, ScalarIcon as l, ScalarDropdownDivider as B, ScalarButton as I } from "@scalar/components";
 import { useRouter as V } from "vue-router";
 import { useWorkspace as M } from "../../store/store.js";
-const W = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap" }, $ = { class: "flex items-center justify-center h-4 w-4" }, A = /* @__PURE__ */ y({
+const W = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap" }, O = { class: "flex items-center justify-center h-4 w-4" }, A = /* @__PURE__ */ y({
   __name: "EnvironmentSelector",
-  setup(O) {
+  setup(R) {
     const {
-      environments: m,
+      environments: u,
       activeWorkspace: i,
       workspaceMutators: k,
       activeEnvironment: g,
       isReadOnly: C
     } = M(), E = V(), p = (a) => {
       k.edit(i.value.uid, "activeEnvironmentId", a);
-    }, _ = () => E.push(`/workspace/${i.value.uid}/environment`), b = S(() => [
+    }, _ = () => E.push({
+      name: "environment",
+      params: {
+        environment: i.value.uid
+      }
+    }), b = S(() => [
       // Always add the default environment
-      m.default,
-      ...Object.values(m).filter((a) => a.uid !== "default")
+      u.default,
+      ...Object.values(u).filter((a) => a.uid !== "default")
     ]);
     return (a, o) => (c(), f("div", null, [
       n(e(z), null, {
         items: r(() => [
-          (c(!0), f(N, null, D(b.value, (t) => (c(), v(e(u), {
+          (c(!0), f(N, null, D(b.value, (t) => (c(), v(e(m), {
             key: t.uid,
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-            onClick: h((R) => p(t.uid), ["stop"])
+            onClick: h(($) => p(t.uid), ["stop"])
           }, {
             default: r(() => [
               s("div", {
@@ -43,7 +48,7 @@ const W = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
-          n(e(u), {
+          n(e(m), {
             class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
             onClick: o[0] || (o[0] = h((t) => p(""), ["stop"]))
           }, {
@@ -65,13 +70,13 @@ const W = { class: "font-medium m-0 flex gap-1.5 items-center whitespace-nowrap"
             _: 1
           }),
           n(e(B)),
-          e(C) ? j("", !0) : (c(), v(e(u), {
+          e(C) ? j("", !0) : (c(), v(e(m), {
             key: 0,
             class: "flex items-center gap-1.5",
             onClick: _
           }, {
             default: r(() => [
-              s("div", $, [
+              s("div", O, [
                 n(e(l), {
                   icon: "Brackets",
                   size: "sm"

package/dist/components/ImportCollection/DropEventListener.vue.d.ts

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    input: (value: string) => any;
+    input: (value: string, integration: null, eventType: "drop") => any;
 }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onInput?: ((value: string) => any) | undefined;
+    onInput?: ((value: string, integration: null, eventType: "drop") => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=DropEventListener.vue.d.ts.map

package/dist/components/ImportCollection/DropEventListener.vue.js

@@ -7,26 +7,26 @@ const A = {
   __name: "DropEventListener",
   emits: ["input"],
   setup(B, { emit: v }) {
-    const d = v, r = y(!1);
+    const l = v, r = y(!1);
     let o = 0;
     x(() => {
       document.addEventListener("dragenter", m), document.addEventListener("dragleave", f), document.addEventListener("dragover", u), document.addEventListener("drop", c);
     }), h(() => {
       document.removeEventListener("dragenter", m), document.removeEventListener("dragover", u), document.removeEventListener("dragleave", f), document.removeEventListener("drop", c);
     });
-    function l(e) {
+    function d(e) {
       var t;
       return ((t = e.dataTransfer) == null ? void 0 : t.types.includes("text/html")) ?? !1;
     }
     async function c(e) {
-      if (e.preventDefault(), r.value = !1, o = 0, !l(e) && e.dataTransfer) {
+      if (e.preventDefault(), r.value = !1, o = 0, !d(e) && e.dataTransfer) {
         const t = e.dataTransfer.getData("text").replace(/^blob:/, "");
         if (t)
-          d("input", t);
+          l("input", t, null, "drop");
         else if (e.dataTransfer.files.length > 0) {
           const a = e.dataTransfer.files[0], n = new FileReader();
           n.onload = async (s) => {
-            s.target && typeof s.target.result == "string" && d("input", s.target.result);
+            s.target && typeof s.target.result == "string" && l("input", s.target.result, null, "drop");
           }, n.readAsText(a);
         }
       }
@@ -38,7 +38,7 @@ const A = {
       e.preventDefault(), o--, o === 0 && (r.value = !1);
     }
     function m(e) {
-      if (e.preventDefault(), o++, !l(e)) {
+      if (e.preventDefault(), o++, !d(e)) {
         if (e.dataTransfer) {
           const t = e.dataTransfer.items;
           for (let a = 0; a < t.length; a++) {

package/dist/components/ImportCollection/ImportCollectionListener.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImportCollectionListener.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionListener.vue"],"names":[],"mappings":"AA0FA,iBAAS,cAAc;WAqHT,OAAO,IAA6B;;yBARpB,GAAG;;;;EAahC;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ImportCollectionListener.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionListener.vue"],"names":[],"mappings":"AAqGA,iBAAS,cAAc;WAqHT,OAAO,IAA6B;;yBARpB,GAAG;;;;EAahC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ImportCollection/ImportCollectionListener.vue.js

@@ -1,32 +1,33 @@
-import { defineComponent as u, ref as i, openBlock as c, createElementBlock as m, Fragment as s, createVNode as n, renderSlot as p, nextTick as f } from "vue";
-import _ from "./DropEventListener.vue.js";
-import d from "./ImportCollectionModal.vue.js";
+import { defineComponent as m, ref as r, openBlock as s, createElementBlock as p, Fragment as f, createVNode as n, renderSlot as _, nextTick as v } from "vue";
+import d from "./DropEventListener.vue.js";
+import I from "./ImportCollectionModal.vue.js";
 /* empty css                           */
-import v from "./PasteEventListener.vue.js";
-import I from "./UrlQueryParameterChecker.vue.js";
-const B = /* @__PURE__ */ u({
+import y from "./PasteEventListener.vue.js";
+import $ from "./UrlQueryParameterChecker.vue.js";
+const C = /* @__PURE__ */ m({
   __name: "ImportCollectionListener",
-  setup($) {
-    const e = i(null), t = i(null);
-    async function a() {
-      e.value = null, t.value = null, await f();
+  setup(g) {
+    const e = r(null), t = r(null), o = r(null);
+    async function u() {
+      e.value = null, t.value = null, o.value = null, await v();
     }
-    async function o(r, l = null) {
-      await a(), e.value = r, t.value = l;
+    async function l(a, i = null, c) {
+      await u(), e.value = a, t.value = i, o.value = c;
     }
-    return (r, l) => (c(), m(s, null, [
-      n(d, {
+    return (a, i) => (s(), p(f, null, [
+      n(I, {
+        eventType: o.value,
         integration: t.value,
         source: e.value,
-        onImportFinished: a
-      }, null, 8, ["integration", "source"]),
-      n(v, { onInput: o }),
-      n(_, { onInput: o }),
-      n(I, { onInput: o }),
-      p(r.$slots, "default")
+        onImportFinished: u
+      }, null, 8, ["eventType", "integration", "source"]),
+      n(y, { onInput: l }),
+      n(d, { onInput: l }),
+      n($, { onInput: l }),
+      _(a.$slots, "default")
     ], 64));
   }
 });
 export {
-  B as default
+  C as default
 };

package/dist/components/ImportCollection/ImportCollectionModal.vue.d.ts

@@ -1,6 +1,7 @@
 type __VLS_Props = {
     source: string | null;
     integration: string | null;
+    eventType: 'drop' | 'paste' | 'query' | null;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     importFinished: () => any;