@scalar/agent-chat 0.9.12 → 0.9.13

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

@@ -0,0 +1 @@
+{"version":3,"file":"AskForAuthentication.vue.script.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":";;;;;;;;;;;;;;;;;EAsBA,IAAM,EAAE,mBAAgB,aAAU,WAAQ,YAAS,GAAS,EAEtD,IAAe,QAAe;AAClC,OACE,CAAC,EAAA,YAAY,MAAM,OAAO,oBAC1B,EAAA,YAAY,MAAM,UAAU,kBAE5B;GAGF,IAAM,CAAC,GAAW,KAAQ,EAAA,YAAY,MAAM,MAAM,iBAAiB,MAAA,MAEnE;AACI,UAAC,KAAa,CAAC,GAInB,QAAO,EAAmB,GAAW,EAAI;IAC1C,EAEK,IAAW,QAAe;AACzB,SAAa,MAIlB,QAAO,EAAe,UAAU,UAAU,EAAa;IACxD,EAEK,IAAc,QAAe;AAC5B,SAAS,MAId,QAAO,EAAqB,GAAgB,EAAS,MAAK;IAC3D,EAEK,IAAiB,QAAe;AAC/B,SAAS,MAQd,QAAO,EAJS,EAAW,EAAS,MAAM,SAAS,EACjD,aAAa,EAAS,MAAM,iCAC7B,CAAA,EAEiC,EAAS,MAAM,4BAA2B;IAC7E,EAEK,IAA2B,QACzB,EAAa,SAAS,EAAY,SAAS,EAAe,MAClE;EAEA,eAAe,IAAmB;AAChC,SAAM,EAAK,cAAc;IACvB,YAAY,EAAA,YAAY,MAAM;IAC9B,QAAQ;IACR,MAAM;IACN,OAAO;IACR,CAAA;;yBAKD,EAgCM,OAAA,EA/BJ,OAAK,EAAA,CAAC,wBAAsB,EAAA,MACN,EAAA,OAAA,CAAA,CAAA,EAAA,EAAA,CAGtB,EAaM,OAbN,GAaM;GAXI,EAAA,YAAY,MAAM,UAAK,sBAAA,GAAA,EAD/B,EAC0D,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GAElD,EAAA,YAAY,MAAM,UAAK,qBAAA,GAAA,EAD/B,EACyD,GAAA,EAAA,KAAA,GAAA,CAAA,IAAA,EAAA,IAAA,GAAA;GAEjD,EAAA,YAAY,MAAM,UAAK,qBAAA,GAAA,EAD/B,EAOe,EAAA,EAAA,EAAA;;IALb,OAAM;IACN,MAAK;IACJ,SAAO;;qBAER,CAAA,AAAA,EAAA,OAAA,EAF0B,eAE1B,GAAA,EAAA,EAAsC,EAAA,EAAA,EAAA,EAAhB,QAAO,QAAM,CAAA,CAAA,CAAA;;;MAGvC,EAYM,OAZN,GAYM,CAXJ,EAUM,OAVN,GAUM,CARI,EAAA,SAAgB,EAAA,SAAY,EAAA,SAAe,EAAA,SAAA,GAAA,EADnD,EAQoB,GAAA;;GANjB,WAAW,EAAA,EAAc,CAAC;GAC1B,UAAA,EAAA;GACA,aAAA,EAAA;GACA,UAAA,EAAA,EAAQ;GACR,MAAM,EAAA;GACN,SAAS,EAAA,EAAM;GACf,gBAAA,EAAA"}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExecuteRequestTool.vue.js","names":[],"sources":["../../../../src/views/Chat/Messages/ExecuteRequestTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type ToolUIPart } from 'ai'\nimport { computed, type Ref } from 'vue'\n\nimport RequestPreview from '@/components/RequestPreview.vue'\nimport type { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME } from '@/entities/tools/execute-request'\nimport { requestPartRequiresApproval } from '@/hooks/use-chat-approvals'\nimport { useState, type Tools } from '@/state/state'\n\nconst { messagePart } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME>>\n  >\n}>()\n\nconst state = useState()\n\nconst requestState = computed(() => {\n  if (messagePart.value.state === 'input-streaming') {\n    return 'buildingRequest'\n  }\n\n  if (\n    messagePart.value.state === 'approval-responded' &&\n    state.chat.status === 'submitted'\n  ) {\n    return 'sendingRequest'\n  }\n\n  if (requestPartRequiresApproval(messagePart.value)) {\n    return 'requiresApproval'\n  }\n\n  if (messagePart.value.state === 'output-available') {\n    return messagePart.value.output.success\n      ? 'requestSucceeded'\n      : 'requestFailed'\n  }\n\n  if (messagePart.value.state === 'output-error') {\n    return 'rejected'\n  }\n\n  return null\n})\n</script>\n\n<template>\n  <div class=\"executeRequestTool\">\n    <RequestPreview\n      v-if=\"requestState\"\n      :request=\"messagePart.value.input\"\n      :response=\"messagePart.value.output\"\n      :state=\"requestState\" />\n  </div>\n</template>\n\n<style scoped>\n.executeRequestTool {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\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  /* ensures no overlapping border colors when there's two sibling execute request tools */\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}\n.tool {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 15px;\n  border-radius: 15px;\n  margin-bottom: 20px;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,26 @@
+import { useState as e } from "../../../state/state.js";
+import t from "../../../components/RequestPreview.vue.js";
+import { requestPartRequiresApproval as n } from "../../../hooks/use-chat-approvals.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, openBlock as c } from "vue";
+//#region src/views/Chat/Messages/ExecuteRequestTool.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "executeRequestTool" }, u = /* @__PURE__ */ s({
+	__name: "ExecuteRequestTool",
+	props: { messagePart: {} },
+	setup(s) {
+		let u = e(), d = r(() => s.messagePart.value.state === "input-streaming" ? "buildingRequest" : s.messagePart.value.state === "approval-responded" && u.chat.status === "submitted" ? "sendingRequest" : n(s.messagePart.value) ? "requiresApproval" : s.messagePart.value.state === "output-available" ? s.messagePart.value.output.success ? "requestSucceeded" : "requestFailed" : s.messagePart.value.state === "output-error" ? "rejected" : null);
+		return (e, n) => (c(), o("div", l, [d.value ? (c(), i(t, {
+			key: 0,
+			request: s.messagePart.value.input,
+			response: s.messagePart.value.output,
+			state: d.value
+		}, null, 8, [
+			"request",
+			"response",
+			"state"
+		])) : a("", !0)]));
+	}
+});
+//#endregion
+export { u as default };
+
+//# sourceMappingURL=ExecuteRequestTool.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExecuteRequestTool.vue.script.js","names":[],"sources":["../../../../src/views/Chat/Messages/ExecuteRequestTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type ToolUIPart } from 'ai'\nimport { computed, type Ref } from 'vue'\n\nimport RequestPreview from '@/components/RequestPreview.vue'\nimport type { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME } from '@/entities/tools/execute-request'\nimport { requestPartRequiresApproval } from '@/hooks/use-chat-approvals'\nimport { useState, type Tools } from '@/state/state'\n\nconst { messagePart } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME>>\n  >\n}>()\n\nconst state = useState()\n\nconst requestState = computed(() => {\n  if (messagePart.value.state === 'input-streaming') {\n    return 'buildingRequest'\n  }\n\n  if (\n    messagePart.value.state === 'approval-responded' &&\n    state.chat.status === 'submitted'\n  ) {\n    return 'sendingRequest'\n  }\n\n  if (requestPartRequiresApproval(messagePart.value)) {\n    return 'requiresApproval'\n  }\n\n  if (messagePart.value.state === 'output-available') {\n    return messagePart.value.output.success\n      ? 'requestSucceeded'\n      : 'requestFailed'\n  }\n\n  if (messagePart.value.state === 'output-error') {\n    return 'rejected'\n  }\n\n  return null\n})\n</script>\n\n<template>\n  <div class=\"executeRequestTool\">\n    <RequestPreview\n      v-if=\"requestState\"\n      :request=\"messagePart.value.input\"\n      :response=\"messagePart.value.output\"\n      :state=\"requestState\" />\n  </div>\n</template>\n\n<style scoped>\n.executeRequestTool {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\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  /* ensures no overlapping border colors when there's two sibling execute request tools */\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}\n.tool {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 15px;\n  border-radius: 15px;\n  margin-bottom: 20px;\n}\n</style>\n"],"mappings":";;;;;;;;;EAeA,IAAM,IAAQ,GAAS,EAEjB,IAAe,QACf,EAAA,YAAY,MAAM,UAAU,oBACvB,oBAIP,EAAA,YAAY,MAAM,UAAU,wBAC5B,EAAM,KAAK,WAAW,cAEf,mBAGL,EAA4B,EAAA,YAAY,MAAM,GACzC,qBAGL,EAAA,YAAY,MAAM,UAAU,qBACvB,EAAA,YAAY,MAAM,OAAO,UAC5B,qBACA,kBAGF,EAAA,YAAY,MAAM,UAAU,iBACvB,aAGF,KACR;yBAIC,EAMM,OANN,GAMM,CAJI,EAAA,SAAA,GAAA,EADR,EAI0B,GAAA;;GAFvB,SAAS,EAAA,YAAY,MAAM;GAC3B,UAAU,EAAA,YAAY,MAAM;GAC5B,OAAO,EAAA"}

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

