@scalar/agent-chat 0.10.12 → 0.10.14

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

@@ -1 +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"}
+{"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,MAAM,QAAQ,UAAS;EAEvB,MAAM,eAAe,eAAe;AAClC,OAAI,QAAA,YAAY,MAAM,UAAU,kBAC9B,QAAO;AAGT,OACE,QAAA,YAAY,MAAM,UAAU,wBAC5B,MAAM,KAAK,WAAW,YAEtB,QAAO;AAGT,OAAI,4BAA4B,QAAA,YAAY,MAAM,CAChD,QAAO;AAGT,OAAI,QAAA,YAAY,MAAM,UAAU,mBAC9B,QAAO,QAAA,YAAY,MAAM,OAAO,UAC5B,qBACA;AAGN,OAAI,QAAA,YAAY,MAAM,UAAU,eAC9B,QAAO;AAGT,UAAO;IACR;;uBAIC,mBAMM,OANN,YAMM,CAJI,aAAA,SAAA,WAAA,EADR,YAI0B,wBAAA;;IAFvB,SAAS,QAAA,YAAY,MAAM;IAC3B,UAAU,QAAA,YAAY,MAAM;IAC5B,OAAO,aAAA"}

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

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

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

@@ -1,21 +1,26 @@
-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";
+import LoadingOpenAPISpecsSummary_default from "../../../components/LoadingOpenAPISpecsSummary.vue.js";
+import { createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, ref, watch } from "vue";
 //#region src/views/Chat/Messages/GetOpenAPISpecsSummary.vue?vue&type=script&setup=true&lang.ts
-var c = { key: 0 }, l = /* @__PURE__ */ i({
+var _hoisted_1 = { key: 0 };
+var GetOpenAPISpecsSummary_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__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)]));
+	setup(__props) {
+		const messageFinished = ref(false);
+		watch(() => __props.message, () => {
+			const parts = __props.message.parts;
+			const index = parts.findIndex((part) => "toolCallId" in part && part.toolCallId === __props.messagePart.value.toolCallId);
+			messageFinished.value = Boolean(parts[index + 1]);
+		});
+		return (_ctx, _cache) => {
+			return !messageFinished.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(LoadingOpenAPISpecsSummary_default)])) : createCommentVNode("", true);
+		};
 	}
 });
 //#endregion
-export { l as default };
+export { GetOpenAPISpecsSummary_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=GetOpenAPISpecsSummary.vue.script.js.map

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

@@ -1 +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 { SUMMARIZE_OPENAPI_SPECS_TOOL_NAME } from '@/entities/tools/get-openapi-specs-summary'\nimport { type Tools } from '@/state/state'\n\nconst { messagePart, message } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof SUMMARIZE_OPENAPI_SPECS_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"}
+{"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 { SUMMARIZE_OPENAPI_SPECS_TOOL_NAME } from '@/entities/tools/get-openapi-specs-summary'\nimport { type Tools } from '@/state/state'\n\nconst { messagePart, message } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof SUMMARIZE_OPENAPI_SPECS_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,MAAM,kBAAkB,IAAI,MAAK;AAEjC,cACQ,QAAA,eACA;GACJ,MAAM,QAAQ,QAAA,QAAQ;GAEtB,MAAM,QAAQ,MAAM,WACjB,SACC,gBAAgB,QAChB,KAAK,eAAe,QAAA,YAAY,MAAM,WAC1C;AAEA,mBAAgB,QAAQ,QAAQ,MAAM,QAAQ,GAAE;IAEpD;;WAIc,gBAAA,SAAA,WAAA,EAAZ,mBAEM,OAAA,YAAA,CADJ,YAA8B,mCAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA"}

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

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

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

@@ -1,57 +1,72 @@
-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/LoadingSearchOpenAPIOperations.vue.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v, withCtx as y } from "vue";
-import { ScalarPopover as b } from "@scalar/components";
+import { getOperations } from "../../../helpers.js";
+import { useState } from "../../../state/state.js";
+import ContextItem_default from "../../../components/ContextItem.vue.js";
+import LoadingSearchOpenAPIOperations_default from "../../../components/LoadingSearchOpenAPIOperations.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderList, toDisplayString, unref, watch, withCtx } from "vue";
+import { ScalarPopover } from "@scalar/components";
 //#region src/views/Chat/Messages/SearchOpenAPIOperationsTool.vue?vue&type=script&setup=true&lang.ts
