@scalar/agent-chat 0.9.11 → 0.9.13

package/dist/App.vue.d.ts

@@ -1,6 +1,6 @@
 import { type Ref } from 'vue';
-import { type RegistryDocument } from '@/state/state';
-import { type ChatMode } from '@/types';
+import { type RegistryDocument } from './state/state.js';
+import { type ChatMode } from './types';
 type __VLS_Props = {
     registryDocuments: RegistryDocument[];
     registryUrl: string;
@@ -16,7 +16,7 @@ type __VLS_Props = {
 };
 declare const state: {
     prompt: Ref<string>;
-    chat: import("@ai-sdk/vue").Chat<import("ai").UIMessage<unknown, import("ai").UIDataTypes, import("@/state/state").Tools>>;
+    chat: import("@ai-sdk/vue").Chat<import("ai").UIMessage<unknown, import("ai").UIDataTypes, import("./state/state.js").Tools>>;
     workspaceStore: import("@scalar/workspace-store/client").WorkspaceStore;
     loading: import("vue").ComputedRef<boolean>;
     settingsModal: import("@scalar/components").ModalState;
@@ -28,7 +28,7 @@ declare const state: {
     dashboardUrl: string;
     baseUrl: string;
     isLoggedIn?: Ref<boolean>;
-    registryDocuments: Ref<import("./entities").ApiMetadata[]>;
+    registryDocuments: Ref<import("./entities/index.js").ApiMetadata[]>;
     pendingDocuments: Record<string, boolean>;
     mode: ChatMode;
     terms: {
@@ -52,9 +52,9 @@ declare const state: {
     }) => void;
     getAccessToken?: () => string;
     getAgentKey?: () => string;
-    api: import("./api").Api;
+    api: import("./api.js").Api;
     uploadedTmpDocumentUrl: Ref<string | undefined>;
-    curatedDocuments: Ref<import("./entities").ApiMetadata[]>;
+    curatedDocuments: Ref<import("./entities/index.js").ApiMetadata[]>;
     getActiveDocumentJson?: () => string;
     hideAddApi?: boolean;
 };

package/dist/App.vue.js

@@ -0,0 +1,7 @@
+import e from "./App.vue.script.js";
+//#region src/App.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=App.vue.js.map

package/dist/App.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.vue.js","names":[],"sources":["../src/App.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { provide, type Ref } from 'vue'\n\nimport Chat from '@/Chat.vue'\nimport { createState, STATE_SYMBOL, type RegistryDocument } from '@/state/state'\nimport { type ChatMode } from '@/types'\n\nconst {\n  dashboardUrl,\n  registryDocuments,\n  registryUrl,\n  baseUrl,\n  mode = 'full',\n  getAccessToken,\n  getAgentKey,\n  getActiveDocumentJson,\n  isLoggedIn,\n  prefilledMessage,\n  hideAddApi,\n} = defineProps<{\n  registryDocuments: RegistryDocument[]\n  registryUrl: string\n  dashboardUrl: string\n  baseUrl: string\n  mode?: ChatMode\n  getAccessToken?: () => string\n  getAgentKey?: () => string\n  getActiveDocumentJson?: () => string\n  isLoggedIn?: Ref<boolean>\n  prefilledMessage?: Ref<string>\n  hideAddApi?: boolean\n}>()\n\ndefineEmits<{\n  (e: 'uploadApi'): void\n}>()\n\nconst state = createState({\n  getActiveDocumentJson,\n  initialRegistryDocuments: registryDocuments,\n  prefilledMessageRef: prefilledMessage,\n  registryUrl,\n  baseUrl,\n  mode,\n  getAccessToken,\n  getAgentKey,\n  isLoggedIn,\n  dashboardUrl,\n  hideAddApi,\n})\n\nprovide(STATE_SYMBOL, state)\n\nexport type ChatExposed = {\n  addDocumentAsync: typeof state.addDocumentAsync\n}\n\ndefineExpose<ChatExposed>({\n  addDocumentAsync: state.addDocumentAsync,\n})\n</script>\n\n<template>\n  <Chat @uploadApi=\"$emit('uploadApi')\" />\n</template>\n\n<style scoped></style>\n"],"mappings":""}

package/dist/App.vue.script.js

@@ -0,0 +1,41 @@
+import { STATE_SYMBOL as e, createState as t } from "./state/state.js";
+import n from "./Chat.vue.js";
+import { createBlock as r, defineComponent as i, openBlock as a, provide as o } from "vue";
+//#region src/App.vue?vue&type=script&setup=true&lang.ts
+var s = /* @__PURE__ */ i({
+	__name: "App",
+	props: {
+		registryDocuments: {},
+		registryUrl: {},
+		dashboardUrl: {},
+		baseUrl: {},
+		mode: { default: "full" },
+		getAccessToken: { type: Function },
+		getAgentKey: { type: Function },
+		getActiveDocumentJson: { type: Function },
+		isLoggedIn: {},
+		prefilledMessage: {},
+		hideAddApi: { type: Boolean }
+	},
+	emits: ["uploadApi"],
+	setup(i, { expose: s }) {
+		let c = t({
+			getActiveDocumentJson: i.getActiveDocumentJson,
+			initialRegistryDocuments: i.registryDocuments,
+			prefilledMessageRef: i.prefilledMessage,
+			registryUrl: i.registryUrl,
+			baseUrl: i.baseUrl,
+			mode: i.mode,
+			getAccessToken: i.getAccessToken,
+			getAgentKey: i.getAgentKey,
+			isLoggedIn: i.isLoggedIn,
+			dashboardUrl: i.dashboardUrl,
+			hideAddApi: i.hideAddApi
+		});
+		return o(e, c), s({ addDocumentAsync: c.addDocumentAsync }), (e, t) => (a(), r(n, { onUploadApi: t[0] ||= (t) => e.$emit("uploadApi") }));
+	}
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=App.vue.script.js.map

package/dist/App.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.vue.script.js","names":["$emit"],"sources":["../src/App.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { provide, type Ref } from 'vue'\n\nimport Chat from '@/Chat.vue'\nimport { createState, STATE_SYMBOL, type RegistryDocument } from '@/state/state'\nimport { type ChatMode } from '@/types'\n\nconst {\n  dashboardUrl,\n  registryDocuments,\n  registryUrl,\n  baseUrl,\n  mode = 'full',\n  getAccessToken,\n  getAgentKey,\n  getActiveDocumentJson,\n  isLoggedIn,\n  prefilledMessage,\n  hideAddApi,\n} = defineProps<{\n  registryDocuments: RegistryDocument[]\n  registryUrl: string\n  dashboardUrl: string\n  baseUrl: string\n  mode?: ChatMode\n  getAccessToken?: () => string\n  getAgentKey?: () => string\n  getActiveDocumentJson?: () => string\n  isLoggedIn?: Ref<boolean>\n  prefilledMessage?: Ref<string>\n  hideAddApi?: boolean\n}>()\n\ndefineEmits<{\n  (e: 'uploadApi'): void\n}>()\n\nconst state = createState({\n  getActiveDocumentJson,\n  initialRegistryDocuments: registryDocuments,\n  prefilledMessageRef: prefilledMessage,\n  registryUrl,\n  baseUrl,\n  mode,\n  getAccessToken,\n  getAgentKey,\n  isLoggedIn,\n  dashboardUrl,\n  hideAddApi,\n})\n\nprovide(STATE_SYMBOL, state)\n\nexport type ChatExposed = {\n  addDocumentAsync: typeof state.addDocumentAsync\n}\n\ndefineExpose<ChatExposed>({\n  addDocumentAsync: state.addDocumentAsync,\n})\n</script>\n\n<template>\n  <Chat @uploadApi=\"$emit('uploadApi')\" />\n</template>\n\n<style scoped></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAqCA,IAAM,IAAQ,EAAY;GACxB,uBAAoB,EAAA;GACpB,0BAA0B,EAAA;GAC1B,qBAAqB,EAAA;GACrB,aAAU,EAAA;GACV,SAAM,EAAA;GACN,MAAG,EAAA;GACH,gBAAa,EAAA;GACb,aAAU,EAAA;GACV,YAAS,EAAA;GACT,cAAW,EAAA;GACX,YAAS,EAAA;GACV,CAAA;SAED,EAAQ,GAAc,EAAK,EAM3B,EAA0B,EACxB,kBAAkB,EAAM,kBACzB,CAAA,kBAIC,EAAwC,GAAA,EAAjC,aAAS,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,YAAA,EAAA,CAAA"}

package/dist/Chat.vue.js

@@ -0,0 +1,7 @@
+import e from "./Chat.vue.script.js";
+//#region src/Chat.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=Chat.vue.js.map

package/dist/Chat.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.vue.js","names":[],"sources":["../src/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createApiClientModal,\n  type ApiClientModal,\n} from '@scalar/api-client/v2/features/modal'\nimport { onBeforeUnmount, onMounted, ref, useTemplateRef } from 'vue'\n\nimport { useAgentKeyDocuments } from '@/hooks/use-agent-key-documents'\nimport { useChatScroll } from '@/hooks/use-chat-scroll'\nimport { useCuratedDocuments } from '@/hooks/use-curated-documents'\nimport { getTmpDocFromLocalStorage } from '@/hooks/use-upload-tmp-document'\nimport { useState } from '@/state/state'\nimport Layout from '@/views/Layout.vue'\nimport Settings from '@/views/Settings/Settings.vue'\n\ndefineEmits<{\n  (e: 'uploadApi'): void\n}>()\n\nconst {\n  chat,\n  prompt,\n  settingsModal,\n  eventBus,\n  workspaceStore,\n  config,\n  mode,\n  addDocument,\n} = useState()\n\nconst clientModalRef = useTemplateRef<HTMLElement>('clientModal')\nconst apiClient = ref<ApiClientModal | null>(null)\n\nonMounted(async () => {\n  const tmpDoc = getTmpDocFromLocalStorage()\n\n  if (mode === 'preview' && tmpDoc) {\n    await addDocument({\n      namespace: tmpDoc.namespace,\n      slug: tmpDoc.slug,\n      removable: false,\n      tmp: true,\n    })\n  }\n\n  if (!clientModalRef.value) {\n    return\n  }\n\n  apiClient.value = createApiClientModal({\n    el: clientModalRef.value,\n    options: config,\n    eventBus,\n    workspaceStore,\n  })\n})\n\nonBeforeUnmount(() => {\n  apiClient.value?.app.unmount()\n})\n\nuseChatScroll()\nuseAgentKeyDocuments()\nuseCuratedDocuments()\n\nasync function handleSubmit() {\n  await chat.sendMessage({ text: prompt.value })\n}\n</script>\n\n<template>\n  <div ref=\"clientModal\" />\n  <Layout\n    @submit=\"handleSubmit\"\n    @uploadApi=\"$emit('uploadApi')\" />\n  <Settings :modalState=\"settingsModal\" />\n</template>\n"],"mappings":""}

