@scalar/agent-chat 0.10.13 → 0.10.15

package/dist/styles/tailwind.config.css

@@ -0,0 +1,12 @@
+/**
+ * Agent Chat Tailwind Configuration
+ *
+ * This file can be imported into other projects using Tailwind to
+ * generate the appropriate Tailwind utilities for Agent Chat.
+ */
+
+@import "@scalar/components/tailwind.config.css";
+@import "@scalar/api-client/tailwind.config.css";
+
+/* Search for Tailwind classes in Agent Chat */
+@source "../";

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.vue.script.js","names":[],"sources":["../../../src/views/Chat/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactive, toRef } from 'vue'\n\nimport { ASK_FOR_AUTHENTICATION_TOOL_NAME } from '@/entities/tools/ask-for-authentication'\nimport { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME } from '@/entities/tools/execute-request'\nimport { SUMMARIZE_OPENAPI_SPECS_TOOL_NAME } from '@/entities/tools/get-openapi-specs-summary'\nimport { SEARCH_OPENAPI_OPERATIONS_TOOL_NAME } from '@/entities/tools/search-openapi-operations'\nimport { useState } from '@/state/state'\nimport AskForAuthentication from '@/views/Chat/Messages/AskForAuthentication.vue'\nimport ExecuteRequestTool from '@/views/Chat/Messages/ExecuteRequestTool.vue'\nimport GetOpenAPISpecsSummary from '@/views/Chat/Messages/GetOpenAPISpecsSummary.vue'\nimport SearchOpenAPIOperationsTool from '@/views/Chat/Messages/SearchOpenAPIOperationsTool.vue'\nimport Text from '@/views/Chat/Messages/Text.vue'\nimport PromptForm from '@/views/PromptForm.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\nconst state = useState()\n</script>\n\n<template>\n  <div class=\"chat\">\n    <template\n      v-for=\"message in state.chat.messages\"\n      :key=\"message.id\">\n      <template v-if=\"message.role === 'user'\">\n        <div\n          v-for=\"(part, index) in message.parts\"\n          :key=\"`${message.id}-${index}`\"\n          class=\"userMessage\">\n          <p v-if=\"part.type === 'text'\">{{ part.text }}</p>\n        </div>\n      </template>\n      <template v-if=\"message.role === 'assistant'\">\n        <div\n          v-for=\"(part, index) in message.parts\"\n          :key=\"`${message.id}-${index}`\">\n          <Text\n            v-if=\"part.type === 'text'\"\n            :messagePart=\"toRef(part)\" />\n          <ExecuteRequestTool\n            v-if=\"\n              part.type ===\n              (`tool-${EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME}` as const)\n            \"\n            :messagePart=\"toRef(part)\" />\n          <SearchOpenAPIOperationsTool\n            v-if=\"\n              part.type ===\n              (`tool-${SEARCH_OPENAPI_OPERATIONS_TOOL_NAME}` as const)\n            \"\n            :message=\"reactive(message)\"\n            :messagePart=\"toRef(part)\" />\n          <GetOpenAPISpecsSummary\n            v-if=\"\n              part.type ===\n              (`tool-${SUMMARIZE_OPENAPI_SPECS_TOOL_NAME}` as const)\n            \"\n            :message=\"reactive(message)\"\n            :messagePart=\"toRef(part)\" />\n          <AskForAuthentication\n            v-if=\"\n              part.type ===\n              (`tool-${ASK_FOR_AUTHENTICATION_TOOL_NAME}` as const)\n            \"\n            :message=\"reactive(message)\"\n            :messagePart=\"toRef(part)\" />\n        </div>\n      </template>\n    </template>\n    <div class=\"spacer\"></div>\n  </div>\n  <div class=\"formContainer\">\n    <PromptForm\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n  </div>\n</template>\n\n<style scoped>\n.chat {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 24px 0;\n  max-width: 744px;\n}\n\n.userMessage {\n  padding-top: 6px;\n  padding-bottom: 6px;\n  padding-inline: 16px;\n  border-radius: 18px;\n  background: var(--scalar-background-2);\n  width: fit-content;\n  max-width: 80%;\n  margin-left: auto;\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--scalar-color-1);\n  margin-bottom: 12px;\n}\ndiv + .userMessage {\n  margin-top: 64px;\n}\n.chat > :deep(div:has(.executeRequestTool)) + div:has(.executeRequestTool) {\n  margin-top: -12px;\n}\n.spacer {\n  min-height: 280px;\n  width: 100%;\n}\n\n.formContainer {\n  position: fixed;\n  bottom: 20px;\n  width: 100%;\n  max-width: 744px;\n  z-index: 1;\n}\n.chat :deep(.markdown) {\n  margin-bottom: 12px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;EAeA,IAAM,IAAO,GAKP,IAAQ,GAAS;qCAIrB,EAkDM,OAlDN,GAkDM,EAAA,EAAA,GAAA,EAjDJ,EA+CW,GAAA,MAAA,EA9CS,EAAA,EAAK,CAAC,KAAK,WAAtB,wBACD,EAAQ,IAAA,EAAA,CACE,EAAQ,SAAI,UAAA,EAAA,GAAA,EAC1B,EAKM,GAAA,EAAA,KAAA,GAAA,EAAA,EAJoB,EAAQ,QAAxB,GAAM,YADhB,EAKM,OAAA;GAHH,KAAG,GAAK,EAAQ,GAAE,GAAI;GACvB,OAAM;MACG,EAAK,SAAI,UAAA,GAAA,EAAlB,EAAkD,KAAA,GAAA,EAAhB,EAAK,KAAI,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA,uBAG/B,EAAQ,SAAI,eAAA,EAAA,GAAA,EAC1B,EAiCM,GAAA,EAAA,KAAA,GAAA,EAAA,EAhCoB,EAAQ,QAAxB,GAAM,YADhB,EAiCM,OAAA,EA/BH,KAAG,GAAK,EAAQ,GAAE,GAAI,KAAA,EAAA;GAEf,EAAK,SAAI,UAAA,GAAA,EADjB,EAE+B,GAAA;;IAA5B,aAAa,EAAM,EAAI;;GAEH,EAAK,SAAA,QAAgC,EAAA,kBAAqC,MAAA,GAAA,EADjG,EAK+B,GAAA;;IAA5B,aAAa,EAAM,EAAI;;GAEH,EAAK,SAAA,QAAgC,EAAA,4BAAmC,MAAA,GAAA,EAD/F,EAM+B,GAAA;;IAD5B,SAAS,EAAS,EAAO;IACzB,aAAa,EAAM,EAAI;;GAEH,EAAK,SAAA,QAAgC,EAAA,0BAAiC,MAAA,GAAA,EAD7F,EAM+B,GAAA;;IAD5B,SAAS,EAAS,EAAO;IACzB,aAAa,EAAM,EAAI;;GAEH,EAAK,SAAA,QAAgC,EAAA,yBAAgC,MAAA,GAAA,EAD5F,EAM+B,GAAA;;IAD5B,SAAS,EAAS,EAAO;IACzB,aAAa,EAAM,EAAI;;mDAIhC,EAA0B,OAAA,EAArB,OAAM,UAAQ,EAAA,MAAA,GAAA,CAAA,CAAA,EAErB,EAIM,OAJN,GAIM,CAHJ,EAEmC,GAAA;GADhC,UAAM,AAAA,EAAA,QAAA,MAAE,EAAI,SAAA;GACZ,aAAS,AAAA,EAAA,QAAA,MAAE,EAAI,YAAA"}
+{"version":3,"file":"Chat.vue.script.js","names":[],"sources":["../../../src/views/Chat/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { reactive, toRef } from 'vue'\n\nimport { ASK_FOR_AUTHENTICATION_TOOL_NAME } from '@/entities/tools/ask-for-authentication'\nimport { EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME } from '@/entities/tools/execute-request'\nimport { SUMMARIZE_OPENAPI_SPECS_TOOL_NAME } from '@/entities/tools/get-openapi-specs-summary'\nimport { SEARCH_OPENAPI_OPERATIONS_TOOL_NAME } from '@/entities/tools/search-openapi-operations'\nimport { useState } from '@/state/state'\nimport AskForAuthentication from '@/views/Chat/Messages/AskForAuthentication.vue'\nimport ExecuteRequestTool from '@/views/Chat/Messages/ExecuteRequestTool.vue'\nimport GetOpenAPISpecsSummary from '@/views/Chat/Messages/GetOpenAPISpecsSummary.vue'\nimport SearchOpenAPIOperationsTool from '@/views/Chat/Messages/SearchOpenAPIOperationsTool.vue'\nimport Text from '@/views/Chat/Messages/Text.vue'\nimport PromptForm from '@/views/PromptForm.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n  (e: 'uploadApi'): void\n}>()\n\nconst state = useState()\n</script>\n\n<template>\n  <div class=\"chat\">\n    <template\n      v-for=\"message in state.chat.messages\"\n      :key=\"message.id\">\n      <template v-if=\"message.role === 'user'\">\n        <div\n          v-for=\"(part, index) in message.parts\"\n          :key=\"`${message.id}-${index}`\"\n          class=\"userMessage\">\n          <p v-if=\"part.type === 'text'\">{{ part.text }}</p>\n        </div>\n      </template>\n      <template v-if=\"message.role === 'assistant'\">\n        <div\n          v-for=\"(part, index) in message.parts\"\n          :key=\"`${message.id}-${index}`\">\n          <Text\n            v-if=\"part.type === 'text'\"\n            :messagePart=\"toRef(part)\" />\n          <ExecuteRequestTool\n            v-if=\"\n              part.type ===\n              (`tool-${EXECUTE_CLIENT_SIDE_REQUEST_TOOL_NAME}` as const)\n            \"\n            :messagePart=\"toRef(part)\" />\n          <SearchOpenAPIOperationsTool\n            v-if=\"\n              part.type ===\n              (`tool-${SEARCH_OPENAPI_OPERATIONS_TOOL_NAME}` as const)\n            \"\n            :message=\"reactive(message)\"\n            :messagePart=\"toRef(part)\" />\n          <GetOpenAPISpecsSummary\n            v-if=\"\n              part.type ===\n              (`tool-${SUMMARIZE_OPENAPI_SPECS_TOOL_NAME}` as const)\n            \"\n            :message=\"reactive(message)\"\n            :messagePart=\"toRef(part)\" />\n          <AskForAuthentication\n            v-if=\"\n              part.type ===\n              (`tool-${ASK_FOR_AUTHENTICATION_TOOL_NAME}` as const)\n            \"\n            :message=\"reactive(message)\"\n            :messagePart=\"toRef(part)\" />\n        </div>\n      </template>\n    </template>\n    <div class=\"spacer\"></div>\n  </div>\n  <div class=\"formContainer\">\n    <PromptForm\n      @submit=\"emit('submit')\"\n      @uploadApi=\"emit('uploadApi')\" />\n  </div>\n</template>\n\n<style scoped>\n.chat {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 24px 0;\n  max-width: 744px;\n}\n\n.userMessage {\n  padding-top: 6px;\n  padding-bottom: 6px;\n  padding-inline: 16px;\n  border-radius: 18px;\n  background: var(--scalar-background-2);\n  width: fit-content;\n  max-width: 80%;\n  margin-left: auto;\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--scalar-color-1);\n  margin-bottom: 12px;\n}\ndiv + .userMessage {\n  margin-top: 64px;\n}\n.chat > :deep(div:has(.executeRequestTool)) + div:has(.executeRequestTool) {\n  margin-top: -12px;\n}\n.spacer {\n  min-height: 280px;\n  width: 100%;\n}\n\n.formContainer {\n  position: fixed;\n  bottom: 20px;\n  width: 100%;\n  max-width: 744px;\n  z-index: 1;\n}\n.chat :deep(.markdown) {\n  margin-bottom: 12px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAeA,MAAM,OAAO;EAKb,MAAM,QAAQ,UAAS;;2DAIrB,mBAkDM,OAlDN,YAkDM,EAAA,UAAA,KAAA,EAjDJ,mBA+CW,UAAA,MAAA,WA9CS,MAAA,MAAK,CAAC,KAAK,WAAtB,YAAO;4DACR,QAAQ,IAAA,EAAA,CACE,QAAQ,SAAI,UAAA,UAAA,KAAA,EAC1B,mBAKM,UAAA,EAAA,KAAA,GAAA,EAAA,WAJoB,QAAQ,QAAxB,MAAM,UAAK;yBADrB,mBAKM,OAAA;MAHH,KAAG,GAAK,QAAQ,GAAE,GAAI;MACvB,OAAM;SACG,KAAK,SAAI,UAAA,WAAA,EAAlB,mBAAkD,KAAA,YAAA,gBAAhB,KAAK,KAAI,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;8CAG/B,QAAQ,SAAI,eAAA,UAAA,KAAA,EAC1B,mBAiCM,UAAA,EAAA,KAAA,GAAA,EAAA,WAhCoB,QAAQ,QAAxB,MAAM,UAAK;yBADrB,mBAiCM,OAAA,EA/BH,KAAG,GAAK,QAAQ,GAAE,GAAI,SAAA,EAAA;MAEf,KAAK,SAAI,UAAA,WAAA,EADjB,YAE+B,cAAA;;OAA5B,aAAa,MAAM,KAAI;;MAEH,KAAK,SAAA,QAAgC,MAAA,kBAAqC,MAAA,WAAA,EADjG,YAK+B,4BAAA;;OAA5B,aAAa,MAAM,KAAI;;MAEH,KAAK,SAAA,QAAgC,MAAA,4BAAmC,MAAA,WAAA,EAD/F,YAM+B,qCAAA;;OAD5B,SAAS,SAAS,QAAO;OACzB,aAAa,MAAM,KAAI;;MAEH,KAAK,SAAA,QAAgC,MAAA,0BAAiC,MAAA,WAAA,EAD7F,YAM+B,gCAAA;;OAD5B,SAAS,SAAS,QAAO;OACzB,aAAa,MAAM,KAAI;;MAEH,KAAK,SAAA,QAAgC,MAAA,yBAAgC,MAAA,WAAA,EAD5F,YAM+B,8BAAA;;OAD5B,SAAS,SAAS,QAAO;OACzB,aAAa,MAAM,KAAI;;;;wCAIhC,mBAA0B,OAAA,EAArB,OAAM,UAAQ,EAAA,MAAA,GAAA,EAAA,CAAA,EAErB,mBAIM,OAJN,YAIM,CAHJ,YAEmC,oBAAA;IADhC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;IACZ,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,YAAA"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"AskForAuthentication.vue.script.js","names":[],"sources":["../../../../src/views/Chat/Messages/AskForAuthentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconArrowRight } from '@scalar/icons'\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\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 { 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(() => messagePart.value.input?.documentName)\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).environment\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(document.value, null, null, servers)\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":";;;;;;;;;;;;;;EAuBA,IAAM,EAAE,mBAAgB,aAAU,WAAQ,YAAS,GAAS,EAEtD,IAAe,QAAe,EAAA,YAAY,MAAM,OAAO,aAAY,EAEnE,IAAW,QAAe;AACzB,SAAa,MAIlB,QAAO,EAAe,UAAU,UAAU,EAAa;IACxD,EAEK,IAAc,QAAe;AAC5B,SAAS,MAId,QAAO,EAAqB,GAAgB,EAAS,MAAM,CAAC;IAC7D,EAEK,IAAiB,QAAe;AACpC,OAAI,CAAC,EAAS,MACZ;GAGF,IAAM,IAAU,EAAW,EAAS,MAAM,SAAS,EACjD,aAAa,EAAS,MAAM,iCAC7B,CAAA;AAED,UAAO,EAAkB,EAAS,OAAO,MAAM,MAAM,EAAO;IAC7D,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"}
+{"version":3,"file":"AskForAuthentication.vue.script.js","names":[],"sources":["../../../../src/views/Chat/Messages/AskForAuthentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconArrowRight } from '@scalar/icons'\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\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 { 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(() => messagePart.value.input?.documentName)\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).environment\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(document.value, null, null, servers)\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":";;;;;;;;;;;;;;;;;EAuBA,MAAM,EAAE,gBAAgB,UAAU,QAAQ,SAAS,UAAS;EAE5D,MAAM,eAAe,eAAe,QAAA,YAAY,MAAM,OAAO,aAAY;EAEzE,MAAM,WAAW,eAAe;AAC9B,OAAI,CAAC,aAAa,MAChB;AAGF,UAAO,eAAe,UAAU,UAAU,aAAa;IACxD;EAED,MAAM,cAAc,eAAe;AACjC,OAAI,CAAC,SAAS,MACZ;AAGF,UAAO,qBAAqB,gBAAgB,SAAS,MAAM,CAAC;IAC7D;EAED,MAAM,iBAAiB,eAAe;AACpC,OAAI,CAAC,SAAS,MACZ;GAGF,MAAM,UAAU,WAAW,SAAS,MAAM,SAAS,EACjD,aAAa,SAAS,MAAM,iCAC7B,CAAA;AAED,UAAO,kBAAkB,SAAS,OAAO,MAAM,MAAM,QAAO;IAC7D;EAED,MAAM,2BAA2B,eACzB,aAAa,SAAS,YAAY,SAAS,eAAe,MAClE;EAEA,eAAe,mBAAmB;AAChC,SAAM,KAAK,cAAc;IACvB,YAAY,QAAA,YAAY,MAAM;IAC9B,QAAQ;IACR,MAAM;IACN,OAAO;IACR,CAAA;;;uBAKD,mBAgCM,OAAA,EA/BJ,OAAK,eAAA,CAAC,wBAAsB,EAAA,MACN,yBAAA,OAAA,CAAA,CAAA,EAAA,EAAA,CAGtB,mBAaM,OAbN,YAaM;IAXI,QAAA,YAAY,MAAM,UAAK,sBAAA,WAAA,EAD/B,YAC0D,gCAAA,EAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAElD,QAAA,YAAY,MAAM,UAAK,qBAAA,WAAA,EAD/B,YACyD,gCAAA,EAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;IAEjD,QAAA,YAAY,MAAM,UAAK,qBAAA,WAAA,EAD/B,YAOe,MAAA,aAAA,EAAA;;KALb,OAAM;KACN,MAAK;KACJ,SAAO;;4BAER,CAAA,OAAA,OAAA,OAAA,KAAA,gBAF0B,eAE1B,GAAA,GAAA,YAAsC,MAAA,qBAAA,EAAA,EAAhB,QAAO,QAAM,CAAA,CAAA,CAAA;;;OAGvC,mBAYM,OAZN,YAYM,CAXJ,mBAUM,OAVN,YAUM,CARI,aAAA,SAAgB,SAAA,SAAY,YAAA,SAAe,eAAA,SAAA,WAAA,EADnD,YAQoB,cAAA;;IANjB,WAAW,MAAA,eAAc,CAAC;IAC1B,UAAA,SAAA;IACA,aAAA,YAAA;IACA,UAAA,MAAA,SAAQ;IACR,MAAM,aAAA;IACN,SAAS,MAAA,OAAM;IACf,gBAAA,eAAA"}

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

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

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

@@ -1,26 +1,37 @@
-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";
+import { useState } from "../../../state/state.js";
+import RequestPreview_default from "../../../components/RequestPreview.vue.js";
+import { requestPartRequiresApproval } from "../../../hooks/use-chat-approvals.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock } from "vue";
 //#region src/views/Chat/Messages/ExecuteRequestTool.vue?vue&type=script&setup=true&lang.ts
-var l = { class: "executeRequestTool" }, u = /* @__PURE__ */ s({
+var _hoisted_1 = { class: "executeRequestTool" };
+var ExecuteRequestTool_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__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)]));
+	setup(__props) {
+		const state = useState();
+		const requestState = computed(() => {
+			if (__props.messagePart.value.state === "input-streaming") return "buildingRequest";
+			if (__props.messagePart.value.state === "approval-responded" && state.chat.status === "submitted") return "sendingRequest";
+			if (requestPartRequiresApproval(__props.messagePart.value)) return "requiresApproval";
+			if (__props.messagePart.value.state === "output-available") return __props.messagePart.value.output.success ? "requestSucceeded" : "requestFailed";
+			if (__props.messagePart.value.state === "output-error") return "rejected";
+			return null;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [requestState.value ? (openBlock(), createBlock(RequestPreview_default, {
+				key: 0,
+				request: __props.messagePart.value.input,
+				response: __props.messagePart.value.output,
+				state: requestState.value
+			}, null, 8, [
+				"request",
+				"response",
+				"state"
+			])) : createCommentVNode("", true)]);
+		};
 	}
 });
 //#endregion
-export { u as default };
+export { ExecuteRequestTool_vue_vue_type_script_setup_true_lang_default as default };
 
 //# sourceMappingURL=ExecuteRequestTool.vue.script.js.map