@scalar/agent-chat 0.1.2 → 0.2.0

package/{dist/views → views}/Chat/Chat.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/Chat.vue"],"names":[],"mappings":";;;;;AA2QA,wBAEG"}
+{"version":3,"file":"Chat.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Chat/Chat.vue"],"names":[],"mappings":";;;;;AAuWA,wBAEG"}

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./Chat.vue2.js";
 /* empty css          */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-const Chat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1f3a3f7"]]);
+const Chat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eb3f16fc"]]);
 export {
   Chat as default
 };

package/{dist/views → views}/Chat/Chat.vue2.js

@@ -1,10 +1,11 @@
 import { defineComponent, createElementBlock, openBlock, Fragment, createElementVNode, renderList, unref, createCommentVNode, toDisplayString, createBlock, toRef, reactive, createVNode } from "vue";
 import { setCustomComponents } from "markstream-vue";
-import { EXECUTE_REQUEST_TOOL_NAME, GET_MINI_OPENAPI_SPEC_TOOL_NAME } from "@scalar-org/entities/agent/tools";
+import { EXECUTE_REQUEST_TOOL_NAME, GET_MINI_OPENAPI_SPEC_TOOL_NAME, GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME } from "@scalar-org/entities/agent/tools";
 import Endpoint from "../../components/Endpoint.vue.js";
 import { useState } from "../../state/state.js";
 import ExecuteRequestTool from "./Messages/ExecuteRequestTool.vue.js";
 import GetMiniOpenAPIDocTool from "./Messages/GetMiniOpenAPIDocTool.vue.js";
+import _sfc_main$2 from "./Messages/GetOpenAPISpecsSummary.vue.js";
 import _sfc_main$1 from "./Messages/Text.vue.js";
 import PromptForm from "../PromptForm.vue.js";
 const _hoisted_1 = { class: "chat" };
@@ -42,14 +43,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     key: 0,
                     messagePart: toRef(part)
                   }, null, 8, ["messagePart"])) : createCommentVNode("", true),
-                  part.type === `tool-${unref(EXECUTE_REQUEST_TOOL_NAME)}` ? (openBlock(), createBlock(ExecuteRequestTool, {
+                  part.type.endsWith(unref(EXECUTE_REQUEST_TOOL_NAME)) ? (openBlock(), createBlock(ExecuteRequestTool, {
                     key: 1,
-                    messagePart: toRef(part)
+                    messagePart: toRef(
+                      part
+                    )
                   }, null, 8, ["messagePart"])) : createCommentVNode("", true),
-                  part.type === `tool-${unref(GET_MINI_OPENAPI_SPEC_TOOL_NAME)}` ? (openBlock(), createBlock(GetMiniOpenAPIDocTool, {
+                  part.type.endsWith(unref(GET_MINI_OPENAPI_SPEC_TOOL_NAME)) ? (openBlock(), createBlock(GetMiniOpenAPIDocTool, {
                     key: 2,
                     message: reactive(message),
-                    messagePart: toRef(part)
+                    messagePart: toRef(
+                      part
+                    )
+                  }, null, 8, ["message", "messagePart"])) : createCommentVNode("", true),
+                  part.type.endsWith(unref(GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME)) ? (openBlock(), createBlock(_sfc_main$2, {
+                    key: 3,
+                    message: reactive(message),
+                    messagePart: toRef(
+                      part
+                    )
                   }, null, 8, ["message", "messagePart"])) : createCommentVNode("", true)
                 ]);
               }), 128)) : createCommentVNode("", true)

