@scalar/agent-chat 0.10.13 → 0.10.15

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

@@ -1,202 +1,246 @@
-import { AgentErrorCodes as e } from "../entities/error/constants.js";
-import { MAX_PROMPT_SIZE as t } from "../entities/prompt/constants.js";
-import { useUploadTmpDocument as n } from "../hooks/use-upload-tmp-document.js";
-import { useState as r } from "../state/state.js";
-import { useRequestApprovals as i } from "../hooks/use-chat-approvals.js";
-import a from "../components/ActionsDropdown.vue.js";
-import o from "../components/ApprovalSection.vue.js";
-import { useChatError as s } from "../hooks/use-chat-error.js";
-import ee from "../components/ErrorMessage.vue.js";
-import c from "../components/FreeMessagesInfoSection.vue.js";
-import l from "../components/PaymentSection.vue.js";
-import te from "../components/SearchPopover.vue.js";
-import ne from "../components/UploadSection.vue.js";
-import { useChatPendingClientToolParts as re } from "../hooks/use-chat-pending-client-tool-parts.js";
-import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as ie, openBlock as v, renderList as y, toDisplayString as ae, unref as b, useTemplateRef as oe, vModelText as se, watch as x, withCtx as S, withDirectives as ce, withModifiers as le } from "vue";
-import { ScalarIconButton as C, ScalarLoading as w, ScalarTooltip as T } from "@scalar/components";
-import { ScalarIconArrowUp as E, ScalarIconCheck as D, ScalarIconLockSimple as O, ScalarIconPlus as k, ScalarIconX as A } from "@scalar/icons";
+import { AgentErrorCodes } from "../entities/error/constants.js";
+import { MAX_PROMPT_SIZE } from "../entities/prompt/constants.js";
+import { useUploadTmpDocument } from "../hooks/use-upload-tmp-document.js";
+import { useState } from "../state/state.js";
+import { useRequestApprovals } from "../hooks/use-chat-approvals.js";
+import ActionsDropdown_default from "../components/ActionsDropdown.vue.js";
+import ApprovalSection_default from "../components/ApprovalSection.vue.js";
+import { useChatError } from "../hooks/use-chat-error.js";
+import ErrorMessage_default from "../components/ErrorMessage.vue.js";
+import FreeMessagesInfoSection_default from "../components/FreeMessagesInfoSection.vue.js";
+import PaymentSection_default from "../components/PaymentSection.vue.js";
+import SearchPopover_default from "../components/SearchPopover.vue.js";
+import UploadSection_default from "../components/UploadSection.vue.js";
+import { useChatPendingClientToolParts } from "../hooks/use-chat-pending-client-tool-parts.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, unref, useTemplateRef, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+import { ScalarIconButton, ScalarLoading, ScalarTooltip } from "@scalar/components";
+import { ScalarIconArrowUp, ScalarIconCheck, ScalarIconLockSimple, ScalarIconPlus, ScalarIconX } from "@scalar/icons";
 //#region src/views/PromptForm.vue?vue&type=script&setup=true&lang.ts