@@ -1,7 +1,7 @@
 import { type ToolUIPart, type UIMessage } from 'ai';
 import { type Reactive, type Ref } from 'vue';
-import type { GET_MINI_OPENAPI_SPEC_TOOL_NAME } from '../../../entities/tools/get-mini-openapi-spec';
-import { type Tools } from '../../../state/state';
+import type { GET_MINI_OPENAPI_SPEC_TOOL_NAME } from '../../../entities/tools/get-mini-openapi-spec.js';
+import { type Tools } from '../../../state/state.js';
 type __VLS_Props = {
     messagePart: Ref<ToolUIPart<Pick<Tools, typeof GET_MINI_OPENAPI_SPEC_TOOL_NAME>>>;
     message: Reactive<UIMessage>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GetMiniOpenAPIDocTool.vue.js","names":[],"sources":["../../../../src/views/Chat/Messages/GetMiniOpenAPIDocTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type ToolUIPart, type UIMessage } from 'ai'\nimport { computed, ref, watch, type Reactive, type Ref } from 'vue'\n\nimport ContextItem from '@/components/ContextItem.vue'\nimport LoadingMiniOpenAPIDoc from '@/components/LoadingMiniOpenAPIDoc.vue'\nimport type { GET_MINI_OPENAPI_SPEC_TOOL_NAME } from '@/entities/tools/get-mini-openapi-spec'\nimport { getOperations } from '@/helpers'\nimport { useState, type Tools } from '@/state/state'\n\nconst { messagePart, message } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof GET_MINI_OPENAPI_SPEC_TOOL_NAME>>\n  >\n  message: Reactive<UIMessage>\n}>()\n\nconst messageFinished = ref(false)\n\nwatch(\n  () => message,\n  () => {\n    const parts = message.parts\n\n    const index = parts.findIndex(\n      (part) =>\n        'toolCallId' in part &&\n        part.toolCallId === messagePart.value.toolCallId,\n    )\n\n    messageFinished.value = Boolean(parts[index + 1])\n  },\n)\n\nconst operations = computed(() => {\n  if (!messagePart.value.output?.structuredContent) {\n    return\n  }\n\n  const title = messagePart.value.output?.structuredContent?.info?.title\n\n  const documentOperations = getOperations(\n    messagePart.value.output?.structuredContent,\n  )\n\n  return documentOperations\n    .map(\n      (operation) => `${title ? `${title} - ` : ''}${operation.summary ?? ''}`,\n    )\n    .filter(Boolean)\n})\n\nconst state = useState()\n</script>\n\n<template>\n  <div\n    v-if=\"\n      messagePart.value.state === 'input-available' &&\n      state.chat.status === 'streaming'\n    \">\n    <LoadingMiniOpenAPIDoc />\n  </div>\n  <div\n    v-if=\"operations\"\n    class=\"operations\">\n    <ContextItem\n      v-for=\"operation of operations\"\n      :key=\"operation\"\n      :loading=\"!messageFinished\">\n      {{ operation }}\n    </ContextItem>\n  </div>\n</template>\n\n<style scoped>\n.operations {\n  display: flex;\n  gap: 5px;\n  align-items: center;\n  margin-bottom: 12px;\n}\n.operations:empty {\n  margin-bottom: -12px;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,39 @@
