@scalar/agent-chat 0.9.12 → 0.9.13

package/dist/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.9.12",
+  "version": "0.9.13",
   "engines": {
     "node": ">=22"
   },

package/dist/plugins/persistance.js

@@ -0,0 +1,16 @@
+import { authStorage as e } from "../helpers.js";
+import { debounce as t } from "@scalar/helpers/general/debounce";
+//#region src/plugins/persistance.ts
+var n = ({ debounceDelay: n = 500, maxWait: r = 1e4, persistAuth: i = !1 }) => {
+	let { execute: a } = t({
+		delay: n,
+		maxWait: r
+	}), o = e(), s = () => typeof i == "function" ? i() : i;
+	return { hooks: { onWorkspaceStateChanges(e) {
+		s() && e.type === "auth" && a("auth", () => o.setAuth(e.documentName, e.value));
+	} } };
+};
+//#endregion
+export { n as persistencePlugin };
+
+//# sourceMappingURL=persistance.js.map

package/dist/plugins/persistance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"persistance.js","names":[],"sources":["../../src/plugins/persistance.ts"],"sourcesContent":["import { debounce } from '@scalar/helpers/general/debounce'\nimport type { WorkspacePlugin } from '@scalar/workspace-store/workspace-plugin'\n\nimport { authStorage } from '@/helpers'\n\n/**\n * Plugin to persist workspace state changes with debounced writes.\n */\nexport const persistencePlugin = ({\n  debounceDelay = 500,\n  maxWait = 10000,\n  persistAuth = false,\n}: {\n  debounceDelay?: number\n  /** Maximum time in milliseconds to wait before forcing execution, even with continuous calls. */\n  maxWait?: number\n  /**\n   * Determines whether authentication details should be persisted.\n   * Accepts a boolean or a function that returns a boolean.\n   * Allows for conditional persistence logic, e.g., based on environment or user settings.\n   */\n  persistAuth?: boolean | (() => boolean)\n}): WorkspacePlugin => {\n  // Debounced execute function for batching similar state changes\n  const { execute } = debounce({ delay: debounceDelay, maxWait })\n  const authPersistence = authStorage()\n\n  const getPersistAuth = () => {\n    if (typeof persistAuth === 'function') {\n      return persistAuth()\n    }\n\n    return persistAuth\n  }\n\n  return {\n    hooks: {\n      /**\n       * Handles all workspace state change events.\n       * Each write is debounced by a key to prevent frequent writes for the same entity.\n       */\n      onWorkspaceStateChanges(event) {\n        // Persist auth\n        if (getPersistAuth() && event.type === 'auth') {\n          execute('auth', () => authPersistence.setAuth(event.documentName, event.value))\n        }\n\n        // No action for other event types\n        return\n      },\n    },\n  }\n}\n"],"mappings":";;;AAQA,IAAa,KAAqB,EAChC,mBAAgB,KAChB,aAAU,KACV,iBAAc,SAWO;CAErB,IAAM,EAAE,eAAY,EAAS;EAAE,OAAO;EAAe;EAAS,CAAC,EACzD,IAAkB,GAAa,EAE/B,UACA,OAAO,KAAgB,aAClB,GAAa,GAGf;AAGT,QAAO,EACL,OAAO,EAKL,wBAAwB,GAAO;AAE7B,EAAI,GAAgB,IAAI,EAAM,SAAS,UACrC,EAAQ,cAAc,EAAgB,QAAQ,EAAM,cAAc,EAAM,MAAM,CAAC;IAMpF,EACF"}

package/dist/registry/add-documents-to-store.d.ts

@@ -1,8 +1,8 @@
 import type { ApiReferenceConfiguration } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { Ref } from 'vue';