package/dist/Chat.vue.script.js

@@ -0,0 +1,48 @@
+import { getTmpDocFromLocalStorage as e } from "./hooks/use-upload-tmp-document.js";
+import { useState as t } from "./state/state.js";
+import { useAgentKeyDocuments as n } from "./hooks/use-agent-key-documents.js";
+import { useChatScroll as r } from "./hooks/use-chat-scroll.js";
+import { useCuratedDocuments as i } from "./hooks/use-curated-documents.js";
+import a from "./views/Layout.vue.js";
+import o from "./views/Settings/Settings.vue.js";
+import { Fragment as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, onBeforeUnmount as f, onMounted as p, openBlock as m, ref as h, unref as g, useTemplateRef as _ } from "vue";
+import { createApiClientModal as v } from "@scalar/api-client/v2/features/modal";
+//#region src/Chat.vue?vue&type=script&setup=true&lang.ts
+var y = { ref: "clientModal" }, b = /* @__PURE__ */ d({
+	__name: "Chat",
+	emits: ["uploadApi"],
+	setup(d) {
+		let { chat: b, prompt: x, settingsModal: S, eventBus: C, workspaceStore: w, config: T, mode: E, addDocument: D } = t(), O = _("clientModal"), k = h(null);
+		p(async () => {
+			let t = e();
+			E === "preview" && t && await D({
+				namespace: t.namespace,
+				slug: t.slug,
+				removable: !1,
+				tmp: !0
+			}), O.value && (k.value = v({
+				el: O.value,
+				options: T,
+				eventBus: C,
+				workspaceStore: w
+			}));
+		}), f(() => {
+			k.value?.app.unmount();
+		}), r(), n(), i();
+		async function A() {
+			await b.sendMessage({ text: x.value });
+		}
+		return (e, t) => (m(), c(s, null, [
+			l("div", y, null, 512),
+			u(a, {
+				onSubmit: A,
+				onUploadApi: t[0] ||= (t) => e.$emit("uploadApi")
+			}),
+			u(o, { modalState: g(S) }, null, 8, ["modalState"])
+		], 64));
+	}
+});
+//#endregion
+export { b as default };
+
+//# sourceMappingURL=Chat.vue.script.js.map

package/dist/Chat.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.vue.script.js","names":["$emit"],"sources":["../src/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createApiClientModal,\n  type ApiClientModal,\n} from '@scalar/api-client/v2/features/modal'\nimport { onBeforeUnmount, onMounted, ref, useTemplateRef } from 'vue'\n\nimport { useAgentKeyDocuments } from '@/hooks/use-agent-key-documents'\nimport { useChatScroll } from '@/hooks/use-chat-scroll'\nimport { useCuratedDocuments } from '@/hooks/use-curated-documents'\nimport { getTmpDocFromLocalStorage } from '@/hooks/use-upload-tmp-document'\nimport { useState } from '@/state/state'\nimport Layout from '@/views/Layout.vue'\nimport Settings from '@/views/Settings/Settings.vue'\n\ndefineEmits<{\n  (e: 'uploadApi'): void\n}>()\n\nconst {\n  chat,\n  prompt,\n  settingsModal,\n  eventBus,\n  workspaceStore,\n  config,\n  mode,\n  addDocument,\n} = useState()\n\nconst clientModalRef = useTemplateRef<HTMLElement>('clientModal')\nconst apiClient = ref<ApiClientModal | null>(null)\n\nonMounted(async () => {\n  const tmpDoc = getTmpDocFromLocalStorage()\n\n  if (mode === 'preview' && tmpDoc) {\n    await addDocument({\n      namespace: tmpDoc.namespace,\n      slug: tmpDoc.slug,\n      removable: false,\n      tmp: true,\n    })\n  }\n\n  if (!clientModalRef.value) {\n    return\n  }\n\n  apiClient.value = createApiClientModal({\n    el: clientModalRef.value,\n    options: config,\n    eventBus,\n    workspaceStore,\n  })\n})\n\nonBeforeUnmount(() => {\n  apiClient.value?.app.unmount()\n})\n\nuseChatScroll()\nuseAgentKeyDocuments()\nuseCuratedDocuments()\n\nasync function handleSubmit() {\n  await chat.sendMessage({ text: prompt.value })\n}\n</script>\n\n<template>\n  <div ref=\"clientModal\" />\n  <Layout\n    @submit=\"handleSubmit\"\n    @uploadApi=\"$emit('uploadApi')\" />\n  <Settings :modalState=\"settingsModal\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAmBA,IAAM,EACJ,SACA,WACA,kBACA,aACA,mBACA,WACA,SACA,mBACE,GAAS,EAEP,IAAiB,EAA4B,cAAa,EAC1D,IAAY,EAA2B,KAAI;AAgCjD,EA9BA,EAAU,YAAY;GACpB,IAAM,IAAS,GAA0B;AAEzC,GAAI,MAAS,aAAa,KACxB,MAAM,EAAY;IAChB,WAAW,EAAO;IAClB,MAAM,EAAO;IACb,WAAW;IACX,KAAK;IACN,CAAA,EAGE,EAAe,UAIpB,EAAU,QAAQ,EAAqB;IACrC,IAAI,EAAe;IACnB,SAAS;IACT;IACA;IACD,CAAA;IACF,EAED,QAAsB;AACpB,KAAU,OAAO,IAAI,SAAQ;IAC9B,EAED,GAAc,EACd,GAAqB,EACrB,GAAoB;EAEpB,eAAe,IAAe;AAC5B,SAAM,EAAK,YAAY,EAAE,MAAM,EAAO,OAAO,CAAA;;;GAK7C,EAAyB,OAAzB,GAAyB,MAAA,IAAA;GACzB,EAEoC,GAAA;IADjC,UAAQ;IACR,aAAS,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,YAAA;;GACnB,EAAwC,GAAA,EAA7B,YAAY,EAAA,EAAa,EAAA,EAAA,MAAA,GAAA,CAAA,aAAA,CAAA"}

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as default };

