@scalar/api-reference 1.43.16 → 1.44.0

package/dist/components/AgentChat.vue.d.ts

@@ -0,0 +1,9 @@
+import { type ApiReferenceConfigurationWithSource } from '@scalar/types/api-reference';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+type __VLS_Props = {
+    agentConfig: ApiReferenceConfigurationWithSource['agent'];
+    workspaceStore: WorkspaceStore;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=AgentChat.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentChat.vue.d.ts","sourceRoot":"","sources":["../../src/components/AgentChat.vue"],"names":[],"mappings":"AA0BA,OAAO,EAAE,KAAK,mCAAmC,EAAE,MAAM,6BAA6B,CAAA;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAIpE,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,mCAAmC,CAAC,OAAO,CAAC,CAAA;IACzD,cAAc,EAAE,cAAc,CAAA;CAC/B,CAAC;;AAyDF,wBAMG"}

package/dist/components/AgentChat.vue.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./AgentChat.vue2.js";
+export {
+  _sfc_main as default
+};

package/dist/components/AgentChat.vue2.js

@@ -0,0 +1,26 @@
+import { defineComponent, createBlock, openBlock, unref } from "vue";
+import { Chat } from "@scalar/agent-chat";
+import { REGISTRY_URL, DASHBOARD_URL, API_BASE_URL } from "../consts/urls.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AgentChat",
+  props: {
+    agentConfig: {},
+    workspaceStore: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Chat), {
+        baseUrl: unref(API_BASE_URL),
+        dashboardUrl: unref(DASHBOARD_URL),
+        getActiveDocumentJson: () => __props.workspaceStore.exportActiveDocument("json"),
+        getAgentKey: __props.agentConfig?.key ? () => __props.agentConfig?.key : void 0,
+        mode: __props.agentConfig?.key ? "full" : "preview",
+        registryDocuments: [],
+        registryUrl: unref(REGISTRY_URL)
+      }, null, 8, ["baseUrl", "dashboardUrl", "getActiveDocumentJson", "getAgentKey", "mode", "registryUrl"]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/ApiReference.vue.d.ts

@@ -1,4 +1,5 @@
 import { type AnyApiReferenceConfiguration } from '@scalar/types/api-reference';
+import '@scalar/agent-chat/style.css';
 type __VLS_Props = {
     /**
      * Configuration for the API reference.

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

@@ -1 +1 @@
-{"version":3,"file":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue"],"names":[],"mappings":"AAuoCA,OAAO,EAEL,KAAK,4BAA4B,EAGlC,MAAM,6BAA6B,CAAA;AAqDpC,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,4BAA4B,CAAA;CAC7C,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,eAAe,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,aAAa,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,eAAe,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,aAAa,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,oBAAoB,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,MAAM,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAClC,CAAC;AA2rCF,QAAA,MAAM,eAAe;;;oPAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ApiReference.vue.d.ts","sourceRoot":"","sources":["../../src/components/ApiReference.vue"],"names":[],"mappings":"AAqyCA,OAAO,EAEL,KAAK,4BAA4B,EAGlC,MAAM,6BAA6B,CAAA;AA0BpC,OAAO,8BAA8B,CAAA;AAiCrC,KAAK,WAAW,GAAG;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,4BAA4B,CAAA;CAC7C,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,eAAe,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,aAAa,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,eAAe,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC1C,aAAa,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IACxC,oBAAoB,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;IAC/C,MAAM,CAAC,IAAI;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAClC,CAAC;AAu0CF,QAAA,MAAM,eAAe;;;oPAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ApiReference.vue.js

@@ -4,7 +4,7 @@ import _sfc_main from "./ApiReference.vue2.js";
 /* empty css                  */
 /* empty css                  */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const ApiReference = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-097f69f2"]]);
+const ApiReference = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d883a00"]]);
 export {
   ApiReference as default
 };

package/dist/components/ApiReference.vue2.js

@@ -1,10 +1,11 @@
-import { defineComponent, computed, ref, watch, useId, provide, onServerPrefetch, onBeforeMount, useTemplateRef, onMounted, onBeforeUnmount, createElementBlock, openBlock, createBlock, createElementVNode, createVNode, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, normalizeClass, createCommentVNode, unref, renderSlot, normalizeProps, guardReactiveProps, createSlots } from "vue";
+import { defineComponent, computed, ref, watch, useId, provide, onServerPrefetch, onBeforeMount, useTemplateRef, onMounted, onBeforeUnmount, defineAsyncComponent, createElementBlock, openBlock, createBlock, createElementVNode, createVNode, resolveDynamicComponent, withCtx, createTextVNode, toDisplayString, normalizeClass, withDirectives, createCommentVNode, unref, vShow, renderSlot, normalizeProps, guardReactiveProps, createSlots } from "vue";
 import { provideUseId } from "@headlessui/vue";
 import { OpenApiClientButton } from "@scalar/api-client/components";
 import { createApiClientModal } from "@scalar/api-client/v2/features/modal";
 import { getActiveEnvironment } from "@scalar/api-client/v2/helpers";
 import { addScalarClassesToHeadless, ScalarSidebarFooter, ScalarColorModeToggleButton, ScalarColorModeToggleIcon } from "@scalar/components";
 import { redirectToProxy } from "@scalar/helpers/url/redirect-to-proxy";
+import { ScalarIconX, ScalarIconSparkle } from "@scalar/icons";
 import { createSidebarState, ScalarSidebar } from "@scalar/sidebar";
 import { hasObtrusiveScrollbars, getThemeStyles } from "@scalar/themes";
 import { apiReferenceConfigurationSchema } from "@scalar/types/api-reference";
@@ -15,6 +16,9 @@ import { ScalarToasts } from "@scalar/use-toasts";
 import { createWorkspaceStore } from "@scalar/workspace-store/client";
 import { createWorkspaceEventBus } from "@scalar/workspace-store/events";
 import diff from "microdiff";
+import "@scalar/agent-chat/style.css";
+import { isLocalUrl } from "@scalar/helpers/url/is-local-url";
+import { useScrollLock } from "@vueuse/core";
 import ClassicHeader from "./ClassicHeader.vue.js";
 import _sfc_main$4 from "./Content/Content.vue.js";
 /* empty css                     */
@@ -36,13 +40,18 @@ import { PLUGIN_MANAGER_SYMBOL } from "../plugins/hooks/usePluginManager.js";
 import { createPluginManager } from "../plugins/plugin-manager.js";
 const _hoisted_1 = {
   key: 1,
-  class: "flex flex-col p-3 pt-1.5"
+  class: "agent-scalar"
 };
-const _hoisted_2 = { key: 1 };
-const _hoisted_3 = ["aria-label"];
-const _hoisted_4 = { class: "w-64 *:!p-0 empty:hidden" };
-const _hoisted_5 = {
+const _hoisted_2 = { class: "agent-scalar-container custom-scroll custom-scroll-self-contain-overflow" };
+const _hoisted_3 = {
   key: 1,
+  class: "flex gap-1.5 p-3 pt-1.5"
+};
+const _hoisted_4 = { key: 1 };
+const _hoisted_5 = ["aria-label"];
+const _hoisted_6 = { class: "w-64 empty:hidden" };
+const _hoisted_7 = {
+  key: 3,
   class: "references-footer"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -173,13 +182,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const itemsFromWorkspace = computed(() => {
       return Object.entries(workspaceStore.workspace.documents).map(
-        ([slug, document]) => ({
+        ([slug, document2]) => ({
           id: slug,
           type: "document",
-          description: document.info.description,
-          name: document.info.title ?? slug,
-          title: document.info.title ?? slug,
-          children: document?.["x-scalar-navigation"]?.children ?? []
+          description: document2.info.description,
+          name: document2.info.title ?? slug,
+          title: document2.info.title ?? slug,
+          children: document2?.["x-scalar-navigation"]?.children ?? []
         })
       );
     });
@@ -372,6 +381,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const documentUrl = computed(() => {
       return configList.value[activeSlug.value]?.source?.url;
     });
+    const showAgent = ref(false);
+    const agentEnabled = computed(() => {
+      if (isLocalUrl(window.location.href)) {
+        return true;
+      }
+      return Boolean(configList.value[activeSlug.value]?.agent);
+    });
     const modal = useTemplateRef("modal");
     const apiClient = ref(null);
     onMounted(() => {
@@ -408,12 +424,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         downloadDocument(result, activeSlug.value ?? "openapi");
         return;
       }
-      const document = workspaceStore.exportActiveDocument(format);
-      if (!document) {
+      const document2 = workspaceStore.exportActiveDocument(format);
+      if (!document2) {
         console.error("No document found to download");
         return;
       }
-      downloadDocument(document, activeSlug.value ?? "openapi", format);
+      downloadDocument(document2, activeSlug.value ?? "openapi", format);
     });
     const handleSelectItem = (id, caller) => {
       const item = sidebarState.getEntryById(id);
@@ -487,6 +503,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return mode;
     });
+    const AgentChat = defineAsyncComponent(async () => import("./AgentChat.vue.js"));
+    const bodyScrollLocked = useScrollLock(document.body);
+    watch(showAgent, () => {
+      bodyScrollLocked.value = showAgent.value;
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         (openBlock(), createBlock(resolveDynamicComponent("style"), null, {
@@ -509,12 +530,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _ctx.$attrs.class
           ]])
         }, [
-          mergedConfig.value.layout === "modern" ? (openBlock(), createBlock(_sfc_main$1, {
+          agentEnabled.value ? withDirectives((openBlock(), createElementBlock("div", {
             key: 0,
+            class: normalizeClass(["scalar-app-exit", showAgent.value ? "scalar-app-exit-animation" : ""]),
+            onClick: _cache[1] || (_cache[1] = ($event) => showAgent.value = false)
+          }, [
+            createElementVNode("button", {
+              class: "app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
+              type: "button",
+              onClick: _cache[0] || (_cache[0] = ($event) => unref(eventBus).emit("ui:close:client-modal"))
+            }, [
+              createVNode(unref(ScalarIconX), { weight: "bold" }),
+              _cache[8] || (_cache[8] = createElementVNode("span", { class: "sr-only" }, "Close Client", -1))
+            ])
+          ], 2)), [
+            [vShow, showAgent.value && agentEnabled.value]
+          ]) : createCommentVNode("", true),
+          agentEnabled.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(AgentChat), {
+                agentConfig: configList.value[activeSlug.value]?.agent,
+                workspaceStore: unref(workspaceStore)
+              }, null, 8, ["agentConfig", "workspaceStore"])
+            ])
+          ], 512)), [
+            [vShow, showAgent.value && agentEnabled.value]
+          ]) : createCommentVNode("", true),
+          mergedConfig.value.layout === "modern" ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 2,
             breadcrumb: breadcrumb.value,
             isSidebarOpen: isSidebarOpen.value,
             showSidebar: mergedConfig.value.showSidebar,
-            onToggleSidebar: _cache[2] || (_cache[2] = () => isSidebarOpen.value = !isSidebarOpen.value)
+            onToggleSidebar: _cache[5] || (_cache[5] = () => isSidebarOpen.value = !isSidebarOpen.value)
           }, {
             search: withCtx(() => [
               !mergedConfig.value.hideSearch ? (openBlock(), createBlock(_sfc_main$3, {
@@ -538,22 +585,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 layout: "reference",
                 options: mergedConfig.value,
                 role: "navigation",
-                onSelectItem: _cache[1] || (_cache[1] = (id) => handleSelectItem(id, "sidebar"))
+                onSelectItem: _cache[4] || (_cache[4] = (id) => handleSelectItem(id, "sidebar"))
               }, {
                 header: withCtx(() => [
                   documentOptionList.value.length > 1 ? (openBlock(), createBlock(_sfc_main$2, {
                     key: 0,
+                    class: "-mb-1 p-3 pb-0",
                     modelValue: activeSlug.value,
                     options: documentOptionList.value,
                     "onUpdate:modelValue": changeSelectedDocument
                   }, null, 8, ["modelValue", "options"])) : createCommentVNode("", true),
-                  !mergedConfig.value.hideSearch ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  !mergedConfig.value.hideSearch ? (openBlock(), createElementBlock("div", _hoisted_3, [
                     createVNode(_sfc_main$3, {
                       document: unref(workspaceStore).workspace.activeDocument,
                       eventBus: unref(eventBus),
                       hideModels: mergedConfig.value.hideModels,
                       searchHotKey: mergedConfig.value.searchHotKey
-                    }, null, 8, ["document", "eventBus", "hideModels", "searchHotKey"])
+                    }, null, 8, ["document", "eventBus", "hideModels", "searchHotKey"]),
+                    agentEnabled.value ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      class: "bg-sidebar-b-search text-sidebar-c-2 hover:text-sidebar-c-1 flex items-center gap-1.5 rounded border px-2 text-base whitespace-nowrap",
+                      type: "button",
+                      onClick: _cache[2] || (_cache[2] = ($event) => showAgent.value = !showAgent.value)
+                    }, [
+                      createVNode(unref(ScalarIconSparkle)),
+                      _cache[9] || (_cache[9] = createTextVNode(" Ask AI ", -1))
+                    ])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
                   renderSlot(_ctx.$slots, "sidebar-start", normalizeProps(guardReactiveProps(slotProps.value)), void 0, true)
                 ]),
@@ -564,8 +621,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         !mergedConfig.value.hideDarkModeToggle && !mergedConfig.value.forceDarkModeState ? (openBlock(), createBlock(unref(ScalarColorModeToggleButton), {
                           key: 0,
                           modelValue: colorMode.value === "dark",
-                          "onUpdate:modelValue": _cache[0] || (_cache[0] = () => unref(toggleColorMode)())
-                        }, null, 8, ["modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_2))
+                          "onUpdate:modelValue": _cache[3] || (_cache[3] = () => unref(toggleColorMode)())
+                        }, null, 8, ["modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_4))
                       ]),
                       default: withCtx(() => [
                         !mergedConfig.value.hideClientButton ? (openBlock(), createBlock(unref(OpenApiClientButton), {
@@ -604,7 +661,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 unref(workspaceStore).workspace.activeDocument && unref(mediaQueries).lg.value ? (openBlock(), createBlock(_sfc_main$5, {
                   key: 0,
                   overrides: configurationOverrides.value,
-                  "onUpdate:overrides": _cache[3] || (_cache[3] = ($event) => configurationOverrides.value = $event),
+                  "onUpdate:overrides": _cache[6] || (_cache[6] = ($event) => configurationOverrides.value = $event),
                   configuration: mergedConfig.value,
                   workspace: unref(workspaceStore)
                 }, null, 8, ["overrides", "configuration", "workspace"])) : createCommentVNode("", true),
@@ -620,11 +677,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       mode: colorMode.value,
                       style: { "transform": "scale(1.4)" },
                       variant: "icon",
-                      onClick: _cache[4] || (_cache[4] = () => unref(toggleColorMode)())
+                      onClick: _cache[7] || (_cache[7] = () => unref(toggleColorMode)())
                     }, null, 8, ["mode"])) : createCommentVNode("", true)
                   ]),
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_4, [
+                    createElementVNode("div", _hoisted_6, [
                       documentOptionList.value.length > 1 ? (openBlock(), createBlock(_sfc_main$2, {
                         key: 0,
                         modelValue: activeSlug.value,
@@ -658,8 +715,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: "0"
               } : void 0
             ]), 1032, ["document", "environment", "eventBus", "expandedItems", "headingSlugGenerator", "infoSectionId", "items", "options", "xScalarDefaultClient"])
-          ], 8, _hoisted_3),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          ], 8, _hoisted_5),
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_7, [
             renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(slotProps.value)), void 0, true)
           ])) : createCommentVNode("", true),
           createElementVNode("div", {

package/dist/components/LinkList/LinkList.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./LinkList.vue2.js";
 /* empty css              */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const LinkList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0939d4d9"]]);
+const LinkList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b59b0acf"]]);
 export {
   LinkList as default
 };

package/dist/components/LinkList/LinkList.vue2.js

@@ -36,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         ref_key: "containerRef",
         ref: containerRef,
-        class: normalizeClass([{ "icons-only": needsScroll.value }, "custom-scroll mb-3 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-xs whitespace-nowrap xl:mb-1.5"])
+        class: normalizeClass([{ "icons-only": needsScroll.value }, "custom-scroll mb-3 flex h-auto min-h-8 max-w-full items-center gap-2 overflow-x-auto text-base whitespace-nowrap xl:mb-1.5"])
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ], 2);

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

@@ -1 +1 @@
-{"version":3,"file":"MobileHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileHeader.vue"],"names":[],"mappings":"AAmFA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAC;AAQF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,IAAI,KAAK,CAAA;IACjB,OAAO,CAAC,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;IAClD,MAAM,CAAC,IAAI,KAAK,CAAA;CACjB,CAAC;AAkIF,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"MobileHeader.vue.d.ts","sourceRoot":"","sources":["../../src/components/MobileHeader.vue"],"names":[],"mappings":"AAsFA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,EAAE,OAAO,CAAA;CACrB,CAAC;AAQF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,IAAI,KAAK,CAAA;IACjB,OAAO,CAAC,CAAC,KAAK,EAAE;QAAE,cAAc,EAAE,MAAM,CAAA;KAAE,GAAG,KAAK,CAAA;IAClD,MAAM,CAAC,IAAI,KAAK,CAAA;CACjB,CAAC;AAqIF,QAAA,MAAM,eAAe;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/MobileHeader.vue.js

@@ -2,7 +2,7 @@ import { defineComponent, renderSlot, createElementBlock, unref, normalizeProps,
 import { cva, ScalarIconButton } from "@scalar/components";
 import { ScalarIconX, ScalarIconList } from "@scalar/icons";
 import { useBreakpoints } from "@scalar/use-hooks/useBreakpoints";
-const _hoisted_1 = { class: "flex h-[var(--scalar-header-height)] w-full items-center border-b bg-inherit px-2" };
+const _hoisted_1 = { class: "flex h-(--scalar-header-height) w-full items-center border-b bg-inherit px-2" };
 const _hoisted_2 = {
   key: 1,
   class: "flex-1 text-sm font-medium whitespace-nowrap"
@@ -20,10 +20,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { mediaQueries } = useBreakpoints();
     const variants = cva({
-      base: "items-center bg-b-1 sticky top-0 z-1000",
+      base: "items-center bg-b-1 sticky top-(--scalar-custom-header-height) z-10",
       variants: {
         open: {
-          true: "max-h-dvh h-dvh custom-scrollbar flex flex-col"
+          true: "h-(--refs-sidebar-height) custom-scrollbar flex flex-col"
         },
         lg: {
           true: "hidden [grid-area:header]"
@@ -31,7 +31,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return unref(mediaQueries).lg.value ? renderSlot(_ctx.$slots, "sidebar", normalizeProps(mergeProps({ key: 0 }, { sidebarClasses: "sticky top-0 h-dvh [grid-area:navigation]" }))) : (openBlock(), createElementBlock("div", {
+      return unref(mediaQueries).lg.value ? renderSlot(_ctx.$slots, "sidebar", normalizeProps(mergeProps({ key: 0 }, {
+        sidebarClasses: "sticky top-(--refs-header-height) h-(--refs-sidebar-height) [grid-area:navigation]"
+      }))) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: normalizeClass(["t-doc__header", unref(variants)({ open: __props.isSidebarOpen, lg: unref(mediaQueries).lg.value })])
       }, [

package/dist/consts/urls.d.ts

@@ -1,17 +1,13 @@
+/** Scalar registry base url */
+export declare const REGISTRY_URL: "https://registry.scalar.com";
 /** Registry URL where shared documents can be accessed */
 export declare const REGISTRY_SHARE_URL: "https://registry.scalar.com/share";
-/**
- * Scalar proxy service
- */
+/** Scalar proxy service */
 export declare const PROXY_URL: "https://proxy.scalar.com";
-/**
- * API endpoint for uploading temporary documents
- * TODO: Update to production URL once available
- */
+/** Scalar API base url */
+export declare const API_BASE_URL = "https://api.scalar.com";
+/** API endpoint for uploading temporary documents */
 export declare const UPLOAD_TEMP_API_URL: "https://api.scalar.com/core/share/upload/apis";
-/**
- * Editor preview URL for previewing a specific document
- * TODO: Update to production URL once available
- */
+export declare const DASHBOARD_URL: "https://dashboard.scalar.com";
 export declare const DASHBOARD_REGISTER_URL: "https://dashboard.scalar.com/register";
 //# sourceMappingURL=urls.d.ts.map

package/dist/consts/urls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"urls.d.ts","sourceRoot":"","sources":["../../src/consts/urls.ts"],"names":[],"mappings":"AAAA,0DAA0D;AAC1D,eAAO,MAAM,kBAAkB,EAAG,mCAA4C,CAAA;AAE9E;;GAEG;AACH,eAAO,MAAM,SAAS,EAAG,0BAAmC,CAAA;AAE5D;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAG,+CAAwD,CAAA;AAE3F;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAG,uCAAgD,CAAA"}
+{"version":3,"file":"urls.d.ts","sourceRoot":"","sources":["../../src/consts/urls.ts"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,eAAO,MAAM,YAAY,EAAG,6BAAsC,CAAA;AAElE,0DAA0D;AAC1D,eAAO,MAAM,kBAAkB,qCAAmC,CAAA;AAElE,2BAA2B;AAC3B,eAAO,MAAM,SAAS,EAAG,0BAAmC,CAAA;AAE5D,0BAA0B;AAC1B,eAAO,MAAM,YAAY,2BAA2B,CAAA;AAEpD,qDAAqD;AACrD,eAAO,MAAM,mBAAmB,iDAAoD,CAAA;AAEpF,eAAO,MAAM,aAAa,EAAG,8BAAuC,CAAA;AACpE,eAAO,MAAM,sBAAsB,yCAAuC,CAAA"}

package/dist/consts/urls.js

@@ -1,10 +1,16 @@
-const REGISTRY_SHARE_URL = "https://registry.scalar.com/share";
+const REGISTRY_URL = "https://registry.scalar.com";
+const REGISTRY_SHARE_URL = `${REGISTRY_URL}/share`;
 const PROXY_URL = "https://proxy.scalar.com";
-const UPLOAD_TEMP_API_URL = "https://api.scalar.com/core/share/upload/apis";
-const DASHBOARD_REGISTER_URL = "https://dashboard.scalar.com/register";
+const API_BASE_URL = "https://api.scalar.com";
+const UPLOAD_TEMP_API_URL = `${API_BASE_URL}/core/share/upload/apis`;
+const DASHBOARD_URL = "https://dashboard.scalar.com";
+const DASHBOARD_REGISTER_URL = `${DASHBOARD_URL}/register`;
 export {
+  API_BASE_URL,
   DASHBOARD_REGISTER_URL,
+  DASHBOARD_URL,
   PROXY_URL,
   REGISTRY_SHARE_URL,
+  REGISTRY_URL,
   UPLOAD_TEMP_API_URL
 };

package/dist/features/Operation/components/ContentTypeSelect.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContentTypeSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"names":[],"mappings":"AA8EA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAKnG,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,CAAA;CACrD,CAAC;AAwCF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;;;;;;AAkIF,wBAOG"}
+{"version":3,"file":"ContentTypeSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/ContentTypeSelect.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAKnG,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,SAAS,CAAA;CACrD,CAAC;AA0CF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;;;;;;AAqIF,wBAOG"}

package/dist/features/Operation/components/ContentTypeSelect.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent, mergeModels, useModel, computed, createBlock, createElementBlock, openBlock, unref, withModifiers, withCtx, createVNode, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, mergeModels, useModel, computed, createBlock, createElementBlock, openBlock, unref, withModifiers, withCtx, createVNode, mergeProps, createElementVNode, createTextVNode, toDisplayString, normalizeClass } from "vue";
 import { cva, ScalarListbox, ScalarButton } from "@scalar/components";
 import { ScalarIconCaretDown } from "@scalar/icons";
 import ScreenReader from "../../../components/ScreenReader.vue.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ inheritAttrs: false },
   __name: "ContentTypeSelect",
   props: /* @__PURE__ */ mergeModels({
     content: {}
@@ -29,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }));
     });
     const contentTypeSelect = cva({
-      base: "font-normal text-c-2 bg-b-2 py-0.75 flex cursor-pointer items-center gap-1 rounded-full text-xs",
+      base: "font-normal text-c-2 bg-b-2 py-1 flex cursor-pointer items-center gap-1 rounded-full text-xs leading-none",
       variants: {
         dropdown: {
           true: "border hover:text-c-1 pl-2 pr-1.5",
@@ -44,16 +45,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => selectedOption.value = $event),
         options: options.value,
         placement: "bottom-end",
+        teleport: "",
         onClick: _cache[2] || (_cache[2] = withModifiers(() => {
         }, ["stop"]))
       }, {
         default: withCtx(({ open }) => [
-          createVNode(unref(ScalarButton), {
-            class: normalizeClass(["h-fit", unref(contentTypeSelect)({ dropdown: true })]),
-            variant: "ghost",
+          createVNode(unref(ScalarButton), mergeProps({
+            class: ["h-fit", unref(contentTypeSelect)({ dropdown: true })],
+            variant: "ghost"
+          }, _ctx.$attrs, {
             onClick: _cache[0] || (_cache[0] = withModifiers(() => {
             }, ["stop"]))
-          }, {
+          }), {
             default: withCtx(() => [
               createVNode(ScreenReader, null, {
                 default: withCtx(() => [..._cache[3] || (_cache[3] = [
@@ -68,16 +71,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, null, 8, ["class"])
             ]),
             _: 2
-          }, 1032, ["class"])
+          }, 1040, ["class"])
         ]),
         _: 1
-      }, 8, ["modelValue", "options"])) : (openBlock(), createElementBlock("div", {
+      }, 8, ["modelValue", "options"])) : (openBlock(), createElementBlock("div", mergeProps({
         key: 1,
-        class: normalizeClass(["selected-content-type", unref(contentTypeSelect)({ dropdown: false })]),
-        tabindex: "0"
-      }, [
+        class: ["selected-content-type", unref(contentTypeSelect)({ dropdown: false })]
+      }, _ctx.$attrs, { tabindex: "0" }), [
         createElementVNode("span", null, toDisplayString(selectedContentType.value), 1)
-      ], 2));
+      ], 16));
     };
   }
 });

package/dist/features/Operation/components/ParameterListItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ParameterListItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/ParameterListItem.vue"],"names":[],"mappings":"AA2SA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAEf,MAAM,8DAA8D,CAAA;AAIrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAKxE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,eAAe,GAAG,cAAc,CAAA;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,EAAE,IAAI,CACX,cAAc,CAAC,SAAS,CAAC,EACzB,8BAA8B,GAAG,yBAAyB,CAC3D,CAAA;CACF,CAAC;;AA8UF,wBAMG"}
+{"version":3,"file":"ParameterListItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/components/ParameterListItem.vue"],"names":[],"mappings":"AAwSA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,eAAe,EACf,cAAc,EAEf,MAAM,8DAA8D,CAAA;AAIrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAKxE,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,eAAe,GAAG,cAAc,CAAA;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,EAAE,IAAI,CACX,cAAc,CAAC,SAAS,CAAC,EACzB,8BAA8B,GAAG,yBAAyB,CAC3D,CAAA;CACF,CAAC;;AA8VF,wBAMG"}

package/dist/features/Operation/components/ParameterListItem.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./ParameterListItem.vue2.js";
 /* empty css                       */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const ParameterListItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2b6dfab9"]]);
+const ParameterListItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c5dd25f2"]]);
 export {
   ParameterListItem as default
 };

package/dist/features/Operation/components/ParameterListItem.vue2.js

@@ -84,15 +84,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   value: __props.parameter.description
                 }, null, 8, ["value"])) : (openBlock(), createElementBlock("div", _hoisted_3)),
                 createElementVNode("div", {
-                  class: normalizeClass({
-                    "w-0 overflow-hidden group-focus-within/parameter-item:w-auto group-hover/parameter-item:w-auto": !open
-                  })
+                  class: normalizeClass(["absolute top-[calc(14px+0.5lh)] right-0 z-0 flex -translate-y-1/2 items-center", {
+                    "opacity-0 group-focus-within/parameter-item:opacity-100 group-hover/parameter-item:opacity-100": !open
+                  }])
                 }, [
+                  _cache[1] || (_cache[1] = createElementVNode("div", { class: "from-b-1 absolute inset-y-0 -left-6 -z-1 w-8 bg-linear-to-l from-40% to-transparent" }, null, -1)),
                   shouldCollapse.value && content.value ? (openBlock(), createBlock(_sfc_main$1, {
                     key: 0,
                     modelValue: selectedContentType.value,
                     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedContentType.value = $event),
-                    class: "",
                     content: content.value
                   }, null, 8, ["modelValue", "content"])) : createCommentVNode("", true)
                 ], 2)