package/views/Chat/Chat.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chat.vue2.js","sources":["../../../src/views/Chat/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToolUIPart } from 'ai'\nimport { setCustomComponents } from 'markstream-vue'\nimport { reactive, toRef } from 'vue'\n\nimport {\n  EXECUTE_REQUEST_TOOL_NAME,\n  GET_MINI_OPENAPI_SPEC_TOOL_NAME,\n  GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME,\n} from '@scalar-org/entities/agent/tools'\n\nimport Endpoint from '@/components/Endpoint.vue'\nimport { type Tools, useState } from '@/state/state'\nimport ExecuteRequestTool from '@/views/Chat/Messages/ExecuteRequestTool.vue'\nimport GetMiniOpenAPIDocTool from '@/views/Chat/Messages/GetMiniOpenAPIDocTool.vue'\nimport GetOpenAPISpecsSummary from '@/views/Chat/Messages/GetOpenAPISpecsSummary.vue'\nimport Text from '@/views/Chat/Messages/Text.vue'\nimport PromptForm from '@/views/PromptForm.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n}>()\n\nconst state = useState()\n\nsetCustomComponents({\n  operation: Endpoint,\n})\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=\"part.type.endsWith(EXECUTE_REQUEST_TOOL_NAME)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof EXECUTE_REQUEST_TOOL_NAME>\n                >,\n              )\n            \" />\n          <GetMiniOpenAPIDocTool\n            v-if=\"part.type.endsWith(GET_MINI_OPENAPI_SPEC_TOOL_NAME)\"\n            :message=\"reactive(message)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof GET_MINI_OPENAPI_SPEC_TOOL_NAME>\n                >,\n              )\n            \" />\n          <GetOpenAPISpecsSummary\n            v-if=\"part.type.endsWith(GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME)\"\n            :message=\"reactive(message)\"\n            :messagePart=\"\n              toRef(\n                part as ToolUIPart<\n                  Pick<Tools, typeof GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME>\n                >,\n              )\n            \" />\n        </div>\n      </template>\n    </template>\n    <div class=\"spacer\"></div>\n  </div>\n  <div class=\"formContainer\">\n    <PromptForm @submit=\"emit('submit')\" />\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: 36px 0;\n  max-width: 744px;\n}\n\n.userMessage {\n  padding-top: 6px;\n  padding-bottom: 6px;\n  padding-inline: 16px;\n  border-radius: 18px;\n  background: var(--scalar-background-2);\n  width: fit-content;\n  max-width: 80%;\n  margin-left: auto;\n  font-size: 16px;\n  line-height: 24px;\n  color: var(--scalar-color-1);\n  margin-bottom: 12px;\n}\ndiv + .userMessage {\n  margin-top: 64px;\n}\n.spacer {\n  min-height: 180px;\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: 12px 0;\n}\n</style>\n"],"names":["_createElementVNode","_openBlock","_createElementBlock","_Fragment","_unref","_toDisplayString","_createBlock","Text","GetOpenAPISpecsSummary","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,UAAM,OAAO;AAIb,UAAM,QAAQ,SAAA;AAEd,wBAAoB;AAAA,MAClB,WAAW;AAAA,IAAA,CACZ;;;QAICA,mBAoDM,OApDN,YAoDM;AAAA,WAnDJC,UAAA,IAAA,GAAAC,mBAiDWC,2BAhDSC,MAAA,KAAA,EAAM,KAAK,WAAtB,YAAO;;cACR,KAAA,QAAQ;AAAA,YAAA;cACE,QAAQ,SAAI,UAC1BH,UAAA,IAAA,GAAAC,mBAKMC,iCAJoB,QAAQ,OAAK,CAA7B,MAAM,UAAK;oCADrBD,mBAKM,OAAA;AAAA,kBAHH,KAAG,GAAK,QAAQ,EAAE,IAAI,KAAK;AAAA,kBAC5B,OAAM;AAAA,gBAAA;kBACG,KAAK,SAAI,uBAAlBA,mBAAkD,KAAA,YAAAG,gBAAhB,KAAK,IAAI,GAAA,CAAA;;;cAG/B,QAAQ,SAAI,eAC1BJ,UAAA,IAAA,GAAAC,mBAmCMC,iCAlCoB,QAAQ,OAAK,CAA7B,MAAM,UAAK;oCADrBD,mBAmCM,OAAA;AAAA,kBAjCH,KAAG,GAAK,QAAQ,EAAE,IAAI,KAAK;AAAA,gBAAA;kBAEpB,KAAK,SAAI,uBADjBI,YAE+BC,aAAA;AAAA;oBAA5B,aAAa,MAAM,IAAI;AAAA,kBAAA;kBAElB,KAAK,KAAK,SAASH,MAAA,yBAAA,CAAyB,kBADpDE,YAQM,oBAAA;AAAA;oBANH,aAA4B;AAAA,sBAAuB;AAAA,oBAAA;AAAA;kBAQ9C,KAAK,KAAK,SAASF,MAAA,+BAAA,CAA+B,kBAD1DE,YASM,uBAAA;AAAA;oBAPH,SAAS,SAAS,OAAO;AAAA,oBACzB,aAA4B;AAAA,sBAAuB;AAAA,oBAAA;AAAA;kBAQ9C,KAAK,KAAK,SAASF,MAAA,mCAAA,CAAmC,kBAD9DE,YASME,aAAA;AAAA;oBAPH,SAAS,SAAS,OAAO;AAAA,oBACzB,aAA4B;AAAA,sBAAuB;AAAA,oBAAA;AAAA;;;;;oCAU5DR,mBAA0B,OAAA,EAArB,OAAM,YAAQ,MAAA,EAAA;AAAA,QAAA;QAErBA,mBAEM,OAFN,YAEM;AAAA,UADJS,YAAuC,YAAA;AAAA,YAA1B,gDAAQ,KAAI,QAAA;AAAA,UAAA;;;;;;"}

package/{dist/views → 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":"AA2EA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,IAAI,CAAA;AACpC,OAAO,EAAE,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAG9B,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,kCAAkC,CAAA;AAGjF,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,eAAe,CAAA;AAEpD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,yBAAyB,CAAC,CAAC,CAAC,CAAA;CAC5E,CAAC;;AAsIF,wBAEG"}
+{"version":3,"file":"ExecuteRequestTool.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Chat/Messages/ExecuteRequestTool.vue"],"names":[],"mappings":"AAuEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,IAAI,CAAA;AACpC,OAAO,EAAY,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAExC,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,kCAAkC,CAAA;AAGjF,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,eAAe,CAAA;AAEpD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,yBAAyB,CAAC,CAAC,CAAC,CAAA;CAC5E,CAAC;;AAmFF,wBAEG"}

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./ExecuteRequestTool.vue2.js";
 /* empty css                        */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const ExecuteRequestTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9b181e19"]]);
+const ExecuteRequestTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8cae021e"]]);
 export {
   ExecuteRequestTool as default
 };

package/views/Chat/Messages/ExecuteRequestTool.vue2.js