-import type { Api } from '../api';
-import type { ApiMetadata } from '../entities/registry/document';
+import type { Api } from '../api.js';
+import type { ApiMetadata } from '../entities/registry/document.js';
 export declare const loadDocument: (args_0: {
     namespace: string;
     slug: string;

package/dist/registry/add-documents-to-store.js

@@ -0,0 +1,36 @@
+import { createError as e } from "../entities/error/helpers.js";
+import { createDocumentName as t } from "./create-document-name.js";
+import { restoreAuthSecretsFromStorage as n } from "../helpers.js";
+import { n as r } from "neverpanic";
+import { bundle as i } from "@scalar/json-magic/bundle";
+import { fetchUrls as a } from "@scalar/json-magic/bundle/plugins/browser";
+//#region src/registry/add-documents-to-store.ts
+var o = r.safeFn(async ({ namespace: e, slug: r, workspaceStore: o, registryDocuments: s, registryUrl: c, config: l, api: u, removable: d }) => {
+	let f = await u.getDocument({
+		namespace: e,
+		slug: r
+	});
+	if (!f.success) return f;
+	s.value.push({
+		...f.data,
+		removable: d
+	});
+	let p = await i(new URL(`/@${e}/apis/${r}/latest`, c).toString(), {
+		plugins: [a()],
+		treeShake: !1
+	}), m = t(e, r);
+	return await o.addDocument({
+		name: m,
+		document: p
+	}, l), o.update("x-scalar-active-document", m), n({
+		documentName: m,
+		workspaceStore: o
+	}), {
+		success: !0,
+		data: f.data
+	};
+}, (t) => e("UNABLE_TO_LOAD_DOCUMENT", t));
+//#endregion
+export { o as loadDocument };
+
+//# sourceMappingURL=add-documents-to-store.js.map

package/dist/registry/add-documents-to-store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-documents-to-store.js","names":[],"sources":["../../src/registry/add-documents-to-store.ts"],"sourcesContent":["import { bundle } from '@scalar/json-magic/bundle'\nimport { fetchUrls } from '@scalar/json-magic/bundle/plugins/browser'\nimport type { OpenAPIV3_1 } from '@scalar/openapi-types'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { n } from 'neverpanic'\nimport type { Ref } from 'vue'\n\nimport type { Api } from '@/api'\nimport { createError } from '@/entities'\nimport type { ApiMetadata } from '@/entities/registry/document'\nimport { restoreAuthSecretsFromStorage } from '@/helpers'\nimport { createDocumentName } from '@/registry/create-document-name'\n\nexport const loadDocument = n.safeFn(\n  async ({\n    namespace,\n    slug,\n    workspaceStore,\n    registryDocuments,\n    registryUrl,\n    config,\n    api,\n    removable,\n  }: {\n    namespace: string\n    slug: string\n    workspaceStore: WorkspaceStore\n    registryDocuments: Ref<ApiMetadata[]>\n    registryUrl: string\n    config: Partial<ApiReferenceConfiguration>\n    api: Api\n    removable?: boolean\n  }) => {\n    const getDocumentResult = await api.getDocument({\n      namespace,\n      slug,\n    })\n\n    if (!getDocumentResult.success) {\n      return getDocumentResult\n    }\n\n    registryDocuments.value.push({ ...getDocumentResult.data, removable })\n\n    const url = new URL(`/@${namespace}/apis/${slug}/latest`, registryUrl)\n\n    const document: OpenAPIV3_1.Document = await bundle(url.toString(), {\n      plugins: [fetchUrls()],\n      treeShake: false,\n    })\n\n    const documentName = createDocumentName(namespace, slug)\n\n    await workspaceStore.addDocument(\n      {\n        name: documentName,\n        document,\n      },\n      config,\n    )\n\n    workspaceStore.update('x-scalar-active-document', documentName)\n\n    restoreAuthSecretsFromStorage({ documentName, workspaceStore })\n\n    return {\n      success: true,\n      data: getDocumentResult.data,\n    }\n  },\n  (originalError) => createError('UNABLE_TO_LOAD_DOCUMENT', originalError),\n)\n"],"mappings":";;;;;;;AAcA,IAAa,IAAe,EAAE,OAC5B,OAAO,EACL,cACA,SACA,mBACA,sBACA,gBACA,WACA,QACA,mBAUI;CACJ,IAAM,IAAoB,MAAM,EAAI,YAAY;EAC9C;EACA;EACD,CAAC;AAEF,KAAI,CAAC,EAAkB,QACrB,QAAO;AAGT,GAAkB,MAAM,KAAK;EAAE,GAAG,EAAkB;EAAM;EAAW,CAAC;CAItE,IAAM,IAAiC,MAAM,EAFjC,IAAI,IAAI,KAAK,EAAU,QAAQ,EAAK,UAAU,EAAY,CAEd,UAAU,EAAE;EAClE,SAAS,CAAC,GAAW,CAAC;EACtB,WAAW;EACZ,CAAC,EAEI,IAAe,EAAmB,GAAW,EAAK;AAcxD,QAZA,MAAM,EAAe,YACnB;EACE,MAAM;EACN;EACD,EACD,EACD,EAED,EAAe,OAAO,4BAA4B,EAAa,EAE/D,EAA8B;EAAE;EAAc;EAAgB,CAAC,EAExD;EACL,SAAS;EACT,MAAM,EAAkB;EACzB;IAEF,MAAkB,EAAY,2BAA2B,EAAc,CACzE"}

package/dist/registry/create-document-name.js

@@ -0,0 +1,8 @@
+//#region src/registry/create-document-name.ts
+function e(e, t) {
+	return `${e}/${t}`;
+}
+//#endregion
+export { e as createDocumentName };
+
+//# sourceMappingURL=create-document-name.js.map

package/dist/registry/create-document-name.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-document-name.js","names":[],"sources":["../../src/registry/create-document-name.ts"],"sourcesContent":["export function createDocumentName(namespace: string, slug: string) {\n  return `${namespace}/${slug}`\n}\n"],"mappings":";AAAA,SAAgB,EAAmB,GAAmB,GAAc;AAClE,QAAO,GAAG,EAAU,GAAG"}

package/dist/state/state.d.ts

@@ -5,12 +5,12 @@ import { type WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import { type UIDataTypes, type UIMessage } from 'ai';
 import { type ComputedRef, type InjectionKey, type Ref } from 'vue';
-import { type Api } from '../api';
-import type { ApiMetadata } from '../entities/registry/document';
-import type { ASK_FOR_AUTHENTICATION_TOOL_NAME, AskForAuthenticationInput } from '../entities/tools/ask-for-authentication';
-import { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME, type ExecuteClientSideRequestToolInput, type ExecuteClientSideRequestToolOutput } from '../entities/tools/execute-request';
-import type { GET_MINI_OPENAPI_SPEC_TOOL_NAME, GetMiniOpenAPIDocToolInput, GetMiniOpenAPIDocToolOutput } from '../entities/tools/get-mini-openapi-spec';
-import type { GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME, GetOpenAPISpecsSummaryToolOutput } from '../entities/tools/get-openapi-spec-summary';
+import { type Api } from '../api.js';
+import type { ApiMetadata } from '../entities/registry/document.js';
+import type { ASK_FOR_AUTHENTICATION_TOOL_NAME, AskForAuthenticationInput } from '../entities/tools/ask-for-authentication.js';
+import { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME, type ExecuteClientSideRequestToolInput, type ExecuteClientSideRequestToolOutput } from '../entities/tools/execute-request.js';
+import type { GET_MINI_OPENAPI_SPEC_TOOL_NAME, GetMiniOpenAPIDocToolInput, GetMiniOpenAPIDocToolOutput } from '../entities/tools/get-mini-openapi-spec.js';
+import type { GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME, GetOpenAPISpecsSummaryToolOutput } from '../entities/tools/get-openapi-spec-summary.js';
 import type { ChatMode } from '../types';
 export type RegistryDocument = {
     namespace: string;

package/dist/state/state.js

@@ -0,0 +1,154 @@
+import { createError as e } from "../entities/error/helpers.js";
+import { createApi as t, createAuthorizationHeaders as n } from "../api.js";
+import "../entities/tools/execute-request.js";
+import { createDocumentName as r } from "../registry/create-document-name.js";
+import { executeRequestTool as i } from "../client-tools/execute-request.js";
+import { URLS as a } from "../consts/urls.js";
+import { createDocumentSettings as o } from "../helpers.js";
+import { useTermsAndConditions as s } from "../hooks/use-term-and-conditions.js";
+import { removeTmpDocFromLocalStorage as c } from "../hooks/use-upload-tmp-document.js";
+import { persistencePlugin as l } from "../plugins/persistance.js";
+import { loadDocument as u } from "../registry/add-documents-to-store.js";
+import { computed as d, inject as f, reactive as p, ref as m, watch as h } from "vue";
+import { useToasts as g } from "@scalar/use-toasts";
+import { Chat as _ } from "@ai-sdk/vue";
+import { useModal as v } from "@scalar/components";
+import { redirectToProxy as y } from "@scalar/helpers/url/redirect-to-proxy";
+import { apiReferenceConfigurationSchema as b } from "@scalar/types/api-reference";
+import { createWorkspaceStore as x } from "@scalar/workspace-store/client";
+import { createWorkspaceEventBus as S } from "@scalar/workspace-store/events";
+import { DefaultChatTransport as C, lastAssistantMessageIsCompleteWithToolCalls as w } from "ai";
+import { n as T } from "neverpanic";
+//#region src/state/state.ts
+var E = Symbol("STATE_SYMBOL"), { toast: D } = g();
+function O({ registryDocuments: e, workspaceStore: t, baseUrl: r, proxyUrl: a, getAccessToken: s, getAgentKey: c }) {
+	let l = new _({
+		sendAutomaticallyWhen: w,
+		transport: new C({
+			api: y(a.value, `${r}/vector/openapi/chat`),
+			headers: () => n({
+				getAccessToken: s,
+				getAgentKey: c
+			}),
+			body: () => ({
+				registryDocuments: e.value,
+				documentSettings: o(t)
+			})
+		}),
+		async onToolCall({ toolCall: e }) {
+			e.dynamic || e.toolName === "execute-request" && e.input.method.toLowerCase() === "get" && await i({
+				documentSettings: o(t),
+				input: e.input,
+				toolCallId: e.toolCallId,
+				chat: l,
+				proxyUrl: a.value
+			});
+		}
+	});
+	return l;
+}
+function k({ initialRegistryDocuments: n, registryUrl: i, dashboardUrl: o, baseUrl: f, mode: g, isLoggedIn: _, getAccessToken: C, getAgentKey: w, getActiveDocumentJson: E, prefilledMessageRef: k, hideAddApi: A }) {
+	let j = m(k?.value ?? ""), M = m([]), N = p({}), P = m([]), F = m(a.DEFAULT_PROXY_URL), I = d(() => F.value?.trim() || a.DEFAULT_PROXY_URL), L = m(), R = s(), z = S(), B = x({ plugins: [l({ persistAuth: !0 })] }), V = d(() => b.parse({
+		proxyUrl: I.value,
+		persistAuth: !0
+	})), H = O({
+		registryDocuments: M,
+		workspaceStore: B,
+		baseUrl: f,
+		proxyUrl: I,
+		getAccessToken: C,
+		getAgentKey: w
+	}), U = t({
+		baseUrl: f,
+		proxyUrl: I,
+		getAccessToken: C,
+		getAgentKey: w
+	}), W = d(() => H.status === "submitted" || H.status === "streaming" && !H.lastMessage?.parts.some((e) => e.type === "text"));
+	h(() => H.status, () => {
+		H.status === "streaming" && (j.value = "");
+	}), k && h(k, async (e) => {
+		e && (j.value = e, R.accepted.value && await H.sendMessage({ text: j.value }));
+	});
+	let G = v();
+	async function K({ namespace: e, slug: t, removable: n = !0, tmp: r = !1 }) {
+		if (M.value.find((n) => n.namespace === e && n.slug === t)) return;
+		let a = `@${e}/${t}`;
+		N[a] = !0;
+		let o = await u({
+			namespace: e,
+			slug: t,
+			workspaceStore: B,
+			registryUrl: i,
+			registryDocuments: M,
+			config: V.value,
+			api: U,
+			removable: n
+		});
+		if (N[a] = !1, !o.success) throw r ? (c(), o.error) : (console.warn("[AGENT]: Unable to load document", o.error), D(`Unable to load the document @${e}/${t}`, "warn"), o.error);
+	}
+	async function q({ namespace: t, slug: n, removable: r = !0 }) {
+		if (M.value.find((e) => e.namespace === t && e.slug === n)) return;
+		let a = `@${t}/${n}`;
+		N[a] = !0;
+		let o = await T.fromUnsafe(() => fetch(y(I.value, `${f}/vector/registry/embeddings/${t}/${n}`), { method: "GET" }), (t) => e("FAILED_TO_GET_EMBEDDING_STATUS", t));
+		if (o.success && o.data.ok) {
+			let e = await u({
+				namespace: t,
+				slug: n,
+				workspaceStore: B,
+				registryUrl: i,
+				registryDocuments: M,
+				config: V.value,
+				api: U,
+				removable: r
+			});
+			e.success || (console.warn("[AGENT]: Unable to load document", e.error), D(`Unable to load the document @${t}/${n}`, "warn"));
+		} else console.warn("[AGENT]: Document could not be embedded"), D(`Unable to embed the document @${t}/${n}`, "warn");
+		N[a] = !1;
+	}
+	function J({ namespace: e, slug: t }) {
+		M.value = M.value.filter((n) => !(n.namespace === e && n.slug === t)), B.deleteDocument(r(e, t));
+	}
+	return n.forEach(({ namespace: e, slug: t }) => K({
+		namespace: e,
+		slug: t,
+		removable: !1
+	})), {
+		prompt: j,
+		chat: H,
+		workspaceStore: B,
+		eventBus: z,
+		loading: W,
+		settingsModal: G,
+		config: V,
+		registryUrl: i,
+		dashboardUrl: o,
+		baseUrl: f,
+		registryDocuments: M,
+		pendingDocuments: N,
+		proxyUrl: I,
+		proxyUrlRaw: F,
+		mode: g,
+		terms: R,
+		isLoggedIn: _,
+		addDocument: K,
+		addDocumentAsync: q,
+		removeDocument: J,
+		getAccessToken: C,
+		getAgentKey: w,
+		api: U,
+		uploadedTmpDocumentUrl: L,
+		curatedDocuments: P,
+		getActiveDocumentJson: E,
+		hideAddApi: A
+	};
+}
+function A() {
+	let e = f(E);
+	if (!e) throw Error("No state provided.");
+	return e;
+}
+//#endregion
+export { E as STATE_SYMBOL, k as createState, A as useState };
+
+//# sourceMappingURL=state.js.map

package/dist/state/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","names":[],"sources":["../../src/state/state.ts"],"sourcesContent":["import { Chat } from '@ai-sdk/vue'\nimport { type ModalState, useModal } from '@scalar/components'\nimport { redirectToProxy } from '@scalar/helpers/url/redirect-to-proxy'\nimport { type ApiReferenceConfigurationRaw, apiReferenceConfigurationSchema } from '@scalar/types/api-reference'\nimport { useToasts } from '@scalar/use-toasts'\nimport { type WorkspaceStore, createWorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { createWorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { DefaultChatTransport, type UIDataTypes, type UIMessage, lastAssistantMessageIsCompleteWithToolCalls } from 'ai'\nimport { n } from 'neverpanic'\nimport { type ComputedRef, type InjectionKey, type Ref, computed, inject, reactive, ref, watch } from 'vue'\n\nimport { type Api, createApi, createAuthorizationHeaders } from '@/api'\nimport { executeRequestTool } from '@/client-tools/execute-request'\nimport { URLS } from '@/consts/urls'\nimport { createError } from '@/entities'\nimport type { ApiMetadata } from '@/entities/registry/document'\nimport type {\n  ASK_FOR_AUTHENTICATION_TOOL_NAME,\n  AskForAuthenticationInput,\n} from '@/entities/tools/ask-for-authentication'\nimport {\n  EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME,\n  type ExecuteClientSideRequestToolInput,\n  type ExecuteClientSideRequestToolOutput,\n} from '@/entities/tools/execute-request'\nimport type {\n  GET_MINI_OPENAPI_SPEC_TOOL_NAME,\n  GetMiniOpenAPIDocToolInput,\n  GetMiniOpenAPIDocToolOutput,\n} from '@/entities/tools/get-mini-openapi-spec'\nimport type {\n  GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME,\n  GetOpenAPISpecsSummaryToolOutput,\n} from '@/entities/tools/get-openapi-spec-summary'\nimport { createDocumentSettings } from '@/helpers'\nimport { useTermsAndConditions } from '@/hooks/use-term-and-conditions'\nimport { removeTmpDocFromLocalStorage } from '@/hooks/use-upload-tmp-document'\nimport { persistencePlugin } from '@/plugins/persistance'\nimport { loadDocument } from '@/registry/add-documents-to-store'\nimport { createDocumentName } from '@/registry/create-document-name'\nimport type { ChatMode } from '@/types'\n\nexport type RegistryDocument = {\n  namespace: string\n  slug: string\n}\n\nexport type Tools = {\n  [GET_MINI_OPENAPI_SPEC_TOOL_NAME]: {\n    input: GetMiniOpenAPIDocToolInput\n    output: GetMiniOpenAPIDocToolOutput\n  }\n  [EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME]: {\n    input: ExecuteClientSideRequestToolInput\n    output: ExecuteClientSideRequestToolOutput\n  }\n  [GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME]: {\n    input: object\n    output: GetOpenAPISpecsSummaryToolOutput\n  }\n  [ASK_FOR_AUTHENTICATION_TOOL_NAME]: {\n    input: AskForAuthenticationInput\n    output: unknown\n  }\n}\n\nexport const STATE_SYMBOL: InjectionKey<State> = Symbol('STATE_SYMBOL')\n\nconst { toast } = useToasts()\n\ntype State = {\n  prompt: Ref<string>\n  chat: Chat<UIMessage<unknown, UIDataTypes, Tools>>\n  workspaceStore: WorkspaceStore\n  loading: ComputedRef<boolean>\n  settingsModal: ModalState\n  eventBus: WorkspaceEventBus\n  proxyUrl: ComputedRef<string>\n  proxyUrlRaw: Ref<string | undefined>\n  config: ComputedRef<ApiReferenceConfigurationRaw>\n  registryUrl: string\n  dashboardUrl: string\n  baseUrl: string\n  isLoggedIn?: Ref<boolean>\n  registryDocuments: Ref<ApiMetadata[]>\n  pendingDocuments: Record<string, boolean>\n  mode: ChatMode\n  terms: { accepted: Ref<boolean>; accept: () => void }\n  addDocument: (document: { namespace: string; slug: string; removable?: boolean; tmp?: boolean }) => Promise<void>\n  addDocumentAsync: (document: { namespace: string; slug: string; removable?: boolean }) => Promise<void>\n  removeDocument: (document: { namespace: string; slug: string }) => void\n  getAccessToken?: () => string\n  getAgentKey?: () => string\n  api: Api\n  uploadedTmpDocumentUrl: Ref<string | undefined>\n  curatedDocuments: Ref<ApiMetadata[]>\n  getActiveDocumentJson?: () => string\n  hideAddApi?: boolean\n}\n\nfunction createChat({\n  registryDocuments,\n  workspaceStore,\n  baseUrl,\n  proxyUrl,\n  getAccessToken,\n  getAgentKey,\n}: {\n  registryDocuments: Ref<ApiMetadata[]>\n  workspaceStore: WorkspaceStore\n  baseUrl: string\n  proxyUrl: ComputedRef<string>\n  getAccessToken?: () => string\n  getAgentKey?: () => string\n}) {\n  const chat = new Chat<UIMessage<unknown, UIDataTypes, Tools>>({\n    sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls,\n    transport: new DefaultChatTransport({\n      api: redirectToProxy(proxyUrl.value, `${baseUrl}/vector/openapi/chat`),\n      headers: () => createAuthorizationHeaders({ getAccessToken, getAgentKey }),\n      body: () => ({\n        registryDocuments: registryDocuments.value,\n        documentSettings: createDocumentSettings(workspaceStore),\n      }),\n    }),\n    async onToolCall({ toolCall }): Promise<any> {\n      if (toolCall.dynamic) {\n        return\n      }\n\n      if (\n        toolCall.toolName === EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME &&\n        toolCall.input.method.toLowerCase() === 'get'\n      ) {\n        await executeRequestTool({\n          documentSettings: createDocumentSettings(workspaceStore),\n          input: toolCall.input,\n          toolCallId: toolCall.toolCallId,\n          chat,\n          proxyUrl: proxyUrl.value,\n        })\n      }\n    },\n  })\n\n  return chat\n}\n\nexport function createState({\n  initialRegistryDocuments,\n  registryUrl,\n  dashboardUrl,\n  baseUrl,\n  mode,\n  isLoggedIn,\n  getAccessToken,\n  getAgentKey,\n  getActiveDocumentJson,\n  prefilledMessageRef,\n  hideAddApi,\n}: {\n  initialRegistryDocuments: { namespace: string; slug: string }[]\n  registryUrl: string\n  dashboardUrl: string\n  baseUrl: string\n  mode: ChatMode\n  isLoggedIn?: Ref<boolean>\n  getAccessToken?: () => string\n  getAgentKey?: () => string\n  getActiveDocumentJson?: () => string\n  prefilledMessageRef?: Ref<string>\n  hideAddApi?: boolean\n}): State {\n  const prompt = ref<State['prompt']['value']>(prefilledMessageRef?.value ?? '')\n  const registryDocuments = ref<ApiMetadata[]>([])\n  const pendingDocuments = reactive<Record<string, boolean>>({})\n  const curatedDocuments = ref<ApiMetadata[]>([])\n  const proxyUrlRaw = ref<State['proxyUrlRaw']['value']>(URLS.DEFAULT_PROXY_URL)\n  const proxyUrl = computed(() => proxyUrlRaw.value?.trim() || URLS.DEFAULT_PROXY_URL)\n  const uploadedTmpDocumentUrl = ref<string>()\n  const terms = useTermsAndConditions()\n\n  const eventBus = createWorkspaceEventBus()\n  const workspaceStore = createWorkspaceStore({\n    plugins: [\n      persistencePlugin({\n        persistAuth: true,\n      }),\n    ],\n  })\n\n  const config = computed(() =>\n    apiReferenceConfigurationSchema.parse({\n      proxyUrl: proxyUrl.value,\n      persistAuth: true,\n    }),\n  )\n\n  const chat = createChat({\n    registryDocuments,\n    workspaceStore,\n    baseUrl,\n    proxyUrl,\n    getAccessToken,\n    getAgentKey,\n  })\n\n  const api = createApi({\n    baseUrl,\n    proxyUrl,\n    getAccessToken,\n    getAgentKey,\n  })\n\n  const loading = computed(\n    () =>\n      chat.status === 'submitted' ||\n      (chat.status === 'streaming' && !chat.lastMessage?.parts.some((part) => part.type === 'text')),\n  )\n\n  watch(\n    () => chat.status,\n    () => {\n      if (chat.status === 'streaming') {\n        prompt.value = ''\n      }\n    },\n  )\n\n  if (prefilledMessageRef) {\n    watch(prefilledMessageRef, async (val) => {\n      if (val) {\n        prompt.value = val\n        if (terms.accepted.value) {\n          await chat.sendMessage({ text: prompt.value })\n        }\n      }\n    })\n  }\n\n  const settingsModal = useModal()\n\n  async function addDocument({\n    namespace,\n    slug,\n    removable = true,\n    tmp = false,\n  }: {\n    namespace: string\n    slug: string\n    removable?: boolean\n    tmp?: boolean\n  }) {\n    const matchingDoc = registryDocuments.value.find((doc) => doc.namespace === namespace && doc.slug === slug)\n\n    if (matchingDoc) {\n      return\n    }\n\n    const identifier = `@${namespace}/${slug}`\n\n    pendingDocuments[identifier] = true\n\n    const loadDocumentResult = await loadDocument({\n      namespace,\n      slug,\n      workspaceStore,\n      registryUrl,\n      registryDocuments,\n      config: config.value,\n      api,\n      removable,\n    })\n\n    pendingDocuments[identifier] = false\n\n    if (!loadDocumentResult.success) {\n      /**\n       * If we are unable to load a document, we just remove it\n       * from tmp local storage, do not warn the user.\n       */\n      if (tmp) {\n        removeTmpDocFromLocalStorage()\n        throw loadDocumentResult.error\n      }\n\n      console.warn('[AGENT]: Unable to load document', loadDocumentResult.error)\n      toast(`Unable to load the document @${namespace}/${slug}`, 'warn')\n      throw loadDocumentResult.error\n    }\n  }\n\n  /**\n   * Waits for document to be available in embeddings\n   * and adds to the list\n   */\n  async function addDocumentAsync({\n    namespace,\n    slug,\n    removable = true,\n  }: {\n    namespace: string\n    slug: string\n    removable?: boolean\n  }) {\n    const matchingDoc = registryDocuments.value.find((doc) => doc.namespace === namespace && doc.slug === slug)\n\n    if (matchingDoc) {\n      return\n    }\n\n    const identifier = `@${namespace}/${slug}`\n\n    pendingDocuments[identifier] = true\n\n    const embeddingStatusResponse = await n.fromUnsafe(\n      () =>\n        fetch(redirectToProxy(proxyUrl.value, `${baseUrl}/vector/registry/embeddings/${namespace}/${slug}`), {\n          method: 'GET',\n        }),\n      (originalError) => createError('FAILED_TO_GET_EMBEDDING_STATUS', originalError),\n    )\n\n    if (embeddingStatusResponse.success && embeddingStatusResponse.data.ok) {\n      const loadDocumentResult = await loadDocument({\n        namespace,\n        slug,\n        workspaceStore,\n        registryUrl,\n        registryDocuments,\n        config: config.value,\n        api,\n        removable,\n      })\n\n      if (!loadDocumentResult.success) {\n        console.warn('[AGENT]: Unable to load document', loadDocumentResult.error)\n        toast(`Unable to load the document @${namespace}/${slug}`, 'warn')\n      }\n    } else {\n      console.warn('[AGENT]: Document could not be embedded')\n      toast(`Unable to embed the document @${namespace}/${slug}`, 'warn')\n    }\n\n    pendingDocuments[identifier] = false\n  }\n\n  function removeDocument({ namespace, slug }: { namespace: string; slug: string }) {\n    registryDocuments.value = registryDocuments.value.filter(\n      (doc) => !(doc.namespace === namespace && doc.slug === slug),\n    )\n\n    workspaceStore.deleteDocument(createDocumentName(namespace, slug))\n  }\n\n  initialRegistryDocuments.forEach(({ namespace, slug }) => addDocument({ namespace, slug, removable: false }))\n\n  return {\n    prompt,\n    chat,\n    workspaceStore,\n    eventBus,\n    loading,\n    settingsModal,\n    config,\n    registryUrl,\n    dashboardUrl,\n    baseUrl,\n    registryDocuments,\n    pendingDocuments,\n    proxyUrl,\n    proxyUrlRaw,\n    mode,\n    terms,\n    isLoggedIn,\n    addDocument,\n    addDocumentAsync,\n    removeDocument,\n    getAccessToken,\n    getAgentKey,\n    api,\n    uploadedTmpDocumentUrl,\n    curatedDocuments,\n    getActiveDocumentJson,\n    hideAddApi,\n  }\n}\n\nexport function useState() {\n  const state = inject(STATE_SYMBOL)\n\n  if (!state) {\n    throw new Error('No state provided.')\n  }\n\n  return state\n}\n"],"mappings":"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"}

package/dist/views/Catalog/Catalog.vue.js

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

package/dist/views/Catalog/Catalog.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Catalog.vue.js","names":[],"sources":["../../../src/views/Catalog/Catalog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIcon,\n  ScalarModal,\n  ScalarSearchInput,\n  type ModalState,\n} from '@scalar/components'\nimport { computed } from 'vue'\n\nimport { useSearch } from '@/hooks/use-search'\nimport { useState } from '@/state/state'\n\ndefineProps<{\n  modal: ModalState\n}>()\n\nconst search = useSearch()\n\nconst state = useState()\n\nconst searchOptions = computed(() =>\n  search.results.value\n    .filter((r) => {\n      return !state.registryDocuments.value.some(\n        (d) => d.namespace === r.namespace && d.slug === r.slug,\n      )\n    })\n    .map((result) => ({\n      ...result,\n      label: result.title,\n      id: result.id,\n    })),\n)\n</script>\n\n<template>\n  <ScalarModal\n    class=\"catalogModal\"\n    :state=\"modal\">\n    <ScalarSearchInput\n      autofocus\n      class=\"searchInput\"\n      :modelValue=\"search.query.value\"\n      @update:modelValue=\"(v) => (search.query.value = v ?? '')\" />\n    <template v-if=\"searchOptions.length\">\n      <div class=\"catalog custom-scroll\">\n        <button\n          v-for=\"option in searchOptions\"\n          :key=\"option.id\"\n          class=\"item\"\n          type=\"button\"\n          @click=\"\n            () => {\n              state.addDocument(option)\n              modal.hide()\n            }\n          \">\n          <div class=\"left\">\n            <img\n              v-if=\"option.logoUrl\"\n              class=\"logo\"\n              :src=\"option.logoUrl\" />\n            <ScalarIcon\n              v-else\n              class=\"logo\"\n              logo=\"Openapi\" />\n          </div>\n\n          <div class=\"right\">\n            <div class=\"item-top\">\n              <span>{{ option.title }}</span>\n\n              <span class=\"version\">v{{ option.currentVersion }}</span>\n            </div>\n\n            <span class=\"description\">\n              @{{ option.namespace }}/{{ option.slug }}\n            </span>\n          </div>\n        </button>\n      </div>\n    </template>\n  </ScalarModal>\n</template>\n\n<style>\n.catalogModal .scalar-modal-body {\n  display: flex;\n  flex-direction: column;\n}\n</style>\n\n<style scoped>\n.searchInput {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  margin-bottom: 10px;\n}\n.catalog {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n  overflow-y: scroll;\n  font-size: var(--scalar-font-size-3);\n}\n.item {\n  display: flex;\n  padding: 15px;\n  gap: 10px;\n  align-items: center;\n  background-color: var(--scalar-background-2);\n  border-radius: var(--scalar-radius-lg);\n  transition: background-color 160ms ease;\n}\n.item:hover {\n  background-color: color-mix(\n    in srgb,\n    var(--scalar-background-3),\n    transparent 40%\n  ) !important;\n}\n.left {\n  align-items: center;\n}\n.right {\n  display: flex;\n  flex-direction: column;\n}\n.logo {\n  width: 25px;\n}\n.item-top {\n  display: flex;\n  gap: 10px;\n}\n.version {\n  background: var(--scalar-background-3);\n  padding: 2px 5px;\n  border-radius: var(--scalar-radius);\n  font-size: var(--scalar-font-size-5);\n  color: var(--scalar-color-3);\n}\n.description {\n  color: var(--scalar-color-2);\n}\n</style>\n"],"mappings":""}

package/dist/views/Catalog/Catalog.vue.script.js

@@ -0,0 +1,50 @@
+import { useState as e } from "../../state/state.js";
+import { useSearch as t } from "../../hooks/use-search.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, openBlock as u, renderList as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { ScalarIcon as h, ScalarModal as g, ScalarSearchInput as _ } from "@scalar/components";
+//#region src/views/Catalog/Catalog.vue?vue&type=script&setup=true&lang.ts
+var v = {
+	key: 0,
+	class: "catalog custom-scroll"
+}, y = ["onClick"], b = { class: "left" }, x = ["src"], S = { class: "right" }, C = { class: "item-top" }, w = { class: "version" }, T = { class: "description" }, E = /* @__PURE__ */ l({
+	__name: "Catalog",
+	props: { modal: {} },
+	setup(l) {
+		let E = t(), D = e(), O = r(() => E.results.value.filter((e) => !D.registryDocuments.value.some((t) => t.namespace === e.namespace && t.slug === e.slug)).map((e) => ({
+			...e,
+			label: e.title,
+			id: e.id
+		})));
+		return (e, t) => (u(), i(p(g), {
+			class: "catalogModal",
+			state: l.modal
+		}, {
+			default: m(() => [c(p(_), {
+				autofocus: "",
+				class: "searchInput",
+				modelValue: p(E).query.value,
+				"onUpdate:modelValue": t[0] ||= (e) => p(E).query.value = e ?? ""
+			}, null, 8, ["modelValue"]), O.value.length ? (u(), o("div", v, [(u(!0), o(n, null, d(O.value, (e) => (u(), o("button", {
+				key: e.id,
+				class: "item",
+				type: "button",
+				onClick: () => {
+					p(D).addDocument(e), l.modal.hide();
+				}
+			}, [s("div", b, [e.logoUrl ? (u(), o("img", {
+				key: 0,
+				class: "logo",
+				src: e.logoUrl
+			}, null, 8, x)) : (u(), i(p(h), {
+				key: 1,
+				class: "logo",
+				logo: "Openapi"
+			}))]), s("div", S, [s("div", C, [s("span", null, f(e.title), 1), s("span", w, "v" + f(e.currentVersion), 1)]), s("span", T, " @" + f(e.namespace) + "/" + f(e.slug), 1)])], 8, y))), 128))])) : a("", !0)]),
+			_: 1
+		}, 8, ["state"]));
+	}
+});
+//#endregion
+export { E as default };
+
+//# sourceMappingURL=Catalog.vue.script.js.map

package/dist/views/Catalog/Catalog.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Catalog.vue.script.js","names":[],"sources":["../../../src/views/Catalog/Catalog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIcon,\n  ScalarModal,\n  ScalarSearchInput,\n  type ModalState,\n} from '@scalar/components'\nimport { computed } from 'vue'\n\nimport { useSearch } from '@/hooks/use-search'\nimport { useState } from '@/state/state'\n\ndefineProps<{\n  modal: ModalState\n}>()\n\nconst search = useSearch()\n\nconst state = useState()\n\nconst searchOptions = computed(() =>\n  search.results.value\n    .filter((r) => {\n      return !state.registryDocuments.value.some(\n        (d) => d.namespace === r.namespace && d.slug === r.slug,\n      )\n    })\n    .map((result) => ({\n      ...result,\n      label: result.title,\n      id: result.id,\n    })),\n)\n</script>\n\n<template>\n  <ScalarModal\n    class=\"catalogModal\"\n    :state=\"modal\">\n    <ScalarSearchInput\n      autofocus\n      class=\"searchInput\"\n      :modelValue=\"search.query.value\"\n      @update:modelValue=\"(v) => (search.query.value = v ?? '')\" />\n    <template v-if=\"searchOptions.length\">\n      <div class=\"catalog custom-scroll\">\n        <button\n          v-for=\"option in searchOptions\"\n          :key=\"option.id\"\n          class=\"item\"\n          type=\"button\"\n          @click=\"\n            () => {\n              state.addDocument(option)\n              modal.hide()\n            }\n          \">\n          <div class=\"left\">\n            <img\n              v-if=\"option.logoUrl\"\n              class=\"logo\"\n              :src=\"option.logoUrl\" />\n            <ScalarIcon\n              v-else\n              class=\"logo\"\n              logo=\"Openapi\" />\n          </div>\n\n          <div class=\"right\">\n            <div class=\"item-top\">\n              <span>{{ option.title }}</span>\n\n              <span class=\"version\">v{{ option.currentVersion }}</span>\n            </div>\n\n            <span class=\"description\">\n              @{{ option.namespace }}/{{ option.slug }}\n            </span>\n          </div>\n        </button>\n      </div>\n    </template>\n  </ScalarModal>\n</template>\n\n<style>\n.catalogModal .scalar-modal-body {\n  display: flex;\n  flex-direction: column;\n}\n</style>\n\n<style scoped>\n.searchInput {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-lg);\n  margin-bottom: 10px;\n}\n.catalog {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 10px;\n  overflow-y: scroll;\n  font-size: var(--scalar-font-size-3);\n}\n.item {\n  display: flex;\n  padding: 15px;\n  gap: 10px;\n  align-items: center;\n  background-color: var(--scalar-background-2);\n  border-radius: var(--scalar-radius-lg);\n  transition: background-color 160ms ease;\n}\n.item:hover {\n  background-color: color-mix(\n    in srgb,\n    var(--scalar-background-3),\n    transparent 40%\n  ) !important;\n}\n.left {\n  align-items: center;\n}\n.right {\n  display: flex;\n  flex-direction: column;\n}\n.logo {\n  width: 25px;\n}\n.item-top {\n  display: flex;\n  gap: 10px;\n}\n.version {\n  background: var(--scalar-background-3);\n  padding: 2px 5px;\n  border-radius: var(--scalar-radius);\n  font-size: var(--scalar-font-size-5);\n  color: var(--scalar-color-3);\n}\n.description {\n  color: var(--scalar-color-2);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EAgBA,IAAM,IAAS,GAAU,EAEnB,IAAQ,GAAS,EAEjB,IAAgB,QACpB,EAAO,QAAQ,MACZ,QAAQ,MACA,CAAC,EAAM,kBAAkB,MAAM,MACnC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,KACrD,CACD,CACA,KAAK,OAAY;GAChB,GAAG;GACH,OAAO,EAAO;GACd,IAAI,EAAO;GACZ,EAAE,CACP;yBAIE,EA8Cc,EAAA,EAAA,EAAA;GA7CZ,OAAM;GACL,OAAO,EAAA;;oBAKuD,CAJ/D,EAI+D,EAAA,EAAA,EAAA;IAH7D,WAAA;IACA,OAAM;IACL,YAAY,EAAA,EAAM,CAAC,MAAM;IACzB,uBAAiB,AAAA,EAAA,QAAG,MAAO,EAAA,EAAM,CAAC,MAAM,QAAQ,KAAC;gCACpC,EAAA,MAAc,UAAA,GAAA,EAC5B,EAmCM,OAnCN,GAmCM,EAAA,EAAA,GAAA,EAlCJ,EAiCS,GAAA,MAAA,EAhCU,EAAA,QAAV,YADT,EAiCS,UAAA;IA/BN,KAAK,EAAO;IACb,OAAM;IACN,MAAK;IACJ,eAAA;AAAkF,KAAxC,EAAA,EAAK,CAAC,YAAY,EAAM,EAAgB,EAAA,MAAM,MAAI;;OAM7F,EASM,OATN,GASM,CAPI,EAAO,WAAA,GAAA,EADf,EAG0B,OAAA;;IADxB,OAAM;IACL,KAAK,EAAO;2BACf,EAGmB,EAAA,EAAA,EAAA;;IADjB,OAAM;IACN,MAAK;UAGT,EAUM,OAVN,GAUM,CATJ,EAIM,OAJN,GAIM,CAHJ,EAA+B,QAAA,MAAA,EAAtB,EAAO,MAAK,EAAA,EAAA,EAErB,EAAyD,QAAzD,GAAsB,MAAC,EAAG,EAAO,eAAc,EAAA,EAAA,CAAA,CAAA,EAGjD,EAEO,QAFP,GAA0B,OACvB,EAAG,EAAO,UAAS,GAAG,MAAC,EAAG,EAAO,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,EAAA,GAAA,EAAA"}

package/dist/views/Chat/Chat.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.vue.js","names":[],"sources":["../../../src/views/Chat/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToolUIPart } from 'ai'\nimport { reactive, toRef } from 'vue'\n\nimport { ASK_FOR_AUTHENTICATION_TOOL_NAME } from '@/entities/tools/ask-for-authentication'\nimport { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME } from '@/entities/tools/execute-request'\nimport { GET_MINI_OPENAPI_SPEC_TOOL_NAME } from '@/entities/tools/get-mini-openapi-spec'\nimport { GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME } from '@/entities/tools/get-openapi-spec-summary'\nimport { useState, type Tools } from '@/state/state'\nimport AskForAuthentication from '@/views/Chat/Messages/AskForAuthentication.vue'\nimport ExecuteRequestTool from '@/views/Chat/Messages/ExecuteRequestTool.vue'\nimport GetMiniOpenAPIDocTool from '@/views/Chat/Messages/GetMiniOpenAPIDocTool.vue'\nimport GetOpenAPISpecsSummary from '@/views/Chat/Messages/GetOpenAPISpecsSummary.vue'\nimport Text from '@/views/Chat/Messages/Text.vue'\nimport PromptForm from '@/views/PromptForm.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\nconst state = useState()\n</script>\n\n<template>\n  <div class=\"chat\">\n    <template\n      v-for=\"message in state.chat.messages\"\n      :key=\"message.id\">\n      <template v-if=\"message.role === 'user'\">\n        <div\n          v-for=\"(part, index) in message.parts\"\n          :key=\"`${message.id}-${index}`\"\n          class=\"userMessage\">\n          <p v-if=\"part.type === 'text'\">{{ part.text }}</p>\n        </div>\n      </template>\n      <template v-if=\"message.role === 'assistant'\">\n        <div\n          v-for=\"(part, index) in message.parts\"\n          :key=\"`${message.id}-${index}`\">\n          <Text\n            v-if=\"part.type === 'text'\"\n            :messagePart=\"toRef(part)\" />\n          <ExecuteRequestTool\n            v-if=\"part.type.endsWith(EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME>\n                >,\n              )\n            \" />\n          <GetMiniOpenAPIDocTool\n            v-if=\"part.type.endsWith(GET_MINI_OPENAPI_SPEC_TOOL_NAME)\"\n            :message=\"reactive(message)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof GET_MINI_OPENAPI_SPEC_TOOL_NAME>\n                >,\n              )\n            \" />\n          <GetOpenAPISpecsSummary\n            v-if=\"part.type.endsWith(GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME)\"\n            :message=\"reactive(message)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME>\n                >,\n              )\n            \" />\n          <AskForAuthentication\n            v-if=\"part.type.endsWith(ASK_FOR_AUTHENTICATION_TOOL_NAME)\"\n            :message=\"reactive(message)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof ASK_FOR_AUTHENTICATION_TOOL_NAME>\n                >,\n              )\n            \" />\n        </div>\n      </template>\n    </template>\n    <div class=\"spacer\"></div>\n  </div>\n  <div class=\"formContainer\">\n    <PromptForm\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n  </div>\n</template>\n\n<style scoped>\n.chat {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 24px 0;\n  max-width: 744px;\n}\n\n.userMessage {\n  padding-top: 6px;\n  padding-bottom: 6px;\n  padding-inline: 16px;\n  border-radius: 18px;\n  background: var(--scalar-background-2);\n  width: fit-content;\n  max-width: 80%;\n  margin-left: auto;\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--scalar-color-1);\n  margin-bottom: 12px;\n}\ndiv + .userMessage {\n  margin-top: 64px;\n}\n.chat > :deep(div:has(.executeRequestTool)) + div:has(.executeRequestTool) {\n  margin-top: -12px;\n}\n.spacer {\n  min-height: 280px;\n  width: 100%;\n}\n\n.formContainer {\n  position: fixed;\n  bottom: 20px;\n  width: 100%;\n  max-width: 744px;\n  z-index: 1;\n}\n.chat :deep(.markdown) {\n  margin-bottom: 12px;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,55 @@
+import "../../entities/tools/ask-for-authentication.js";
+import "../../entities/tools/execute-request.js";
+import "../../entities/tools/get-mini-openapi-spec.js";
+import "../../entities/tools/get-openapi-spec-summary.js";
+import { useState as e } from "../../state/state.js";
+import t from "./Messages/AskForAuthentication.vue.js";
+import n from "./Messages/ExecuteRequestTool.vue.js";
+import r from "./Messages/GetMiniOpenAPIDocTool.vue.js";
+import i from "./Messages/GetOpenAPISpecsSummary.vue.js";
+import a from "./Messages/Text.vue.js";
+import o from "../PromptForm.vue.js";
+import { Fragment as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, openBlock as m, reactive as h, renderList as g, toDisplayString as _, toRef as v, unref as y } from "vue";
+//#region src/views/Chat/Chat.vue?vue&type=script&setup=true&lang.ts
+var b = { class: "chat" }, x = { key: 0 }, S = { class: "formContainer" }, C = /* @__PURE__ */ p({
+	__name: "Chat",
+	emits: ["submit", "uploadApi"],
+	setup(p, { emit: C }) {
+		let w = C, T = e();
+		return (e, p) => (m(), u(s, null, [d("div", b, [(m(!0), u(s, null, g(y(T).chat.messages, (e) => (m(), u(s, { key: e.id }, [e.role === "user" ? (m(!0), u(s, { key: 0 }, g(e.parts, (t, n) => (m(), u("div", {
+			key: `${e.id}-${n}`,
+			class: "userMessage"
+		}, [t.type === "text" ? (m(), u("p", x, _(t.text), 1)) : l("", !0)]))), 128)) : l("", !0), e.role === "assistant" ? (m(!0), u(s, { key: 1 }, g(e.parts, (o, s) => (m(), u("div", { key: `${e.id}-${s}` }, [
+			o.type === "text" ? (m(), c(a, {
+				key: 0,
+				messagePart: v(o)
+			}, null, 8, ["messagePart"])) : l("", !0),
+			o.type.endsWith(y("execute-request")) ? (m(), c(n, {
+				key: 1,
+				messagePart: v(o)
+			}, null, 8, ["messagePart"])) : l("", !0),
+			o.type.endsWith(y("get-mini-openapi-spec")) ? (m(), c(r, {
+				key: 2,
+				message: h(e),
+				messagePart: v(o)
+			}, null, 8, ["message", "messagePart"])) : l("", !0),
+			o.type.endsWith(y("get-openapi-specs-summary")) ? (m(), c(i, {
+				key: 3,
+				message: h(e),
+				messagePart: v(o)
+			}, null, 8, ["message", "messagePart"])) : l("", !0),
+			o.type.endsWith(y("ask-for-authentication")) ? (m(), c(t, {
+				key: 4,
+				message: h(e),
+				messagePart: v(o)
+			}, null, 8, ["message", "messagePart"])) : l("", !0)
+		]))), 128)) : l("", !0)], 64))), 128)), p[2] ||= d("div", { class: "spacer" }, null, -1)]), d("div", S, [f(o, {
+			onSubmit: p[0] ||= (e) => w("submit"),
+			onUploadApi: p[1] ||= (e) => w("uploadApi")
+		})])], 64));
+	}
+});
+//#endregion
+export { C as default };
+
+//# sourceMappingURL=Chat.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.vue.script.js","names":[],"sources":["../../../src/views/Chat/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToolUIPart } from 'ai'\nimport { reactive, toRef } from 'vue'\n\nimport { ASK_FOR_AUTHENTICATION_TOOL_NAME } from '@/entities/tools/ask-for-authentication'\nimport { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME } from '@/entities/tools/execute-request'\nimport { GET_MINI_OPENAPI_SPEC_TOOL_NAME } from '@/entities/tools/get-mini-openapi-spec'\nimport { GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME } from '@/entities/tools/get-openapi-spec-summary'\nimport { useState, type Tools } from '@/state/state'\nimport AskForAuthentication from '@/views/Chat/Messages/AskForAuthentication.vue'\nimport ExecuteRequestTool from '@/views/Chat/Messages/ExecuteRequestTool.vue'\nimport GetMiniOpenAPIDocTool from '@/views/Chat/Messages/GetMiniOpenAPIDocTool.vue'\nimport GetOpenAPISpecsSummary from '@/views/Chat/Messages/GetOpenAPISpecsSummary.vue'\nimport Text from '@/views/Chat/Messages/Text.vue'\nimport PromptForm from '@/views/PromptForm.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\nconst state = useState()\n</script>\n\n<template>\n  <div class=\"chat\">\n    <template\n      v-for=\"message in state.chat.messages\"\n      :key=\"message.id\">\n      <template v-if=\"message.role === 'user'\">\n        <div\n          v-for=\"(part, index) in message.parts\"\n          :key=\"`${message.id}-${index}`\"\n          class=\"userMessage\">\n          <p v-if=\"part.type === 'text'\">{{ part.text }}</p>\n        </div>\n      </template>\n      <template v-if=\"message.role === 'assistant'\">\n        <div\n          v-for=\"(part, index) in message.parts\"\n          :key=\"`${message.id}-${index}`\">\n          <Text\n            v-if=\"part.type === 'text'\"\n            :messagePart=\"toRef(part)\" />\n          <ExecuteRequestTool\n            v-if=\"part.type.endsWith(EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME>\n                >,\n              )\n            \" />\n          <GetMiniOpenAPIDocTool\n            v-if=\"part.type.endsWith(GET_MINI_OPENAPI_SPEC_TOOL_NAME)\"\n            :message=\"reactive(message)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof GET_MINI_OPENAPI_SPEC_TOOL_NAME>\n                >,\n              )\n            \" />\n          <GetOpenAPISpecsSummary\n            v-if=\"part.type.endsWith(GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME)\"\n            :message=\"reactive(message)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME>\n                >,\n              )\n            \" />\n          <AskForAuthentication\n            v-if=\"part.type.endsWith(ASK_FOR_AUTHENTICATION_TOOL_NAME)\"\n            :message=\"reactive(message)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof ASK_FOR_AUTHENTICATION_TOOL_NAME>\n                >,\n              )\n            \" />\n        </div>\n      </template>\n    </template>\n    <div class=\"spacer\"></div>\n  </div>\n  <div class=\"formContainer\">\n    <PromptForm\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n  </div>\n</template>\n\n<style scoped>\n.chat {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 24px 0;\n  max-width: 744px;\n}\n\n.userMessage {\n  padding-top: 6px;\n  padding-bottom: 6px;\n  padding-inline: 16px;\n  border-radius: 18px;\n  background: var(--scalar-background-2);\n  width: fit-content;\n  max-width: 80%;\n  margin-left: auto;\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--scalar-color-1);\n  margin-bottom: 12px;\n}\ndiv + .userMessage {\n  margin-top: 64px;\n}\n.chat > :deep(div:has(.executeRequestTool)) + div:has(.executeRequestTool) {\n  margin-top: -12px;\n}\n.spacer {\n  min-height: 280px;\n  width: 100%;\n}\n\n.formContainer {\n  position: fixed;\n  bottom: 20px;\n  width: 100%;\n  max-width: 744px;\n  z-index: 1;\n}\n.chat :deep(.markdown) {\n  margin-bottom: 12px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAgBA,IAAM,IAAO,GAKP,IAAQ,GAAS;qCAIrB,EA8DM,OA9DN,GA8DM,EAAA,EAAA,GAAA,EA7DJ,EA2DW,GAAA,MAAA,EA1DS,EAAA,EAAK,CAAC,KAAK,WAAtB,wBACD,EAAQ,IAAA,EAAA,CACE,EAAQ,SAAI,UAAA,EAAA,GAAA,EAC1B,EAKM,GAAA,EAAA,KAAA,GAAA,EAAA,EAJoB,EAAQ,QAAxB,GAAM,YADhB,EAKM,OAAA;GAHH,KAAG,GAAK,EAAQ,GAAE,GAAI;GACvB,OAAM;MACG,EAAK,SAAI,UAAA,GAAA,EAAlB,EAAkD,KAAA,GAAA,EAAhB,EAAK,KAAI,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,uBAG/B,EAAQ,SAAI,eAAA,EAAA,GAAA,EAC1B,EA6CM,GAAA,EAAA,KAAA,GAAA,EAAA,EA5CoB,EAAQ,QAAxB,GAAM,YADhB,EA6CM,OAAA,EA3CH,KAAG,GAAK,EAAQ,GAAE,GAAI,KAAA,EAAA;GAEf,EAAK,SAAI,UAAA,GAAA,EADjB,EAE+B,GAAA;;IAA5B,aAAa,EAAM,EAAI;;GAElB,EAAK,KAAK,SAAS,EAAA,kBAAqC,CAAA,IAAA,GAAA,EADhE,EAQM,GAAA;;IANH,aAA4B,EAAuB,EAAA;;GAQ9C,EAAK,KAAK,SAAS,EAAA,wBAA+B,CAAA,IAAA,GAAA,EAD1D,EASM,GAAA;;IAPH,SAAS,EAAS,EAAO;IACzB,aAA4B,EAAuB,EAAA;;GAQ9C,EAAK,KAAK,SAAS,EAAA,4BAAmC,CAAA,IAAA,GAAA,EAD9D,EASM,GAAA;;IAPH,SAAS,EAAS,EAAO;IACzB,aAA4B,EAAuB,EAAA;;GAQ9C,EAAK,KAAK,SAAS,EAAA,yBAAgC,CAAA,IAAA,GAAA,EAD3D,EASM,GAAA;;IAPH,SAAS,EAAS,EAAO;IACzB,aAA4B,EAAuB,EAAA;;mDAU5D,EAA0B,OAAA,EAArB,OAAM,UAAQ,EAAA,MAAA,GAAA,CAAA,CAAA,EAErB,EAIM,OAJN,GAIM,CAHJ,EAEmC,GAAA;GADhC,UAAM,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;GACZ,aAAS,AAAA,EAAA,QAAA,MAAE,EAAI,YAAA"}