package/dist/features/example-responses/ExampleResponses.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleResponses.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponses.vue"],"names":[],"mappings":"AAkYA,OAAO,KAAK,EAGV,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAUrE;;GAEG;AAEH,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAC;;AA+XF,wBAMG"}
+{"version":3,"file":"ExampleResponses.vue.d.ts","sourceRoot":"","sources":["../../../src/features/example-responses/ExampleResponses.vue"],"names":[],"mappings":"AAuXA,OAAO,KAAK,EAEV,eAAe,EAChB,MAAM,8DAA8D,CAAA;AAUrE;;GAEG;AAEH,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,eAAe,CAAA;CAC3B,CAAC;;AAmXF,wBAMG"}

package/dist/features/example-responses/ExampleResponses.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./ExampleResponses.vue2.js";
 /* empty css                      */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const ExampleResponses = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-97958459"]]);
+const ExampleResponses = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8ea26797"]]);
 export {
   ExampleResponses as default
 };

package/dist/features/example-responses/ExampleResponses.vue2.js

@@ -1,4 +1,5 @@
 import { defineComponent, useId, computed, ref, watch, toValue, createBlock, createCommentVNode, openBlock, unref, withCtx, createVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, withDirectives, createElementVNode, vModelCheckbox } from "vue";
+import { getExample } from "@scalar/api-client/v2/blocks/operation-block";
 import { getResolvedRefDeep, ExamplePicker } from "@scalar/api-client/v2/blocks/operation-code-sample";
 import { ScalarCard, ScalarIcon, ScalarCardSection, ScalarCodeBlock, ScalarCardFooter, ScalarMarkdown } from "@scalar/components";
 import { normalizeMimeTypeObject, getObjectKeys } from "@scalar/oas-utils/helpers";