@@ -0,0 +1,39 @@
+import { defineComponent, computed, createElementBlock, openBlock, createBlock, createCommentVNode } from "vue";
+import RequestPreview from "../../../components/RequestPreview.vue.js";
+import { useState } from "../../../state/state.js";
+const _hoisted_1 = { class: "executeRequestTool" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ExecuteRequestTool",
+  props: {
+    messagePart: {}
+  },
+  setup(__props) {
+    const state = useState();
+    const requestState = computed(() => {
+      if (__props.messagePart.value.state === "input-available" && state.chat.status === "streaming" || __props.messagePart.value.state === "approval-responded" && state.chat.status === "submitted")
+        return "sendingRequest";
+      if (__props.messagePart.value.state === "approval-requested")
+        return "requiresApproval";
+      if (__props.messagePart.value.state === "output-available") {
+        return __props.messagePart.value.output.isError ? "requestFailed" : "requestSucceeded";
+      }
+      if (__props.messagePart.value.state === "approval-responded") return "approved";
+      if (__props.messagePart.value.state === "output-denied") return "rejected";
+      return null;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        requestState.value ? (openBlock(), createBlock(RequestPreview, {
+          key: 0,
+          request: __props.messagePart.value.input,
+          response: __props.messagePart.value.output,
+          state: requestState.value
+        }, null, 8, ["request", "response", "state"])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ExecuteRequestTool.vue2.js.map

package/views/Chat/Messages/ExecuteRequestTool.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExecuteRequestTool.vue2.js","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 { type EXECUTE_REQUEST_TOOL_NAME } from '@scalar-org/entities/agent/tools'\n\nimport RequestPreview from '@/components/RequestPreview.vue'\nimport { type Tools, useState } from '@/state/state'\n\nconst { messagePart } = defineProps<{\n  messagePart: Ref<ToolUIPart<Pick<Tools, typeof EXECUTE_REQUEST_TOOL_NAME>>>\n}>()\n\nconst state = useState()\n\nconst requestState = computed(() => {\n  if (\n    (messagePart.value.state === 'input-available' &&\n      state.chat.status === 'streaming') ||\n    (messagePart.value.state === 'approval-responded' &&\n      state.chat.status === 'submitted')\n  )\n    return 'sendingRequest'\n\n  if (messagePart.value.state === 'approval-requested')\n    return 'requiresApproval'\n\n  if (messagePart.value.state === 'output-available') {\n    return messagePart.value.output.isError\n      ? 'requestFailed'\n      : 'requestSucceeded'\n  }\n\n  if (messagePart.value.state === 'approval-responded') return 'approved'\n  if (messagePart.value.state === 'output-denied') return 'rejected'\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  /* ensures no overlapping border colors when there's two sibling execute request tools */\n  box-shadow:\n    0 var(--scalar-border-width) 0 var(--scalar-background-1),\n    0 calc(-1 * var(--scalar-border-width)) 0 var(--scalar-background-1);\n}\n.tool {\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding: 15px;\n  border-radius: 15px;\n  margin-bottom: 20px;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createBlock"],"mappings":";;;;;;;;;;AAaA,UAAM,QAAQ,SAAA;AAEd,UAAM,eAAe,SAAS,MAAM;AAClC,UACG,QAAA,YAAY,MAAM,UAAU,qBAC3B,MAAM,KAAK,WAAW,eACvB,QAAA,YAAY,MAAM,UAAU,wBAC3B,MAAM,KAAK,WAAW;AAExB,eAAO;AAET,UAAI,QAAA,YAAY,MAAM,UAAU;AAC9B,eAAO;AAET,UAAI,QAAA,YAAY,MAAM,UAAU,oBAAoB;AAClD,eAAO,QAAA,YAAY,MAAM,OAAO,UAC5B,kBACA;AAAA,MACN;AAEA,UAAI,QAAA,YAAY,MAAM,UAAU,qBAAsB,QAAO;AAC7D,UAAI,oBAAY,MAAM,UAAU,gBAAiB,QAAO;AAExD,aAAO;AAAA,IACT,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAMM,OANN,YAMM;AAAA,QAJI,aAAA,sBADRC,YAI0B,gBAAA;AAAA;UAFvB,SAAS,QAAA,YAAY,MAAM;AAAA,UAC3B,UAAU,QAAA,YAAY,MAAM;AAAA,UAC5B,OAAO,aAAA;AAAA,QAAA;;;;;"}

package/{dist/views → views}/Chat/Messages/GetMiniOpenAPIDocTool.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GetMiniOpenAPIDocTool.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Chat/Messages/GetMiniOpenAPIDocTool.vue"],"names":[],"mappings":"AAoFA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,IAAI,CAAA;AACpD,OAAO,EAAY,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAc,MAAM,KAAK,CAAA;AAEnE,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,kCAAkC,CAAA;AAKvF,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,eAAe,CAAA;AAEpD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,GAAG,CACd,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,+BAA+B,CAAC,CAAC,CAChE,CAAA;IACD,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAC;;AAkHF,wBAEG"}
+{"version":3,"file":"GetMiniOpenAPIDocTool.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Chat/Messages/GetMiniOpenAPIDocTool.vue"],"names":[],"mappings":"AAuFA,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,SAAS,EAAE,MAAM,IAAI,CAAA;AACpD,OAAO,EAAY,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAc,MAAM,KAAK,CAAA;AAEnE,OAAO,EAAE,KAAK,+BAA+B,EAAE,MAAM,kCAAkC,CAAA;AAKvF,OAAO,EAAE,KAAK,KAAK,EAAY,MAAM,eAAe,CAAA;AAEpD,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,GAAG,CACd,UAAU,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,+BAA+B,CAAC,CAAC,CAChE,CAAA;IACD,OAAO,EAAE,QAAQ,CAAC,SAAS,CAAC,CAAA;CAC7B,CAAC;;AAkHF,wBAEG"}

package/{dist/views → views}/Chat/Messages/GetMiniOpenAPIDocTool.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./GetMiniOpenAPIDocTool.vue2.js";
 /* empty css                           */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
-const GetMiniOpenAPIDocTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ee54c474"]]);
+const GetMiniOpenAPIDocTool = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3b3caf92"]]);
 export {
   GetMiniOpenAPIDocTool as default
 };

package/{dist/views → views}/Chat/Messages/GetMiniOpenAPIDocTool.vue2.js

@@ -23,8 +23,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         const index = parts.findIndex(
           (part) => "toolCallId" in part && part.toolCallId === __props.messagePart.value.toolCallId
         );
-        const nextPart = parts[index + 1];
-        messageFinished.value = nextPart?.type === "step-start";
+        messageFinished.value = Boolean(parts[index + 1]);
       }
     );
     const operations = computed(() => {
@@ -40,7 +39,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const state = useState();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.messagePart.value.state === "input-available" && unref(state).chat.status === "streaming" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.messagePart.value.state === "input-available" && unref(state).chat.status === "streaming" ? (openBlock(), createElementBlock("div", _hoisted_1, [
           createVNode(LoadingMiniOpenAPIDoc)
         ])) : createCommentVNode("", true),
         operations.value ? (openBlock(), createElementBlock("div", _hoisted_2, [

package/views/Chat/Messages/GetMiniOpenAPIDocTool.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetMiniOpenAPIDocTool.vue2.js","sources":["../../../../src/views/Chat/Messages/GetMiniOpenAPIDocTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type ToolUIPart, type UIMessage } from 'ai'\nimport { computed, type Reactive, type Ref, ref, watch } from 'vue'\n\nimport { type GET_MINI_OPENAPI_SPEC_TOOL_NAME } from '@scalar-org/entities/agent/tools'\n\nimport ContextItem from '@/components/ContextItem.vue'\nimport LoadingMiniOpenAPIDoc from '@/components/LoadingMiniOpenAPIDoc.vue'\nimport { getOperations } from '@/helpers'\nimport { type Tools, useState } from '@/state/state'\n\nconst { messagePart, message } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof GET_MINI_OPENAPI_SPEC_TOOL_NAME>>\n  >\n  message: Reactive<UIMessage>\n}>()\n\nconst messageFinished = ref(false)\n\nwatch(\n  () => message,\n  () => {\n    const parts = message.parts\n\n    const index = parts.findIndex(\n      (part) =>\n        'toolCallId' in part &&\n        part.toolCallId === messagePart.value.toolCallId,\n    )\n\n    messageFinished.value = Boolean(parts[index + 1])\n  },\n)\n\nconst operations = computed(() => {\n  if (!messagePart.value.output?.structuredContent) return\n\n  const title = messagePart.value.output?.structuredContent?.info?.title\n\n  const documentOperations = getOperations(\n    messagePart.value.output?.structuredContent,\n  )\n\n  return documentOperations\n    .map(\n      (operation) => `${title ? `${title} - ` : ''}${operation.summary ?? ''}`,\n    )\n    .filter(Boolean)\n})\n\nconst state = useState()\n</script>\n\n<template>\n  <div\n    v-if=\"\n      messagePart.value.state === 'input-available' &&\n      state.chat.status === 'streaming'\n    \">\n    <LoadingMiniOpenAPIDoc />\n  </div>\n  <div\n    v-if=\"operations\"\n    class=\"operations\">\n    <ContextItem\n      v-for=\"operation of operations\"\n      :key=\"operation\"\n      :loading=\"!messageFinished\"\n      >{{ operation }}</ContextItem\n    >\n  </div>\n</template>\n\n<style scoped>\n.operations {\n  display: flex;\n  gap: 5px;\n  align-items: center;\n  margin-bottom: 10px;\n}\n.operations:empty {\n  margin-bottom: -12px;\n}\n</style>\n"],"names":["_unref","_createElementBlock","_createVNode","_openBlock","_Fragment","_renderList","_createBlock"],"mappings":";;;;;;;;;;;;;;;;;AAkBA,UAAM,kBAAkB,IAAI,KAAK;AAEjC;AAAA,MACE,MAAM,QAAA;AAAA,MACN,MAAM;AACJ,cAAM,QAAQ,gBAAQ;AAEtB,cAAM,QAAQ,MAAM;AAAA,UAClB,CAAC,SACC,gBAAgB,QAChB,KAAK,eAAe,QAAA,YAAY,MAAM;AAAA,QAAA;AAG1C,wBAAgB,QAAQ,QAAQ,MAAM,QAAQ,CAAC,CAAC;AAAA,MAClD;AAAA,IAAA;AAGF,UAAM,aAAa,SAAS,MAAM;AAChC,UAAI,CAAC,QAAA,YAAY,MAAM,QAAQ,kBAAmB;AAElD,YAAM,QAAQ,QAAA,YAAY,MAAM,QAAQ,mBAAmB,MAAM;AAEjE,YAAM,qBAAqB;AAAA,QACzB,QAAA,YAAY,MAAM,QAAQ;AAAA,MAAA;AAG5B,aAAO,mBACJ;AAAA,QACC,CAAC,cAAc,GAAG,QAAQ,GAAG,KAAK,QAAQ,EAAE,GAAG,UAAU,WAAW,EAAE;AAAA,MAAA,EAEvE,OAAO,OAAO;AAAA,IACnB,CAAC;AAED,UAAM,QAAQ,SAAA;;;QAKG,QAAA,YAAY,MAAM,UAAK,qBAAgCA,MAAA,KAAA,EAAM,KAAK,WAAM,4BADvFC,mBAMM,OAAA,YAAA;AAAA,UADJC,YAAyB,qBAAA;AAAA,QAAA;QAGnB,WAAA,SADRC,UAAA,GAAAF,mBASM,OATN,YASM;AAAA,4BANJA,mBAKCG,UAAA,MAAAC,WAJqB,WAAA,OAAU,CAAvB,cAAS;gCADlBC,YAKC,aAAA;AAAA,cAHE,KAAK;AAAA,cACL,UAAU,gBAAA;AAAA,YAAA;+BACV,MAAe;AAAA,gDAAZ,SAAS,GAAA,CAAA;AAAA,cAAA;;;;;;;;;"}

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

@@ -0,0 +1,11 @@
+import type { ToolUIPart, UIMessage } from 'ai';
+import { type Reactive, type Ref } from 'vue';
+import { type GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME } from '@scalar-org/entities/agent/tools';
+import { type Tools } from '../../../state/state.js';
+type __VLS_Props = {
+    messagePart: Ref<ToolUIPart<Pick<Tools, typeof GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME>>>;
+    message: Reactive<UIMessage>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=GetOpenAPISpecsSummary.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GetOpenAPISpecsSummary.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Chat/Messages/GetOpenAPISpecsSummary.vue"],"names":[],"mappings":"AA2CA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,IAAI,CAAA;AAC/C,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,GAAG,EAAc,MAAM,KAAK,CAAA;AAEzD,OAAO,EAAE,KAAK,mCAAmC,EAAE,MAAM,kCAAkC,CAAA;AAG3F,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAA;AAE1C,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;;AA8DF,wBAEG"}

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

@@ -0,0 +1,32 @@
+import { defineComponent, ref, watch, createElementBlock, createCommentVNode, openBlock, createVNode } from "vue";
+import LoadingOpenAPISpecsSummary from "../../../components/LoadingOpenAPISpecsSummary.vue.js";
+const _hoisted_1 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "GetOpenAPISpecsSummary",
+  props: {
+    messagePart: {},
+    message: {}
+  },
+  setup(__props) {
+    const messageFinished = ref(false);
+    watch(
+      () => __props.message,
+      () => {
+        const parts = __props.message.parts;
+        const index = parts.findIndex(
+          (part) => "toolCallId" in part && part.toolCallId === __props.messagePart.value.toolCallId
+        );
+        messageFinished.value = Boolean(parts[index + 1]);
+      }
+    );
+    return (_ctx, _cache) => {
+      return !messageFinished.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(LoadingOpenAPISpecsSummary)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=GetOpenAPISpecsSummary.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GetOpenAPISpecsSummary.vue.js","sources":["../../../../src/views/Chat/Messages/GetOpenAPISpecsSummary.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ToolUIPart, UIMessage } from 'ai'\nimport { type Reactive, type Ref, ref, watch } from 'vue'\n\nimport { type GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME } from '@scalar-org/entities/agent/tools'\n\nimport LoadingOpenAPISpecsSummary from '@/components/LoadingOpenAPISpecsSummary.vue'\nimport { type Tools } from '@/state/state'\n\nconst { messagePart, message } = defineProps<{\n  messagePart: Ref<\n    ToolUIPart<Pick<Tools, typeof GET_OPENAPI_SPECS_SUMMARY_TOOL_NAME>>\n  >\n  message: Reactive<UIMessage>\n}>()\n\nconst messageFinished = ref(false)\n\nwatch(\n  () => message,\n  () => {\n    const parts = message.parts\n\n    const index = parts.findIndex(\n      (part) =>\n        'toolCallId' in part &&\n        part.toolCallId === messagePart.value.toolCallId,\n    )\n\n    messageFinished.value = Boolean(parts[index + 1])\n  },\n)\n</script>\n\n<template>\n  <div v-if=\"!messageFinished\">\n    <LoadingOpenAPISpecsSummary />\n  </div>\n</template>\n\n<style scoped></style>\n"],"names":["_createElementBlock","_createVNode"],"mappings":";;;;;;;;;;AAgBA,UAAM,kBAAkB,IAAI,KAAK;AAEjC;AAAA,MACE,MAAM,QAAA;AAAA,MACN,MAAM;AACJ,cAAM,QAAQ,gBAAQ;AAEtB,cAAM,QAAQ,MAAM;AAAA,UAClB,CAAC,SACC,gBAAgB,QAChB,KAAK,eAAe,QAAA,YAAY,MAAM;AAAA,QAAA;AAG1C,wBAAgB,QAAQ,QAAQ,MAAM,QAAQ,CAAC,CAAC;AAAA,MAClD;AAAA,IAAA;;cAKY,gBAAA,sBAAZA,mBAEM,OAAA,YAAA;AAAA,QADJC,YAA8B,0BAAA;AAAA,MAAA;;;;"}

package/views/Chat/Messages/GetOpenAPISpecsSummary.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from "./GetOpenAPISpecsSummary.vue.js";
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=GetOpenAPISpecsSummary.vue2.js.map

package/views/Chat/Messages/GetOpenAPISpecsSummary.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GetOpenAPISpecsSummary.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -9,7 +9,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(MarkdownRender), {
         class: "markdown",
-        content: _ctx.messagePart.value.text,
+        content: __props.messagePart.value.text,
         customHtmlTags: ["operation"]
       }, null, 8, ["content"]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"Text.vue.js","sources":["../../../../src/views/Chat/Messages/Text.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type TextUIPart } from 'ai'\nimport { MarkdownRender } from 'markstream-vue'\nimport { type Ref } from 'vue'\n\nconst { messagePart } = defineProps<{\n  messagePart: Ref<TextUIPart>\n}>()\n</script>\n\n<template>\n  <MarkdownRender\n    class=\"markdown\"\n    :content=\"messagePart.value.text\"\n    :customHtmlTags=\"['operation']\" />\n</template>\n"],"names":["_createBlock","_unref","messagePart"],"mappings":";;;;;;;;;0BAWEA,YAGoCC,MAAA,cAAA,GAAA;AAAA,QAFlC,OAAM;AAAA,QACL,SAASC,KAAAA,YAAY,MAAM;AAAA,QAC3B,gBAAgB,CAAA,WAAA;AAAA,MAAA;;;;"}
+{"version":3,"file":"Text.vue.js","sources":["../../../../src/views/Chat/Messages/Text.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type TextUIPart } from 'ai'\nimport { MarkdownRender } from 'markstream-vue'\nimport { type Ref } from 'vue'\n\nconst { messagePart } = defineProps<{\n  messagePart: Ref<TextUIPart>\n}>()\n</script>\n\n<template>\n  <MarkdownRender\n    class=\"markdown\"\n    :content=\"messagePart.value.text\"\n    :customHtmlTags=\"['operation']\" />\n</template>\n"],"names":["_createBlock","_unref"],"mappings":";;;;;;;;;0BAWEA,YAGoCC,MAAA,cAAA,GAAA;AAAA,QAFlC,OAAM;AAAA,QACL,SAAS,QAAA,YAAY,MAAM;AAAA,QAC3B,gBAAgB,CAAA,WAAA;AAAA,MAAA;;;;"}

package/views/Layout.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.vue.d.ts","sourceRoot":"","sources":["../../src/views/Layout.vue"],"names":[],"mappings":";;;;;AA0IA,wBAEG"}

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./Layout.vue2.js";
 /* empty css            */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6af81051"]]);
+const Layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-df02b46b"]]);
 export {
   Layout as default
 };

package/{dist/views → views}/Layout.vue2.js

@@ -1,6 +1,4 @@
 import { defineComponent, createElementBlock, openBlock, createBlock, unref } from "vue";
-import { useActiveServer } from "../hooks/useActiveServer.js";
-import { useSecuritySchemes } from "../hooks/useSecuritySchemes.js";
 import { useState } from "../state/state.js";
 import Chat from "./Chat/Chat.vue.js";
 import Start from "./Start.vue.js";
@@ -11,8 +9,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const { chat } = useState();
-    useSecuritySchemes();
-    useActiveServer();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         unref(chat).messages.length && (unref(chat).messages.length > 1 || unref(chat).status !== "submitted") ? (openBlock(), createBlock(Chat, {

package/views/Layout.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.vue2.js","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}>()\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    <Start\n      v-else\n      @submit=\"emit('submit')\" />\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"],"names":["_openBlock","_createElementBlock","_unref","_createBlock"],"mappings":";;;;;;;;;AAKA,UAAM,OAAO;AAIb,UAAM,EAAE,KAAA,IAAS,SAAA;;AAIf,aAAAA,UAAA,GAAAC,mBAUM,OAVN,YAUM;AAAA,QARaC,MAAA,IAAA,EAAK,SAAS,WAAmBA,MAAA,IAAA,EAAK,SAAS,SAAM,KAAQA,MAAA,IAAA,EAAK,WAAM,6BADzFC,YAK6B,MAAA;AAAA;UAA1B,gDAAQ,KAAI,QAAA;AAAA,QAAA,oBACfA,YAE6B,OAAA;AAAA;UAA1B,gDAAQ,KAAI,QAAA;AAAA,QAAA;;;;;"}

package/{dist/views → views}/PromptForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromptForm.vue.d.ts","sourceRoot":"","sources":["../../src/views/PromptForm.vue"],"names":[],"mappings":"AAkTA,iBAAS,WAAW,SAEnB;;;;;;;;AA6MD,wBAGG"}
+{"version":3,"file":"PromptForm.vue.d.ts","sourceRoot":"","sources":["../../src/views/PromptForm.vue"],"names":[],"mappings":"AA+aA,iBAAS,WAAW,SAEnB;;;;;;;;AAyWD,wBAGG"}

package/{dist/views → views}/PromptForm.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./PromptForm.vue2.js";
 /* empty css                */
 import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
-const PromptForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1170b22b"]]);
+const PromptForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b0457a1a"]]);
 export {
   PromptForm as default
 };

package/views/PromptForm.vue2.js

@@ -0,0 +1,182 @@
+import { defineComponent, useTemplateRef, computed, watch, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createElementVNode, unref, withModifiers, withDirectives, vModelText, createVNode, withCtx, renderList, createTextVNode, toDisplayString } from "vue";
+import { ScalarIconButton, ScalarLoading } from "@scalar/components";
+import { ScalarIconPlus, ScalarIconX, ScalarIconLockSimple, ScalarIconArrowUp } from "@scalar/icons";
+import { MAX_PROMPT_SIZE } from "@scalar-org/entities/agent";
+import ApprovalSection from "../components/ApprovalSection.vue.js";
+import ErrorMessageMessage from "../components/ErrorMessage.vue.js";
+import SearchPopover from "../components/SearchPopover.vue.js";
+import { useChatApprovals } from "../hooks/useChatApprovals.js";
+import { useState } from "../state/state.js";
+const _hoisted_1 = { class: "actionContainer" };
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = { class: "inputActionsContainer" };
+const _hoisted_4 = { class: "inputActionsLeft" };
+const _hoisted_5 = {
+  class: "addAPIButton",
+  type: "button"
+};
+const _hoisted_6 = ["src"];
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = { class: "inputActionsRight" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PromptForm",
+  emits: ["submit"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emit = __emit;
+    __expose({ focusPrompt });
+    const promptRef = useTemplateRef("prompt");
+    const state = useState();
+    const inputHasContent = computed(() => state.prompt.value.trim().length > 0);
+    const promptTooLarge = computed(
+      () => state.prompt.value.trim().length > MAX_PROMPT_SIZE
+    );
+    watch(state.prompt, () => {
+      if (!promptRef?.value) return;
+      if (!state.prompt.value.length) {
+        promptRef.value.style.height = "0px";
+        return;
+      }
+      promptRef.value.style.height = "auto";
+      promptRef.value.style.height = promptRef.value.scrollHeight + "px";
+    });
+    function handleSubmit() {
+      if (!inputHasContent.value) return;
+      emit("submit");
+    }
+    function handlePromptKeydown(e) {
+      if (state.loading.value) return;
+      if (e.key === "Enter" && !e.shiftKey) {
+        e.preventDefault();
+        handleSubmit();
+        window.scrollTo(0, document.body.scrollHeight);
+      }
+    }
+    function focusPrompt() {
+      promptRef.value?.focus();
+    }
+    watch(
+      () => state.chat.status,
+      (status) => {
+        if (status === "ready" || status === "error") promptRef.value?.focus();
+      }
+    );
+    const { respondToToolCalls, approvalRequestedParts } = useChatApprovals();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        unref(state).chat.error ? (openBlock(), createBlock(ErrorMessageMessage, {
+          key: 0,
+          error: unref(state).chat.error
+        }, null, 8, ["error"])) : createCommentVNode("", true),
+        unref(approvalRequestedParts).length ? (openBlock(), createBlock(ApprovalSection, {
+          key: 1,
+          onApprove: _cache[0] || (_cache[0] = ($event) => unref(respondToToolCalls)(true)),
+          onReject: _cache[1] || (_cache[1] = ($event) => unref(respondToToolCalls)(false))
+        })) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_1, [
+          createElementVNode("form", {
+            class: "promptForm",
+            onSubmit: withModifiers(handleSubmit, ["prevent"])
+          }, [
+            _cache[4] || (_cache[4] = createElementVNode("label", {
+              class: "agentLabel",
+              for: "agentTextarea"
+            }, " Type a Request To get Started ", -1)),
+            withDirectives(createElementVNode("textarea", {
+              id: "agentTextarea",
+              ref: "prompt",
+              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(state).prompt.value = $event),
+              class: "prompt custom-scroll",
+              disabled: unref(state).loading.value,
+              name: "prompt",
+              placeholder: "Ask me anything...",
+              onKeydown: handlePromptKeydown
+            }, null, 40, _hoisted_2), [
+              [vModelText, unref(state).prompt.value]
+            ]),
+            createElementVNode("div", _hoisted_3, [
+              createElementVNode("div", _hoisted_4, [
+                createVNode(SearchPopover, null, {
+                  default: withCtx(() => [
+                    createElementVNode("button", _hoisted_5, [
+                      createVNode(unref(ScalarIconPlus), {
+                        class: "size-4",
+                        weight: "bold"
+                      })
+                    ])
+                  ]),
+                  _: 1
+                }),
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(state).registryDocuments.value, (document2) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: document2.id,
+                    class: "apiPill"
+                  }, [
+                    document2.logoUrl ? (openBlock(), createElementBlock("img", {
+                      key: 0,
+                      class: "apiPillLogo",
+                      src: document2.logoUrl
+                    }, null, 8, _hoisted_6)) : createCommentVNode("", true),
+                    createTextVNode(" " + toDisplayString(document2.title) + " ", 1),
+                    createElementVNode("button", {
+                      class: "apiPillRemove",
+                      type: "button",
+                      onClick: ($event) => unref(state).removeDocument(document2)
+                    }, [
+                      createVNode(unref(ScalarIconX), {
+                        class: "size-4",
+                        weight: "bold"
+                      })
+                    ], 8, _hoisted_7)
+                  ]);
+                }), 128))
+              ]),
+              createElementVNode("div", _hoisted_8, [
+                !unref(state).loading.value ? (openBlock(), createBlock(unref(ScalarIconButton), {
+                  key: 0,
+                  class: "settingsButton h-7 w-7 p-1.5",
+                  icon: unref(ScalarIconLockSimple),
+                  label: "Scalar",
+                  size: "md",
+                  weight: "bold",
+                  onClick: _cache[3] || (_cache[3] = ($event) => unref(state).settingsModal.show())
+                }, null, 8, ["icon"])) : createCommentVNode("", true),
+                !unref(state).loading.value ? (openBlock(), createBlock(unref(ScalarIconButton), {
+                  key: 1,
+                  class: "sendButton h-7 w-7 p-1.5",
+                  disabled: !inputHasContent.value || promptTooLarge.value,
+                  icon: unref(ScalarIconArrowUp),
+                  label: "Scalar",
+                  size: "md",
+                  type: "submit",
+                  weight: "bold"
+                }, null, 8, ["disabled", "icon"])) : (openBlock(), createBlock(unref(ScalarLoading), {
+                  key: 2,
+                  class: "loader h-7 w-7",
+                  loader: {
+                    isLoading: unref(state).loading.value,
+                    isValid: false,
+                    clear: async () => {
+                    },
+                    invalidate: async () => {
+                    },
+                    isInvalid: false,
+                    isActive: false,
+                    validate: async () => {
+                    },
+                    start: () => {
+                    }
+                  },
+                  size: "2xl"
+                }, null, 8, ["loader"]))
+              ])
+            ])
+          ], 32)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=PromptForm.vue2.js.map

