@scalar/api-reference 1.44.3 → 1.44.4

package/dist/components/AgentScalar/AgentScalarButton.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=AgentScalarButton.vue.d.ts.map

package/dist/components/AgentScalar/AgentScalarButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentScalarButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/AgentScalarButton.vue"],"names":[],"mappings":";AA8EA,wBAKG"}

package/dist/components/AgentScalar/AgentScalarButton.vue.js

@@ -0,0 +1,22 @@
+import { defineComponent, createElementBlock, openBlock, unref, createVNode, createTextVNode } from "vue";
+import { ScalarIconSparkle } from "@scalar/icons";
+import { useAgentContext } from "../../hooks/use-agent.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AgentScalarButton",
+  setup(__props) {
+    const agentContext = useAgentContext();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        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[0] || (_cache[0] = ($event) => unref(agentContext)?.openAgent())
+      }, [
+        createVNode(unref(ScalarIconSparkle)),
+        _cache[1] || (_cache[1] = createTextVNode(" Ask AI ", -1))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/AgentScalar/AgentScalarButton.vue2.js

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

package/dist/components/{AgentChat.vue.d.ts → AgentScalar/AgentScalarChatInterface.vue.d.ts}

@@ -1,9 +1,11 @@
 import { type ApiReferenceConfigurationWithSource } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { Ref } from 'vue';
 type __VLS_Props = {
-    agentConfig: ApiReferenceConfigurationWithSource['agent'];
+    agentScalarConfiguration: ApiReferenceConfigurationWithSource['agent'];
     workspaceStore: WorkspaceStore;
+    prefilledMessage?: Ref<string>;
 };
 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
+//# sourceMappingURL=AgentScalarChatInterface.vue.d.ts.map

package/dist/components/AgentScalar/AgentScalarChatInterface.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentScalarChatInterface.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/AgentScalarChatInterface.vue"],"names":[],"mappings":"AAkCA,OAAO,EAAE,KAAK,mCAAmC,EAAE,MAAM,6BAA6B,CAAA;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAI9B,KAAK,WAAW,GAAG;IACf,wBAAwB,EAAE,mCAAmC,CAAC,OAAO,CAAC,CAAA;IACtE,cAAc,EAAE,cAAc,CAAA;IAC9B,gBAAgB,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;CAC/B,CAAC;;AAoEJ,wBAMG"}

package/dist/components/AgentScalar/AgentScalarChatInterface.vue.js

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

package/dist/components/{AgentChat.vue2.js → AgentScalar/AgentScalarChatInterface.vue2.js}

@@ -1,11 +1,12 @@
 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";
+import { REGISTRY_URL, DASHBOARD_URL, API_BASE_URL } from "../../consts/urls.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AgentChat",
+  __name: "AgentScalarChatInterface",
   props: {
-    agentConfig: {},
-    workspaceStore: {}
+    agentScalarConfiguration: {},
+    workspaceStore: {},
+    prefilledMessage: {}
   },
   setup(__props) {
     return (_ctx, _cache) => {
@@ -13,11 +14,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         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",
+        getAgentKey: __props.agentScalarConfiguration?.key ? () => __props.agentScalarConfiguration?.key ?? "" : void 0,
+        mode: __props.agentScalarConfiguration?.key ? "full" : "preview",
+        prefilledMessage: __props.prefilledMessage,
         registryDocuments: [],
         registryUrl: unref(REGISTRY_URL)
-      }, null, 8, ["baseUrl", "dashboardUrl", "getActiveDocumentJson", "getAgentKey", "mode", "registryUrl"]);
+      }, null, 8, ["baseUrl", "dashboardUrl", "getActiveDocumentJson", "getAgentKey", "mode", "prefilledMessage", "registryUrl"]);
     };
   }
 });

package/dist/components/AgentScalar/AgentScalarDrawer.vue.d.ts

@@ -0,0 +1,12 @@
+import '@scalar/agent-chat/style.css';
+import type { ApiReferenceConfigurationWithSource } from '@scalar/types/api-reference';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+type __VLS_Props = {
+    agentScalarConfiguration: ApiReferenceConfigurationWithSource['agent'];
+    workspaceStore: WorkspaceStore;
+    eventBus: WorkspaceEventBus;
+};
+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=AgentScalarDrawer.vue.d.ts.map