-var x = { key: 0 }, S = {
+var _hoisted_1 = { key: 0 };
+var _hoisted_2 = {
 	key: 1,
 	class: "operations"
-}, C = { class: "overflowPopover" }, w = 5, T = /* @__PURE__ */ f({
+};
+var _hoisted_3 = { class: "overflowPopover" };
+var MAX_VISIBLE = 5;
+var SearchOpenAPIOperationsTool_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "SearchOpenAPIOperationsTool",
 	props: {
 		messagePart: {},
 		message: {}
 	},
-	setup(f) {
-		let T = m(!1);
-		v(() => f.message, () => {
-			let e = f.message.parts;
-			T.value = !!e[e.findIndex((e) => "toolCallId" in e && e.toolCallId === f.messagePart.value.toolCallId) + 1];
+	setup(__props) {
+		const messageFinished = ref(false);
+		watch(() => __props.message, () => {
+			const parts = __props.message.parts;
+			const index = parts.findIndex((part) => "toolCallId" in part && part.toolCallId === __props.messagePart.value.toolCallId);
+			messageFinished.value = Boolean(parts[index + 1]);
 		});
-		let E = a(() => {
-			if (f.messagePart.value.output) return f.messagePart.value.output.flatMap((t) => {
-				let n = t.info?.title;
-				return e(t).map((e) => `${n ? `${n} - ` : ""}${e.summary ?? ""}`).filter(Boolean);
+		const operations = computed(() => {
+			if (!__props.messagePart.value.output) return;
+			return __props.messagePart.value.output.flatMap((spec) => {
+				const title = spec.info?.title;
+				return getOperations(spec).map((operation) => `${title ? `${title} - ` : ""}${operation.summary ?? ""}`).filter(Boolean);
 			});
-		}), D = a(() => E.value?.slice(0, w)), O = a(() => E.value?.slice(w) ?? []), k = t();
-		return (e, t) => (p(), c(i, null, [f.messagePart.value.state === "input-available" && _(k).chat.status === "streaming" ? (p(), c("div", x, [d(r)])) : s("", !0), E.value ? (p(), c("div", S, [(p(!0), c(i, null, h(D.value, (e) => (p(), o(n, {
-			key: e,
-			loading: !T.value
-		}, {
-			default: y(() => [u(g(e), 1)]),
-			_: 2
-		}, 1032, ["loading"]))), 128)), O.value.length ? (p(), o(_(b), {
-			key: 0,
-			placement: "bottom-start"
-		}, {
-			popover: y(() => [l("div", C, [(p(!0), c(i, null, h(O.value, (e) => (p(), o(n, {
-				key: e,
-				loading: !T.value
+		});
+		const visibleOperations = computed(() => operations.value?.slice(0, MAX_VISIBLE));
+		const hiddenOperations = computed(() => operations.value?.slice(MAX_VISIBLE) ?? []);
+		const state = useState();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [__props.messagePart.value.state === "input-available" && unref(state).chat.status === "streaming" ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(LoadingSearchOpenAPIOperations_default)])) : createCommentVNode("", true), operations.value ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleOperations.value, (operation) => {
+				return openBlock(), createBlock(ContextItem_default, {
+					key: operation,
+					loading: !messageFinished.value
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(operation), 1)]),
+					_: 2
+				}, 1032, ["loading"]);
+			}), 128)), hiddenOperations.value.length ? (openBlock(), createBlock(unref(ScalarPopover), {
+				key: 0,
+				placement: "bottom-start"
 			}, {
-				default: y(() => [u(g(e), 1)]),
-				_: 2
-			}, 1032, ["loading"]))), 128))])]),
-			default: y(() => [d(n, { loading: !T.value }, {
-				default: y(() => [u(" +" + g(O.value.length), 1)]),
+				popover: withCtx(() => [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(hiddenOperations.value, (operation) => {
+					return openBlock(), createBlock(ContextItem_default, {
+						key: operation,
+						loading: !messageFinished.value
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(operation), 1)]),
+						_: 2
+					}, 1032, ["loading"]);
+				}), 128))])]),
+				default: withCtx(() => [createVNode(ContextItem_default, { loading: !messageFinished.value }, {
+					default: withCtx(() => [createTextVNode(" +" + toDisplayString(hiddenOperations.value.length), 1)]),
+					_: 1
+				}, 8, ["loading"])]),
 				_: 1
-			}, 8, ["loading"])]),
-			_: 1
-		})) : s("", !0)])) : s("", !0)], 64));
+			})) : createCommentVNode("", true)])) : createCommentVNode("", true)], 64);
+		};
 	}
 });
 //#endregion
