@scalar/agent-chat 0.9.12 → 0.9.14

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

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

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":""}