@@ -65,21 +66,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const selectedExampleKey = ref(
       Object.keys(currentResponseContent.value?.examples ?? {})[0] ?? ""
     );
-    const getFirstResponseExample = () => {
-      const response = toValue(currentResponseContent);
-      if (!response) {
+    const currentExample = computed(() => {
+      if (!currentResponseContent.value) {
         return void 0;
       }
-      if (Array.isArray(response.examples)) {
-        return response.examples[0];
+      if (hasMultipleExamples.value && selectedExampleKey.value) {
+        return currentResponseContent.value.examples?.[selectedExampleKey.value];
       }
-      const firstExampleKey = Object.keys(response.examples ?? {})[0] ?? "";
-      const firstExample = response.examples?.[firstExampleKey];
-      return firstExample;
-    };
-    const currentExample = computed(
-      () => hasMultipleExamples.value && selectedExampleKey.value ? currentResponseContent.value?.examples?.[selectedExampleKey.value] : getFirstResponseExample()
-    );
+      return getExample(currentResponseContent.value, void 0, void 0);
+    });
     const changeTab = (index) => {
       selectedResponseIndex.value = index;
       selectedExampleKey.value = "";

package/dist/features/multiple-documents/DocumentSelector.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/features/multiple-documents/DocumentSelector.vue"],"names":[],"mappings":"AAiDA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;;;;;;AAoHF,wBAOG"}
+{"version":3,"file":"DocumentSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/features/multiple-documents/DocumentSelector.vue"],"names":[],"mappings":"AAqDA,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAC;;;;;;AAuHF,wBAOG"}

package/dist/features/multiple-documents/DocumentSelector.vue.js

@@ -1,15 +1,15 @@
-import { defineComponent, computed, createElementBlock, createCommentVNode, openBlock, createVNode, unref, withCtx, createElementVNode, toDisplayString } from "vue";
+import { defineComponent, computed, createElementBlock, createCommentVNode, openBlock, createVNode, unref, withCtx, createElementVNode, toDisplayString, normalizeClass } from "vue";
 import { ScalarListbox } from "@scalar/components";
-import { ScalarIconCaretUpDown } from "@scalar/icons";
+import { ScalarIconCaretDown } from "@scalar/icons";
 const _hoisted_1 = {
   key: 0,
-  class: "document-selector -mb-1 p-3 pb-0"
+  class: "document-selector p-3 pb-0"
 };
 const _hoisted_2 = {
-  class: "group/dropdown-label hover:bg-b-2 text-c-2 flex h-8 w-full cursor-pointer items-center rounded border px-2 py-1.75",
+  class: "group/dropdown-label text-c-2 hover:text-c-1 flex w-full cursor-pointer items-center gap-1 font-medium",
   type: "button"
 };
-const _hoisted_3 = { class: "text-c-1 overflow-hidden text-base text-ellipsis" };
+const _hoisted_3 = { class: "overflow-hidden text-base text-ellipsis" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DocumentSelector",
   props: {
@@ -34,10 +34,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           resize: "",
           "onUpdate:modelValue": _cache[0] || (_cache[0] = (e) => emit("update:modelValue", e.id))
         }, {
-          default: withCtx(() => [
+          default: withCtx(({ open }) => [
             createElementVNode("button", _hoisted_2, [
-              createVNode(unref(ScalarIconCaretUpDown), { class: "mr-1 size-4 text-current" }),
-              createElementVNode("span", _hoisted_3, toDisplayString(selected.value?.label || "Select API"), 1)
+              createElementVNode("span", _hoisted_3, toDisplayString(selected.value?.label || "Select API"), 1),
+              createVNode(unref(ScalarIconCaretDown), {
+                class: normalizeClass(["size-3 text-current transition-transform", { "rotate-180": open }]),
+                weight: "bold"
+              }, null, 8, ["class"])
             ])
           ]),
           _: 1