package/dist/views/Chat/Messages/AskForAuthentication.vue.d.ts

@@ -1,7 +1,7 @@
 import type { ToolUIPart } from 'ai';
 import { type Ref } from 'vue';
-import { ASK_FOR_AUTHENTICATION_TOOL_NAME } from '../../../entities/tools/ask-for-authentication';
-import { type Tools } from '../../../state/state';
+import { ASK_FOR_AUTHENTICATION_TOOL_NAME } from '../../../entities/tools/ask-for-authentication.js';
+import { type Tools } from '../../../state/state.js';
 type __VLS_Props = {
     messagePart: Ref<ToolUIPart<Pick<Tools, typeof ASK_FOR_AUTHENTICATION_TOOL_NAME>>>;
 };

package/dist/views/Chat/Messages/AskForAuthentication.vue.js

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

package/dist/views/Chat/Messages/AskForAuthentication.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AskForAuthentication.vue.js","names":[],"sources":["../../../../src/views/Chat/Messages/AskForAuthentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getSelectedServer } from '@scalar/api-client/v2/features/operation'\nimport { getActiveEnvironment, getServers } from '@scalar/api-client/v2/helpers'\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconArrowRight } from '@scalar/icons'\nimport type { ToolUIPart } from 'ai'\nimport { computed, type Ref } from 'vue'\n\nimport AuthenticationProvided from '@/components/AuthenticationProvided.vue'\nimport AuthenticationRequired from '@/components/AuthenticationRequired.vue'\nimport { ASK_FOR_AUTHENTICATION_TOOL_NAME } from '@/entities/tools/ask-for-authentication'\nimport { TOOL_NAMESPACE_SLUG_DELIMITER } from '@/entities/tools/constants'\nimport { createDocumentName } from '@/registry/create-document-name'\nimport { useState, type Tools } from '@/state/state'\nimport Auth from '@/views/Settings/Auth.vue'\n\nconst { messagePart } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof ASK_FOR_AUTHENTICATION_TOOL_NAME>>\n  >\n}>()\n\nconst { workspaceStore, eventBus, config, chat } = useState()\n\nconst documentName = computed(() => {\n  if (\n    !messagePart.value.input?.uniqueIdentifier ||\n    messagePart.value.state !== 'input-available'\n  ) {\n    return\n  }\n\n  const [namespace, slug] = messagePart.value.input.uniqueIdentifier.split(\n    TOOL_NAMESPACE_SLUG_DELIMITER,\n  )\n  if (!namespace || !slug) {\n    return\n  }\n\n  return createDocumentName(namespace, slug)\n})\n\nconst document = computed(() => {\n  if (!documentName.value) {\n    return\n  }\n\n  return workspaceStore.workspace.documents[documentName.value]\n})\n\nconst environment = computed(() => {\n  if (!document.value) {\n    return\n  }\n\n  return getActiveEnvironment(workspaceStore, document.value)\n})\n\nconst selectedServer = computed(() => {\n  if (!document.value) {\n    return\n  }\n\n  const servers = getServers(document.value.servers, {\n    documentUrl: document.value['x-scalar-original-source-url'],\n  })\n\n  return getSelectedServer(servers, document.value['x-scalar-selected-server'])\n})\n\nconst isAuthenticationExpanded = computed(\n  () => documentName.value && environment.value && selectedServer.value,\n)\n\nasync function authorizeClicked() {\n  await chat.addToolOutput({\n    toolCallId: messagePart.value.toolCallId,\n    output: 'Authentication provided.',\n    tool: ASK_FOR_AUTHENTICATION_TOOL_NAME,\n    state: 'output-available',\n  })\n}\n</script>\n\n<template>\n  <div\n    class=\"askForAuthentication\"\n    :class=\"{\n      open: isAuthenticationExpanded,\n    }\">\n    <div class=\"toggleButton\">\n      <AuthenticationProvided\n        v-if=\"messagePart.value.state === 'output-available'\" />\n      <AuthenticationRequired\n        v-if=\"messagePart.value.state === 'input-available'\" />\n      <ScalarButton\n        v-if=\"messagePart.value.state === 'input-available'\"\n        class=\"authorizeButton\"\n        size=\"xs\"\n        @click=\"authorizeClicked\">\n        Authorize\n        <ScalarIconArrowRight weight=\"bold\" />\n      </ScalarButton>\n    </div>\n    <div class=\"authContent\">\n      <div class=\"authContentInner\">\n        <Auth\n          v-if=\"documentName && document && environment && selectedServer\"\n          :authStore=\"workspaceStore.auth\"\n          :document\n          :environment\n          :eventBus\n          :name=\"documentName\"\n          :options=\"config\"\n          :selectedServer />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.askForAuthentication {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n  border-top: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  margin-bottom: 12px;\n  box-shadow:\n    0 var(--scalar-border-width) 0 var(--scalar-background-1),\n    0 calc(-1 * var(--scalar-border-width)) 0 var(--scalar-background-1);\n  padding: 0;\n}\n\n.authContent {\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  overflow: hidden;\n  transition: grid-template-rows 0.2s ease-out;\n  max-width: 520px;\n  margin: auto;\n  width: 100%;\n}\n.authContentInner :deep(> div) {\n  margin: 36px 0 48px 0;\n}\n.authContent :deep(.markdown) {\n  margin-bottom: 0 !important;\n}\n.askForAuthentication.open .authContent {\n  grid-template-rows: 1fr;\n}\n\n.continueButton {\n  align-self: flex-end;\n}\n\n.toggleButton {\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  position: relative;\n  display: flex;\n  align-items: center;\n  color: var(--scalar-color-3);\n  justify-content: space-between;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.authContentInner {\n  min-height: 0;\n  overflow: hidden;\n}\n\n.authorizeButton {\n  background: var(--scalar-color-blue) !important;\n  color: white !important;\n  margin: 0 !important;\n  z-index: 1;\n  display: flex;\n  gap: 5px;\n}\n</style>\n"],"mappings":""}