package/dist/api.d.ts

@@ -15,10 +15,10 @@ export declare function createApi({ baseUrl, proxyUrl, getAccessToken, getAgentK
 }): {
     search: (query: string) => Promise<{
         success: false;
-        error: import("./entities").AgentChatError<"FAILED_TO_FETCH", unknown>;
+        error: import("./entities/index.js").AgentChatError<"FAILED_TO_FETCH", unknown>;
     } | import("neverpanic").Result<never, null> | {
         success: false;
-        error: import("./entities").AgentChatError<string, string>;
+        error: import("./entities/index.js").AgentChatError<string, string>;
         data?: undefined;
     } | {
         success: true;
@@ -39,10 +39,10 @@ export declare function createApi({ baseUrl, proxyUrl, getAccessToken, getAgentK
         slug: string;
     }) => Promise<{
         success: false;
-        error: import("./entities").AgentChatError<"FAILED_TO_FETCH", unknown>;
+        error: import("./entities/index.js").AgentChatError<"FAILED_TO_FETCH", unknown>;
     } | import("neverpanic").Result<never, null> | {
         success: false;
-        error: import("./entities").AgentChatError<string, string>;
+        error: import("./entities/index.js").AgentChatError<string, string>;
         data?: undefined;
     } | {
         success: true;
@@ -58,10 +58,10 @@ export declare function createApi({ baseUrl, proxyUrl, getAccessToken, getAgentK
     }>;
     getKeyDocuments: () => Promise<{
         success: false;
-        error: import("./entities").AgentChatError<"FAILED_TO_FETCH", unknown>;
+        error: import("./entities/index.js").AgentChatError<"FAILED_TO_FETCH", unknown>;
     } | import("neverpanic").Result<never, null> | {
         success: false;
-        error: import("./entities").AgentChatError<string, string>;
+        error: import("./entities/index.js").AgentChatError<string, string>;
         data?: undefined;
     } | {
         success: true;
@@ -79,10 +79,10 @@ export declare function createApi({ baseUrl, proxyUrl, getAccessToken, getAgentK
     }>;
     getCuratedDocuments: () => Promise<{
         success: false;
-        error: import("./entities").AgentChatError<"FAILED_TO_FETCH", unknown>;
+        error: import("./entities/index.js").AgentChatError<"FAILED_TO_FETCH", unknown>;
     } | import("neverpanic").Result<never, null> | {
         success: false;
-        error: import("./entities").AgentChatError<string, string>;
+        error: import("./entities/index.js").AgentChatError<string, string>;
         data?: undefined;
     } | {
         success: true;

package/dist/api.js

@@ -0,0 +1,75 @@
+import { createError as e } from "./entities/error/helpers.js";
+import { registryApiMetadata as t } from "./entities/registry/document.js";
+import { redirectToProxy as n } from "@scalar/helpers/url/redirect-to-proxy";
+import { n as r } from "neverpanic";
+import i from "zod";
+//#region src/api.ts
+function a({ getAccessToken: e, getAgentKey: t }) {
+	let n = e?.(), r = t?.();
+	return {
+		...n && { Authorization: `Bearer ${n}` },
+		...r && { "x-scalar-agent-key": r }
+	};
+}
+function o({ baseUrl: o, proxyUrl: s, getAccessToken: c, getAgentKey: l }) {
+	let u = r.safeFn(async ({ path: t, method: u = "get", query: d, body: f, responseSchema: p }) => {
+		let m = `${o}${t}${d ? `?${new URLSearchParams(d)}` : ""}`, h = await r.fromUnsafe(async () => fetch(n(s.value, m), {
+			method: u,
+			...f && { body: JSON.stringify(f) },
+			headers: { ...a({
+				getAccessToken: c,
+				getAgentKey: l
+			}) }
+		}), (t) => e("FAILED_TO_FETCH", t));
+		if (!h.success) return h;
+		let g = await r.fromUnsafe(async () => h.data.json(), (t) => e("FAILED_TO_FETCH_DATA", t));
+		if (!g.success) return {
+			success: !1,
+			error: e("UNKNOWN_ERROR", "Unknown error occurred. Please contact support.")
+		};
+		if (!h.data.ok) {
+			let t = i.object({
+				message: i.string(),
+				code: i.string()
+			}).safeParse(g.data);
+			return t.success ? {
+				success: !1,
+				error: e(t.data.code, t.data.message)
+			} : {
+				success: !1,
+				error: e("UNKNOWN_ERROR", "Unknown error occurred. Please contact support.")
+			};
+		}
+		let _ = p.safeParse(g.data);
+		return _.success ? {
+			success: !0,
+			data: _.data
+		} : {
+			success: !1,
+			error: e("INVALID_RESPONSE", "Invalid response. Please contact support")
+		};
+	});
+	return {
+		search: async (e) => u({
+			path: "/vector/registry/search",
+			query: { query: e },
+			responseSchema: i.object({ results: t.array() })
+		}),
+		getDocument: async (e) => u({
+			path: `/vector/registry/document/${e.namespace}/${e.slug}`,
+			responseSchema: t
+		}),
+		getKeyDocuments: async () => u({
+			path: "/vector/registry/documents",
+			responseSchema: i.object({ documents: t.array() })
+		}),
+		getCuratedDocuments: async () => u({
+			path: "/vector/registry/curated",
+			responseSchema: i.object({ results: t.array() })
+		})
+	};
+}
+//#endregion
+export { o as createApi, a as createAuthorizationHeaders };
+
+//# sourceMappingURL=api.js.map

package/dist/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","names":[],"sources":["../src/api.ts"],"sourcesContent":["import { redirectToProxy } from '@scalar/helpers/url/redirect-to-proxy'\nimport { n } from 'neverpanic'\nimport type { Ref } from 'vue'\nimport z from 'zod'\n\nimport { createError } from '@/entities/error/helpers'\nimport { registryApiMetadata } from '@/entities/registry/document'\n\nexport function createAuthorizationHeaders({\n  getAccessToken,\n  getAgentKey,\n}: {\n  getAccessToken?: () => string\n  getAgentKey?: () => string\n}) {\n  const token = getAccessToken?.()\n  const agentKey = getAgentKey?.()\n\n  return {\n    ...(token && {\n      Authorization: `Bearer ${token}`,\n    }),\n    ...(agentKey && {\n      'x-scalar-agent-key': agentKey,\n    }),\n  }\n}\n\n/** Minimal set of API requests needed for agent chat */\nexport function createApi({\n  baseUrl,\n  proxyUrl,\n  getAccessToken,\n  getAgentKey,\n}: {\n  baseUrl: string\n  proxyUrl: Ref<string>\n  getAccessToken?: () => string\n  getAgentKey?: () => string\n}) {\n  const request = n.safeFn(\n    async <T extends z.ZodType>({\n      path,\n      method = 'get',\n      query,\n      body,\n      responseSchema,\n    }: {\n      path: string\n      method?: string\n      query?: Record<string, string>\n      body?: object\n      responseSchema: T\n    }) => {\n      const url = `${baseUrl}${path}${query ? `?${new URLSearchParams(query)}` : ''}`\n\n      const fetchResult = await n.fromUnsafe(\n        async () =>\n          fetch(redirectToProxy(proxyUrl.value, url), {\n            method,\n            ...(body && { body: JSON.stringify(body) }),\n            headers: {\n              ...createAuthorizationHeaders({ getAccessToken, getAgentKey }),\n            },\n          }),\n        (originalError) => createError('FAILED_TO_FETCH', originalError),\n      )\n\n      if (!fetchResult.success) {\n        return fetchResult\n      }\n\n      const fetchDataResult = await n.fromUnsafe(\n        async () => fetchResult.data.json(),\n        (originalError) => createError('FAILED_TO_FETCH_DATA', originalError),\n      )\n\n      if (!fetchDataResult.success) {\n        return {\n          success: false,\n          error: createError('UNKNOWN_ERROR', 'Unknown error occurred. Please contact support.'),\n        }\n      }\n\n      if (!fetchResult.data.ok) {\n        const serviceError = z.object({ message: z.string(), code: z.string() }).safeParse(fetchDataResult.data)\n\n        if (!serviceError.success) {\n          return {\n            success: false,\n            error: createError('UNKNOWN_ERROR', 'Unknown error occurred. Please contact support.'),\n          }\n        }\n\n        return {\n          success: false,\n          error: createError(serviceError.data.code, serviceError.data.message),\n        }\n      }\n\n      const serviceData = responseSchema.safeParse(fetchDataResult.data)\n\n      if (!serviceData.success) {\n        return {\n          success: false,\n          error: createError('INVALID_RESPONSE', 'Invalid response. Please contact support'),\n        }\n      }\n\n      return { success: true, data: serviceData.data }\n    },\n  )\n\n  const search = async (query: string) =>\n    request({\n      path: '/vector/registry/search',\n      query: { query },\n      responseSchema: z.object({\n        results: registryApiMetadata.array(),\n      }),\n    })\n\n  const getDocument = async (params: { namespace: string; slug: string }) =>\n    request({\n      path: `/vector/registry/document/${params.namespace}/${params.slug}`,\n      responseSchema: registryApiMetadata,\n    })\n\n  const getKeyDocuments = async () =>\n    request({\n      path: '/vector/registry/documents',\n      responseSchema: z.object({ documents: registryApiMetadata.array() }),\n    })\n\n  const getCuratedDocuments = async () =>\n    request({\n      path: '/vector/registry/curated',\n      responseSchema: z.object({\n        results: registryApiMetadata.array(),\n      }),\n    })\n\n  return {\n    search,\n    getDocument,\n    getKeyDocuments,\n    getCuratedDocuments,\n  }\n}\n\nexport type Api = ReturnType<typeof createApi>\n"],"mappings":";;;;;;AAQA,SAAgB,EAA2B,EACzC,mBACA,kBAIC;CACD,IAAM,IAAQ,KAAkB,EAC1B,IAAW,KAAe;AAEhC,QAAO;EACL,GAAI,KAAS,EACX,eAAe,UAAU,KAC1B;EACD,GAAI,KAAY,EACd,sBAAsB,GACvB;EACF;;AAIH,SAAgB,EAAU,EACxB,YACA,aACA,mBACA,kBAMC;CACD,IAAM,IAAU,EAAE,OAChB,OAA4B,EAC1B,SACA,YAAS,OACT,UACA,SACA,wBAOI;EACJ,IAAM,IAAM,GAAG,IAAU,IAAO,IAAQ,IAAI,IAAI,gBAAgB,EAAM,KAAK,MAErE,IAAc,MAAM,EAAE,WAC1B,YACE,MAAM,EAAgB,EAAS,OAAO,EAAI,EAAE;GAC1C;GACA,GAAI,KAAQ,EAAE,MAAM,KAAK,UAAU,EAAK,EAAE;GAC1C,SAAS,EACP,GAAG,EAA2B;IAAE;IAAgB;IAAa,CAAC,EAC/D;GACF,CAAC,GACH,MAAkB,EAAY,mBAAmB,EAAc,CACjE;AAED,MAAI,CAAC,EAAY,QACf,QAAO;EAGT,IAAM,IAAkB,MAAM,EAAE,WAC9B,YAAY,EAAY,KAAK,MAAM,GAClC,MAAkB,EAAY,wBAAwB,EAAc,CACtE;AAED,MAAI,CAAC,EAAgB,QACnB,QAAO;GACL,SAAS;GACT,OAAO,EAAY,iBAAiB,kDAAkD;GACvF;AAGH,MAAI,CAAC,EAAY,KAAK,IAAI;GACxB,IAAM,IAAe,EAAE,OAAO;IAAE,SAAS,EAAE,QAAQ;IAAE,MAAM,EAAE,QAAQ;IAAE,CAAC,CAAC,UAAU,EAAgB,KAAK;AASxG,UAPK,EAAa,UAOX;IACL,SAAS;IACT,OAAO,EAAY,EAAa,KAAK,MAAM,EAAa,KAAK,QAAQ;IACtE,GATQ;IACL,SAAS;IACT,OAAO,EAAY,iBAAiB,kDAAkD;IACvF;;EASL,IAAM,IAAc,EAAe,UAAU,EAAgB,KAAK;AASlE,SAPK,EAAY,UAOV;GAAE,SAAS;GAAM,MAAM,EAAY;GAAM,GANvC;GACL,SAAS;GACT,OAAO,EAAY,oBAAoB,2CAA2C;GACnF;GAKN;AA+BD,QAAO;EACL,QA9Ba,OAAO,MACpB,EAAQ;GACN,MAAM;GACN,OAAO,EAAE,UAAO;GAChB,gBAAgB,EAAE,OAAO,EACvB,SAAS,EAAoB,OAAO,EACrC,CAAC;GACH,CAAC;EAwBF,aAtBkB,OAAO,MACzB,EAAQ;GACN,MAAM,6BAA6B,EAAO,UAAU,GAAG,EAAO;GAC9D,gBAAgB;GACjB,CAAC;EAmBF,iBAjBsB,YACtB,EAAQ;GACN,MAAM;GACN,gBAAgB,EAAE,OAAO,EAAE,WAAW,EAAoB,OAAO,EAAE,CAAC;GACrE,CAAC;EAcF,qBAZ0B,YAC1B,EAAQ;GACN,MAAM;GACN,gBAAgB,EAAE,OAAO,EACvB,SAAS,EAAoB,OAAO,EACrC,CAAC;GACH,CAAC;EAOH"}

package/dist/client-tools/execute-request.d.ts

@@ -2,7 +2,7 @@ import type { Chat } from '@ai-sdk/vue';
 import type { SecuritySchemeObjectSecret } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block';
 import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { UIDataTypes, UIMessage } from 'ai';
-import type { Tools } from '@/state/state';
+import type { Tools } from '../state/state.js';
 /**
  * Executes an HTTP request with the specified options, including method, path, headers, and security schemes, and returns the processed response.
  */
@@ -26,12 +26,12 @@ export declare const executeRequestTool: (args_0: {
     data: never;
 } | {
     success: false;
-    error: import("@/entities").AgentChatError<"FAILED_TO_PARSE_RESPONSE_BODY", {
+    error: import("../entities/index.js").AgentChatError<"FAILED_TO_PARSE_RESPONSE_BODY", {
         originalError: unknown;
     }>;
 } | {
     success: false;
-    error: import("@/entities").AgentChatError<"REQUEST_NOT_OK", {
+    error: import("../entities/index.js").AgentChatError<"REQUEST_NOT_OK", {
         status: number;
         url: string;
         responseBody: any;
@@ -52,22 +52,22 @@ export declare const executeRequestTool: (args_0: {
     error?: undefined;
 } | {
     success: false;
-    error: import("@/entities").AgentChatError<"FAILED_TO_FETCH", {
+    error: import("../entities/index.js").AgentChatError<"FAILED_TO_FETCH", {
         originalError: unknown;
     }>;
 } | {
     success: false;
-    error: import("@/entities").AgentChatError<"FAILED_TO_DETERMINE_DOCUMENT", {
+    error: import("../entities/index.js").AgentChatError<"FAILED_TO_DETERMINE_DOCUMENT", {
         namespace: string | undefined;
         slug: string | undefined;
         documentIdentifier: string;
     }>;
 } | {
     success: false;
-    error: import("@/entities").AgentChatError<"DOCUMENT_SETTINGS_COULD_NOT_BE_DETERMINED", {
+    error: import("../entities/index.js").AgentChatError<"DOCUMENT_SETTINGS_COULD_NOT_BE_DETERMINED", {
         documentName: string;
         namespace: string;
         slug: string;
     }>;
-}> | import("neverpanic").Result<never, import("@/entities").AgentChatError<"FAILED_TO_EXECUTE_REQUEST", unknown>>;
+}> | import("neverpanic").Result<never, import("../entities/index.js").AgentChatError<"FAILED_TO_EXECUTE_REQUEST", unknown>>;
 //# sourceMappingURL=execute-request.d.ts.map

package/dist/client-tools/execute-request.js

@@ -0,0 +1,88 @@
+import { createError as e } from "../entities/error/helpers.js";
+import "../entities/tools/constants.js";
+import { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME as t } from "../entities/tools/execute-request.js";
+import { createDocumentName as n } from "../registry/create-document-name.js";
+import { redirectToProxy as r } from "@scalar/helpers/url/redirect-to-proxy";
+import { n as i } from "neverpanic";
+import { buildRequestSecurity as a, getResolvedUrl as o } from "@scalar/api-client/v2/blocks/operation-block";
+import s from "truncate-json";
+//#region src/client-tools/execute-request.ts
+var c = 5e4, l = i.safeFn(async (e) => e.headers.get("content-type") === "application/json" ? {
+	success: !0,
+	data: await e.json()
+} : {
+	success: !0,
+	data: await e.text()
+}, (t) => e("FAILED_TO_PARSE_RESPONSE_BODY", { originalError: t })), u = (e) => JSON.parse(s(JSON.stringify(e), c).jsonString), d = i.safeFn(async (t, n) => {
+	let r = await fetch(t, n), i = await l(r);
+	return r.ok ? i.success ? {
+		success: !0,
+		data: {
+			status: r.status,
+			responseBody: u(i.data),
+			headers: Object.fromEntries(r.headers.entries())
+		}
+	} : i : {
+		success: !1,
+		error: e("REQUEST_NOT_OK", {
+			status: r.status,
+			url: r.url,
+			responseBody: u(i.success ? i.data : void 0),
+			headers: Object.fromEntries(r.headers.entries())
+		})
+	};
+}, (t) => e("FAILED_TO_FETCH", { originalError: t }));
+function f({ path: e, activeServer: t, proxyUrl: n }) {
+	return r(n, o({
+		path: e,
+		server: t,
+		pathVariables: {},
+		environment: {
+			color: "",
+			variables: []
+		}
+	}));
+}
+var p = i.safeFn(async ({ documentSettings: r, toolCallId: i, chat: o, proxyUrl: s, input: { method: c, path: l, body: u, headers: p, documentIdentifier: m } }) => {
+	let [h, g] = m.split("---");
+	if (!h || !g) return {
+		success: !1,
+		error: e("FAILED_TO_DETERMINE_DOCUMENT", {
+			namespace: h,
+			slug: g,
+			documentIdentifier: m
+		})
+	};
+	let _ = n(h, g), v = r[_];
+	if (!v) return {
+		success: !1,
+		error: e("DOCUMENT_SETTINGS_COULD_NOT_BE_DETERMINED", {
+			documentName: _,
+			namespace: h,
+			slug: g
+		})
+	};
+	let y = a(v.securitySchemes), b = {
+		method: c,
+		body: u,
+		...y,
+		headers: {
+			...p,
+			...y.headers
+		}
+	}, x = await d(f({
+		path: l,
+		activeServer: v.activeServer,
+		proxyUrl: s
+	}), b);
+	return o.addToolOutput({
+		tool: t,
+		toolCallId: i,
+		output: x,
+		state: "output-available"
+	}), x;
+}, (t) => e("FAILED_TO_EXECUTE_REQUEST", t));
+//#endregion
+export { p as executeRequestTool };
+
+//# sourceMappingURL=execute-request.js.map

package/dist/client-tools/execute-request.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"execute-request.js","names":[],"sources":["../../src/client-tools/execute-request.ts"],"sourcesContent":["import type { Chat } from '@ai-sdk/vue'\nimport { buildRequestSecurity, getResolvedUrl } from '@scalar/api-client/v2/blocks/operation-block'\nimport type { SecuritySchemeObjectSecret } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport { redirectToProxy } from '@scalar/helpers/url/redirect-to-proxy'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { UIDataTypes, UIMessage } from 'ai'\nimport { n } from 'neverpanic'\nimport truncateJson from 'truncate-json'\n\nimport { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME, TOOL_NAMESPACE_SLUG_DELIMITER } from '@/entities'\nimport { createError } from '@/entities/error/helpers'\nimport { createDocumentName } from '@/registry/create-document-name'\nimport type { Tools } from '@/state/state'\n\n// The maximum number of bytes the requests response can be.\nconst MAX_RESPONSE_SIZE = 50_000\n\nconst getBody = n.safeFn(\n  async (response: Response) => {\n    const contentType = response.headers.get('content-type')\n\n    if (contentType === 'application/json') {\n      return { success: true, data: await response.json() }\n    }\n\n    return { success: true, data: await response.text() }\n  },\n  (originalError) => createError('FAILED_TO_PARSE_RESPONSE_BODY', { originalError }),\n)\n\nconst truncateResponse = (response: unknown) =>\n  JSON.parse(truncateJson(JSON.stringify(response), MAX_RESPONSE_SIZE).jsonString)\n\n/* Result type wrapper for fetch */\nconst safeFetch = n.safeFn(\n  async (url: string, init: RequestInit) => {\n    const response = await fetch(url, init)\n\n    const responseBodyResult = await getBody(response)\n\n    if (!response.ok) {\n      return {\n        success: false,\n        error: createError('REQUEST_NOT_OK', {\n          status: response.status,\n          url: response.url,\n          responseBody: truncateResponse(responseBodyResult.success ? responseBodyResult.data : undefined),\n          headers: Object.fromEntries(response.headers.entries()),\n        }),\n      }\n    }\n\n    if (!responseBodyResult.success) {\n      return responseBodyResult\n    }\n\n    return {\n      success: true,\n      data: {\n        status: response.status,\n        responseBody: truncateResponse(responseBodyResult.data),\n        headers: Object.fromEntries(response.headers.entries()),\n      },\n    }\n  },\n  (originalError) => createError('FAILED_TO_FETCH', { originalError }),\n)\n\nfunction createUrl({\n  path,\n  activeServer,\n  proxyUrl,\n}: {\n  path: string\n  activeServer: ServerObject | null\n  proxyUrl: string\n}) {\n  const resolvedUrl = getResolvedUrl({\n    path,\n    server: activeServer,\n    pathVariables: {},\n    environment: {\n      color: '',\n      variables: [],\n    },\n  })\n\n  return redirectToProxy(proxyUrl, resolvedUrl)\n}\n\n/**\n * Executes an HTTP request with the specified options, including method, path, headers, and security schemes, and returns the processed response.\n */\nexport const executeRequestTool = n.safeFn(\n  async ({\n    documentSettings,\n    toolCallId,\n    chat,\n    proxyUrl,\n    input: { method, path, body, headers, documentIdentifier },\n  }: {\n    documentSettings: Record<\n      string,\n      { activeServer: ServerObject | null; securitySchemes: SecuritySchemeObjectSecret[] }\n    >\n    toolCallId: string\n    chat: Chat<UIMessage<unknown, UIDataTypes, Tools>>\n    proxyUrl: string\n    input: {\n      method: string\n      path: string\n      headers?: Record<string, string>\n      body?: string\n      documentIdentifier: string\n    }\n  }) => {\n    const [namespace, slug] = documentIdentifier.split(TOOL_NAMESPACE_SLUG_DELIMITER)\n    if (!namespace || !slug) {\n      return {\n        success: false,\n        error: createError('FAILED_TO_DETERMINE_DOCUMENT', { namespace, slug, documentIdentifier }),\n      }\n    }\n\n    const documentName = createDocumentName(namespace, slug)\n    const settings = documentSettings[documentName]\n\n    if (!settings) {\n      return {\n        success: false,\n        error: createError('DOCUMENT_SETTINGS_COULD_NOT_BE_DETERMINED', {\n          documentName,\n          namespace,\n          slug,\n        }),\n      }\n    }\n\n    const requestSecurityOptions = buildRequestSecurity(settings.securitySchemes)\n\n    const fetchOptions = {\n      method,\n      body,\n      ...requestSecurityOptions,\n      headers: {\n        ...headers,\n        ...requestSecurityOptions.headers,\n      },\n    }\n\n    const url = createUrl({\n      path,\n      activeServer: settings.activeServer,\n      proxyUrl,\n    })\n\n    const result = await safeFetch(url, fetchOptions)\n\n    chat.addToolOutput({\n      tool: EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME,\n      toolCallId,\n      output: result,\n      state: 'output-available',\n    })\n\n    return result\n  },\n  (originalError) => createError('FAILED_TO_EXECUTE_REQUEST', originalError),\n)\n"],"mappings":";;;;;;;;;AAeA,IAAM,IAAoB,KAEpB,IAAU,EAAE,OAChB,OAAO,MACe,EAAS,QAAQ,IAAI,eAAe,KAEpC,qBACX;CAAE,SAAS;CAAM,MAAM,MAAM,EAAS,MAAM;CAAE,GAGhD;CAAE,SAAS;CAAM,MAAM,MAAM,EAAS,MAAM;CAAE,GAEtD,MAAkB,EAAY,iCAAiC,EAAE,kBAAe,CAAC,CACnF,EAEK,KAAoB,MACxB,KAAK,MAAM,EAAa,KAAK,UAAU,EAAS,EAAE,EAAkB,CAAC,WAAW,EAG5E,IAAY,EAAE,OAClB,OAAO,GAAa,MAAsB;CACxC,IAAM,IAAW,MAAM,MAAM,GAAK,EAAK,EAEjC,IAAqB,MAAM,EAAQ,EAAS;AAkBlD,QAhBK,EAAS,KAYT,EAAmB,UAIjB;EACL,SAAS;EACT,MAAM;GACJ,QAAQ,EAAS;GACjB,cAAc,EAAiB,EAAmB,KAAK;GACvD,SAAS,OAAO,YAAY,EAAS,QAAQ,SAAS,CAAC;GACxD;EACF,GAVQ,IAZA;EACL,SAAS;EACT,OAAO,EAAY,kBAAkB;GACnC,QAAQ,EAAS;GACjB,KAAK,EAAS;GACd,cAAc,EAAiB,EAAmB,UAAU,EAAmB,OAAO,KAAA,EAAU;GAChG,SAAS,OAAO,YAAY,EAAS,QAAQ,SAAS,CAAC;GACxD,CAAC;EACH;IAgBJ,MAAkB,EAAY,mBAAmB,EAAE,kBAAe,CAAC,CACrE;AAED,SAAS,EAAU,EACjB,SACA,iBACA,eAKC;AAWD,QAAO,EAAgB,GAVH,EAAe;EACjC;EACA,QAAQ;EACR,eAAe,EAAE;EACjB,aAAa;GACX,OAAO;GACP,WAAW,EAAE;GACd;EACF,CAAC,CAE2C;;AAM/C,IAAa,IAAqB,EAAE,OAClC,OAAO,EACL,qBACA,eACA,SACA,aACA,OAAO,EAAE,WAAQ,SAAM,SAAM,YAAS,8BAgBlC;CACJ,IAAM,CAAC,GAAW,KAAQ,EAAmB,MAAA,MAAoC;AACjF,KAAI,CAAC,KAAa,CAAC,EACjB,QAAO;EACL,SAAS;EACT,OAAO,EAAY,gCAAgC;GAAE;GAAW;GAAM;GAAoB,CAAC;EAC5F;CAGH,IAAM,IAAe,EAAmB,GAAW,EAAK,EAClD,IAAW,EAAiB;AAElC,KAAI,CAAC,EACH,QAAO;EACL,SAAS;EACT,OAAO,EAAY,6CAA6C;GAC9D;GACA;GACA;GACD,CAAC;EACH;CAGH,IAAM,IAAyB,EAAqB,EAAS,gBAAgB,EAEvE,IAAe;EACnB;EACA;EACA,GAAG;EACH,SAAS;GACP,GAAG;GACH,GAAG,EAAuB;GAC3B;EACF,EAQK,IAAS,MAAM,EANT,EAAU;EACpB;EACA,cAAc,EAAS;EACvB;EACD,CAAC,EAEkC,EAAa;AASjD,QAPA,EAAK,cAAc;EACjB,MAAM;EACN;EACA,QAAQ;EACR,OAAO;EACR,CAAC,EAEK;IAER,MAAkB,EAAY,6BAA6B,EAAc,CAC3E"}

package/dist/components/ActionsDropdown.vue.js

@@ -0,0 +1,9 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./ActionsDropdown.vue.script.js";
+/* empty css                              */
+//#region src/components/ActionsDropdown.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-2d142bb5"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=ActionsDropdown.vue.js.map

package/dist/components/ActionsDropdown.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsDropdown.vue.js","names":[],"sources":["../../src/components/ActionsDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdown,\n  ScalarDropdownItem,\n  useModal,\n} from '@scalar/components'\nimport { ScalarIconMagnifyingGlass, ScalarIconUpload } from '@scalar/icons'\n\nimport Catalog from '@/views/Catalog/Catalog.vue'\n\ndefineEmits<{\n  (e: 'uploadApi'): void\n}>()\n\nconst catalogModal = useModal()\n</script>\n\n<template>\n  <ScalarDropdown :offset=\"{ crossAxis: -5, mainAxis: 5 }\">\n    <slot />\n\n    <template #items>\n      <ScalarDropdownItem @click=\"$emit('uploadApi')\">\n        <div class=\"dropdown-item\">\n          <ScalarIconUpload />\n          Upload API\n        </div>\n      </ScalarDropdownItem>\n\n      <ScalarDropdownItem @click=\"catalogModal.show()\">\n        <div class=\"dropdown-item\">\n          <ScalarIconMagnifyingGlass />\n          Search Catalog\n        </div>\n      </ScalarDropdownItem>\n    </template>\n  </ScalarDropdown>\n\n  <Catalog\n    v-if=\"catalogModal.open\"\n    :modal=\"catalogModal\" />\n</template>\n\n<style scoped>\n.dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n</style>\n"],"mappings":""}

package/dist/components/ActionsDropdown.vue.script.js

@@ -0,0 +1,33 @@
+import e from "../views/Catalog/Catalog.vue.js";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
+import { ScalarDropdown as p, ScalarDropdownItem as m, useModal as h } from "@scalar/components";
+import { ScalarIconMagnifyingGlass as g, ScalarIconUpload as _ } from "@scalar/icons";
+//#region src/components/ActionsDropdown.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "dropdown-item" }, y = { class: "dropdown-item" }, b = /* @__PURE__ */ c({
+	__name: "ActionsDropdown",
+	emits: ["uploadApi"],
+	setup(c) {
+		let b = h();
+		return (c, h) => (l(), i(t, null, [s(d(p), { offset: {
+			crossAxis: -5,
+			mainAxis: 5
+		} }, {
+			items: f(() => [s(d(m), { onClick: h[0] ||= (e) => c.$emit("uploadApi") }, {
+				default: f(() => [a("div", v, [s(d(_)), h[2] ||= o(" Upload API ", -1)])]),
+				_: 1
+			}), s(d(m), { onClick: h[1] ||= (e) => d(b).show() }, {
+				default: f(() => [a("div", y, [s(d(g)), h[3] ||= o(" Search Catalog ", -1)])]),
+				_: 1
+			})]),
+			default: f(() => [u(c.$slots, "default", {}, void 0, !0)]),
+			_: 3
+		}), d(b).open ? (l(), n(e, {
+			key: 0,
+			modal: d(b)
+		}, null, 8, ["modal"])) : r("", !0)], 64));
+	}
+});
+//#endregion
+export { b as default };
+
+//# sourceMappingURL=ActionsDropdown.vue.script.js.map

package/dist/components/ActionsDropdown.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsDropdown.vue.script.js","names":["$emit"],"sources":["../../src/components/ActionsDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdown,\n  ScalarDropdownItem,\n  useModal,\n} from '@scalar/components'\nimport { ScalarIconMagnifyingGlass, ScalarIconUpload } from '@scalar/icons'\n\nimport Catalog from '@/views/Catalog/Catalog.vue'\n\ndefineEmits<{\n  (e: 'uploadApi'): void\n}>()\n\nconst catalogModal = useModal()\n</script>\n\n<template>\n  <ScalarDropdown :offset=\"{ crossAxis: -5, mainAxis: 5 }\">\n    <slot />\n\n    <template #items>\n      <ScalarDropdownItem @click=\"$emit('uploadApi')\">\n        <div class=\"dropdown-item\">\n          <ScalarIconUpload />\n          Upload API\n        </div>\n      </ScalarDropdownItem>\n\n      <ScalarDropdownItem @click=\"catalogModal.show()\">\n        <div class=\"dropdown-item\">\n          <ScalarIconMagnifyingGlass />\n          Search Catalog\n        </div>\n      </ScalarDropdownItem>\n    </template>\n  </ScalarDropdown>\n\n  <Catalog\n    v-if=\"catalogModal.open\"\n    :modal=\"catalogModal\" />\n</template>\n\n<style scoped>\n.dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n</style>\n"],"mappings":";;;;;;;;;EAcA,IAAM,IAAe,GAAS;qCAI5B,EAkBiB,EAAA,EAAA,EAAA,EAlBA,QAAQ;GAAA,WAAA;GAAA,UAAA;GAA8B,EAAA,EAAA;GAG1C,OAAK,QAMO,CALrB,EAKqB,EAAA,EAAA,EAAA,EALA,SAAK,AAAA,EAAA,QAAA,MAAEA,EAAAA,MAAK,YAAA,EAAA,EAAA;qBAIzB,CAHN,EAGM,OAHN,GAGM,CAFJ,EAAoB,EAAA,EAAA,CAAA,EAAA,AAAA,EAAA,OAAA,EAAA,gBAEtB,GAAA,CAAA,CAAA,CAAA,CAAA;;OAGF,EAKqB,EAAA,EAAA,EAAA,EALA,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,EAAY,CAAC,MAAI,EAAA,EAAA;qBAIrC,CAHN,EAGM,OAHN,GAGM,CAFJ,EAA6B,EAAA,EAAA,CAAA,EAAA,AAAA,EAAA,OAAA,EAAA,oBAE/B,GAAA,CAAA,CAAA,CAAA,CAAA;;;oBAdI,CAAR,EAAQ,EAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,GAAA,CAAA,CAAA;;MAoBF,EAAA,EAAY,CAAC,QAAA,GAAA,EADrB,EAE0B,GAAA;;GAAvB,OAAO,EAAA,EAAY"}

package/dist/components/ApprovalSection.vue.js

@@ -0,0 +1,9 @@
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import t from "./ApprovalSection.vue.script.js";
+/* empty css                              */
+//#region src/components/ApprovalSection.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-a7e6c699"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=ApprovalSection.vue.js.map

package/dist/components/ApprovalSection.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalSection.vue.js","names":[],"sources":["../../src/components/ApprovalSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nconst emit = defineEmits<{\n  (e: 'approve'): void\n  (e: 'reject'): void\n}>()\n</script>\n\n<template>\n  <div class=\"approvalSection\">\n    <strong class=\"approvalText flex items-center gap-1.5\">\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      One or more requests require approval.\n    </strong>\n    <div class=\"approveContainer\">\n      <button\n        type=\"button\"\n        class=\"actionButton rejectButton\"\n        @click=\"emit('reject')\">\n        Reject\n      </button>\n      <button\n        type=\"button\"\n        class=\"actionButton approveButton\"\n        @click=\"emit('approve')\">\n        Approve\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.approvalSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px 16px 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n\n.approvalText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.approveContainer {\n  display: flex;\n  gap: 5px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: 50px;\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-3);\n}\n\n.rejectButton {\n  color: white;\n  background: var(--scalar-color-red);\n}\n.rejectButton:hover,\n.rejectButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.approveButton {\n  color: white;\n  background: var(--scalar-color-blue);\n}\n.approveButton:hover,\n.approveButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n</style>\n"],"mappings":""}

package/dist/components/ApprovalSection.vue.script.js

@@ -0,0 +1,26 @@
+import { createElementBlock as e, createElementVNode as t, createTextVNode as n, createVNode as r, defineComponent as i, openBlock as a, unref as o } from "vue";
+import { ScalarIconInfo as s } from "@scalar/icons";
+//#region src/components/ApprovalSection.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "approvalSection" }, l = { class: "approvalText flex items-center gap-1.5" }, u = { class: "approveContainer" }, d = /* @__PURE__ */ i({
+	__name: "ApprovalSection",
+	emits: ["approve", "reject"],
+	setup(i, { emit: d }) {
+		let f = d;
+		return (i, d) => (a(), e("div", c, [t("strong", l, [r(o(s), {
+			class: "text-blue size-4",
+			weight: "bold"
+		}), d[2] ||= n(" One or more requests require approval. ", -1)]), t("div", u, [t("button", {
+			type: "button",
+			class: "actionButton rejectButton",
+			onClick: d[0] ||= (e) => f("reject")
+		}, " Reject "), t("button", {
+			type: "button",
+			class: "actionButton approveButton",
+			onClick: d[1] ||= (e) => f("approve")
+		}, " Approve ")])]));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=ApprovalSection.vue.script.js.map

package/dist/components/ApprovalSection.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApprovalSection.vue.script.js","names":[],"sources":["../../src/components/ApprovalSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nconst emit = defineEmits<{\n  (e: 'approve'): void\n  (e: 'reject'): void\n}>()\n</script>\n\n<template>\n  <div class=\"approvalSection\">\n    <strong class=\"approvalText flex items-center gap-1.5\">\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      One or more requests require approval.\n    </strong>\n    <div class=\"approveContainer\">\n      <button\n        type=\"button\"\n        class=\"actionButton rejectButton\"\n        @click=\"emit('reject')\">\n        Reject\n      </button>\n      <button\n        type=\"button\"\n        class=\"actionButton approveButton\"\n        @click=\"emit('approve')\">\n        Approve\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.approvalSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px 16px 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n\n.approvalText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.approveContainer {\n  display: flex;\n  gap: 5px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: 50px;\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-3);\n}\n\n.rejectButton {\n  color: white;\n  background: var(--scalar-color-red);\n}\n.rejectButton:hover,\n.rejectButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.approveButton {\n  color: white;\n  background: var(--scalar-color-blue);\n}\n.approveButton:hover,\n.approveButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n</style>\n"],"mappings":";;;;;;;EAGA,IAAM,IAAO;yBAOX,EAqBM,OArBN,GAqBM,CApBJ,EAKS,UALT,GAKS,CAJP,EAEkB,EAAA,EAAA,EAAA;GADhB,OAAM;GACN,QAAO;iBAAS,4CAEpB,GAAA,CAAA,CAAA,EACA,EAaM,OAbN,GAaM,CAZJ,EAKS,UAAA;GAJP,MAAK;GACL,OAAM;GACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;KAAY,WAE1B,EACA,EAKS,UAAA;GAJP,MAAK;GACL,OAAM;GACL,SAAK,AAAA,EAAA,QAAA,MAAE,EAAI,UAAA;KAAa,YAE3B,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/AuthenticationProvided.vue.js

@@ -0,0 +1,13 @@
+/* empty css                                     */
+import e from "../_virtual/_plugin-vue_export-helper.js";
+import { createElementBlock as t, createStaticVNode as n, openBlock as r } from "vue";
+//#region src/components/AuthenticationProvided.vue
+var i = {}, a = { class: "authenticationProvided" };
+function o(e, i) {
+	return r(), t("div", a, [...i[0] ||= [n("<svg fill=\"none\" height=\"16\" viewBox=\"0 0 16 16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" data-v-e3416cd5><rect height=\"14.25\" rx=\"7.125\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-e3416cd5></rect><rect height=\"14.25\" rx=\"7.125\" stroke=\"currentColor\" stroke-width=\"1.75\" width=\"14.25\" x=\"0.875\" y=\"0.875\" data-v-e3416cd5></rect><g clip-path=\"url(#clip0_74_840)\" data-v-e3416cd5><path d=\"M11.6037 6.841L7.59117 10.8535C7.49742 10.9472 7.37029 10.9998 7.23774 10.9998C7.10519 10.9998 6.97806 10.9472 6.8843 10.8535L4.64617 8.6035C4.55257 8.50975 4.5 8.38269 4.5 8.25022C4.5 8.11774 4.55257 7.99068 4.64617 7.89694L5.27117 7.27194C5.36488 7.17862 5.49174 7.12623 5.62399 7.12623C5.75623 7.12623 5.88309 7.17862 5.9768 7.27194L7.25024 8.50694L10.274 5.52037C10.3677 5.42696 10.4946 5.37451 10.627 5.37451C10.7593 5.37451 10.8862 5.42696 10.9799 5.52037L11.6034 6.131C11.6502 6.17746 11.6875 6.23274 11.7129 6.29366C11.7383 6.35458 11.7514 6.41993 11.7514 6.48593C11.7514 6.55194 11.7384 6.6173 11.713 6.67824C11.6877 6.73918 11.6505 6.7945 11.6037 6.841Z\" fill=\"currentColor\" data-v-e3416cd5></path></g><defs data-v-e3416cd5><clipPath id=\"clip0_74_840\" data-v-e3416cd5><rect height=\"8\" rx=\"4\" width=\"8\" x=\"4\" y=\"4\" data-v-e3416cd5></rect></clipPath></defs></svg> Authorized ", 2)]]);
+}
+var s = /* @__PURE__ */ e(i, [["render", o], ["__scopeId", "data-v-e3416cd5"]]);
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=AuthenticationProvided.vue.js.map

package/dist/components/AuthenticationProvided.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthenticationProvided.vue.js","names":[],"sources":["../../src/components/AuthenticationProvided.vue"],"sourcesContent":["<template>\n  <div class=\"authenticationProvided\">\n    <svg\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <rect\n        height=\"14.25\"\n        rx=\"7.125\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <rect\n        height=\"14.25\"\n        rx=\"7.125\"\n        stroke=\"currentColor\"\n        stroke-width=\"1.75\"\n        width=\"14.25\"\n        x=\"0.875\"\n        y=\"0.875\" />\n      <g clip-path=\"url(#clip0_74_840)\">\n        <path\n          d=\"M11.6037 6.841L7.59117 10.8535C7.49742 10.9472 7.37029 10.9998 7.23774 10.9998C7.10519 10.9998 6.97806 10.9472 6.8843 10.8535L4.64617 8.6035C4.55257 8.50975 4.5 8.38269 4.5 8.25022C4.5 8.11774 4.55257 7.99068 4.64617 7.89694L5.27117 7.27194C5.36488 7.17862 5.49174 7.12623 5.62399 7.12623C5.75623 7.12623 5.88309 7.17862 5.9768 7.27194L7.25024 8.50694L10.274 5.52037C10.3677 5.42696 10.4946 5.37451 10.627 5.37451C10.7593 5.37451 10.8862 5.42696 10.9799 5.52037L11.6034 6.131C11.6502 6.17746 11.6875 6.23274 11.7129 6.29366C11.7383 6.35458 11.7514 6.41993 11.7514 6.48593C11.7514 6.55194 11.7384 6.6173 11.713 6.67824C11.6877 6.73918 11.6505 6.7945 11.6037 6.841Z\"\n          fill=\"currentColor\" />\n      </g>\n      <defs>\n        <clipPath id=\"clip0_74_840\">\n          <rect\n            height=\"8\"\n            rx=\"4\"\n            width=\"8\"\n            x=\"4\"\n            y=\"4\" />\n        </clipPath>\n      </defs>\n    </svg>\n    Authorized\n  </div>\n</template>\n\n<style scoped>\n.authenticationProvided {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--scalar-color-1);\n  font-weight: var(--scalar-semibold);\n  min-height: 40px;\n  font-size: var(--scalar-font-size-3);\n  position: relative;\n}\n</style>\n"],"mappings":";;;;kBACO,OAAM,0BAAwB;;aAAnC,EAsCM,OAtCN,GAsCM,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAA,izCAAA,EAAA,CAAA,CAAA,CAAA"}