-export { T as default };
+export { SearchOpenAPIOperationsTool_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=SearchOpenAPIOperationsTool.vue.script.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchOpenAPIOperationsTool.vue.script.js","names":[],"sources":["../../../../src/views/Chat/Messages/SearchOpenAPIOperationsTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarPopover } from '@scalar/components'\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 LoadingSearchOpenAPIOperations from '@/components/LoadingSearchOpenAPIOperations.vue'\nimport type { SEARCH_OPENAPI_OPERATIONS_TOOL_NAME } from '@/entities/tools/search-openapi-operations'\nimport { getOperations } from '@/helpers'\nimport { useState, type Tools } from '@/state/state'\n\nconst { messagePart, message } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof SEARCH_OPENAPI_OPERATIONS_TOOL_NAME>>\n  >\n  message: Reactive<UIMessage>\n}>()\n\nconst MAX_VISIBLE = 5\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) {\n    return\n  }\n\n  return messagePart.value.output.flatMap((spec) => {\n    const title = spec.info?.title\n\n    const documentOperations = getOperations(spec)\n\n    return documentOperations\n      .map(\n        (operation) =>\n          `${title ? `${title} - ` : ''}${operation.summary ?? ''}`,\n      )\n      .filter(Boolean)\n  })\n})\n\nconst visibleOperations = computed(() =>\n  operations.value?.slice(0, MAX_VISIBLE),\n)\nconst hiddenOperations = computed(\n  () => operations.value?.slice(MAX_VISIBLE) ?? [],\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    <LoadingSearchOpenAPIOperations />\n  </div>\n  <div\n    v-if=\"operations\"\n    class=\"operations\">\n    <ContextItem\n      v-for=\"operation of visibleOperations\"\n      :key=\"operation\"\n      :loading=\"!messageFinished\">\n      {{ operation }}\n    </ContextItem>\n    <ScalarPopover\n      v-if=\"hiddenOperations.length\"\n      placement=\"bottom-start\">\n      <ContextItem :loading=\"!messageFinished\">\n        +{{ hiddenOperations.length }}\n      </ContextItem>\n      <template #popover>\n        <div class=\"overflowPopover\">\n          <ContextItem\n            v-for=\"operation of hiddenOperations\"\n            :key=\"operation\"\n            :loading=\"!messageFinished\">\n            {{ operation }}\n          </ContextItem>\n        </div>\n      </template>\n    </ScalarPopover>\n  </div>\n</template>\n\n<style scoped>\n.operations {\n  display: flex;\n  gap: 5px;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-bottom: 12px;\n}\n.operations:empty {\n  margin-bottom: -12px;\n}\n.overflowPopover {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  padding: 8px;\n}\n</style>\n"],"mappings":";;;;;;;;;;qCAkBM,IAAc;;;;;;;EAEpB,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;AAC3B,SAAA,YAAY,MAAM,OAIvB,QAAO,EAAA,YAAY,MAAM,OAAO,SAAS,MAAS;IAChD,IAAM,IAAQ,EAAK,MAAM;AAIzB,WAF2B,EAAc,EAAI,CAG1C,KACE,MACC,GAAG,IAAQ,GAAG,EAAM,OAAO,KAAK,EAAU,WAAW,KACzD,CACC,OAAO,QAAO;KAClB;IACF,EAEK,IAAoB,QACxB,EAAW,OAAO,MAAM,GAAG,EAAY,CACzC,EACM,IAAmB,QACjB,EAAW,OAAO,MAAM,EAAY,IAAI,EAAE,CAClD,EAEM,IAAQ,GAAS;qCAKN,EAAA,YAAY,MAAM,UAAK,qBAAgC,EAAA,EAAK,CAAC,KAAK,WAAM,eAAA,GAAA,EADvF,EAMM,OAAA,GAAA,CADJ,EAAkC,EAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA,EAG5B,EAAA,SAAA,GAAA,EADR,EA0BM,OA1BN,GA0BM,EAAA,EAAA,GAAA,EAvBJ,EAKc,GAAA,MAAA,EAJQ,EAAA,QAAb,YADT,EAKc,GAAA;GAHX,KAAK;GACL,SAAO,CAAG,EAAA;;oBACI,CAAA,EAAA,EAAZ,EAAS,EAAA,EAAA,CAAA,CAAA;;kCAGN,EAAA,MAAiB,UAAA,GAAA,EADzB,EAgBgB,EAAA,EAAA,EAAA;;GAdd,WAAU;;GAIC,SAAO,QAQV,CAPN,EAOM,OAPN,GAOM,EAAA,EAAA,GAAA,EANJ,EAKc,GAAA,MAAA,EAJQ,EAAA,QAAb,YADT,EAKc,GAAA;IAHX,KAAK;IACL,SAAO,CAAG,EAAA;;qBACI,CAAA,EAAA,EAAZ,EAAS,EAAA,EAAA,CAAA,CAAA;;;oBAPJ,CAFd,EAEc,GAAA,EAFA,SAAO,CAAG,EAAA,OAAA,EAAA;qBACrB,CAAA,EADsC,OACtC,EAAG,EAAA,MAAiB,OAAM,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"SearchOpenAPIOperationsTool.vue.script.js","names":[],"sources":["../../../../src/views/Chat/Messages/SearchOpenAPIOperationsTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarPopover } from '@scalar/components'\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 LoadingSearchOpenAPIOperations from '@/components/LoadingSearchOpenAPIOperations.vue'\nimport type { SEARCH_OPENAPI_OPERATIONS_TOOL_NAME } from '@/entities/tools/search-openapi-operations'\nimport { getOperations } from '@/helpers'\nimport { useState, type Tools } from '@/state/state'\n\nconst { messagePart, message } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof SEARCH_OPENAPI_OPERATIONS_TOOL_NAME>>\n  >\n  message: Reactive<UIMessage>\n}>()\n\nconst MAX_VISIBLE = 5\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) {\n    return\n  }\n\n  return messagePart.value.output.flatMap((spec) => {\n    const title = spec.info?.title\n\n    const documentOperations = getOperations(spec)\n\n    return documentOperations\n      .map(\n        (operation) =>\n          `${title ? `${title} - ` : ''}${operation.summary ?? ''}`,\n      )\n      .filter(Boolean)\n  })\n})\n\nconst visibleOperations = computed(() =>\n  operations.value?.slice(0, MAX_VISIBLE),\n)\nconst hiddenOperations = computed(\n  () => operations.value?.slice(MAX_VISIBLE) ?? [],\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    <LoadingSearchOpenAPIOperations />\n  </div>\n  <div\n    v-if=\"operations\"\n    class=\"operations\">\n    <ContextItem\n      v-for=\"operation of visibleOperations\"\n      :key=\"operation\"\n      :loading=\"!messageFinished\">\n      {{ operation }}\n    </ContextItem>\n    <ScalarPopover\n      v-if=\"hiddenOperations.length\"\n      placement=\"bottom-start\">\n      <ContextItem :loading=\"!messageFinished\">\n        +{{ hiddenOperations.length }}\n      </ContextItem>\n      <template #popover>\n        <div class=\"overflowPopover\">\n          <ContextItem\n            v-for=\"operation of hiddenOperations\"\n            :key=\"operation\"\n            :loading=\"!messageFinished\">\n            {{ operation }}\n          </ContextItem>\n        </div>\n      </template>\n    </ScalarPopover>\n  </div>\n</template>\n\n<style scoped>\n.operations {\n  display: flex;\n  gap: 5px;\n  align-items: center;\n  flex-wrap: wrap;\n  margin-bottom: 12px;\n}\n.operations:empty {\n  margin-bottom: -12px;\n}\n.overflowPopover {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  padding: 8px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,cAAc;;;;;;;;EAEpB,MAAM,kBAAkB,IAAI,MAAK;AAEjC,cACQ,QAAA,eACA;GACJ,MAAM,QAAQ,QAAA,QAAQ;GAEtB,MAAM,QAAQ,MAAM,WACjB,SACC,gBAAgB,QAChB,KAAK,eAAe,QAAA,YAAY,MAAM,WAC1C;AAEA,mBAAgB,QAAQ,QAAQ,MAAM,QAAQ,GAAE;IAEpD;EAEA,MAAM,aAAa,eAAe;AAChC,OAAI,CAAC,QAAA,YAAY,MAAM,OACrB;AAGF,UAAO,QAAA,YAAY,MAAM,OAAO,SAAS,SAAS;IAChD,MAAM,QAAQ,KAAK,MAAM;AAIzB,WAF2B,cAAc,KAAI,CAG1C,KACE,cACC,GAAG,QAAQ,GAAG,MAAM,OAAO,KAAK,UAAU,WAAW,KACzD,CACC,OAAO,QAAO;KAClB;IACF;EAED,MAAM,oBAAoB,eACxB,WAAW,OAAO,MAAM,GAAG,YAAY,CACzC;EACA,MAAM,mBAAmB,eACjB,WAAW,OAAO,MAAM,YAAY,IAAI,EAAE,CAClD;EAEA,MAAM,QAAQ,UAAS;;2DAKN,QAAA,YAAY,MAAM,UAAK,qBAAgC,MAAA,MAAK,CAAC,KAAK,WAAM,eAAA,WAAA,EADvF,mBAMM,OAAA,YAAA,CADJ,YAAkC,uCAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAG5B,WAAA,SAAA,WAAA,EADR,mBA0BM,OA1BN,YA0BM,EAAA,UAAA,KAAA,EAvBJ,mBAKc,UAAA,MAAA,WAJQ,kBAAA,QAAb,cAAS;wBADlB,YAKc,qBAAA;KAHX,KAAK;KACL,SAAO,CAAG,gBAAA;;4BACI,CAAA,gBAAA,gBAAZ,UAAS,EAAA,EAAA,CAAA,CAAA;;;cAGN,iBAAA,MAAiB,UAAA,WAAA,EADzB,YAgBgB,MAAA,cAAA,EAAA;;IAdd,WAAU;;IAIC,SAAO,cAQV,CAPN,mBAOM,OAPN,YAOM,EAAA,UAAA,KAAA,EANJ,mBAKc,UAAA,MAAA,WAJQ,iBAAA,QAAb,cAAS;yBADlB,YAKc,qBAAA;MAHX,KAAK;MACL,SAAO,CAAG,gBAAA;;6BACI,CAAA,gBAAA,gBAAZ,UAAS,EAAA,EAAA,CAAA,CAAA;;;;2BAPJ,CAFd,YAEc,qBAAA,EAFA,SAAO,CAAG,gBAAA,OAAA,EAAA;4BACrB,CAAA,gBADsC,OACtC,gBAAG,iBAAA,MAAiB,OAAM,EAAA,EAAA,CAAA,CAAA"}

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

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

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

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

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