+import { getOperations as e } from "../../../helpers.js";
+import { useState as t } from "../../../state/state.js";
+import n from "../../../components/ContextItem.vue.js";
+import r from "../../../components/LoadingMiniOpenAPIDoc.vue.js";
+import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, watch as _, withCtx as v } from "vue";
+//#region src/views/Chat/Messages/GetMiniOpenAPIDocTool.vue?vue&type=script&setup=true&lang.ts
+var y = { key: 0 }, b = {
+	key: 1,
+	class: "operations"
+}, x = /* @__PURE__ */ d({
+	__name: "GetMiniOpenAPIDocTool",
+	props: {
+		messagePart: {},
+		message: {}
+	},
+	setup(d) {
+		let x = p(!1);
+		_(() => d.message, () => {
+			let e = d.message.parts;
+			x.value = !!e[e.findIndex((e) => "toolCallId" in e && e.toolCallId === d.messagePart.value.toolCallId) + 1];
+		});
+		let S = a(() => {
+			if (!d.messagePart.value.output?.structuredContent) return;
+			let t = d.messagePart.value.output?.structuredContent?.info?.title;
+			return e(d.messagePart.value.output?.structuredContent).map((e) => `${t ? `${t} - ` : ""}${e.summary ?? ""}`).filter(Boolean);
+		}), C = t();
+		return (e, t) => (f(), c(i, null, [d.messagePart.value.state === "input-available" && g(C).chat.status === "streaming" ? (f(), c("div", y, [u(r)])) : s("", !0), S.value ? (f(), c("div", b, [(f(!0), c(i, null, m(S.value, (e) => (f(), o(n, {
+			key: e,
+			loading: !x.value
+		}, {
+			default: v(() => [l(h(e), 1)]),
+			_: 2
+		}, 1032, ["loading"]))), 128))])) : s("", !0)], 64));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=GetMiniOpenAPIDocTool.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GetMiniOpenAPIDocTool.vue.script.js","names":[],"sources":["../../../../src/views/Chat/Messages/GetMiniOpenAPIDocTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type ToolUIPart, type UIMessage } from 'ai'\nimport { computed, ref, watch, type Reactive, type Ref } from 'vue'\n\nimport ContextItem from '@/components/ContextItem.vue'\nimport LoadingMiniOpenAPIDoc from '@/components/LoadingMiniOpenAPIDoc.vue'\nimport type { GET_MINI_OPENAPI_SPEC_TOOL_NAME } from '@/entities/tools/get-mini-openapi-spec'\nimport { getOperations } from '@/helpers'\nimport { useState, type Tools } from '@/state/state'\n\nconst { messagePart, message } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof GET_MINI_OPENAPI_SPEC_TOOL_NAME>>\n  >\n  message: Reactive<UIMessage>\n}>()\n\nconst messageFinished = ref(false)\n\nwatch(\n  () => message,\n  () => {\n    const parts = message.parts\n\n    const index = parts.findIndex(\n      (part) =>\n        'toolCallId' in part &&\n        part.toolCallId === messagePart.value.toolCallId,\n    )\n\n    messageFinished.value = Boolean(parts[index + 1])\n  },\n)\n\nconst operations = computed(() => {\n  if (!messagePart.value.output?.structuredContent) {\n    return\n  }\n\n  const title = messagePart.value.output?.structuredContent?.info?.title\n\n  const documentOperations = getOperations(\n    messagePart.value.output?.structuredContent,\n  )\n\n  return documentOperations\n    .map(\n      (operation) => `${title ? `${title} - ` : ''}${operation.summary ?? ''}`,\n    )\n    .filter(Boolean)\n})\n\nconst state = useState()\n</script>\n\n<template>\n  <div\n    v-if=\"\n      messagePart.value.state === 'input-available' &&\n      state.chat.status === 'streaming'\n    \">\n    <LoadingMiniOpenAPIDoc />\n  </div>\n  <div\n    v-if=\"operations\"\n    class=\"operations\">\n    <ContextItem\n      v-for=\"operation of operations\"\n      :key=\"operation\"\n      :loading=\"!messageFinished\">\n      {{ operation }}\n    </ContextItem>\n  </div>\n</template>\n\n<style scoped>\n.operations {\n  display: flex;\n  gap: 5px;\n  align-items: center;\n  margin-bottom: 12px;\n}\n.operations:empty {\n  margin-bottom: -12px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAiBA,IAAM,IAAkB,EAAI,GAAK;AAEjC,UACQ,EAAA,eACA;GACJ,IAAM,IAAQ,EAAA,QAAQ;AAQtB,KAAgB,QAAQ,EAAQ,EANlB,EAAM,WACjB,MACC,gBAAgB,KAChB,EAAK,eAAe,EAAA,YAAY,MAAM,WAC1C,GAE8C;IAElD;EAEA,IAAM,IAAa,QAAe;AAChC,OAAI,CAAC,EAAA,YAAY,MAAM,QAAQ,kBAC7B;GAGF,IAAM,IAAQ,EAAA,YAAY,MAAM,QAAQ,mBAAmB,MAAM;AAMjE,UAJ2B,EACzB,EAAA,YAAY,MAAM,QAAQ,kBAC5B,CAGG,KACE,MAAc,GAAG,IAAQ,GAAG,EAAM,OAAO,KAAK,EAAU,WAAW,KACtE,CACC,OAAO,QAAO;IAClB,EAEK,IAAQ,GAAS;qCAKN,EAAA,YAAY,MAAM,UAAK,qBAAgC,EAAA,EAAK,CAAC,KAAK,WAAM,eAAA,GAAA,EADvF,EAMM,OAAA,GAAA,CADJ,EAAyB,EAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,EAGnB,EAAA,SAAA,GAAA,EADR,EASM,OATN,GASM,EAAA,EAAA,GAAA,EANJ,EAKc,GAAA,MAAA,EAJQ,EAAA,QAAb,YADT,EAKc,GAAA;GAHX,KAAK;GACL,SAAO,CAAG,EAAA;;oBACI,CAAA,EAAA,EAAZ,EAAS,EAAA,EAAA,CAAA,CAAA"}

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