package/dist/components/AgentScalar/AgentScalarDrawer.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentScalarDrawer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/AgentScalarDrawer.vue"],"names":[],"mappings":"AAmJA,OAAO,8BAA8B,CAAA;AAErC,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,6BAA6B,CAAA;AACtF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAIvE,KAAK,WAAW,GAAG;IACjB,wBAAwB,EAAE,mCAAmC,CAAC,OAAO,CAAC,CAAA;IACtE,cAAc,EAAE,cAAc,CAAA;IAC9B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,CAAC;;AA+GF,wBAMG"}

package/dist/components/AgentScalar/AgentScalarDrawer.vue.js

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

package/dist/components/AgentScalar/AgentScalarDrawer.vue2.js

@@ -0,0 +1,53 @@
+import { defineComponent, defineAsyncComponent, createElementBlock, openBlock, Fragment, withDirectives, createElementVNode, unref, normalizeClass, createVNode, vShow } from "vue";
+import { ScalarIconX } from "@scalar/icons";
+import "@scalar/agent-chat/style.css";
+import { useAgentContext } from "../../hooks/use-agent.js";
+const _hoisted_1 = {
+  class: "app-exit-button zoomed:static zoomed:p-1 fixed top-2 right-2 rounded-full p-2",
+  type: "button"
+};
+const _hoisted_2 = { class: "agent-scalar" };
+const _hoisted_3 = { class: "agent-scalar-container custom-scroll custom-scroll-self-contain-overflow" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AgentScalarDrawer",
+  props: {
+    agentScalarConfiguration: {},
+    workspaceStore: {},
+    eventBus: {}
+  },
+  setup(__props) {
+    const agentContext = useAgentContext();
+    const AgentScalarChatInterface = defineAsyncComponent(
+      async () => import("./AgentScalarChatInterface.vue.js")
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(["scalar-app-exit", unref(agentContext)?.showAgent.value ? "scalar-app-exit-animation" : ""]),
+          onClick: _cache[0] || (_cache[0] = ($event) => unref(agentContext)?.closeAgent())
+        }, [
+          createElementVNode("button", _hoisted_1, [
+            createVNode(unref(ScalarIconX), { weight: "bold" }),
+            _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close Client", -1))
+          ])
+        ], 2), [
+          [vShow, unref(agentContext)?.showAgent.value]
+        ]),
+        withDirectives(createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(unref(AgentScalarChatInterface), {
+              agentScalarConfiguration: __props.agentScalarConfiguration,
+              prefilledMessage: unref(agentContext)?.prefilledMessage,
+              workspaceStore: __props.workspaceStore
+            }, null, 8, ["agentScalarConfiguration", "prefilledMessage", "workspaceStore"])
+          ])
+        ], 512), [
+          [vShow, unref(agentContext)?.showAgent.value]
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/AgentScalar/AgentScalarTooltip.vue.d.ts

@@ -0,0 +1,19 @@
+import type { ApiReferenceConfigurationWithSource } from '@scalar/types/api-reference';
+type __VLS_Props = {
+    agentScalarConfiguration: ApiReferenceConfigurationWithSource['agent'] | undefined;
+};
+declare var __VLS_5: {}, __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: 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>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=AgentScalarTooltip.vue.d.ts.map

package/dist/components/AgentScalar/AgentScalarTooltip.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentScalarTooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/AgentScalarTooltip.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,6BAA6B,CAAA;AAGtF,KAAK,WAAW,GAAG;IACjB,wBAAwB,EACpB,mCAAmC,CAAC,OAAO,CAAC,GAC5C,SAAS,CAAA;CACd,CAAC;AAgDF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe,kSAMnB,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/AgentScalar/AgentScalarTooltip.vue.js

@@ -0,0 +1,35 @@
+import { defineComponent, computed, createBlock, renderSlot, openBlock, unref, withCtx } from "vue";
+import { ScalarTooltip } from "@scalar/components";
+import { isLocalUrl } from "@scalar/helpers/url/is-local-url";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AgentScalarTooltip",
+  props: {
+    agentScalarConfiguration: {}
+  },
+  setup(__props) {
+    const content = computed(() => {
+      if (typeof window !== "undefined" && !isLocalUrl(window.location.href)) {
+        return void 0;
+      }
+      if (__props.agentScalarConfiguration?.key) {
+        return void 0;
+      }
+      return "Available in development only.";
+    });
+    return (_ctx, _cache) => {
+      return content.value ? (openBlock(), createBlock(unref(ScalarTooltip), {
+        key: 0,
+        content: content.value,
+        placement: "bottom"
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["content"])) : renderSlot(_ctx.$slots, "default", { key: 1 });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/AgentScalar/AgentScalarTooltip.vue2.js

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

package/dist/components/AgentScalar/index.d.ts

@@ -0,0 +1,4 @@
+export { default as AgentScalarButton } from './AgentScalarButton.vue.js';
+export { default as AgentScalarDrawer } from './AgentScalarDrawer.vue.js';
+export { default as AgentScalarTooltip } from './AgentScalarTooltip.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/AgentScalar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AgentScalar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AACtE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAA"}

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":"AAszCA,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;AAy0CF,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":"AAysCA,OAAO,EAEL,KAAK,4BAA4B,EAGlC,MAAM,6BAA6B,CAAA;AAgCpC,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;AAqwCF,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-8e55af28"]]);
+const ApiReference = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2f5a1843"]]);
 export {
   ApiReference as default
 };

package/dist/components/ApiReference.vue2.js

@@ -1,11 +1,10 @@
-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 { 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 { 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";
@@ -16,16 +15,17 @@ 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 { useAgent, AGENT_CONTEXT_SYMBOL } from "../hooks/use-agent.js";
 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";
+import _sfc_main$6 from "./Content/Content.vue.js";
 /* empty css                     */
 import _sfc_main$1 from "./MobileHeader.vue.js";
 import _sfc_main$2 from "../features/multiple-documents/DocumentSelector.vue.js";
 import _sfc_main$3 from "../features/Search/components/SearchButton.vue.js";
-import _sfc_main$5 from "../features/toolbar/ApiReferenceToolbar.vue.js";
+import _sfc_main$7 from "../features/toolbar/ApiReferenceToolbar.vue.js";
 import { getSystemModePreference } from "../helpers/color-mode.js";
 import { downloadDocument } from "../helpers/download.js";
 import { getIdFromUrl, makeUrlFromId } from "../helpers/id-routing.js";
@@ -38,20 +38,18 @@ import { useIntersection } from "../hooks/use-intersection.js";
 import { persistencePlugin } from "../plugins/persistance-plugin.js";
 import { PLUGIN_MANAGER_SYMBOL } from "../plugins/hooks/usePluginManager.js";
 import { createPluginManager } from "../plugins/plugin-manager.js";
+import AgentScalarDrawer from "./AgentScalar/AgentScalarDrawer.vue.js";
+import _sfc_main$4 from "./AgentScalar/AgentScalarTooltip.vue.js";
+import _sfc_main$5 from "./AgentScalar/AgentScalarButton.vue.js";
 const _hoisted_1 = {
-  key: 1,
-  class: "agent-scalar"
-};
-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,
+const _hoisted_2 = { key: 1 };
+const _hoisted_3 = ["aria-label"];
+const _hoisted_4 = { class: "w-64 empty:hidden" };
+const _hoisted_5 = {
+  key: 2,
   class: "references-footer"
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -381,13 +379,19 @@ 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 agent = useAgent({
+      agentEnabled: computed(() => {
+        const currentConfiguration = configList.value[activeSlug.value];
+        if (currentConfiguration?.agent?.disabled) {
+          return false;
+        }
+        if (typeof window !== "undefined" && isLocalUrl(window.location.href)) {
+          return true;
+        }
+        return Boolean(configList.value[activeSlug.value]?.agent?.key);
+      })
     });
+    provide(AGENT_CONTEXT_SYMBOL, agent);
     const modal = useTemplateRef("modal");
     const apiClient = ref(null);
     onMounted(() => {
@@ -503,11 +507,8 @@ 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;
-    });
+    watch(agent.showAgent, () => bodyScrollLocked.value = agent.showAgent.value);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
         (openBlock(), createBlock(resolveDynamicComponent("style"), null, {
@@ -530,38 +531,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             _ctx.$attrs.class
           ]])
         }, [
-          agentEnabled.value ? withDirectives((openBlock(), createElementBlock("div", {
+          unref(agent).agentEnabled ? (openBlock(), createBlock(unref(AgentScalarDrawer), {
             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),
+            agentScalarConfiguration: configList.value[activeSlug.value]?.agent,
+            eventBus: unref(eventBus),
+            workspaceStore: unref(workspaceStore)
+          }, null, 8, ["agentScalarConfiguration", "eventBus", "workspaceStore"])) : createCommentVNode("", true),
           mergedConfig.value.layout === "modern" ? (openBlock(), createBlock(_sfc_main$1, {
-            key: 2,
+            key: 1,
             breadcrumb: breadcrumb.value,
             isSidebarOpen: isSidebarOpen.value,
             showSidebar: mergedConfig.value.showSidebar,
-            onToggleSidebar: _cache[5] || (_cache[5] = () => isSidebarOpen.value = !isSidebarOpen.value)
+            onToggleSidebar: _cache[2] || (_cache[2] = () => isSidebarOpen.value = !isSidebarOpen.value)
           }, {
             search: withCtx(() => [
               !mergedConfig.value.hideSearch ? (openBlock(), createBlock(_sfc_main$3, {
@@ -585,7 +566,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 layout: "reference",
                 options: mergedConfig.value,
                 role: "navigation",
-                onSelectItem: _cache[4] || (_cache[4] = (id) => handleSelectItem(id, "sidebar"))
+                onSelectItem: _cache[1] || (_cache[1] = (id) => handleSelectItem(id, "sidebar"))
               }, {
                 header: withCtx(() => [
                   documentOptionList.value.length > 1 ? (openBlock(), createBlock(_sfc_main$2, {
@@ -595,22 +576,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     options: documentOptionList.value,
                     "onUpdate:modelValue": changeSelectedDocument
                   }, null, 8, ["modelValue", "options"])) : createCommentVNode("", true),
-                  !mergedConfig.value.hideSearch ? (openBlock(), createElementBlock("div", _hoisted_3, [
+                  !mergedConfig.value.hideSearch ? (openBlock(), createElementBlock("div", _hoisted_1, [
                     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"]),
-                    agentEnabled.value ? (openBlock(), createElementBlock("button", {
+                    unref(agent).agentEnabled ? (openBlock(), createBlock(unref(_sfc_main$4), {
                       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)
+                      agentScalarConfiguration: configList.value[activeSlug.value]?.agent
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(_sfc_main$5))
+                      ]),
+                      _: 1
+                    }, 8, ["agentScalarConfiguration"])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true),
                   renderSlot(_ctx.$slots, "sidebar-start", normalizeProps(guardReactiveProps(slotProps.value)), void 0, true)
                 ]),
@@ -621,8 +602,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[3] || (_cache[3] = () => unref(toggleColorMode)())
-                        }, null, 8, ["modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_4))
+                          "onUpdate:modelValue": _cache[0] || (_cache[0] = () => unref(toggleColorMode)())
+                        }, null, 8, ["modelValue"])) : (openBlock(), createElementBlock("span", _hoisted_2))
                       ]),
                       default: withCtx(() => [
                         !mergedConfig.value.hideClientButton ? (openBlock(), createBlock(unref(OpenApiClientButton), {
@@ -646,7 +627,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             "aria-label": `Open API Documentation for ${unref(workspaceStore).workspace.activeDocument?.info?.title}`,
             class: "references-rendered"
           }, [
-            createVNode(_sfc_main$4, {
+            createVNode(_sfc_main$6, {
               document: unref(workspaceStore).workspace.activeDocument,
               environment: environment.value,
               eventBus: unref(eventBus),
@@ -658,10 +639,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               xScalarDefaultClient: unref(workspaceStore).workspace["x-scalar-default-client"]
             }, createSlots({
               start: withCtx(() => [
-                unref(workspaceStore).workspace.activeDocument && unref(mediaQueries).lg.value ? (openBlock(), createBlock(_sfc_main$5, {
+                unref(workspaceStore).workspace.activeDocument && unref(mediaQueries).lg.value ? (openBlock(), createBlock(_sfc_main$7, {
                   key: 0,
                   overrides: configurationOverrides.value,
-                  "onUpdate:overrides": _cache[6] || (_cache[6] = ($event) => configurationOverrides.value = $event),
+                  "onUpdate:overrides": _cache[3] || (_cache[3] = ($event) => configurationOverrides.value = $event),
                   configuration: mergedConfig.value,
                   workspace: unref(workspaceStore)
                 }, null, 8, ["overrides", "configuration", "workspace"])) : createCommentVNode("", true),
@@ -677,11 +658,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       mode: colorMode.value,
                       style: { "transform": "scale(1.4)" },
                       variant: "icon",
-                      onClick: _cache[7] || (_cache[7] = () => unref(toggleColorMode)())
+                      onClick: _cache[4] || (_cache[4] = () => unref(toggleColorMode)())
                     }, null, 8, ["mode"])) : createCommentVNode("", true)
                   ]),
                   default: withCtx(() => [
-                    createElementVNode("div", _hoisted_6, [
+                    createElementVNode("div", _hoisted_4, [
                       documentOptionList.value.length > 1 ? (openBlock(), createBlock(_sfc_main$2, {
                         key: 0,
                         modelValue: activeSlug.value,
@@ -715,8 +696,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 key: "0"
               } : void 0
             ]), 1032, ["document", "environment", "eventBus", "expandedItems", "headingSlugGenerator", "infoSectionId", "items", "options", "xScalarDefaultClient"])
-          ], 8, _hoisted_5),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_7, [
+          ], 8, _hoisted_3),
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [
             renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps(slotProps.value)), void 0, true)
           ])) : createCommentVNode("", true),
           createElementVNode("div", {

package/dist/components/MobileHeader.vue.js

@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const { mediaQueries } = useBreakpoints();
     const variants = cva({
-      base: "items-center bg-b-1 sticky top-(--scalar-custom-header-height) z-10",
+      base: "items-center bg-b-1 sticky top-(--scalar-custom-header-height,0) z-10",
       variants: {
         open: {
           true: "h-(--refs-sidebar-height) custom-scrollbar flex flex-col"
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       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]"
+        sidebarClasses: "sticky top-(--refs-header-height) h-(--refs-sidebar-height) w-(--refs-sidebar-width) [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/features/Operation/layouts/ModernLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ModernLayout.vue"],"names":[],"mappings":"AAyPA,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAoBrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAMxE,KAAK,WAAW,GAAG,IAAI,CACnB,cAAc,EACd,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,iBAAiB,CACxE,GAAG;IACF,wCAAwC;IACxC,SAAS,EAAE,eAAe,CAAA;IAC1B,4CAA4C;IAC5C,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,sDAAsD;IACtD,uBAAuB,EAAE,oBAAoB,EAAE,CAAA;CAChD,CAAC;;AAufJ,wBAMG"}
+{"version":3,"file":"ModernLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ModernLayout.vue"],"names":[],"mappings":"AA2PA,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,EACb,MAAM,8DAA8D,CAAA;AAqBrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AAMxE,KAAK,WAAW,GAAG,IAAI,CACnB,cAAc,EACd,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,iBAAiB,CACxE,GAAG;IACF,wCAAwC;IACxC,SAAS,EAAE,eAAe,CAAA;IAC1B,4CAA4C;IAC5C,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,sDAAsD;IACtD,uBAAuB,EAAE,oBAAoB,EAAE,CAAA;CAChD,CAAC;;AA8fJ,wBAMG"}

package/dist/features/Operation/layouts/ModernLayout.vue.js

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

package/dist/features/Operation/layouts/ModernLayout.vue2.js

@@ -5,6 +5,7 @@ import { ScalarIconWebhooksLogo } from "@scalar/icons";
 import { getOperationStability, getOperationStabilityColor, isOperationDeprecated } from "@scalar/oas-utils/helpers";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
 import OperationPath from "../../../components/OperationPath.vue.js";
+import AskAgentButton from "../../ask-agent-button/AskAgentButton.vue.js";
 import _sfc_main$6 from "../components/callbacks/Callbacks.vue.js";
 import _sfc_main$4 from "../components/OperationParameters.vue.js";
 import _sfc_main$5 from "../components/OperationResponses.vue.js";
@@ -205,6 +206,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               !__props.isWebhook ? {
                                 name: "footer",
                                 fn: withCtx(() => [
+                                  createVNode(AskAgentButton),
                                   !__props.options.hideTestRequestButton ? (openBlock(), createBlock(unref(TestRequestButton), {
                                     key: 0,
                                     id: __props.id,

package/dist/features/ask-agent-button/AskAgentButton.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=AskAgentButton.vue.d.ts.map

package/dist/features/ask-agent-button/AskAgentButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AskAgentButton.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ask-agent-button/AskAgentButton.vue"],"names":[],"mappings":";AAgPA,wBAKG"}

package/dist/features/ask-agent-button/AskAgentButton.vue.js

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