package/dist/views/Chat/Messages/AskForAuthentication.vue.script.js

@@ -0,0 +1,72 @@
+import { ASK_FOR_AUTHENTICATION_TOOL_NAME as e } from "../../../entities/tools/ask-for-authentication.js";
+import "../../../entities/tools/constants.js";
+import { createDocumentName as t } from "../../../registry/create-document-name.js";
+import { useState as n } from "../../../state/state.js";
+import r from "../../../components/AuthenticationProvided.vue.js";
+import i from "../../../components/AuthenticationRequired.vue.js";
+import a from "../../Settings/Auth.vue.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, unref as g, withCtx as _ } from "vue";
+import { ScalarButton as v } from "@scalar/components";
+import { getSelectedServer as y } from "@scalar/api-client/v2/features/operation";
+import { getActiveEnvironment as b, getServers as x } from "@scalar/api-client/v2/helpers";
+import { ScalarIconArrowRight as S } from "@scalar/icons";
+//#region src/views/Chat/Messages/AskForAuthentication.vue?vue&type=script&setup=true&lang.ts
+var C = { class: "toggleButton" }, w = { class: "authContent" }, T = { class: "authContentInner" }, E = /* @__PURE__ */ p({
+	__name: "AskForAuthentication",
+	props: { messagePart: {} },
+	setup(p) {
+		let { workspaceStore: E, eventBus: D, config: O, chat: k } = n(), A = o(() => {
+			if (!p.messagePart.value.input?.uniqueIdentifier || p.messagePart.value.state !== "input-available") return;
+			let [e, n] = p.messagePart.value.input.uniqueIdentifier.split("---");
+			if (!(!e || !n)) return t(e, n);
+		}), j = o(() => {
+			if (A.value) return E.workspace.documents[A.value];
+		}), M = o(() => {
+			if (j.value) return b(E, j.value);
+		}), N = o(() => {
+			if (j.value) return y(x(j.value.servers, { documentUrl: j.value["x-scalar-original-source-url"] }), j.value["x-scalar-selected-server"]);
+		}), P = o(() => A.value && M.value && N.value);
+		async function F() {
+			await k.addToolOutput({
+				toolCallId: p.messagePart.value.toolCallId,
+				output: "Authentication provided.",
+				tool: e,
+				state: "output-available"
+			});
+		}
+		return (e, t) => (h(), l("div", { class: m(["askForAuthentication", { open: P.value }]) }, [u("div", C, [
+			p.messagePart.value.state === "output-available" ? (h(), s(r, { key: 0 })) : c("", !0),
+			p.messagePart.value.state === "input-available" ? (h(), s(i, { key: 1 })) : c("", !0),
+			p.messagePart.value.state === "input-available" ? (h(), s(g(v), {
+				key: 2,
+				class: "authorizeButton",
+				size: "xs",
+				onClick: F
+			}, {
+				default: _(() => [t[0] ||= d(" Authorize ", -1), f(g(S), { weight: "bold" })]),
+				_: 1
+			})) : c("", !0)
+		]), u("div", w, [u("div", T, [A.value && j.value && M.value && N.value ? (h(), s(a, {
+			key: 0,
+			authStore: g(E).auth,
+			document: j.value,
+			environment: M.value,
+			eventBus: g(D),
+			name: A.value,
+			options: g(O),
+			selectedServer: N.value
+		}, null, 8, [
+			"authStore",
+			"document",
+			"environment",
+			"eventBus",
+			"name",
+			"options",
+			"selectedServer"
+		])) : c("", !0)])])], 2));
+	}
+});
+//#endregion
+export { E as default };
+
+//# sourceMappingURL=AskForAuthentication.vue.script.js.map