-var j = { class: "actionContainer" }, M = ["disabled"], N = { class: "inputActionsContainer" }, P = { class: "inputActionsLeft" }, F = {
+var _hoisted_1 = { class: "actionContainer" };
+var _hoisted_2 = ["disabled"];
+var _hoisted_3 = { class: "inputActionsContainer" };
+var _hoisted_4 = { class: "inputActionsLeft" };
+var _hoisted_5 = {
 	class: "addAPIButton",
 	type: "button"
-}, I = {
+};
+var _hoisted_6 = {
 	class: "addAPIButton",
 	type: "button"
-}, L = ["src"], R = ["onClick"], z = { class: "inputActionsRight" }, B = { class: "sendCheckboxContinue" }, V = {
+};
+var _hoisted_7 = ["src"];
+var _hoisted_8 = ["onClick"];
+var _hoisted_9 = { class: "inputActionsRight" };
+var _hoisted_10 = { class: "sendCheckboxContinue" };
+var _hoisted_11 = {
 	key: 0,
 	class: "relative flex items-center gap-1.5"
-}, H = {
+};
+var _hoisted_12 = {
 	class: "termsAgree",
 	for: "agentTermsAgree"
-}, U = {
+};
+var _hoisted_13 = {
 	key: 5,
 	class: "addMoreContext"
-}, ue = { class: "ml-auto flex items-center gap-1" }, de = ["onClick"], fe = ["alt", "src"], W = /* @__PURE__ */ ie({
+};
+var _hoisted_14 = { class: "ml-auto flex items-center gap-1" };
+var _hoisted_15 = ["onClick"];
+var _hoisted_16 = ["alt", "src"];
+var PromptForm_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "PromptForm",
 	emits: ["submit", "uploadApi"],
-	setup(ie, { expose: W, emit: pe }) {
-		let me = pe;
-		W({ focusPrompt: ye });
-		let G = oe("agentPrompt"), K = r(), he = d(() => K.prompt.value.trim().length > 0), ge = d(() => K.prompt.value.trim().length > t), _e = d(() => K.chat.messages.length > 1 && !K.getAgentKey?.() && $?.value?.code !== e.LIMIT_REACHED);
-		x(K.prompt, () => {
-			if (G?.value) {
-				if (!K.prompt.value.length) {
-					G.value.style.height = "0px";
-					return;
-				}
-				G.value.style.height = "auto", G.value.style.height = G.value.scrollHeight + "px";
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const emit = __emit;
+		__expose({ focusPrompt });
+		const promptRef = useTemplateRef("agentPrompt");
+		const state = useState();
+		const inputHasContent = computed(() => state.prompt.value.trim().length > 0);
+		const promptTooLarge = computed(() => state.prompt.value.trim().length > MAX_PROMPT_SIZE);
+		/** Show free messages info only after at least one message has been sent and when no API key is set. */
+		const showFreeMessagesInfo = computed(() => state.chat.messages.length > 1 && !state.getAgentKey?.() && chatError?.value?.code !== AgentErrorCodes.LIMIT_REACHED);
+		watch(state.prompt, () => {
+			if (!promptRef?.value) return;
+			if (!state.prompt.value.length) {
+				promptRef.value.style.height = "0px";
+				return;
 			}
+			promptRef.value.style.height = "auto";
+			promptRef.value.style.height = promptRef.value.scrollHeight + "px";
 		});
-		function ve(e) {
-			K.loading.value || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q(), window.scrollTo(0, document.body.scrollHeight));
+		function handlePromptKeydown(e) {
+			if (state.loading.value) return;
+			if (e.key === "Enter" && !e.shiftKey) {
+				e.preventDefault();
+				handleSubmit();
+				window.scrollTo(0, document.body.scrollHeight);
+			}
 		}
-		function ye() {
-			G.value?.focus();
+		function focusPrompt() {
+			promptRef.value?.focus();
 		}
-		x(() => K.chat.status, (e) => {
-			(e === "ready" || e === "error") && G.value?.focus();
+		watch(() => state.chat.status, (status) => {
+			if (status === "ready" || status === "error") promptRef.value?.focus();
 		});
-		let { approvalRequiredParts: q, respondToRequestApprovals: J } = i(), { pendingClientToolParts: be } = re(), Y = n();
-		function xe() {
-			K.terms.accept(), K.mode === "preview" && K.getActiveDocumentJson && Y.uploadTempDocument(K.getActiveDocumentJson(), !0);
+		const { approvalRequiredParts, respondToRequestApprovals } = useRequestApprovals();
+		const { pendingClientToolParts } = useChatPendingClientToolParts();
+		const uploadTmpDoc = useUploadTmpDocument();
+		function acceptTerms() {
+			state.terms.accept();
+			if (state.mode === "preview" && state.getActiveDocumentJson) uploadTmpDoc.uploadTempDocument(state.getActiveDocumentJson(), true);
 		}
-		let X = d(() => Object.values(K.pendingDocuments).some(Boolean)), Z = d(() => {
-			let e = ge.value, t = !he.value, n = q.value.length > 0, r = be.value.length > 0, i = K.mode === "preview", a = i && !K.terms.accepted.value, o = i && !!Y.uploadState.value, s = X.value;
-			return e || t || n || r || a || o || s;
+		const isPending = computed(() => Object.values(state.pendingDocuments).some(Boolean));
+		const submitDisabled = computed(() => {
+			const tooLarge = promptTooLarge.value;
+			const missingInput = !inputHasContent.value;
+			const awaitingApproval = approvalRequiredParts.value.length > 0;
+			const pendingToolParts = pendingClientToolParts.value.length > 0;
+			const isPreview = state.mode === "preview";
+			const termsNotAccepted = isPreview && !state.terms.accepted.value;
+			const uploadingTmpDoc = isPreview && !!uploadTmpDoc.uploadState.value;
+			const isLoading = isPending.value;
+			return tooLarge || missingInput || awaitingApproval || pendingToolParts || termsNotAccepted || uploadingTmpDoc || isLoading;
 		});
-		function Q() {
-			Z.value || me("submit");
+		function handleSubmit() {
+			if (submitDisabled.value) return;
+			emit("submit");
 		}
-		let $ = s();
-		return (t, n) => (v(), m("div", j, [
-			b(Y).uploadState.value || X.value ? (v(), f(ne, {
-				key: 0,
-				uploadState: b(Y).uploadState.value ?? { type: "loading" }
-			}, null, 8, ["uploadState"])) : p("", !0),
-			b($) ? (v(), f(ee, {
-				key: 1,
-				error: b($)
-			}, null, 8, ["error"])) : p("", !0),
-			b(q).length ? (v(), f(o, {
-				key: 2,
-				onApprove: n[0] ||= (e) => b(J)(!0),
-				onReject: n[1] ||= (e) => b(J)(!1)
-			})) : p("", !0),
-			b($)?.code === b(e).LIMIT_REACHED ? (v(), f(l, { key: 3 })) : p("", !0),
-			_e.value ? (v(), f(c, { key: 4 })) : p("", !0),
-			h("form", {
-				class: "promptForm",
-				onSubmit: le(Q, ["prevent"])
-			}, [
-				n[6] ||= h("label", {
-					class: "agentLabel",
-					for: "agentTextarea"
-				}, " Type a Request To get Started ", -1),
-				ce(h("textarea", {
-					id: "agentTextarea",
-					ref: "agentPrompt",
-					"onUpdate:modelValue": n[2] ||= (e) => b(K).prompt.value = e,
-					class: "prompt custom-scroll",
-					disabled: b(K).loading.value,
-					name: "prompt",
-					placeholder: "Ask me anything…",
-					onKeydown: ve
-				}, null, 40, M), [[se, b(K).prompt.value]]),
-				h("div", N, [h("div", P, [b(K).hideAddApi ? p("", !0) : (v(), m(u, { key: 0 }, [b(K).isLoggedIn?.value ? (v(), f(a, {
+		const chatError = useChatError();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				unref(uploadTmpDoc).uploadState.value || isPending.value ? (openBlock(), createBlock(UploadSection_default, {
+					key: 0,
+					uploadState: unref(uploadTmpDoc).uploadState.value ?? { type: "loading" }
+				}, null, 8, ["uploadState"])) : createCommentVNode("", true),
+				unref(chatError) ? (openBlock(), createBlock(ErrorMessage_default, {
 					key: 1,
-					onUploadApi: n[3] ||= (e) => t.$emit("uploadApi")
-				}, {
-					default: S(() => [h("button", I, [_(b(k), {
-						class: "size-4",
-						weight: "bold"
-					})])]),
-					_: 1
-				})) : (v(), f(te, { key: 0 }, {
-					default: S(() => [h("button", F, [_(b(k), {
-						class: "size-4",
-						weight: "bold"
-					})])]),
-					_: 1
-				}))], 64)), (v(!0), m(u, null, y(b(K).registryDocuments.value, (e) => (v(), m("div", {
-					key: e.id,
-					class: "apiPill"
+					error: unref(chatError)
+				}, null, 8, ["error"])) : createCommentVNode("", true),
+				unref(approvalRequiredParts).length ? (openBlock(), createBlock(ApprovalSection_default, {
+					key: 2,
+					onApprove: _cache[0] || (_cache[0] = ($event) => unref(respondToRequestApprovals)(true)),
+					onReject: _cache[1] || (_cache[1] = ($event) => unref(respondToRequestApprovals)(false))
+				})) : createCommentVNode("", true),
+				unref(chatError)?.code === unref(AgentErrorCodes).LIMIT_REACHED ? (openBlock(), createBlock(PaymentSection_default, { key: 3 })) : createCommentVNode("", true),
+				showFreeMessagesInfo.value ? (openBlock(), createBlock(FreeMessagesInfoSection_default, { key: 4 })) : createCommentVNode("", true),
+				createElementVNode("form", {
+					class: "promptForm",
+					onSubmit: withModifiers(handleSubmit, ["prevent"])
 				}, [
-					e.logoUrl ? (v(), m("img", {
-						key: 0,
-						class: "apiPillLogo",
-						src: e.logoUrl
-					}, null, 8, L)) : p("", !0),
-					g(" " + ae(e.title) + " ", 1),
-					e.removable ? (v(), m("button", {
+					_cache[6] || (_cache[6] = createElementVNode("label", {
+						class: "agentLabel",
+						for: "agentTextarea"
+					}, " Type a Request To get Started ", -1)),
+					withDirectives(createElementVNode("textarea", {
+						id: "agentTextarea",
+						ref: "agentPrompt",
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(state).prompt.value = $event),
+						class: "prompt custom-scroll",
+						disabled: unref(state).loading.value,
+						name: "prompt",
+						placeholder: "Ask me anything…",
+						onKeydown: handlePromptKeydown
+					}, null, 40, _hoisted_2), [[vModelText, unref(state).prompt.value]]),
+					createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [!unref(state).hideAddApi ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [!unref(state).isLoggedIn?.value ? (openBlock(), createBlock(SearchPopover_default, { key: 0 }, {
+						default: withCtx(() => [createElementVNode("button", _hoisted_5, [createVNode(unref(ScalarIconPlus), {
+							class: "size-4",
+							weight: "bold"
+						})])]),
+						_: 1
+					})) : (openBlock(), createBlock(ActionsDropdown_default, {
 						key: 1,
-						class: "apiPillRemove",
-						type: "button",
-						onClick: (t) => b(K).removeDocument(e)
-					}, [_(b(A), {
-						class: "size-4",
+						onUploadApi: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("uploadApi"))
+					}, {
+						default: withCtx(() => [createElementVNode("button", _hoisted_6, [createVNode(unref(ScalarIconPlus), {
+							class: "size-4",
+							weight: "bold"
+						})])]),
+						_: 1
+					}))], 64)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).registryDocuments.value, (document) => {
+						return openBlock(), createElementBlock("div", {
+							key: document.id,
+							class: "apiPill"
+						}, [
+							document.logoUrl ? (openBlock(), createElementBlock("img", {
+								key: 0,
+								class: "apiPillLogo",
+								src: document.logoUrl
+							}, null, 8, _hoisted_7)) : createCommentVNode("", true),
+							createTextVNode(" " + toDisplayString(document.title) + " ", 1),
+							document.removable ? (openBlock(), createElementBlock("button", {
+								key: 1,
+								class: "apiPillRemove",
+								type: "button",
+								onClick: ($event) => unref(state).removeDocument(document)
+							}, [createVNode(unref(ScalarIconX), {
+								class: "size-4",
+								weight: "bold"
+							})], 8, _hoisted_8)) : createCommentVNode("", true)
+						]);
+					}), 128))]), createElementVNode("div", _hoisted_9, [!unref(state).loading.value ? (openBlock(), createBlock(unref(ScalarTooltip), {
+						key: 0,
+						content: "Settings"
+					}, {
+						default: withCtx(() => [createVNode(unref(ScalarIconButton), {
+							class: "settingsButton h-7 w-7 p-1.5",
+							icon: unref(ScalarIconLockSimple),
+							label: "Scalar",
+							size: "md",
+							weight: "bold",
+							onClick: _cache[4] || (_cache[4] = ($event) => unref(state).settingsModal.show())
+						}, null, 8, ["icon"])]),
+						_: 1
+					})) : createCommentVNode("", true), createElementVNode("div", _hoisted_10, [!unref(state).terms.accepted.value && unref(state).mode === "preview" ? (openBlock(), createElementBlock("div", _hoisted_11, [createElementVNode("input", {
+						id: "agentTermsAgree",
+						class: "sr-only",
+						type: "checkbox",
+						onChange: acceptTerms
+					}, null, 32), createElementVNode("label", _hoisted_12, [createVNode(unref(ScalarIconCheck), {
+						class: "termsAgreeIcon",
 						weight: "bold"
-					})], 8, R)) : p("", !0)
-				]))), 128))]), h("div", z, [b(K).loading.value ? p("", !0) : (v(), f(b(T), {
-					key: 0,
-					content: "Settings"
-				}, {
-					default: S(() => [_(b(C), {
-						class: "settingsButton h-7 w-7 p-1.5",
-						icon: b(O),
+					}), _cache[5] || (_cache[5] = createTextVNode(" Agree to Terms & Conditions ", -1))])])) : createCommentVNode("", true), !unref(state).loading.value ? (openBlock(), createBlock(unref(ScalarIconButton), {
+						key: 1,
+						class: "sendButton h-7 w-7 p-1.5",
+						disabled: submitDisabled.value,
+						icon: unref(ScalarIconArrowUp),
 						label: "Scalar",
 						size: "md",
-						weight: "bold",
-						onClick: n[4] ||= (e) => b(K).settingsModal.show()
-					}, null, 8, ["icon"])]),
-					_: 1
-				})), h("div", B, [!b(K).terms.accepted.value && b(K).mode === "preview" ? (v(), m("div", V, [h("input", {
-					id: "agentTermsAgree",
-					class: "sr-only",
-					type: "checkbox",
-					onChange: xe
-				}, null, 32), h("label", H, [_(b(D), {
-					class: "termsAgreeIcon",
-					weight: "bold"
-				}), n[5] ||= g(" Agree to Terms & Conditions ", -1)])])) : p("", !0), b(K).loading.value ? (v(), f(b(w), {
-					key: 2,
-					class: "loader h-7 w-7",
-					loader: {
-						isLoading: b(K).loading.value,
-						isValid: !1,
-						clear: async () => {},
-						invalidate: async () => {},
-						isInvalid: !1,
-						isActive: !1,
-						validate: async () => {},
-						start: () => {}
-					},
-					size: "2xl"
-				}, null, 8, ["loader"])) : (v(), f(b(C), {
-					key: 1,
-					class: "sendButton h-7 w-7 p-1.5",
-					disabled: Z.value,
-					icon: b(E),
-					label: "Scalar",
-					size: "md",
-					type: "submit",
-					weight: "bold"
-				}, null, 8, ["disabled", "icon"]))])])])
-			], 32),
-			b(K).chat.messages.length <= 1 && !b(K).hideAddApi ? (v(), m("div", U, [n[7] ||= h("span", null, "Load additional APIs", -1), h("div", ue, [(v(!0), m(u, null, y(b(K).curatedDocuments.value, (e) => (v(), m("button", {
-				key: e.id,
-				class: "addAPIContext",
-				type: "button",
-				onClick: (t) => b(K).addDocument(e)
-			}, [e.logoUrl ? (v(), m("img", {
-				key: 0,
-				alt: e.title,
-				class: "size-4",
-				src: e.logoUrl
-			}, null, 8, fe)) : p("", !0)], 8, de))), 128))])])) : p("", !0)
-		]));
+						type: "submit",
+						weight: "bold"
+					}, null, 8, ["disabled", "icon"])) : (openBlock(), createBlock(unref(ScalarLoading), {
+						key: 2,
+						class: "loader h-7 w-7",
+						loader: {
+							isLoading: unref(state).loading.value,
+							isValid: false,
+							clear: async () => {},
+							invalidate: async () => {},
+							isInvalid: false,
+							isActive: false,
+							validate: async () => {},
+							start: () => {}
+						},
+						size: "2xl"
+					}, null, 8, ["loader"]))])])])
+				], 32),
+				unref(state).chat.messages.length <= 1 && !unref(state).hideAddApi ? (openBlock(), createElementBlock("div", _hoisted_13, [_cache[7] || (_cache[7] = createElementVNode("span", null, "Load additional APIs", -1)), createElementVNode("div", _hoisted_14, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).curatedDocuments.value, (doc) => {
+					return openBlock(), createElementBlock("button", {
+						key: doc.id,
+						class: "addAPIContext",
+						type: "button",
+						onClick: ($event) => unref(state).addDocument(doc)
+					}, [doc.logoUrl ? (openBlock(), createElementBlock("img", {
+						key: 0,
+						alt: doc.title,
+						class: "size-4",
+						src: doc.logoUrl
+					}, null, 8, _hoisted_16)) : createCommentVNode("", true)], 8, _hoisted_15);
+				}), 128))])])) : createCommentVNode("", true)
+			]);
+		};
 	}
 });
 //#endregion