@@ -1,7 +1,7 @@
 import type { ToolUIPart, UIMessage } from 'ai';
 import { type Reactive, type Ref } from 'vue';
-import type { GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME } from '../../../entities/tools/get-openapi-spec-summary';
-import { type Tools } from '../../../state/state';
+import type { GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME } from '../../../entities/tools/get-openapi-spec-summary.js';
+import { type Tools } from '../../../state/state.js';
 type __VLS_Props = {
     messagePart: Ref<ToolUIPart<Pick<Tools, typeof GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME>>>;
     message: Reactive<UIMessage>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"GetOpenAPISpecsSummary.vue.js","names":[],"sources":["../../../../src/views/Chat/Messages/GetOpenAPISpecsSummary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToolUIPart, UIMessage } from 'ai'\nimport { ref, watch, type Reactive, type Ref } from 'vue'\n\nimport LoadingOpenAPISpecsSummary from '@/components/LoadingOpenAPISpecsSummary.vue'\nimport type { GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME } from '@/entities/tools/get-openapi-spec-summary'\nimport { type Tools } from '@/state/state'\n\nconst { messagePart, message } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME>>\n  >\n  message: Reactive<UIMessage>\n}>()\n\nconst messageFinished = ref(false)\n\nwatch(\n  () => message,\n  () => {\n    const parts = message.parts\n\n    const index = parts.findIndex(\n      (part) =>\n        'toolCallId' in part &&\n        part.toolCallId === messagePart.value.toolCallId,\n    )\n\n    messageFinished.value = Boolean(parts[index + 1])\n  },\n)\n</script>\n\n<template>\n  <div v-if=\"!messageFinished\">\n    <LoadingOpenAPISpecsSummary />\n  </div>\n</template>\n\n<style scoped></style>\n"],"mappings":""}

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