package/views/PromptForm.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PromptForm.vue2.js","sources":["../../src/views/PromptForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef, watch } from 'vue'\n\nimport { ScalarIconButton, ScalarLoading } from '@scalar/components'\nimport {\n  ScalarIconArrowUp,\n  ScalarIconLockSimple,\n  ScalarIconPlus,\n  ScalarIconX,\n} from '@scalar/icons'\nimport { MAX_PROMPT_SIZE } from '@scalar-org/entities/agent'\n\nimport ApprovalSection from '@/components/ApprovalSection.vue'\nimport ErrorMessageMessage from '@/components/ErrorMessage.vue'\nimport SearchPopover from '@/components/SearchPopover.vue'\nimport { useChatApprovals } from '@/hooks/useChatApprovals'\nimport { useState } from '@/state/state'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n}>()\n\ndefineExpose({ focusPrompt })\n\nconst promptRef = useTemplateRef<HTMLTextAreaElement>('prompt')\n\nconst state = useState()\n\nconst inputHasContent = computed(() => state.prompt.value.trim().length > 0)\nconst promptTooLarge = computed(\n  () => state.prompt.value.trim().length > MAX_PROMPT_SIZE,\n)\n\nwatch(state.prompt, () => {\n  if (!promptRef?.value) return\n\n  if (!state.prompt.value.length) {\n    promptRef.value.style.height = '0px'\n    return\n  }\n\n  promptRef.value.style.height = 'auto'\n  promptRef.value.style.height = promptRef.value.scrollHeight + 'px'\n})\n\nfunction handleSubmit() {\n  if (!inputHasContent.value) return\n\n  emit('submit')\n}\n\nfunction handlePromptKeydown(e: KeyboardEvent) {\n  if (state.loading.value) return\n\n  if (e.key === 'Enter' && !e.shiftKey) {\n    e.preventDefault()\n    handleSubmit()\n    window.scrollTo(0, document.body.scrollHeight)\n  }\n}\n\nfunction focusPrompt() {\n  promptRef.value?.focus()\n}\n\nwatch(\n  () => state.chat.status,\n  (status) => {\n    if (status === 'ready' || status === 'error') promptRef.value?.focus()\n  },\n)\n\nconst { respondToToolCalls, approvalRequestedParts } = useChatApprovals()\n</script>\n\n<template>\n  <ErrorMessageMessage\n    v-if=\"state.chat.error\"\n    :error=\"state.chat.error\" />\n  <ApprovalSection\n    v-if=\"approvalRequestedParts.length\"\n    @approve=\"respondToToolCalls(true)\"\n    @reject=\"respondToToolCalls(false)\" />\n  <div class=\"actionContainer\">\n    <form\n      class=\"promptForm\"\n      @submit.prevent=\"handleSubmit\">\n      <label\n        class=\"agentLabel\"\n        for=\"agentTextarea\">\n        Type a Request To get Started\n      </label>\n      <textarea\n        id=\"agentTextarea\"\n        ref=\"prompt\"\n        v-model=\"state.prompt.value\"\n        class=\"prompt custom-scroll\"\n        :disabled=\"state.loading.value\"\n        name=\"prompt\"\n        placeholder=\"Ask me anything...\"\n        @keydown=\"handlePromptKeydown\" />\n      <div class=\"inputActionsContainer\">\n        <div class=\"inputActionsLeft\">\n          <SearchPopover>\n            <button\n              class=\"addAPIButton\"\n              type=\"button\">\n              <ScalarIconPlus\n                class=\"size-4\"\n                weight=\"bold\" />\n            </button>\n          </SearchPopover>\n          <div\n            v-for=\"document in state.registryDocuments.value\"\n            :key=\"document.id\"\n            class=\"apiPill\">\n            <img\n              v-if=\"document.logoUrl\"\n              class=\"apiPillLogo\"\n              :src=\"document.logoUrl\" />\n            {{ document.title }}\n            <button\n              class=\"apiPillRemove\"\n              type=\"button\"\n              @click=\"state.removeDocument(document)\">\n              <ScalarIconX\n                class=\"size-4\"\n                weight=\"bold\" />\n            </button>\n          </div>\n        </div>\n\n        <div class=\"inputActionsRight\">\n          <ScalarIconButton\n            v-if=\"!state.loading.value\"\n            class=\"settingsButton h-7 w-7 p-1.5\"\n            :icon=\"ScalarIconLockSimple\"\n            label=\"Scalar\"\n            size=\"md\"\n            weight=\"bold\"\n            @click=\"state.settingsModal.show()\" />\n\n          <ScalarIconButton\n            v-if=\"!state.loading.value\"\n            class=\"sendButton h-7 w-7 p-1.5\"\n            :disabled=\"!inputHasContent || promptTooLarge\"\n            :icon=\"ScalarIconArrowUp\"\n            label=\"Scalar\"\n            size=\"md\"\n            type=\"submit\"\n            weight=\"bold\" />\n          <ScalarLoading\n            v-else\n            class=\"loader h-7 w-7\"\n            :loader=\"{\n              isLoading: state.loading.value,\n              isValid: false,\n              clear: async () => {},\n              invalidate: async () => {},\n              isInvalid: false,\n              isActive: false,\n              validate: async () => {},\n              start: () => {},\n            }\"\n            size=\"2xl\" />\n        </div>\n      </div>\n    </form>\n  </div>\n</template>\n\n<style scoped>\n.actionContainer {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 16px;\n  width: 100%;\n  /* visually hides overflowing text below */\n  box-shadow: 0 50px 0 2px var(--scalar-background-1);\n}\n.promptForm {\n  width: 100%;\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  background: var(--scalar-background-1);\n  box-shadow: var(--scalar-shadow-1);\n  border-radius: 16px;\n}\n\n.inputActionsContainer {\n  display: flex;\n  justify-content: space-between;\n  padding: 0 8px 8px 8px;\n}\n\n.inputActionsLeft {\n  display: flex;\n  flex-wrap: wrap; /* key: allows pills to go to next line */\n  align-items: center;\n  gap: 5px; /* spacing between pills */\n}\n\n.inputActionsRight {\n  display: flex;\n  gap: 5px;\n}\n\n.apiPill {\n  font-size: var(--scalar-font-size-3);\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n  height: 28px;\n  align-items: center;\n  display: flex;\n  border-radius: 16px;\n  padding: 0 8px;\n  pointer-events: all;\n  z-index: 1;\n  gap: 4px;\n}\n.apiPillLogo {\n  width: 15px;\n}\n\n.apiPillRemove {\n  width: 24px;\n  height: 24px;\n  margin-right: -6px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.apiPill:hover .apiPillRemove {\n  background: var(--scalar-background-2);\n}\n.dark-mode .apiPill:hover .apiPillRemove {\n  background: var(--scalar-background-3);\n}\n\n.apiPillRemove:hover {\n  color: var(--scalar-color-1);\n}\n\n.prompt {\n  width: 100%;\n  outline: none;\n  border: none;\n  resize: none;\n  field-sizing: content;\n  min-height: 64px;\n  z-index: 1;\n  max-height: 250px;\n  max-width: 100%;\n  overflow-y: auto;\n  scrollbar-width: thin;\n  word-wrap: break-word;\n  font-family: var(--scalar-font);\n  font-size: 16px;\n  padding: 12px 12px 14px 12px;\n}\n.dark-mode .promptForm {\n  background: var(--scalar-background-2);\n}\n\n.prompt:disabled {\n  color: var(--scalar-color-3);\n}\n\n.addAPIButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  height: 28px;\n  width: 28px;\n  font-weight: var(--scalar-bold);\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: all;\n  z-index: 1;\n  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.addAPIButton:hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.dark-mode .addAPIButton:hover {\n  background: var(--scalar-background-3);\n}\n\n.settingsButton {\n  color: var(--scalar-color-3) !important;\n  color: white;\n  border-radius: 50% !important;\n  margin: 0 !important;\n  z-index: 1;\n}\n.settingsButton[aria-disabled='true'] {\n  background: var(--scalar-background-2);\n}\n.dark-mode .settingsButton:hover {\n  background: var(--scalar-background-3);\n}\n\n.sendButton {\n  background: var(--scalar-agent-blue) !important;\n  color: white;\n  border-radius: 50% !important;\n  margin: 0 !important;\n  z-index: 1;\n}\n.sendButton:not([aria-disabled='true']):hover {\n  color: white !important;\n}\n\n.sendButton[aria-disabled='true'] {\n  background: var(--scalar-background-2) !important;\n  color: var(--scalar-color-3);\n}\n\n.dark-mode .sendButton[aria-disabled='true'] {\n  background: var(--scalar-background-3) !important;\n}\n.contextContainer {\n  display: flex;\n  width: 100%;\n  padding: 10px 12px 12px 12px;\n  color: var(--scalar-color-2);\n  font-size: var(--scalar-font-size-3);\n  user-select: none;\n  justify-content: space-between;\n}\n\n.settingsButton {\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-lg);\n  padding: 4px 6px;\n  margin: -4px -6px;\n}\n.settingsButton:hover {\n  background: var(--scalar-background-2);\n  box-shadow: 0 0 var(--scalar-border-width) 0 var(--scalar-border-color);\n  cursor: pointer;\n}\n\n.agentLabel {\n  font-size: 0px;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  cursor: text;\n}\n</style>\n"],"names":["_unref","_createBlock","_createElementVNode","_createVNode","_openBlock","_createElementBlock","_Fragment","document","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/{dist/views → views/Settings}/Auth.vue.d.ts

@@ -6,6 +6,7 @@ import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/o
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
 type __VLS_Props = {
     options: Pick<ApiReferenceConfigurationRaw, 'authentication' | 'persistAuth' | 'proxyUrl'>;
+    name: string;
     document: WorkspaceDocument | undefined;
     eventBus: WorkspaceEventBus;
     securitySchemes: MergedSecuritySchemes;

package/views/Settings/Auth.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/Auth.vue"],"names":[],"mappings":"AA0FA,OAAO,EAEL,KAAK,qBAAqB,EAC3B,MAAM,yDAAyD,CAAA;AAKhE,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAA;AAC/E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAChG,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAMlF,KAAK,WAAW,GAAG;IACf,OAAO,EAAE,IAAI,CACX,4BAA4B,EAC5B,gBAAgB,GAAG,aAAa,GAAG,UAAU,CAC9C,CAAA;IACD,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,iBAAiB,GAAG,SAAS,CAAA;IACvC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,eAAe,EAAE,qBAAqB,CAAA;IACtC,cAAc,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;;AA2GJ,wBAEG"}