-export { W as default };
+export { PromptForm_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=PromptForm.vue.script.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PromptForm.vue.script.js","names":["$emit"],"sources":["../../src/views/PromptForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIconButton,\n  ScalarLoading,\n  ScalarTooltip,\n} from '@scalar/components'\nimport {\n  ScalarIconArrowUp,\n  ScalarIconCheck,\n  ScalarIconLockSimple,\n  ScalarIconPlus,\n  ScalarIconX,\n} from '@scalar/icons'\nimport { computed, useTemplateRef, watch } from 'vue'\n\nimport ActionsDropdown from '@/components/ActionsDropdown.vue'\nimport ApprovalSection from '@/components/ApprovalSection.vue'\nimport ErrorMessageMessage from '@/components/ErrorMessage.vue'\nimport FreeMessagesInfoSection from '@/components/FreeMessagesInfoSection.vue'\nimport PaymentSection from '@/components/PaymentSection.vue'\nimport SearchPopover from '@/components/SearchPopover.vue'\nimport UploadSection from '@/components/UploadSection.vue'\nimport { AgentErrorCodes } from '@/entities/error/constants'\nimport { MAX_PROMPT_SIZE } from '@/entities/prompt/constants'\nimport { useRequestApprovals } from '@/hooks/use-chat-approvals'\nimport { useChatError } from '@/hooks/use-chat-error'\nimport { useChatPendingClientToolParts } from '@/hooks/use-chat-pending-client-tool-parts'\nimport { useUploadTmpDocument } from '@/hooks/use-upload-tmp-document'\nimport { useState } from '@/state/state'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\ndefineExpose({ focusPrompt })\n\nconst promptRef = useTemplateRef<HTMLTextAreaElement>('agentPrompt')\n\nconst state = useState()\n\nconst inputHasContent = computed(() => state.prompt.value.trim().length > 0)\nconst promptTooLarge = computed(\n  () => state.prompt.value.trim().length > MAX_PROMPT_SIZE,\n)\n\n/** Show free messages info only after at least one message has been sent and when no API key is set. */\nconst showFreeMessagesInfo = computed(\n  () =>\n    state.chat.messages.length > 1 &&\n    !state.getAgentKey?.() &&\n    chatError?.value?.code !== AgentErrorCodes.LIMIT_REACHED,\n)\n\nwatch(state.prompt, () => {\n  if (!promptRef?.value) {\n    return\n  }\n\n  if (!state.prompt.value.length) {\n    promptRef.value.style.height = '0px'\n    return\n  }\n\n  promptRef.value.style.height = 'auto'\n  promptRef.value.style.height = promptRef.value.scrollHeight + 'px'\n})\n\nfunction handlePromptKeydown(e: KeyboardEvent) {\n  if (state.loading.value) {\n    return\n  }\n\n  if (e.key === 'Enter' && !e.shiftKey) {\n    e.preventDefault()\n    handleSubmit()\n    window.scrollTo(0, document.body.scrollHeight)\n  }\n}\n\nfunction focusPrompt() {\n  promptRef.value?.focus()\n}\n\nwatch(\n  () => state.chat.status,\n  (status) => {\n    if (status === 'ready' || status === 'error') {\n      promptRef.value?.focus()\n    }\n  },\n)\n\nconst { approvalRequiredParts, respondToRequestApprovals } =\n  useRequestApprovals()\n\nconst { pendingClientToolParts } = useChatPendingClientToolParts()\n\nconst uploadTmpDoc = useUploadTmpDocument()\n\nfunction acceptTerms() {\n  state.terms.accept()\n\n  if (state.mode === 'preview' && state.getActiveDocumentJson) {\n    uploadTmpDoc.uploadTempDocument(state.getActiveDocumentJson(), true)\n  }\n}\n\nconst isPending = computed(() =>\n  Object.values(state.pendingDocuments).some(Boolean),\n)\n\nconst submitDisabled = computed(() => {\n  const tooLarge = promptTooLarge.value\n  const missingInput = !inputHasContent.value\n  const awaitingApproval = approvalRequiredParts.value.length > 0\n  const pendingToolParts = pendingClientToolParts.value.length > 0\n\n  const isPreview = state.mode === 'preview'\n\n  const termsNotAccepted = isPreview && !state.terms.accepted.value\n  const uploadingTmpDoc = isPreview && !!uploadTmpDoc.uploadState.value\n  const isLoading = isPending.value\n\n  return (\n    tooLarge ||\n    missingInput ||\n    awaitingApproval ||\n    pendingToolParts ||\n    termsNotAccepted ||\n    uploadingTmpDoc ||\n    isLoading\n  )\n})\n\nfunction handleSubmit() {\n  if (submitDisabled.value) {\n    return\n  }\n\n  emit('submit')\n}\n\nconst chatError = useChatError()\n</script>\n\n<template>\n  <div class=\"actionContainer\">\n    <UploadSection\n      v-if=\"uploadTmpDoc.uploadState.value || isPending\"\n      :uploadState=\"uploadTmpDoc.uploadState.value ?? { type: 'loading' }\" />\n    <ErrorMessageMessage\n      v-if=\"chatError\"\n      :error=\"chatError\" />\n    <ApprovalSection\n      v-if=\"approvalRequiredParts.length\"\n      @approve=\"respondToRequestApprovals(true)\"\n      @reject=\"respondToRequestApprovals(false)\" />\n    <PaymentSection v-if=\"chatError?.code === AgentErrorCodes.LIMIT_REACHED\" />\n    <FreeMessagesInfoSection v-if=\"showFreeMessagesInfo\" />\n    <form\n      class=\"promptForm\"\n      @submit.prevent=\"handleSubmit\">\n      <label\n        class=\"agentLabel\"\n        for=\"agentTextarea\">\n        Type a Request To get Started\n      </label>\n      <textarea\n        id=\"agentTextarea\"\n        ref=\"agentPrompt\"\n        v-model=\"state.prompt.value\"\n        class=\"prompt custom-scroll\"\n        :disabled=\"state.loading.value\"\n        name=\"prompt\"\n        placeholder=\"Ask me anything…\"\n        @keydown=\"handlePromptKeydown\" />\n      <div class=\"inputActionsContainer\">\n        <div class=\"inputActionsLeft\">\n          <template v-if=\"!state.hideAddApi\">\n            <SearchPopover v-if=\"!state.isLoggedIn?.value\">\n              <button\n                class=\"addAPIButton\"\n                type=\"button\">\n                <ScalarIconPlus\n                  class=\"size-4\"\n                  weight=\"bold\" />\n              </button>\n            </SearchPopover>\n            <ActionsDropdown\n              v-else\n              @uploadApi=\"$emit('uploadApi')\">\n              <button\n                class=\"addAPIButton\"\n                type=\"button\">\n                <ScalarIconPlus\n                  class=\"size-4\"\n                  weight=\"bold\" />\n              </button>\n            </ActionsDropdown>\n          </template>\n          <div\n            v-for=\"document in state.registryDocuments.value\"\n            :key=\"document.id\"\n            class=\"apiPill\">\n            <img\n              v-if=\"document.logoUrl\"\n              class=\"apiPillLogo\"\n              :src=\"document.logoUrl\" />\n            {{ document.title }}\n            <button\n              v-if=\"document.removable\"\n              class=\"apiPillRemove\"\n              type=\"button\"\n              @click=\"state.removeDocument(document)\">\n              <ScalarIconX\n                class=\"size-4\"\n                weight=\"bold\" />\n            </button>\n          </div>\n        </div>\n\n        <div class=\"inputActionsRight\">\n          <template v-if=\"!state.loading.value\">\n            <ScalarTooltip content=\"Settings\">\n              <ScalarIconButton\n                class=\"settingsButton h-7 w-7 p-1.5\"\n                :icon=\"ScalarIconLockSimple\"\n                label=\"Scalar\"\n                size=\"md\"\n                weight=\"bold\"\n                @click=\"state.settingsModal.show()\" />\n            </ScalarTooltip>\n          </template>\n          <div class=\"sendCheckboxContinue\">\n            <div\n              v-if=\"!state.terms.accepted.value && state.mode === 'preview'\"\n              class=\"relative flex items-center gap-1.5\">\n              <input\n                id=\"agentTermsAgree\"\n                class=\"sr-only\"\n                type=\"checkbox\"\n                @change=\"acceptTerms\" />\n              <label\n                class=\"termsAgree\"\n                for=\"agentTermsAgree\">\n                <ScalarIconCheck\n                  class=\"termsAgreeIcon\"\n                  weight=\"bold\" />\n                Agree to Terms & Conditions\n              </label>\n            </div>\n            <ScalarIconButton\n              v-if=\"!state.loading.value\"\n              class=\"sendButton h-7 w-7 p-1.5\"\n              :disabled=\"submitDisabled\"\n              :icon=\"ScalarIconArrowUp\"\n              label=\"Scalar\"\n              size=\"md\"\n              type=\"submit\"\n              weight=\"bold\" />\n            <ScalarLoading\n              v-else\n              class=\"loader h-7 w-7\"\n              :loader=\"{\n                isLoading: state.loading.value,\n                isValid: false,\n                clear: async () => {},\n                invalidate: async () => {},\n                isInvalid: false,\n                isActive: false,\n                validate: async () => {},\n                start: () => {},\n              }\"\n              size=\"2xl\" />\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div\n      v-if=\"state.chat.messages.length <= 1 && !state.hideAddApi\"\n      class=\"addMoreContext\">\n      <span>Load additional APIs</span>\n      <div class=\"ml-auto flex items-center gap-1\">\n        <button\n          v-for=\"doc of state.curatedDocuments.value\"\n          :key=\"doc.id\"\n          class=\"addAPIContext\"\n          type=\"button\"\n          @click=\"state.addDocument(doc)\">\n          <img\n            v-if=\"doc.logoUrl\"\n            :alt=\"doc.title\"\n            class=\"size-4\"\n            :src=\"doc.logoUrl\" />\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.actionContainer {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px;\n  width: 100%;\n  position: relative;\n  /* visually hides overflowing text below */\n  box-shadow: 0 24px 0 2px var(--scalar-background-1);\n}\n.promptForm {\n  width: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: var(--scalar-background-1);\n  box-shadow:\n    var(--scalar-shadow-1),\n    0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n  border-radius: 16px;\n}\n\n.inputActionsContainer {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 8px 8px 8px;\n}\n\n.inputActionsLeft {\n  display: flex;\n  flex-wrap: wrap; /* key: allows pills to go to next line */\n  align-items: center;\n  gap: 5px; /* spacing between pills */\n}\n\n.inputActionsRight {\n  display: flex;\n  gap: 5px;\n  position: relative;\n}\n\n.apiPill {\n  font-size: var(--scalar-font-size-3);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  height: 28px;\n  align-items: center;\n  display: flex;\n  border-radius: 16px;\n  padding: 0 8px;\n  pointer-events: all;\n  z-index: 1;\n  gap: 4px;\n  user-select: none;\n}\n.apiPillLogo {\n  width: 15px;\n}\n\n.apiPillRemove {\n  width: 24px;\n  height: 24px;\n  margin-right: -6px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.apiPill:hover .apiPillRemove {\n  background: var(--scalar-background-2);\n}\n.dark-mode .apiPill:hover .apiPillRemove {\n  background: var(--scalar-background-3);\n}\n\n.apiPillRemove:hover {\n  color: var(--scalar-color-1);\n}\n\n.prompt {\n  width: 100%;\n  outline: none;\n  border: none;\n  resize: none;\n  field-sizing: content;\n  min-height: 64px;\n  z-index: 1;\n  max-height: 250px;\n  max-width: 100%;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  word-wrap: break-word;\n  font-family: var(--scalar-font);\n  font-size: 16px;\n  padding: 12px 12px 14px 12px;\n}\n.dark-mode .promptForm {\n  background: var(--scalar-background-2);\n}\n\n.prompt:disabled {\n  color: var(--scalar-color-3);\n}\n\n.addAPIButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  height: 28px;\n  width: 28px;\n  font-weight: var(--scalar-bold);\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: all;\n  z-index: 1;\n  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.addAPIButton:hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.dark-mode .addAPIButton:hover {\n  background: var(--scalar-background-3);\n}\n\n.settingsButton {\n  color: var(--scalar-color-3) !important;\n  border-radius: 50% !important;\n  margin: 0 !important;\n  z-index: 1;\n}\n.settingsButton[aria-disabled='true'] {\n  background: var(--scalar-background-2);\n}\n.dark-mode .settingsButton:hover {\n  background: var(--scalar-background-3);\n}\n\n.sendButton {\n  background: var(--scalar-color-blue) !important;\n  border-radius: 50% !important;\n  margin: 0 !important;\n  z-index: 1;\n  border: var(--scalar-border-width) solid var(--scalar-color-blue);\n}\n.sendButton:not([aria-disabled='true']) {\n  color: white !important;\n}\n.sendButton:not([aria-disabled='true']):hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    transparent 10%\n  ) !important;\n}\n.sendButton[aria-disabled='true'] {\n  background: var(--scalar-background-2) !important;\n  color: var(--scalar-color-3) !important;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.dark-mode .sendButton[aria-disabled='true'] {\n  background: var(--scalar-background-3) !important;\n}\n.contextContainer {\n  display: flex;\n  width: 100%;\n  padding: 10px 12px 12px 12px;\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  user-select: none;\n  justify-content: space-between;\n}\n\n.settingsButton {\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-lg);\n  padding: 4px 6px;\n  margin: -4px -6px;\n}\n.settingsButton:hover {\n  background: var(--scalar-background-2);\n  box-shadow: 0 0 var(--scalar-border-width) 0 var(--scalar-border-color);\n  cursor: pointer;\n}\n\n.agentLabel {\n  font-size: 0px;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  cursor: text;\n}\n.sendCheckboxContinue:has(input) {\n  display: flex;\n  align-items: center;\n  border-radius: 14px;\n  background: var(--scalar-background-2);\n  box-shadow: 0 0 0 1.5px var(--scalar-background-2);\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  font-weight: var(--scalar-semibold);\n  user-select: none;\n  height: 28px;\n}\n.dark-mode .sendCheckboxContinue:has(input) {\n  background: var(--scalar-background-3);\n  box-shadow: 0 0 0 1.5px var(--scalar-background-3);\n}\n\n.addMoreContext {\n  height: 40px;\n  display: flex;\n  position: relative;\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-3);\n  padding: 0 8px 0 12px;\n  align-items: center;\n}\n.addMoreContext:before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-background-2)\n  );\n  transform: rotate(45deg);\n  left: 18px;\n  top: -3px;\n  position: absolute;\n  box-shadow:\n    -0.5px -0.5px 0 var(--scalar-border-color),\n    inset 0.5px 0.5px 1px var(--scalar-border-color);\n}\n.dark-mode .addMoreContext:before {\n  box-shadow: -0.5px -0.5px 0 var(--scalar-border-color);\n}\n.addAPIContext {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.termsAgree {\n  display: flex;\n  cursor: pointer;\n  height: inherit;\n  align-items: center;\n  border-radius: 14px;\n  gap: 5px;\n  margin: 0px 5px;\n}\n\n.termsAgree:hover {\n  color: var(--scalar-color-1);\n}\n\n.termsAgree:hover .termsAgreeIcon {\n  background: var(--scalar-color-1);\n  color: var(--scalar-background-1);\n}\n\n.termsAgreeIcon {\n  width: inherit;\n  height: inherit;\n  padding: 2px;\n  border-radius: 50%;\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"PromptForm.vue.script.js","names":["$emit"],"sources":["../../src/views/PromptForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarIconButton,\n  ScalarLoading,\n  ScalarTooltip,\n} from '@scalar/components'\nimport {\n  ScalarIconArrowUp,\n  ScalarIconCheck,\n  ScalarIconLockSimple,\n  ScalarIconPlus,\n  ScalarIconX,\n} from '@scalar/icons'\nimport { computed, useTemplateRef, watch } from 'vue'\n\nimport ActionsDropdown from '@/components/ActionsDropdown.vue'\nimport ApprovalSection from '@/components/ApprovalSection.vue'\nimport ErrorMessageMessage from '@/components/ErrorMessage.vue'\nimport FreeMessagesInfoSection from '@/components/FreeMessagesInfoSection.vue'\nimport PaymentSection from '@/components/PaymentSection.vue'\nimport SearchPopover from '@/components/SearchPopover.vue'\nimport UploadSection from '@/components/UploadSection.vue'\nimport { AgentErrorCodes } from '@/entities/error/constants'\nimport { MAX_PROMPT_SIZE } from '@/entities/prompt/constants'\nimport { useRequestApprovals } from '@/hooks/use-chat-approvals'\nimport { useChatError } from '@/hooks/use-chat-error'\nimport { useChatPendingClientToolParts } from '@/hooks/use-chat-pending-client-tool-parts'\nimport { useUploadTmpDocument } from '@/hooks/use-upload-tmp-document'\nimport { useState } from '@/state/state'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\ndefineExpose({ focusPrompt })\n\nconst promptRef = useTemplateRef<HTMLTextAreaElement>('agentPrompt')\n\nconst state = useState()\n\nconst inputHasContent = computed(() => state.prompt.value.trim().length > 0)\nconst promptTooLarge = computed(\n  () => state.prompt.value.trim().length > MAX_PROMPT_SIZE,\n)\n\n/** Show free messages info only after at least one message has been sent and when no API key is set. */\nconst showFreeMessagesInfo = computed(\n  () =>\n    state.chat.messages.length > 1 &&\n    !state.getAgentKey?.() &&\n    chatError?.value?.code !== AgentErrorCodes.LIMIT_REACHED,\n)\n\nwatch(state.prompt, () => {\n  if (!promptRef?.value) {\n    return\n  }\n\n  if (!state.prompt.value.length) {\n    promptRef.value.style.height = '0px'\n    return\n  }\n\n  promptRef.value.style.height = 'auto'\n  promptRef.value.style.height = promptRef.value.scrollHeight + 'px'\n})\n\nfunction handlePromptKeydown(e: KeyboardEvent) {\n  if (state.loading.value) {\n    return\n  }\n\n  if (e.key === 'Enter' && !e.shiftKey) {\n    e.preventDefault()\n    handleSubmit()\n    window.scrollTo(0, document.body.scrollHeight)\n  }\n}\n\nfunction focusPrompt() {\n  promptRef.value?.focus()\n}\n\nwatch(\n  () => state.chat.status,\n  (status) => {\n    if (status === 'ready' || status === 'error') {\n      promptRef.value?.focus()\n    }\n  },\n)\n\nconst { approvalRequiredParts, respondToRequestApprovals } =\n  useRequestApprovals()\n\nconst { pendingClientToolParts } = useChatPendingClientToolParts()\n\nconst uploadTmpDoc = useUploadTmpDocument()\n\nfunction acceptTerms() {\n  state.terms.accept()\n\n  if (state.mode === 'preview' && state.getActiveDocumentJson) {\n    uploadTmpDoc.uploadTempDocument(state.getActiveDocumentJson(), true)\n  }\n}\n\nconst isPending = computed(() =>\n  Object.values(state.pendingDocuments).some(Boolean),\n)\n\nconst submitDisabled = computed(() => {\n  const tooLarge = promptTooLarge.value\n  const missingInput = !inputHasContent.value\n  const awaitingApproval = approvalRequiredParts.value.length > 0\n  const pendingToolParts = pendingClientToolParts.value.length > 0\n\n  const isPreview = state.mode === 'preview'\n\n  const termsNotAccepted = isPreview && !state.terms.accepted.value\n  const uploadingTmpDoc = isPreview && !!uploadTmpDoc.uploadState.value\n  const isLoading = isPending.value\n\n  return (\n    tooLarge ||\n    missingInput ||\n    awaitingApproval ||\n    pendingToolParts ||\n    termsNotAccepted ||\n    uploadingTmpDoc ||\n    isLoading\n  )\n})\n\nfunction handleSubmit() {\n  if (submitDisabled.value) {\n    return\n  }\n\n  emit('submit')\n}\n\nconst chatError = useChatError()\n</script>\n\n<template>\n  <div class=\"actionContainer\">\n    <UploadSection\n      v-if=\"uploadTmpDoc.uploadState.value || isPending\"\n      :uploadState=\"uploadTmpDoc.uploadState.value ?? { type: 'loading' }\" />\n    <ErrorMessageMessage\n      v-if=\"chatError\"\n      :error=\"chatError\" />\n    <ApprovalSection\n      v-if=\"approvalRequiredParts.length\"\n      @approve=\"respondToRequestApprovals(true)\"\n      @reject=\"respondToRequestApprovals(false)\" />\n    <PaymentSection v-if=\"chatError?.code === AgentErrorCodes.LIMIT_REACHED\" />\n    <FreeMessagesInfoSection v-if=\"showFreeMessagesInfo\" />\n    <form\n      class=\"promptForm\"\n      @submit.prevent=\"handleSubmit\">\n      <label\n        class=\"agentLabel\"\n        for=\"agentTextarea\">\n        Type a Request To get Started\n      </label>\n      <textarea\n        id=\"agentTextarea\"\n        ref=\"agentPrompt\"\n        v-model=\"state.prompt.value\"\n        class=\"prompt custom-scroll\"\n        :disabled=\"state.loading.value\"\n        name=\"prompt\"\n        placeholder=\"Ask me anything…\"\n        @keydown=\"handlePromptKeydown\" />\n      <div class=\"inputActionsContainer\">\n        <div class=\"inputActionsLeft\">\n          <template v-if=\"!state.hideAddApi\">\n            <SearchPopover v-if=\"!state.isLoggedIn?.value\">\n              <button\n                class=\"addAPIButton\"\n                type=\"button\">\n                <ScalarIconPlus\n                  class=\"size-4\"\n                  weight=\"bold\" />\n              </button>\n            </SearchPopover>\n            <ActionsDropdown\n              v-else\n              @uploadApi=\"$emit('uploadApi')\">\n              <button\n                class=\"addAPIButton\"\n                type=\"button\">\n                <ScalarIconPlus\n                  class=\"size-4\"\n                  weight=\"bold\" />\n              </button>\n            </ActionsDropdown>\n          </template>\n          <div\n            v-for=\"document in state.registryDocuments.value\"\n            :key=\"document.id\"\n            class=\"apiPill\">\n            <img\n              v-if=\"document.logoUrl\"\n              class=\"apiPillLogo\"\n              :src=\"document.logoUrl\" />\n            {{ document.title }}\n            <button\n              v-if=\"document.removable\"\n              class=\"apiPillRemove\"\n              type=\"button\"\n              @click=\"state.removeDocument(document)\">\n              <ScalarIconX\n                class=\"size-4\"\n                weight=\"bold\" />\n            </button>\n          </div>\n        </div>\n\n        <div class=\"inputActionsRight\">\n          <template v-if=\"!state.loading.value\">\n            <ScalarTooltip content=\"Settings\">\n              <ScalarIconButton\n                class=\"settingsButton h-7 w-7 p-1.5\"\n                :icon=\"ScalarIconLockSimple\"\n                label=\"Scalar\"\n                size=\"md\"\n                weight=\"bold\"\n                @click=\"state.settingsModal.show()\" />\n            </ScalarTooltip>\n          </template>\n          <div class=\"sendCheckboxContinue\">\n            <div\n              v-if=\"!state.terms.accepted.value && state.mode === 'preview'\"\n              class=\"relative flex items-center gap-1.5\">\n              <input\n                id=\"agentTermsAgree\"\n                class=\"sr-only\"\n                type=\"checkbox\"\n                @change=\"acceptTerms\" />\n              <label\n                class=\"termsAgree\"\n                for=\"agentTermsAgree\">\n                <ScalarIconCheck\n                  class=\"termsAgreeIcon\"\n                  weight=\"bold\" />\n                Agree to Terms & Conditions\n              </label>\n            </div>\n            <ScalarIconButton\n              v-if=\"!state.loading.value\"\n              class=\"sendButton h-7 w-7 p-1.5\"\n              :disabled=\"submitDisabled\"\n              :icon=\"ScalarIconArrowUp\"\n              label=\"Scalar\"\n              size=\"md\"\n              type=\"submit\"\n              weight=\"bold\" />\n            <ScalarLoading\n              v-else\n              class=\"loader h-7 w-7\"\n              :loader=\"{\n                isLoading: state.loading.value,\n                isValid: false,\n                clear: async () => {},\n                invalidate: async () => {},\n                isInvalid: false,\n                isActive: false,\n                validate: async () => {},\n                start: () => {},\n              }\"\n              size=\"2xl\" />\n          </div>\n        </div>\n      </div>\n    </form>\n\n    <div\n      v-if=\"state.chat.messages.length <= 1 && !state.hideAddApi\"\n      class=\"addMoreContext\">\n      <span>Load additional APIs</span>\n      <div class=\"ml-auto flex items-center gap-1\">\n        <button\n          v-for=\"doc of state.curatedDocuments.value\"\n          :key=\"doc.id\"\n          class=\"addAPIContext\"\n          type=\"button\"\n          @click=\"state.addDocument(doc)\">\n          <img\n            v-if=\"doc.logoUrl\"\n            :alt=\"doc.title\"\n            class=\"size-4\"\n            :src=\"doc.logoUrl\" />\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.actionContainer {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px;\n  width: 100%;\n  position: relative;\n  /* visually hides overflowing text below */\n  box-shadow: 0 24px 0 2px var(--scalar-background-1);\n}\n.promptForm {\n  width: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: var(--scalar-background-1);\n  box-shadow:\n    var(--scalar-shadow-1),\n    0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n  border-radius: 16px;\n}\n\n.inputActionsContainer {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 8px 8px 8px;\n}\n\n.inputActionsLeft {\n  display: flex;\n  flex-wrap: wrap; /* key: allows pills to go to next line */\n  align-items: center;\n  gap: 5px; /* spacing between pills */\n}\n\n.inputActionsRight {\n  display: flex;\n  gap: 5px;\n  position: relative;\n}\n\n.apiPill {\n  font-size: var(--scalar-font-size-3);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  height: 28px;\n  align-items: center;\n  display: flex;\n  border-radius: 16px;\n  padding: 0 8px;\n  pointer-events: all;\n  z-index: 1;\n  gap: 4px;\n  user-select: none;\n}\n.apiPillLogo {\n  width: 15px;\n}\n\n.apiPillRemove {\n  width: 24px;\n  height: 24px;\n  margin-right: -6px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.apiPill:hover .apiPillRemove {\n  background: var(--scalar-background-2);\n}\n.dark-mode .apiPill:hover .apiPillRemove {\n  background: var(--scalar-background-3);\n}\n\n.apiPillRemove:hover {\n  color: var(--scalar-color-1);\n}\n\n.prompt {\n  width: 100%;\n  outline: none;\n  border: none;\n  resize: none;\n  field-sizing: content;\n  min-height: 64px;\n  z-index: 1;\n  max-height: 250px;\n  max-width: 100%;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  word-wrap: break-word;\n  font-family: var(--scalar-font);\n  font-size: 16px;\n  padding: 12px 12px 14px 12px;\n}\n.dark-mode .promptForm {\n  background: var(--scalar-background-2);\n}\n\n.prompt:disabled {\n  color: var(--scalar-color-3);\n}\n\n.addAPIButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  height: 28px;\n  width: 28px;\n  font-weight: var(--scalar-bold);\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: all;\n  z-index: 1;\n  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.addAPIButton:hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.dark-mode .addAPIButton:hover {\n  background: var(--scalar-background-3);\n}\n\n.settingsButton {\n  color: var(--scalar-color-3) !important;\n  border-radius: 50% !important;\n  margin: 0 !important;\n  z-index: 1;\n}\n.settingsButton[aria-disabled='true'] {\n  background: var(--scalar-background-2);\n}\n.dark-mode .settingsButton:hover {\n  background: var(--scalar-background-3);\n}\n\n.sendButton {\n  background: var(--scalar-color-blue) !important;\n  border-radius: 50% !important;\n  margin: 0 !important;\n  z-index: 1;\n  border: var(--scalar-border-width) solid var(--scalar-color-blue);\n}\n.sendButton:not([aria-disabled='true']) {\n  color: white !important;\n}\n.sendButton:not([aria-disabled='true']):hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    transparent 10%\n  ) !important;\n}\n.sendButton[aria-disabled='true'] {\n  background: var(--scalar-background-2) !important;\n  color: var(--scalar-color-3) !important;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.dark-mode .sendButton[aria-disabled='true'] {\n  background: var(--scalar-background-3) !important;\n}\n.contextContainer {\n  display: flex;\n  width: 100%;\n  padding: 10px 12px 12px 12px;\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  user-select: none;\n  justify-content: space-between;\n}\n\n.settingsButton {\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-lg);\n  padding: 4px 6px;\n  margin: -4px -6px;\n}\n.settingsButton:hover {\n  background: var(--scalar-background-2);\n  box-shadow: 0 0 var(--scalar-border-width) 0 var(--scalar-border-color);\n  cursor: pointer;\n}\n\n.agentLabel {\n  font-size: 0px;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  cursor: text;\n}\n.sendCheckboxContinue:has(input) {\n  display: flex;\n  align-items: center;\n  border-radius: 14px;\n  background: var(--scalar-background-2);\n  box-shadow: 0 0 0 1.5px var(--scalar-background-2);\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  font-weight: var(--scalar-semibold);\n  user-select: none;\n  height: 28px;\n}\n.dark-mode .sendCheckboxContinue:has(input) {\n  background: var(--scalar-background-3);\n  box-shadow: 0 0 0 1.5px var(--scalar-background-3);\n}\n\n.addMoreContext {\n  height: 40px;\n  display: flex;\n  position: relative;\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-3);\n  padding: 0 8px 0 12px;\n  align-items: center;\n}\n.addMoreContext:before {\n  content: '';\n  width: 8px;\n  height: 8px;\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-1),\n    var(--scalar-background-2)\n  );\n  transform: rotate(45deg);\n  left: 18px;\n  top: -3px;\n  position: absolute;\n  box-shadow:\n    -0.5px -0.5px 0 var(--scalar-border-color),\n    inset 0.5px 0.5px 1px var(--scalar-border-color);\n}\n.dark-mode .addMoreContext:before {\n  box-shadow: -0.5px -0.5px 0 var(--scalar-border-color);\n}\n.addAPIContext {\n  width: 28px;\n  height: 28px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n}\n\n.termsAgree {\n  display: flex;\n  cursor: pointer;\n  height: inherit;\n  align-items: center;\n  border-radius: 14px;\n  gap: 5px;\n  margin: 0px 5px;\n}\n\n.termsAgree:hover {\n  color: var(--scalar-color-1);\n}\n\n.termsAgree:hover .termsAgreeIcon {\n  background: var(--scalar-color-1);\n  color: var(--scalar-background-1);\n}\n\n.termsAgreeIcon {\n  width: inherit;\n  height: inherit;\n  padding: 2px;\n  border-radius: 50%;\n  background: var(--scalar-background-2);\n}\n</style>\n"],"mappings":"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"}

package/dist/views/Settings/Auth.vue.js

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