@@ -0,0 +1,21 @@
+import e from "../../../components/LoadingOpenAPISpecsSummary.vue.js";
+import { createCommentVNode as t, createElementBlock as n, createVNode as r, defineComponent as i, openBlock as a, ref as o, watch as s } from "vue";
+//#region src/views/Chat/Messages/GetOpenAPISpecsSummary.vue?vue&type=script&setup=true&lang.ts
+var c = { key: 0 }, l = /* @__PURE__ */ i({
+	__name: "GetOpenAPISpecsSummary",
+	props: {
+		messagePart: {},
+		message: {}
+	},
+	setup(i) {
+		let l = o(!1);
+		return s(() => i.message, () => {
+			let e = i.message.parts;
+			l.value = !!e[e.findIndex((e) => "toolCallId" in e && e.toolCallId === i.messagePart.value.toolCallId) + 1];
+		}), (i, o) => l.value ? t("", !0) : (a(), n("div", c, [r(e)]));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=GetOpenAPISpecsSummary.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GetOpenAPISpecsSummary.vue.script.js","names":[],"sources":["../../../../src/views/Chat/Messages/GetOpenAPISpecsSummary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToolUIPart, UIMessage } from 'ai'\nimport { ref, watch, type Reactive, type Ref } from 'vue'\n\nimport LoadingOpenAPISpecsSummary from '@/components/LoadingOpenAPISpecsSummary.vue'\nimport type { GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME } from '@/entities/tools/get-openapi-spec-summary'\nimport { type Tools } from '@/state/state'\n\nconst { messagePart, message } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME>>\n  >\n  message: Reactive<UIMessage>\n}>()\n\nconst messageFinished = ref(false)\n\nwatch(\n  () => message,\n  () => {\n    const parts = message.parts\n\n    const index = parts.findIndex(\n      (part) =>\n        'toolCallId' in part &&\n        part.toolCallId === messagePart.value.toolCallId,\n    )\n\n    messageFinished.value = Boolean(parts[index + 1])\n  },\n)\n</script>\n\n<template>\n  <div v-if=\"!messageFinished\">\n    <LoadingOpenAPISpecsSummary />\n  </div>\n</template>\n\n<style scoped></style>\n"],"mappings":";;;;;;;;;;EAeA,IAAM,IAAkB,EAAI,GAAK;SAEjC,QACQ,EAAA,eACA;GACJ,IAAM,IAAQ,EAAA,QAAQ;AAQtB,KAAgB,QAAQ,EAAQ,EANlB,EAAM,WACjB,MACC,gBAAgB,KAChB,EAAK,eAAe,EAAA,YAAY,MAAM,WAC1C,GAE8C;IAElD,YAIc,EAAA,QACoB,EAAA,IAAA,GAAA,IADpB,GAAA,EAAZ,EAEM,OAAA,GAAA,CADJ,EAA8B,EAAA,CAAA,CAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.vue.js","names":[],"sources":["../../../../src/views/Chat/Messages/Text.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components'\nimport { type TextUIPart } from 'ai'\nimport { type Ref } from 'vue'\n\nconst { messagePart } = defineProps<{\n  messagePart: Ref<TextUIPart>\n}>()\n</script>\n\n<template>\n  <ScalarMarkdown :value=\"messagePart.value.text\" />\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,14 @@
+import { createBlock as e, defineComponent as t, openBlock as n, unref as r } from "vue";
+import { ScalarMarkdown as i } from "@scalar/components";
+//#region src/views/Chat/Messages/Text.vue?vue&type=script&setup=true&lang.ts
+var a = /* @__PURE__ */ t({
+	__name: "Text",
+	props: { messagePart: {} },
+	setup(t) {
+		return (a, o) => (n(), e(r(i), { value: t.messagePart.value.text }, null, 8, ["value"]));
+	}
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=Text.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.vue.script.js","names":[],"sources":["../../../../src/views/Chat/Messages/Text.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components'\nimport { type TextUIPart } from 'ai'\nimport { type Ref } from 'vue'\n\nconst { messagePart } = defineProps<{\n  messagePart: Ref<TextUIPart>\n}>()\n</script>\n\n<template>\n  <ScalarMarkdown :value=\"messagePart.value.text\" />\n</template>\n"],"mappings":";;;;;;;yBAWE,EAAkD,EAAA,EAAA,EAAA,EAAjC,OAAO,EAAA,YAAY,MAAM,MAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}

package/dist/views/Layout.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.vue.js","names":[],"sources":["../../src/views/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useState } from '@/state/state'\nimport Chat from '@/views/Chat/Chat.vue'\nimport Start from '@/views/Start.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\nconst { chat } = useState()\n</script>\n\n<template>\n  <div class=\"wrapper\">\n    <Chat\n      v-if=\"\n        chat.messages.length &&\n        (chat.messages.length > 1 || chat.status !== 'submitted')\n      \"\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n    <Start\n      v-else\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n  </div>\n</template>\n\n<style scoped>\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,25 @@
+import { useState as e } from "../state/state.js";
+import t from "./Chat/Chat.vue.js";
+import n from "./Start.vue.js";
+import { createBlock as r, createElementBlock as i, defineComponent as a, openBlock as o, unref as s } from "vue";
+//#region src/views/Layout.vue?vue&type=script&setup=true&lang.ts
+var c = { class: "wrapper" }, l = /* @__PURE__ */ a({
+	__name: "Layout",
+	emits: ["submit", "uploadApi"],
+	setup(a, { emit: l }) {
+		let u = l, { chat: d } = e();
+		return (e, a) => (o(), i("div", c, [s(d).messages.length && (s(d).messages.length > 1 || s(d).status !== "submitted") ? (o(), r(t, {
+			key: 0,
+			onSubmit: a[0] ||= (e) => u("submit"),
+			onUploadApi: a[1] ||= (e) => u("uploadApi")
+		})) : (o(), r(n, {
+			key: 1,
+			onSubmit: a[2] ||= (e) => u("submit"),
+			onUploadApi: a[3] ||= (e) => u("uploadApi")
+		}))]));
+	}
+});
+//#endregion
+export { l as default };
+
+//# sourceMappingURL=Layout.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.vue.script.js","names":[],"sources":["../../src/views/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useState } from '@/state/state'\nimport Chat from '@/views/Chat/Chat.vue'\nimport Start from '@/views/Start.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\nconst { chat } = useState()\n</script>\n\n<template>\n  <div class=\"wrapper\">\n    <Chat\n      v-if=\"\n        chat.messages.length &&\n        (chat.messages.length > 1 || chat.status !== 'submitted')\n      \"\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n    <Start\n      v-else\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n  </div>\n</template>\n\n<style scoped>\n.wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  height: 100%;\n  width: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;EAKA,IAAM,IAAO,GAKP,EAAE,YAAS,GAAS;yBAIxB,EAYM,OAZN,GAYM,CAVa,EAAA,EAAI,CAAC,SAAS,WAAmB,EAAA,EAAI,CAAC,SAAS,SAAM,KAAQ,EAAA,EAAI,CAAC,WAAM,gBAAA,GAAA,EADzF,EAMmC,GAAA;;GADhC,UAAM,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;GACZ,aAAS,AAAA,EAAA,QAAA,MAAE,EAAI,YAAA;cAClB,EAGmC,GAAA;;GADhC,UAAM,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;GACZ,aAAS,AAAA,EAAA,QAAA,MAAE,EAAI,YAAA"}

package/dist/views/PromptForm.vue.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromptForm.vue.js","names":[],"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":""}

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

@@ -0,0 +1,202 @@
+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";
+//#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 = {
+	class: "addAPIButton",
+	type: "button"
+}, I = {
+	class: "addAPIButton",
+	type: "button"
+}, L = ["src"], R = ["onClick"], z = { class: "inputActionsRight" }, B = { class: "sendCheckboxContinue" }, V = {
+	key: 0,
+	class: "relative flex items-center gap-1.5"
+}, H = {
+	class: "termsAgree",
+	for: "agentTermsAgree"
+}, U = {
+	key: 5,
+	class: "addMoreContext"
+}, ue = { class: "ml-auto flex items-center gap-1" }, de = ["onClick"], fe = ["alt", "src"], W = /* @__PURE__ */ ie({
+	__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";
+			}
+		});
+		function ve(e) {
+			K.loading.value || e.key === "Enter" && !e.shiftKey && (e.preventDefault(), Q(), window.scrollTo(0, document.body.scrollHeight));
+		}
+		function ye() {
+			G.value?.focus();
+		}
+		x(() => K.chat.status, (e) => {
+			(e === "ready" || e === "error") && G.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);
+		}
+		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;
+		});
+		function Q() {
+			Z.value || me("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, {
+					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"
+				}, [
+					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", {
+						key: 1,
+						class: "apiPillRemove",
+						type: "button",
+						onClick: (t) => b(K).removeDocument(e)
+					}, [_(b(A), {
+						class: "size-4",
+						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),
+						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)
+		]));
+	}
+});
+//#endregion
+export { W as default };
+
+//# sourceMappingURL=PromptForm.vue.script.js.map

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

@@ -0,0 +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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"}