@@ -1 +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"}
+{"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":";;;;;;;;uBAWE,YAAkD,MAAA,eAAA,EAAA,EAAjC,OAAO,QAAA,YAAY,MAAM,MAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}

package/dist/views/Layout.vue.js

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

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

@@ -1,25 +1,29 @@
-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";
+import { useState } from "../state/state.js";
+import Chat_default from "./Chat/Chat.vue.js";
+import Start_default from "./Start.vue.js";
+import { createBlock, createElementBlock, defineComponent, openBlock, unref } from "vue";
 //#region src/views/Layout.vue?vue&type=script&setup=true&lang.ts
-var c = { class: "wrapper" }, l = /* @__PURE__ */ a({
+var _hoisted_1 = { class: "wrapper" };
+var Layout_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__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")
-		}))]));
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { chat } = useState();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [unref(chat).messages.length && (unref(chat).messages.length > 1 || unref(chat).status !== "submitted") ? (openBlock(), createBlock(Chat_default, {
+				key: 0,
+				onSubmit: _cache[0] || (_cache[0] = ($event) => emit("submit")),
+				onUploadApi: _cache[1] || (_cache[1] = ($event) => emit("uploadApi"))
+			})) : (openBlock(), createBlock(Start_default, {
+				key: 1,
+				onSubmit: _cache[2] || (_cache[2] = ($event) => emit("submit")),
+				onUploadApi: _cache[3] || (_cache[3] = ($event) => emit("uploadApi"))
+			}))]);
+		};
 	}
 });
 //#endregion
-export { l as default };
+export { Layout_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=Layout.vue.script.js.map

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

@@ -1 +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"}
+{"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,MAAM,OAAO;EAKb,MAAM,EAAE,SAAS,UAAS;;uBAIxB,mBAYM,OAZN,YAYM,CAVa,MAAA,KAAI,CAAC,SAAS,WAAmB,MAAA,KAAI,CAAC,SAAS,SAAM,KAAQ,MAAA,KAAI,CAAC,WAAM,gBAAA,WAAA,EADzF,YAMmC,cAAA;;IADhC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;IACZ,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,YAAA;uBAClB,YAGmC,eAAA;;IADhC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;IACZ,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,YAAA"}

package/dist/views/PromptForm.vue.js

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