@scalar/agent-chat 0.12.44 → 0.12.46

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

@@ -1,7 +1,7 @@
 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                        */
+import Catalog_vue_vue_type_script_setup_true_lang_default from "./Catalog.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                            */
+/* empty css                                                            */
 //#region src/views/Catalog/Catalog.vue
 var Catalog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Catalog_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-18b2aea2"]]);
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Catalog.vue.js","names":[],"sources":["../../../src/views/Catalog/Catalog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarModal, type ModalState } from '@scalar/components/modal'\nimport { ScalarSearchInput } from '@scalar/components/search-input'\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":""}
+{"version":3,"file":"Catalog.vue.js","names":["_sfc_main"],"sources":["../../../src/views/Catalog/Catalog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarModal, type ModalState } from '@scalar/components/modal'\nimport { ScalarSearchInput } from '@scalar/components/search-input'\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":""}

package/dist/views/Catalog/{Catalog.vue.script.js → Catalog.vue_vue_type_script_setup_true_lang.js}

@@ -66,4 +66,4 @@ var Catalog_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCo
 //#endregion
 export { Catalog_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=Catalog.vue.script.js.map
+//# sourceMappingURL=Catalog.vue_vue_type_script_setup_true_lang.js.map

package/dist/views/Catalog/Catalog.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Catalog.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","_createElementBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString","_createCommentVNode"],"sources":["../../../src/views/Catalog/Catalog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIcon } from '@scalar/components/icon'\nimport { ScalarModal, type ModalState } from '@scalar/components/modal'\nimport { ScalarSearchInput } from '@scalar/components/search-input'\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":";;;;;;;;;;;;;;;;;;;;;;EAaA,MAAM,SAAS,UAAU;EAEzB,MAAM,QAAQ,SAAS;EAEvB,MAAM,gBAAgB,eACpB,OAAO,QAAQ,MACZ,QAAQ,MAAM;GACb,OAAO,CAAC,MAAM,kBAAkB,MAAM,MACnC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,SAAS,EAAE,IACrD;EACF,CAAC,CAAA,CACA,KAAK,YAAY;GAChB,GAAG;GACH,OAAO,OAAO;GACd,IAAI,OAAO;EACb,EAAE,CACN;;GAIE,OAAAA,UAAA,GAAAC,YA8CcC,MAAA,WAAA,GAAA;IA7CZ,OAAM;IACL,OAAO,QAAA;;IACR,SAAAC,cAI+D,CAJ/DC,YAI+DF,MAAA,iBAAA,GAAA;KAH7D,WAAA;KACA,OAAM;KACL,YAAYA,MAAA,MAAA,CAAM,CAAC,MAAM;KACzB,uBAAiB,OAAA,OAAA,OAAA,MAAG,MAAO,MAAA,MAAA,CAAM,CAAC,MAAM,QAAQ,KAAC;I,6BACpC,cAAA,MAAc,UAC5BF,UAAA,GAAAK,mBAmCM,OAnCN,YAmCM,EAlCJL,UAAA,IAAA,GAAAK,mBAiCSC,UAAA,MAAAC,WAhCU,cAAA,QAAV,WAAM;KADf,OAAAP,UAAA,GAAAK,mBAiCS,UAAA;MA/BN,KAAK,OAAO;MACb,OAAM;MACN,MAAK;MACJ,e;OAA0C,MAAA,KAAA,CAAK,CAAC,YAAY,MAAM;OAAgB,QAAA,MAAM,KAAI;;K,IAM7FG,mBASM,OATN,YASM,CAPI,OAAO,WADfR,UAAA,GAAAK,mBAG0B,OAAA;;MADxB,OAAM;MACL,KAAK,OAAO;K,4BACfL,UAAA,GAAAC,YAGmBC,MAAA,UAAA,GAAA;;MADjB,OAAM;MACN,MAAK;K,OAGTM,mBAUM,OAVN,YAUM,CATJA,mBAIM,OAJN,YAIM,CAHJA,mBAA+B,QAAA,MAAAC,gBAAtB,OAAO,KAAK,GAAA,CAAA,GAErBD,mBAAyD,QAAzD,YAAsB,MAACC,gBAAG,OAAO,cAAc,GAAA,CAAA,C,IAGjDD,mBAEO,QAFP,YAA0B,OACvBC,gBAAG,OAAO,SAAS,IAAG,MAACA,gBAAG,OAAO,IAAI,GAAA,CAAA,C"}

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

@@ -1,6 +1,6 @@
 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                   */
+import Chat_vue_vue_type_script_setup_true_lang_default from "./Chat.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                         */
 //#region src/views/Chat/Chat.vue
 var Chat_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Chat_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6573ec87"]]);
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.vue.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: var(--scalar-radius-3xl);\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":""}
+{"version":3,"file":"Chat.vue.js","names":["_sfc_main"],"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: var(--scalar-radius-3xl);\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":""}

package/dist/views/Chat/{Chat.vue.script.js → Chat.vue_vue_type_script_setup_true_lang.js}

@@ -64,4 +64,4 @@ var Chat_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 //#endregion
 export { Chat_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=Chat.vue.script.js.map
+//# sourceMappingURL=Chat.vue_vue_type_script_setup_true_lang.js.map

package/dist/views/Chat/Chat.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_renderList","_unref","_toDisplayString","_createCommentVNode","_createBlock","Text","ExecuteRequestTool","SearchOpenAPIOperationsTool","GetOpenAPISpecsSummary","AskForAuthentication","_createVNode","PromptForm"],"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: var(--scalar-radius-3xl);\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,SAAS;;G,wDAIrBG,mBAkDM,OAlDN,YAkDM,EAjDJH,UAAA,IAAA,GAAAC,mBA+CWC,UAAA,MAAAE,WA9CSC,MAAA,KAAA,CAAK,CAAC,KAAK,WAAtB,YAAO;I,mDACR,KAAA,QAAQ,G,IACE,QAAQ,SAAI,UAC1BL,UAAA,IAAA,GAAAC,mBAKMC,UAAA,EAAA,KAAA,EAAA,GAAAE,WAJoB,QAAQ,QAAxB,MAAM,UAAK;KADrB,OAAAJ,UAAA,GAAAC,mBAKM,OAAA;MAHH,KAAG,GAAK,QAAQ,GAAE,GAAI;MACvB,OAAM;K,IACG,KAAK,SAAI,UAAlBD,UAAA,GAAAC,mBAAkD,KAAA,YAAAK,gBAAhB,KAAK,IAAI,GAAA,CAAA,K;I,0CAG/B,QAAQ,SAAI,eAC1BN,UAAA,IAAA,GAAAC,mBAiCMC,UAAA,EAAA,KAAA,EAAA,GAAAE,WAhCoB,QAAQ,QAAxB,MAAM,UAAK;KADrB,OAAAJ,UAAA,GAAAC,mBAiCM,OAAA,EA/BH,KAAG,GAAK,QAAQ,GAAE,GAAI,Q;MAEf,KAAK,SAAI,UADjBD,UAAA,GAAAQ,YAE+BC,cAAA;;OAA5B,aAAa,MAAM,IAAI;;MAEH,KAAK,SAAgC,QAAAJ,MAAAA,iBAAA,OAD5DL,UAAA,GAAAQ,YAK+BE,4BAAA;;OAA5B,aAAa,MAAM,IAAI;;MAEH,KAAK,SAAgC,QAAAL,MAAAA,2BAAA,OAD5DL,UAAA,GAAAQ,YAM+BG,qCAAA;;OAD5B,SAAS,SAAS,OAAO;OACzB,aAAa,MAAM,IAAI;;MAEH,KAAK,SAAgC,QAAAN,MAAAA,yBAAA,OAD5DL,UAAA,GAAAQ,YAM+BI,gCAAA;;OAD5B,SAAS,SAAS,OAAO;OACzB,aAAa,MAAM,IAAI;;MAEH,KAAK,SAAgC,QAAAP,MAAAA,wBAAA,OAD5DL,UAAA,GAAAQ,YAM+BK,8BAAA;;OAD5B,SAAS,SAAS,OAAO;OACzB,aAAa,MAAM,IAAI;;;;G,WAIhC,OAAA,OAAA,OAAA,KAAAV,mBAA0B,OAAA,EAArB,OAAM,SAAQ,GAAA,MAAA,EAAA,E,IAErBA,mBAIM,OAJN,YAIM,CAHJW,YAEmCC,oBAAA;IADhC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;IACZ,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,WAAA"}

package/dist/views/Chat/Messages/AskForAuthentication.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AskForAuthentication.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Chat/Messages/AskForAuthentication.vue"],"names":[],"mappings":"AAwLA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AACpC,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAIxC,OAAO,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAA;AAC1F,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAGpD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,GAAG,CACd,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,gCAAgC,CAAC,CAAC,CACjE,CAAA;CACF,CAAC;AA6LF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"AskForAuthentication.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Chat/Messages/AskForAuthentication.vue"],"names":[],"mappings":"AA8LA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AACpC,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAIxC,OAAO,EAAE,gCAAgC,EAAE,MAAM,yCAAyC,CAAA;AAC1F,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAGpD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,GAAG,CACd,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,gCAAgC,CAAC,CAAC,CACjE,CAAA;CACF,CAAC;AAsMF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,8 +1,8 @@
 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                                   */
+import AskForAuthentication_vue_vue_type_script_setup_true_lang_default from "./AskForAuthentication.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                         */
 //#region src/views/Chat/Messages/AskForAuthentication.vue
-var AskForAuthentication_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AskForAuthentication_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-19cedfcd"]]);
+var AskForAuthentication_default = /*#__PURE__*/ _plugin_vue_export_helper_default(AskForAuthentication_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-508e8718"]]);
 //#endregion
 export { AskForAuthentication_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"AskForAuthentication.vue.js","names":[],"sources":["../../../../src/views/Chat/Messages/AskForAuthentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconArrowRight } from '@scalar/icons'\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\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  const doc = workspaceStore.workspace.documents[documentName.value]\n  return isOpenApiDocument(doc) ? doc : undefined\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":""}
+{"version":3,"file":"AskForAuthentication.vue.js","names":["_sfc_main"],"sources":["../../../../src/views/Chat/Messages/AskForAuthentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconArrowRight } from '@scalar/icons'\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\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  const doc = workspaceStore.workspace.documents[documentName.value]\n  return isOpenApiDocument(doc) ? doc : undefined\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    <p\n      v-if=\"messagePart.value.state === 'output-error'\"\n      class=\"text-c-2 py-3\"\n      role=\"status\">\n      {{ messagePart.value.errorText }}\n    </p>\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":""}

package/dist/views/Chat/Messages/{AskForAuthentication.vue.script.js → AskForAuthentication.vue_vue_type_script_setup_true_lang.js}

@@ -3,15 +3,20 @@ 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 { getActiveEnvironment, getSelectedServer, getServers } from "@scalar/workspace-store/request-example";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, toDisplayString, unref, withCtx } from "vue";
 import { isOpenApiDocument } from "@scalar/workspace-store/schemas/type-guards";
+import { getActiveEnvironment, getSelectedServer, getServers } from "@scalar/workspace-store/request-example";
 import { ScalarButton } from "@scalar/components/button";
 import { ScalarIconArrowRight } from "@scalar/icons";
 //#region src/views/Chat/Messages/AskForAuthentication.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "toggleButton" };
-var _hoisted_2 = { class: "authContent" };
-var _hoisted_3 = { class: "authContentInner" };
+var _hoisted_1 = {
+	key: 0,
+	class: "text-c-2 py-3",
+	role: "status"
+};
+var _hoisted_2 = { class: "toggleButton" };
+var _hoisted_3 = { class: "authContent" };
+var _hoisted_4 = { class: "authContentInner" };
 var AskForAuthentication_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "AskForAuthentication",
 	props: { messagePart: {} },
@@ -42,40 +47,44 @@ var AskForAuthentication_vue_vue_type_script_setup_true_lang_default = /*@__PURE
 			});
 		}
 		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);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["askForAuthentication", { open: isAuthenticationExpanded.value }]) }, [
+				__props.messagePart.value.state === "output-error" ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(__props.messagePart.value.errorText), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_2, [
+					__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_3, [createElementVNode("div", _hoisted_4, [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 { AskForAuthentication_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=AskForAuthentication.vue.script.js.map
+//# sourceMappingURL=AskForAuthentication.vue_vue_type_script_setup_true_lang.js.map

package/dist/views/Chat/Messages/AskForAuthentication.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AskForAuthentication.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode","_createElementVNode","_createBlock","AuthenticationProvided","AuthenticationRequired","_unref","_withCtx","_createTextVNode","_createVNode","Auth"],"sources":["../../../../src/views/Chat/Messages/AskForAuthentication.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components/button'\nimport { ScalarIconArrowRight } from '@scalar/icons'\nimport {\n  getActiveEnvironment,\n  getSelectedServer,\n  getServers,\n} from '@scalar/workspace-store/request-example'\nimport { isOpenApiDocument } from '@scalar/workspace-store/schemas/type-guards'\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  const doc = workspaceStore.workspace.documents[documentName.value]\n  return isOpenApiDocument(doc) ? doc : undefined\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    <p\n      v-if=\"messagePart.value.state === 'output-error'\"\n      class=\"text-c-2 py-3\"\n      role=\"status\">\n      {{ messagePart.value.errorText }}\n    </p>\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":";;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,EAAE,gBAAgB,UAAU,QAAQ,SAAS,SAAS;EAE5D,MAAM,eAAe,eAAe,QAAA,YAAY,MAAM,OAAO,YAAY;EAEzE,MAAM,WAAW,eAAe;GAC9B,IAAI,CAAC,aAAa,OAChB;GAGF,MAAM,MAAM,eAAe,UAAU,UAAU,aAAa;GAC5D,OAAO,kBAAkB,GAAG,IAAI,MAAM,KAAA;EACxC,CAAC;EAED,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,SAAS,OACZ;GAGF,OAAO,qBAAqB,gBAAgB,SAAS,KAAK,CAAC,CAAC;EAC9D,CAAC;EAED,MAAM,iBAAiB,eAAe;GACpC,IAAI,CAAC,SAAS,OACZ;GAGF,MAAM,UAAU,WAAW,SAAS,MAAM,SAAS,EACjD,aAAa,SAAS,MAAM,gCAC9B,CAAC;GAED,OAAO,kBAAkB,SAAS,OAAO,MAAM,MAAM,OAAO;EAC9D,CAAC;EAED,MAAM,2BAA2B,eACzB,aAAa,SAAS,YAAY,SAAS,eAAe,KAClE;EAEA,eAAe,mBAAmB;GAChC,MAAM,KAAK,cAAc;IACvB,YAAY,QAAA,YAAY,MAAM;IAC9B,QAAQ;IACR,MAAM;IACN,OAAO;GACT,CAAC;EACH;;GAIE,OAAAA,UAAA,GAAAC,mBAsCM,OAAA,EArCJ,OAAKC,eAAA,CAAC,wBAAsB,EACN,MAAA,yBAAA,M;IAId,QAAA,YAAY,MAAM,UAAK,kBAD/BF,UAAA,GAAAC,mBAKI,KALJ,YAKIE,gBADC,QAAA,YAAY,MAAM,SAAS,GAAA,CAAA,K;IAEhCE,mBAaM,OAbN,YAaM;KAXI,QAAA,YAAY,MAAM,UAAK,sBAD/BL,UAAA,GAAAM,YAC0DC,gCAAA,EAAA,KAAA,EAAA,CAAA,K;KAElD,QAAA,YAAY,MAAM,UAAK,qBAD/BP,UAAA,GAAAM,YACyDE,gCAAA,EAAA,KAAA,EAAA,CAAA,K;KAEjD,QAAA,YAAY,MAAM,UAAK,qBAD/BR,UAAA,GAAAM,YAOeG,MAAA,YAAA,GAAA;;MALb,OAAM;MACN,MAAK;MACJ,SAAO;;MAAkB,SAAAC,cAE1B,CAF0B,OAAA,OAAA,OAAA,KAAAC,gBAAA,eAE1B,EAAA,IAAAC,YAAsCH,MAAA,oBAAA,GAAA,EAAhB,QAAO,OAAM,CAAA,C;;;;IAGvCJ,mBAYM,OAZN,YAYM,CAXJA,mBAUM,OAVN,YAUM,CARI,aAAA,SAAgB,SAAA,SAAY,YAAA,SAAe,eAAA,SADnDL,UAAA,GAAAM,YAQoBO,cAAA;;KANjB,WAAWJ,MAAA,cAAA,CAAc,CAAC;KAC1B,UAAA,SAAA;KACA,aAAA,YAAA;KACA,UAAAA,MAAA,QAAA;KACA,MAAM,aAAA;KACN,SAASA,MAAA,MAAA;KACT,gBAAA,eAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ExecuteRequestTool.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Chat/Messages/ExecuteRequestTool.vue"],"names":[],"mappings":"AA0EA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,IAAI,CAAA;AACpC,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAGxC,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,kCAAkC,CAAA;AAE7F,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAEpD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,GAAG,CACd,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,qCAAqC,CAAC,CAAC,CACtE,CAAA;CACF,CAAC;AA4EF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ExecuteRequestTool.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Chat/Messages/ExecuteRequestTool.vue"],"names":[],"mappings":"AAgFA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,IAAI,CAAA;AACpC,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAGxC,OAAO,KAAK,EAAE,qCAAqC,EAAE,MAAM,kCAAkC,CAAA;AAE7F,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAEpD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,GAAG,CACd,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,qCAAqC,CAAC,CAAC,CACtE,CAAA;CACF,CAAC;AAqFF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,8 +1,8 @@
 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                                 */
+import ExecuteRequestTool_vue_vue_type_script_setup_true_lang_default from "./ExecuteRequestTool.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                       */
 //#region src/views/Chat/Messages/ExecuteRequestTool.vue
-var ExecuteRequestTool_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ExecuteRequestTool_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-9025b7d4"]]);
+var ExecuteRequestTool_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ExecuteRequestTool_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0c85bad4"]]);
 //#endregion
 export { ExecuteRequestTool_default as default };
 

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

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

package/dist/views/Chat/Messages/{ExecuteRequestTool.vue.script.js → ExecuteRequestTool.vue_vue_type_script_setup_true_lang.js}

@@ -1,9 +1,14 @@
 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";
+import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, openBlock, toDisplayString } from "vue";
 //#region src/views/Chat/Messages/ExecuteRequestTool.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "executeRequestTool" };
+var _hoisted_2 = {
+	key: 0,
+	class: "text-c-2 py-3",
+	role: "status"
+};
 var ExecuteRequestTool_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "ExecuteRequestTool",
 	props: { messagePart: {} },
@@ -18,8 +23,8 @@ var ExecuteRequestTool_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 			return null;
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [requestState.value ? (openBlock(), createBlock(RequestPreview_default, {
-				key: 0,
+			return openBlock(), createElementBlock("div", _hoisted_1, [__props.messagePart.value.state === "output-error" ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.messagePart.value.errorText), 1)) : requestState.value ? (openBlock(), createBlock(RequestPreview_default, {
+				key: 1,
 				request: __props.messagePart.value.input,
 				response: __props.messagePart.value.output,
 				state: requestState.value
@@ -34,4 +39,4 @@ var ExecuteRequestTool_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 //#endregion
 export { ExecuteRequestTool_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=ExecuteRequestTool.vue.script.js.map
+//# sourceMappingURL=ExecuteRequestTool.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExecuteRequestTool.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_toDisplayString","_createBlock","RequestPreview","_createCommentVNode"],"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    <p\n      v-if=\"messagePart.value.state === 'output-error'\"\n      class=\"text-c-2 py-3\"\n      role=\"status\">\n      {{ messagePart.value.errorText }}\n    </p>\n    <RequestPreview\n      v-else-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</style>\n"],"mappings":";;;;;;;;;;;;;;;EAeA,MAAM,QAAQ,SAAS;EAEvB,MAAM,eAAe,eAAe;GAClC,IAAI,QAAA,YAAY,MAAM,UAAU,mBAC9B,OAAO;GAGT,IACE,QAAA,YAAY,MAAM,UAAU,wBAC5B,MAAM,KAAK,WAAW,aAEtB,OAAO;GAGT,IAAI,4BAA4B,QAAA,YAAY,KAAK,GAC/C,OAAO;GAGT,IAAI,QAAA,YAAY,MAAM,UAAU,oBAC9B,OAAO,QAAA,YAAY,MAAM,OAAO,UAC5B,qBACA;GAGN,IAAI,QAAA,YAAY,MAAM,UAAU,gBAC9B,OAAO;GAGT,OAAO;EACT,CAAC;;GAIC,OAAAA,UAAA,GAAAC,mBAYM,OAZN,YAYM,CAVI,QAAA,YAAY,MAAM,UAAK,kBAD/BD,UAAA,GAAAC,mBAKI,KALJ,YAKIC,gBADC,QAAA,YAAY,MAAM,SAAS,GAAA,CAAA,KAGnB,aAAA,SADbF,UAAA,GAAAG,YAI0BC,wBAAA;;IAFvB,SAAS,QAAA,YAAY,MAAM;IAC3B,UAAU,QAAA,YAAY,MAAM;IAC5B,OAAO,aAAA"}

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

@@ -1,4 +1,4 @@
-import GetOpenAPISpecsSummary_vue_vue_type_script_setup_true_lang_default from "./GetOpenAPISpecsSummary.vue.script.js";
+import GetOpenAPISpecsSummary_vue_vue_type_script_setup_true_lang_default from "./GetOpenAPISpecsSummary.vue_vue_type_script_setup_true_lang.js";
 //#region src/views/Chat/Messages/GetOpenAPISpecsSummary.vue
 var GetOpenAPISpecsSummary_default = GetOpenAPISpecsSummary_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"GetOpenAPISpecsSummary.vue.js","names":[],"sources":["../../../../src/views/Chat/Messages/GetOpenAPISpecsSummary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToolUIPart, UIMessage } from 'ai'\nimport { ref, watch, type Reactive, type Ref } from 'vue'\n\nimport LoadingOpenAPISpecsSummary from '@/components/LoadingOpenAPISpecsSummary.vue'\nimport type { 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":""}
+{"version":3,"file":"GetOpenAPISpecsSummary.vue.js","names":["_sfc_main"],"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":""}

package/dist/views/Chat/Messages/{GetOpenAPISpecsSummary.vue.script.js → GetOpenAPISpecsSummary.vue_vue_type_script_setup_true_lang.js}

@@ -23,4 +23,4 @@ var GetOpenAPISpecsSummary_vue_vue_type_script_setup_true_lang_default = /*@__PU
 //#endregion
 export { GetOpenAPISpecsSummary_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=GetOpenAPISpecsSummary.vue.script.js.map
+//# sourceMappingURL=GetOpenAPISpecsSummary.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GetOpenAPISpecsSummary.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","LoadingOpenAPISpecsSummary","_createCommentVNode"],"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,KAAK;EAEjC,YACQ,QAAA,eACA;GACJ,MAAM,QAAQ,QAAA,QAAQ;GAEtB,MAAM,QAAQ,MAAM,WACjB,SACC,gBAAgB,QAChB,KAAK,eAAe,QAAA,YAAY,MAAM,UAC1C;GAEA,gBAAgB,QAAQ,QAAQ,MAAM,QAAQ,EAAE;EAClD,CACF;;GAIc,OAAA,CAAA,gBAAA,SAAZA,UAAA,GAAAC,mBAEM,OAAA,YAAA,CADJC,YAA8BC,kCAAA,C"}

package/dist/views/Chat/Messages/SearchOpenAPIOperationsTool.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchOpenAPIOperationsTool.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Chat/Messages/SearchOpenAPIOperationsTool.vue"],"names":[],"mappings":"AA6HA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,IAAI,CAAA;AACpD,OAAO,EAAwB,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAInE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,4CAA4C,CAAA;AAErG,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAEpD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,GAAG,CACd,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,mCAAmC,CAAC,CAAC,CACpE,CAAA;IACD,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAC;AA8KF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"SearchOpenAPIOperationsTool.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Chat/Messages/SearchOpenAPIOperationsTool.vue"],"names":[],"mappings":"AAkHA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,IAAI,CAAA;AACpD,OAAO,EAAwB,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAInE,OAAO,KAAK,EAAE,mCAAmC,EAAE,MAAM,4CAA4C,CAAA;AAErG,OAAO,EAAY,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAEpD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,GAAG,CACd,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,mCAAmC,CAAC,CAAC,CACpE,CAAA;IACD,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAC;AAmKF,QAAA,MAAM,YAAY,kSAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

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

@@ -1,8 +1,8 @@
 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                                          */
+import SearchOpenAPIOperationsTool_vue_vue_type_script_setup_true_lang_default from "./SearchOpenAPIOperationsTool.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                                                */
 //#region src/views/Chat/Messages/SearchOpenAPIOperationsTool.vue
-var SearchOpenAPIOperationsTool_default = /*#__PURE__*/ _plugin_vue_export_helper_default(SearchOpenAPIOperationsTool_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-cbff70ed"]]);
+var SearchOpenAPIOperationsTool_default = /*#__PURE__*/ _plugin_vue_export_helper_default(SearchOpenAPIOperationsTool_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-fa6f5acc"]]);
 //#endregion
 export { SearchOpenAPIOperationsTool_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"SearchOpenAPIOperationsTool.vue.js","names":[],"sources":["../../../../src/views/Chat/Messages/SearchOpenAPIOperationsTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarPopover } from '@scalar/components/popover'\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":""}
+{"version":3,"file":"SearchOpenAPIOperationsTool.vue.js","names":["_sfc_main"],"sources":["../../../../src/views/Chat/Messages/SearchOpenAPIOperationsTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarPopover } from '@scalar/components/popover'\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 { getSearchResultLabels } from '@/helpers/get-search-result-labels'\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(getSearchResultLabels)\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, index) of visibleOperations\"\n      :key=\"index\"\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, index) of hiddenOperations\"\n            :key=\"index\"\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":""}

package/dist/views/Chat/Messages/{SearchOpenAPIOperationsTool.vue.script.js → SearchOpenAPIOperationsTool.vue_vue_type_script_setup_true_lang.js}

@@ -1,7 +1,7 @@
-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 { getSearchResultLabels } from "../../../helpers/get-search-result-labels.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/popover";
 //#region src/views/Chat/Messages/SearchOpenAPIOperationsTool.vue?vue&type=script&setup=true&lang.ts
@@ -27,18 +27,15 @@ var SearchOpenAPIOperationsTool_vue_vue_type_script_setup_true_lang_default = /*
 		});
 		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);
-			});
+			return __props.messagePart.value.output.flatMap(getSearchResultLabels);
 		});
 		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(), 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, index) => {
 				return openBlock(), createBlock(ContextItem_default, {
-					key: operation,
+					key: index,
 					loading: !messageFinished.value
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(operation), 1)]),
@@ -48,9 +45,9 @@ var SearchOpenAPIOperationsTool_vue_vue_type_script_setup_true_lang_default = /*
 				key: 0,
 				placement: "bottom-start"
 			}, {
-				popover: withCtx(() => [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(hiddenOperations.value, (operation) => {
+				popover: withCtx(() => [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(hiddenOperations.value, (operation, index) => {
 					return openBlock(), createBlock(ContextItem_default, {
-						key: operation,
+						key: index,
 						loading: !messageFinished.value
 					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(operation), 1)]),
@@ -69,4 +66,4 @@ var SearchOpenAPIOperationsTool_vue_vue_type_script_setup_true_lang_default = /*
 //#endregion
 export { SearchOpenAPIOperationsTool_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=SearchOpenAPIOperationsTool.vue.script.js.map
+//# sourceMappingURL=SearchOpenAPIOperationsTool.vue_vue_type_script_setup_true_lang.js.map

package/dist/views/Chat/Messages/SearchOpenAPIOperationsTool.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchOpenAPIOperationsTool.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_unref","_createVNode","LoadingSearchOpenAPIOperations","_createCommentVNode","_renderList","_createBlock","ContextItem","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode"],"sources":["../../../../src/views/Chat/Messages/SearchOpenAPIOperationsTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarPopover } from '@scalar/components/popover'\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 { getSearchResultLabels } from '@/helpers/get-search-result-labels'\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(getSearchResultLabels)\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, index) of visibleOperations\"\n      :key=\"index\"\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, index) of hiddenOperations\"\n            :key=\"index\"\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,KAAK;EAEjC,YACQ,QAAA,eACA;GACJ,MAAM,QAAQ,QAAA,QAAQ;GAEtB,MAAM,QAAQ,MAAM,WACjB,SACC,gBAAgB,QAChB,KAAK,eAAe,QAAA,YAAY,MAAM,UAC1C;GAEA,gBAAgB,QAAQ,QAAQ,MAAM,QAAQ,EAAE;EAClD,CACF;EAEA,MAAM,aAAa,eAAe;GAChC,IAAI,CAAC,QAAA,YAAY,MAAM,QACrB;GAGF,OAAO,QAAA,YAAY,MAAM,OAAO,QAAQ,qBAAqB;EAC/D,CAAC;EAED,MAAM,oBAAoB,eACxB,WAAW,OAAO,MAAM,GAAG,WAAW,CACxC;EACA,MAAM,mBAAmB,eACjB,WAAW,OAAO,MAAM,WAAW,KAAK,CAAC,CACjD;EAEA,MAAM,QAAQ,SAAS;;G,wDAKN,QAAA,YAAY,MAAM,UAAK,qBAAgCG,MAAA,KAAA,CAAK,CAAC,KAAK,WAAM,eADvFH,UAAA,GAAAC,mBAMM,OAAA,YAAA,CADJG,YAAkCC,sCAAA,C,oCAG5B,WAAA,SADRL,UAAA,GAAAC,mBA0BM,OA1BN,YA0BM,EAvBJD,UAAA,IAAA,GAAAC,mBAKcC,UAAA,MAAAK,WAJiB,kBAAA,QAArB,WAAW,UAAK;IAD1B,OAAAP,UAAA,GAAAQ,YAKcC,qBAAA;KAHX,KAAK;KACL,SAAO,CAAG,gBAAA;;KACX,SAAAC,cAAe,CAAZC,gBAAAC,gBAAA,SAAS,GAAA,CAAA,C;;;G,WAGN,iBAAA,MAAiB,UADzBZ,UAAA,GAAAQ,YAgBgBL,MAAA,aAAA,GAAA;;IAdd,WAAU;;IAIC,SAAOO,cAQV,CAPNG,mBAOM,OAPN,YAOM,EANJb,UAAA,IAAA,GAAAC,mBAKcC,UAAA,MAAAK,WAJiB,iBAAA,QAArB,WAAW,UAAK;KAD1B,OAAAP,UAAA,GAAAQ,YAKcC,qBAAA;MAHX,KAAK;MACL,SAAO,CAAG,gBAAA;;MACX,SAAAC,cAAe,CAAZC,gBAAAC,gBAAA,SAAS,GAAA,CAAA,C;;;;IATlB,SAAAF,cAEc,CAFdN,YAEcK,qBAAA,EAFA,SAAO,CAAG,gBAAA,M;KAAiB,SAAAC,cACtC,CADsCC,gBAAA,OACtCC,gBAAG,iBAAA,MAAiB,MAAM,GAAA,CAAA,C"}

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

@@ -1,4 +1,4 @@
-import Text_vue_vue_type_script_setup_true_lang_default from "./Text.vue.script.js";
+import Text_vue_vue_type_script_setup_true_lang_default from "./Text.vue_vue_type_script_setup_true_lang.js";
 //#region src/views/Chat/Messages/Text.vue
 var Text_default = Text_vue_vue_type_script_setup_true_lang_default;
 //#endregion

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

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

package/dist/views/Chat/Messages/{Text.vue.script.js → Text.vue_vue_type_script_setup_true_lang.js}

@@ -13,4 +13,4 @@ var Text_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 //#endregion
 export { Text_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=Text.vue.script.js.map
+//# sourceMappingURL=Text.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref"],"sources":["../../../../src/views/Chat/Messages/Text.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarMarkdown } from '@scalar/components/markdown'\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":";;;;;;;;GAWE,OAAAA,UAAA,GAAAC,YAAkDC,MAAA,cAAA,GAAA,EAAjC,OAAO,QAAA,YAAY,MAAM,K"}

package/dist/views/Layout.vue.js

@@ -1,6 +1,6 @@
 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                     */
+import Layout_vue_vue_type_script_setup_true_lang_default from "./Layout.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                           */
 //#region src/views/Layout.vue
 var Layout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Layout_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f1eee0af"]]);
 //#endregion

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

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

package/dist/views/{Layout.vue.script.js → Layout.vue_vue_type_script_setup_true_lang.js}

@@ -26,4 +26,4 @@ var Layout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCom
 //#endregion
 export { Layout_vue_vue_type_script_setup_true_lang_default as default };
 
-//# sourceMappingURL=Layout.vue.script.js.map
+//# sourceMappingURL=Layout.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_createBlock","Chat","Start"],"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,SAAS;;GAIxB,OAAAA,UAAA,GAAAC,mBAYM,OAZN,YAYM,CAVaC,MAAA,IAAA,CAAI,CAAC,SAAS,WAAmBA,MAAA,IAAA,CAAI,CAAC,SAAS,SAAM,KAAQA,MAAA,IAAA,CAAI,CAAC,WAAM,gBADzFF,UAAA,GAAAG,YAMmCC,cAAA;;IADhC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;IACZ,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,WAAA;G,OAClBJ,UAAA,GAAAG,YAGmCE,eAAA;;IADhC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;IACZ,aAAS,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,WAAA"}

package/dist/views/PromptForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptForm.vue.d.ts","sourceRoot":"","sources":["../../src/views/PromptForm.vue"],"names":[],"mappings":"AA6qBA,iBAAS,WAAW,SAEnB;AAgkBD,QAAA,MAAM,YAAY;;;;;;;;iFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"PromptForm.vue.d.ts","sourceRoot":"","sources":["../../src/views/PromptForm.vue"],"names":[],"mappings":"AAyqBA,iBAAS,WAAW,SAEnB;AA4jBD,QAAA,MAAM,YAAY;;;;;;;;iFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}