@scalar/agent-chat 0.1.2 → 0.2.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chat.vue2.js","sources":["../../../src/views/Chat/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\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} from '@scalar-org/entities/agent/tools'\n\nimport Endpoint from '@/components/Endpoint.vue'\nimport { useState } from '@/state/state'\nimport ExecuteRequestTool from '@/views/Chat/Messages/ExecuteRequestTool.vue'\nimport GetMiniOpenAPIDocTool from '@/views/Chat/Messages/GetMiniOpenAPIDocTool.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 === (`tool-${EXECUTE_REQUEST_TOOL_NAME}` as const)\"\n            :messagePart=\"toRef(part)\" />\n          <GetMiniOpenAPIDocTool\n            v-if=\"\n              part.type === (`tool-${GET_MINI_OPENAPI_SPEC_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 @submit=\"emit('submit')\" />\n  </div>\n</template>\n\n<style scoped>\n.chat {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  width: 100%;\n  max-width: 800px;\n  margin: 0 30px;\n}\n\n.userMessage {\n  background: var(--scalar-background-3);\n  padding: 10px 18px;\n  border-radius: 25px;\n  margin-left: auto;\n}\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: 800px;\n  z-index: 1;\n  padding: 0 15px;\n}\n</style>\n"],"names":["_createElementVNode","_openBlock","_createElementBlock","_Fragment","_unref","_toDisplayString","_createBlock","Text","_createVNode"],"mappings":";;;;;;;;;;;;;;;;AAgBA,UAAM,OAAO;AAIb,UAAM,QAAQ,SAAA;AAEd,wBAAoB;AAAA,MAClB,WAAW;AAAA,IAAA,CACZ;;;QAICA,mBAgCM,OAhCN,YAgCM;AAAA,WA/BJC,UAAA,IAAA,GAAAC,mBA6BWC,2BA5BSC,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,mBAeMC,iCAdoB,QAAQ,OAAK,CAA7B,MAAM,UAAK;oCADrBD,mBAeM,OAAA;AAAA,kBAbH,KAAG,GAAK,QAAQ,EAAE,IAAI,KAAK;AAAA,gBAAA;kBAEpB,KAAK,SAAI,uBADjBI,YAE+BC,aAAA;AAAA;oBAA5B,aAAa,MAAM,IAAI;AAAA,kBAAA;kBAElB,KAAK,SAAI,QAAcH,MAAA,yBAAA,CAAyB,mBADxDE,YAE+B,oBAAA;AAAA;oBAA5B,aAAa,MAAM,IAAI;AAAA,kBAAA;kBAEH,KAAK,SAAI,QAAcF,MAAA,+BAAA,CAA+B,mBAD7EE,YAK+B,uBAAA;AAAA;oBAD5B,SAAS,SAAS,OAAO;AAAA,oBACzB,aAAa,MAAM,IAAI;AAAA,kBAAA;;;;;oCAIhCN,mBAA0B,OAAA,EAArB,OAAM,YAAQ,MAAA,EAAA;AAAA,QAAA;QAErBA,mBAEM,OAFN,YAEM;AAAA,UADJQ,YAAuC,YAAA;AAAA,YAA1B,gDAAQ,KAAI,QAAA;AAAA,UAAA;;;;;;"}

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

@@ -1,62 +0,0 @@
-import { defineComponent, createElementBlock, openBlock, createCommentVNode, unref, createVNode, withCtx, createTextVNode } from "vue";
-import { ScalarButton, ScalarCodeBlock } from "@scalar/components";
-import SendingRequest from "../../../components/SendingRequest.vue.js";
-import { useState } from "../../../state/state.js";
-const _hoisted_1 = { class: "executeRequestTool" };
-const _hoisted_2 = { key: 0 };
-const _hoisted_3 = { key: 1 };
-const _hoisted_4 = {
-  key: 2,
-  class: "tool"
-};
-const _hoisted_5 = {
-  key: 3,
-  class: "tool"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ExecuteRequestTool",
-  props: {
-    messagePart: {}
-  },
-  setup(__props) {
-    const state = useState();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.messagePart.value.state === "input-available" && unref(state).chat.status === "streaming" || _ctx.messagePart.value.state === "approval-responded" && unref(state).chat.status === "submitted" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(SendingRequest)
-        ])) : createCommentVNode("", true),
-        _ctx.messagePart.value.state === "approval-requested" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          createVNode(unref(ScalarButton), {
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(state).chat.addToolApprovalResponse({
-              id: _ctx.messagePart.value.approval.id,
-              approved: true
-            }))
-          }, {
-            default: withCtx(() => [..._cache[1] || (_cache[1] = [
-              createTextVNode(" Click To Approve ", -1)
-            ])]),
-            _: 1
-          })
-        ])) : createCommentVNode("", true),
-        _ctx.messagePart.value.input ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createVNode(unref(ScalarCodeBlock), {
-            content: _ctx.messagePart.value.input,
-            lang: "json",
-            lineNumbers: ""
-          }, null, 8, ["content"])
-        ])) : createCommentVNode("", true),
-        _ctx.messagePart.value.output ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          createVNode(unref(ScalarCodeBlock), {
-            content: _ctx.messagePart.value.output,
-            lang: "json",
-            lineNumbers: ""
-          }, null, 8, ["content"])
-        ])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=ExecuteRequestTool.vue2.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExecuteRequestTool.vue2.js","sources":["../../../../src/views/Chat/Messages/ExecuteRequestTool.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { type ToolUIPart } from 'ai'\nimport { type Ref } from 'vue'\n\nimport { ScalarButton, ScalarCodeBlock } from '@scalar/components'\nimport { type EXECUTE_REQUEST_TOOL_NAME } from '@scalar-org/entities/agent/tools'\n\nimport SendingRequest from '@/components/SendingRequest.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</script>\n\n<template>\n  <div class=\"executeRequestTool\">\n    <div\n      v-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      <SendingRequest />\n    </div>\n    <div v-if=\"messagePart.value.state === 'approval-requested'\">\n      <ScalarButton\n        @click=\"\n          state.chat.addToolApprovalResponse({\n            id: messagePart.value.approval.id,\n            approved: true,\n          })\n        \">\n        Click To Approve\n      </ScalarButton>\n    </div>\n    <div\n      v-if=\"messagePart.value.input\"\n      class=\"tool\">\n      <ScalarCodeBlock\n        :content=\"messagePart.value.input\"\n        lang=\"json\"\n        lineNumbers />\n    </div>\n    <div\n      v-if=\"messagePart.value.output\"\n      class=\"tool\">\n      <ScalarCodeBlock\n        :content=\"messagePart.value.output\"\n        lang=\"json\"\n        lineNumbers />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.executeRequestTool {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  margin-top: 20px;\n}\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","messagePart","_unref","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAcA,UAAM,QAAQ,SAAA;;AAIZ,aAAAA,UAAA,GAAAC,mBAqCM,OArCN,YAqCM;AAAA,QAnCcC,KAAAA,YAAY,MAAM,UAAK,qBAAoCC,MAAA,KAAA,EAAM,KAAK,WAAM,eAA8BD,KAAAA,YAAY,MAAM,UAAK,wBAAuCC,MAAA,KAAA,EAAM,KAAK,WAAM,4BAD3MF,mBAQM,OAAA,YAAA;AAAA,UADJG,YAAkB,cAAA;AAAA,QAAA;QAETF,KAAAA,YAAY,MAAM,UAAK,qCAAlCD,mBAUM,OAAA,YAAA;AAAA,UATJG,YAQeD,MAAA,YAAA,GAAA;AAAA,YAPZ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAaA,MAAA,KAAA,EAAM,KAAK,wBAAuB;AAAA,cAAmBD,IAAAA,KAAAA,YAAY,MAAM,SAAS;AAAA;;;6BAKjG,MAEJ,CAAA,GAAA,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA;AAAA,8BAFI,sBAEJ,EAAA;AAAA,YAAA;;;;QAGMA,KAAAA,YAAY,MAAM,SAD1BF,aAAAC,mBAOM,OAPN,YAOM;AAAA,UAJJG,YAGgBD,MAAA,eAAA,GAAA;AAAA,YAFb,SAASD,KAAAA,YAAY,MAAM;AAAA,YAC5B,MAAK;AAAA,YACL,aAAA;AAAA,UAAA;;QAGIA,KAAAA,YAAY,MAAM,UAD1BF,aAAAC,mBAOM,OAPN,YAOM;AAAA,UAJJG,YAGgBD,MAAA,eAAA,GAAA;AAAA,YAFb,SAASD,KAAAA,YAAY,MAAM;AAAA,YAC5B,MAAK;AAAA,YACL,aAAA;AAAA,UAAA;;;;;;"}

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

@@ -1 +0,0 @@
-{"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    const nextPart = parts[index + 1]\n    messageFinished.value = nextPart?.type === 'step-start'\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}\n</style>\n"],"names":["messagePart","_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,cAAM,WAAW,MAAM,QAAQ,CAAC;AAChC,wBAAgB,QAAQ,UAAU,SAAS;AAAA,MAC7C;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;;;QAKGA,KAAAA,YAAY,MAAM,UAAK,qBAAgCC,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/dist/views/Layout.vue.d.ts.map

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"Layout.vue2.js","sources":["../../src/views/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useActiveServer } from '@/hooks/useActiveServer'\nimport { useSecuritySchemes } from '@/hooks/useSecuritySchemes'\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\nuseSecuritySchemes()\nuseActiveServer()\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":";;;;;;;;;;;AAOA,UAAM,OAAO;AAIb,UAAM,EAAE,KAAA,IAAS,SAAA;AAEjB,uBAAA;AACA,oBAAA;;AAIE,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/PromptForm.vue2.js

@@ -1,125 +0,0 @@
-import { defineComponent, useTemplateRef, computed, watch, createElementBlock, openBlock, createElementVNode, withModifiers, withDirectives, unref, vModelText, createBlock, normalizeClass, createVNode, createTextVNode } from "vue";
-import { ScalarIconButton, ScalarLoading } from "@scalar/components";
-import { ScalarIconPlay, ScalarIconArrowUp } from "@scalar/icons";
-import { useState } from "../state/state.js";
-const _hoisted_1 = { class: "actionContainer" };
-const _hoisted_2 = ["disabled"];
-const _hoisted_3 = { class: "inputActionsContainer" };
-const _hoisted_4 = { class: "contextContainer" };
-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);
-    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 onAutoSendClick() {
-      state.mode.value = state.mode.value === "agent" ? "search" : "agent";
-    }
-    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();
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("form", {
-          class: "promptForm",
-          onSubmit: withModifiers(handleSubmit, ["prevent"])
-        }, [
-          withDirectives(createElementVNode("textarea", {
-            ref: "prompt",
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(state).prompt.value = $event),
-            class: "prompt",
-            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("button", {
-              class: normalizeClass(["autoSendButton", {
-                "autoSendButton-enabled": unref(state).mode.value === "agent"
-              }]),
-              type: "button",
-              onClick: onAutoSendClick
-            }, [
-              createVNode(unref(ScalarIconPlay), { weight: "bold" }),
-              _cache[2] || (_cache[2] = createTextVNode(" Agent Mode ", -1))
-            ], 2),
-            !unref(state).loading.value ? (openBlock(), createBlock(unref(ScalarIconButton), {
-              key: 0,
-              class: "sendButton",
-              disabled: !inputHasContent.value,
-              icon: unref(ScalarIconArrowUp),
-              label: "Scalar",
-              size: "md",
-              type: "submit",
-              weight: "bold"
-            }, null, 8, ["disabled", "icon"])) : (openBlock(), createBlock(unref(ScalarLoading), {
-              key: 1,
-              class: "loader",
-              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),
-        createElementVNode("div", _hoisted_4, [
-          _cache[3] || (_cache[3] = createElementVNode("span", null, "Type @ to add context from other API's", -1)),
-          createElementVNode("button", {
-            class: "settingsButton",
-            label: "Settings",
-            type: "button",
-            onClick: _cache[1] || (_cache[1] = ($event) => unref(state).settingsModal.show())
-          }, " Settings ")
-        ])
-      ]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=PromptForm.vue2.js.map

package/dist/views/PromptForm.vue2.js.map

@@ -1 +0,0 @@
-{"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 { ScalarIconArrowUp, ScalarIconPlay } from '@scalar/icons'\n\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()\nconst inputHasContent = computed(() => state.prompt.value.trim().length > 0)\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 onAutoSendClick() {\n  state.mode.value = state.mode.value === 'agent' ? 'search' : 'agent'\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</script>\n\n<template>\n  <div class=\"actionContainer\">\n    <form\n      class=\"promptForm\"\n      @submit.prevent=\"handleSubmit\">\n      <textarea\n        ref=\"prompt\"\n        v-model=\"state.prompt.value\"\n        class=\"prompt\"\n        :disabled=\"state.loading.value\"\n        name=\"prompt\"\n        placeholder=\"Ask me anything...\"\n        @keydown=\"handlePromptKeydown\" />\n      <div class=\"inputActionsContainer\">\n        <button\n          class=\"autoSendButton\"\n          :class=\"{\n            'autoSendButton-enabled': state.mode.value === 'agent',\n          }\"\n          type=\"button\"\n          @click=\"onAutoSendClick\">\n          <ScalarIconPlay weight=\"bold\" />\n          Agent Mode\n        </button>\n        <ScalarIconButton\n          v-if=\"!state.loading.value\"\n          class=\"sendButton\"\n          :disabled=\"!inputHasContent\"\n          :icon=\"ScalarIconArrowUp\"\n          label=\"Scalar\"\n          size=\"md\"\n          type=\"submit\"\n          weight=\"bold\" />\n        <ScalarLoading\n          v-else\n          class=\"loader\"\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    </form>\n    <div class=\"contextContainer\">\n      <span>Type @ to add context from other API's</span>\n      <button\n        class=\"settingsButton\"\n        label=\"Settings\"\n        type=\"button\"\n        @click=\"state.settingsModal.show()\">\n        Settings\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.actionContainer {\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: 22px 22px 12px 12px;\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}\n\n.inputActionsContainer {\n  display: flex;\n  justify-content: space-between;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n  padding: 0 8px 8px 8px;\n  pointer-events: none;\n}\n\n.prompt {\n  width: 100%;\n  resize: none;\n  background: var(--scalar-background-1);\n  border-radius: 22px;\n  box-shadow: var(--scalar-shadow-1);\n  outline: none;\n  border: none;\n  font-family: var(--scalar-font);\n  font-size: 16px;\n  padding: 12px;\n  min-height: 92px;\n  field-sizing: content;\n  padding-bottom: 48px;\n  word-wrap: break-word;\n}\n.dark-mode .prompt {\n  background: var(--scalar-background-2);\n  box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);\n}\n.prompt:focus-within {\n  box-shadow: 0 0 0 1.5px var(--scalar-color-blue);\n}\n.prompt:disabled {\n  color: var(--scalar-color-3);\n}\n\n.autoSendButton {\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-font-size-3);\n  padding: 0 8px;\n  height: 28px;\n  font-weight: var(--scalar-bold);\n  border-radius: 20px;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: all;\n}\n.autoSendButton: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 .autoSendButton:hover {\n  background: var(--scalar-background-3);\n}\n.autoSendButton:active {\n  background: var(--scalar-background-2);\n}\n.autoSendButton-enabled,\n.autoSendButton-enabled:hover,\n.dark-mode .autoSendButton-enabled:hover {\n  background: color-mix(in srgb, var(--scalar-color-blue), transparent 90%);\n  color: var(--scalar-color-blue);\n}\n\n.sendButton {\n  background: var(--scalar-agent-blue) !important;\n  color: white;\n  border-radius: 50% !important;\n  margin: 0 !important;\n  pointer-events: all;\n  width: 28px;\n  height: 28px;\n  padding: 6px;\n}\n\n.sendButton[aria-disabled='true'] {\n  background: var(--scalar-background-2) !important;\n  color: var(--scalar-color-3);\n}\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</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_createVNode","_createBlock"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../src/views/Settings.vue"],"names":[],"mappings":"AAkHA,OAAO,EACL,KAAK,UAAU,EAGhB,MAAM,oBAAoB,CAAA;AAM3B,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;CACvB,CAAC;;AA2KF,wBAEG"}

package/dist/views/Settings.vue2.js

@@ -1,81 +0,0 @@
-import { defineComponent, computed, createBlock, openBlock, unref, withCtx, createElementVNode, createElementBlock, createCommentVNode, createVNode, isRef } from "vue";
-import { mergeAuthConfig } from "@scalar/api-client/v2/blocks/scalar-auth-selector-block";
-import { getSelectedServer } from "@scalar/api-client/v2/features/operation";
-import { getActiveEnvironment } from "@scalar/api-client/v2/helpers";
-import { ServerSelector } from "@scalar/api-reference/blocks";
-import { ScalarModal, ScalarTextInput } from "@scalar/components";
-import { ScalarIconGear } from "@scalar/icons";
-import { useState } from "../state/state.js";
-import _sfc_main$1 from "./Auth.vue.js";
-const _hoisted_1 = { class: "settingsHeading" };
-const _hoisted_2 = {
-  key: 0,
-  class: "serverSettings"
-};
-const _hoisted_3 = { class: "proxyUrlContainer" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Settings",
-  props: {
-    modalState: {}
-  },
-  setup(__props) {
-    const { proxyUrl, workspaceStore, config, eventBus } = useState();
-    const doc = computed(() => workspaceStore.workspace.activeDocument);
-    const environment = computed(
-      () => getActiveEnvironment(
-        workspaceStore,
-        workspaceStore.workspace.activeDocument ?? null
-      )
-    );
-    const selectedServer = computed(() => getSelectedServer(doc.value ?? null));
-    const securitySchemes = computed(
-      () => mergeAuthConfig(
-        doc.value?.components?.securitySchemes,
-        config.value.authentication?.securitySchemes
-      )
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ScalarModal), { state: _ctx.modalState }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(unref(ScalarIconGear)),
-            _cache[1] || (_cache[1] = createElementVNode("h1", null, "Settings", -1))
-          ]),
-          doc.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createElementVNode("div", null, [
-              createVNode(unref(ServerSelector), {
-                eventBus: unref(eventBus),
-                selectedServer: selectedServer.value,
-                servers: doc.value?.servers ?? []
-              }, null, 8, ["eventBus", "selectedServer", "servers"])
-            ]),
-            createElementVNode("div", null, [
-              createVNode(_sfc_main$1, {
-                document: doc.value,
-                environment: environment.value,
-                eventBus: unref(eventBus),
-                options: unref(config),
-                securitySchemes: securitySchemes.value,
-                selectedServer: selectedServer.value
-              }, null, 8, ["document", "environment", "eventBus", "options", "securitySchemes", "selectedServer"])
-            ]),
-            createElementVNode("div", _hoisted_3, [
-              _cache[2] || (_cache[2] = createElementVNode("label", { for: "proxyUrl" }, "Proxy URL", -1)),
-              createVNode(unref(ScalarTextInput), {
-                id: "proxyUrl",
-                modelValue: unref(proxyUrl),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(proxyUrl) ? proxyUrl.value = $event : null),
-                placeholder: "https://proxy.scalar.com"
-              }, null, 8, ["modelValue"])
-            ])
-          ])) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["state"]);
-    };
-  }
-});
-export {
-  _sfc_main as default
-};
-//# sourceMappingURL=Settings.vue2.js.map

package/dist/views/Settings.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Settings.vue2.js","sources":["../../src/views/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { mergeAuthConfig } from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport { getSelectedServer } from '@scalar/api-client/v2/features/operation'\nimport { getActiveEnvironment } from '@scalar/api-client/v2/helpers'\nimport { ServerSelector } from '@scalar/api-reference/blocks'\nimport {\n  type ModalState,\n  ScalarModal,\n  ScalarTextInput,\n} from '@scalar/components'\nimport { ScalarIconGear } from '@scalar/icons'\n\nimport { useState } from '@/state/state'\nimport Auth from '@/views/Auth.vue'\n\ndefineProps<{\n  modalState: ModalState\n}>()\n\nconst { proxyUrl, workspaceStore, config, eventBus } = useState()\n\nconst doc = computed(() => workspaceStore.workspace.activeDocument)\n\nconst environment = computed(() =>\n  getActiveEnvironment(\n    workspaceStore,\n    workspaceStore.workspace.activeDocument ?? null,\n  ),\n)\n\nconst selectedServer = computed(() => getSelectedServer(doc.value ?? null))\n\n/** Merge authentication config with the document security schemes */\nconst securitySchemes = computed(() =>\n  mergeAuthConfig(\n    doc.value?.components?.securitySchemes,\n    config.value.authentication?.securitySchemes,\n  ),\n)\n</script>\n\n<template>\n  <ScalarModal :state=\"modalState\">\n    <div class=\"settingsHeading\">\n      <ScalarIconGear />\n      <h1>Settings</h1>\n    </div>\n    <div\n      v-if=\"doc\"\n      class=\"serverSettings\">\n      <div>\n        <ServerSelector\n          :eventBus\n          :selectedServer\n          :servers=\"doc?.servers ?? []\" />\n      </div>\n      <div>\n        <Auth\n          :document=\"doc\"\n          :environment\n          :eventBus\n          :options=\"config\"\n          :securitySchemes\n          :selectedServer />\n      </div>\n      <div class=\"proxyUrlContainer\">\n        <label for=\"proxyUrl\">Proxy URL</label>\n        <ScalarTextInput\n          id=\"proxyUrl\"\n          v-model=\"proxyUrl\"\n          placeholder=\"https://proxy.scalar.com\" />\n      </div>\n    </div>\n  </ScalarModal>\n</template>\n\n<style>\n.scalar-modal-layout {\n  z-index: 1000 !important;\n}\n</style>\n\n<style scoped>\n.settingsHeading {\n  font-size: var(--scalar-font-size-1);\n  margin-bottom: 15px;\n  display: flex;\n  gap: 5px;\n  align-items: center;\n}\n\n.serverSettings {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n}\n\n.proxyUrlContainer {\n  font-size: var(--scalar-font-size-3);\n  display: flex;\n  gap: 5px;\n  flex-direction: column;\n}\n</style>\n"],"names":["_createBlock","_unref","modalState","_createElementVNode","_createVNode","_openBlock","_createElementBlock","Auth"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,UAAM,EAAE,UAAU,gBAAgB,QAAQ,SAAA,IAAa,SAAA;AAEvD,UAAM,MAAM,SAAS,MAAM,eAAe,UAAU,cAAc;AAElE,UAAM,cAAc;AAAA,MAAS,MAC3B;AAAA,QACE;AAAA,QACA,eAAe,UAAU,kBAAkB;AAAA,MAAA;AAAA,IAC7C;AAGF,UAAM,iBAAiB,SAAS,MAAM,kBAAkB,IAAI,SAAS,IAAI,CAAC;AAG1E,UAAM,kBAAkB;AAAA,MAAS,MAC/B;AAAA,QACE,IAAI,OAAO,YAAY;AAAA,QACvB,OAAO,MAAM,gBAAgB;AAAA,MAAA;AAAA,IAC/B;;0BAKAA,YA+BcC,MAAA,WAAA,GAAA,EA/BA,OAAOC,KAAAA,cAAU;AAAA,yBAC7B,MAGM;AAAA,UAHNC,mBAGM,OAHN,YAGM;AAAA,YAFJC,YAAkBH,MAAA,cAAA,CAAA;AAAA,YAClB,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAE,mBAAiB,YAAb,YAAQ,EAAA;AAAA,UAAA;UAGN,IAAA,SADRE,UAAA,GAAAC,mBAyBM,OAzBN,YAyBM;AAAA,YAtBJH,mBAKM,OAAA,MAAA;AAAA,cAJJC,YAGkCH,MAAA,cAAA,GAAA;AAAA,gBAF/B,UAAAA,MAAA,QAAA;AAAA,gBACA,gBAAA,eAAA;AAAA,gBACA,SAAS,IAAA,OAAK,WAAO,CAAA;AAAA,cAAA;;YAE1BE,mBAQM,OAAA,MAAA;AAAA,cAPJC,YAMoBG,aAAA;AAAA,gBALjB,UAAU,IAAA;AAAA,gBACV,aAAA,YAAA;AAAA,gBACA,UAAAN,MAAA,QAAA;AAAA,gBACA,SAASA,MAAA,MAAA;AAAA,gBACT,iBAAA,gBAAA;AAAA,gBACA,gBAAA,eAAA;AAAA,cAAA;;YAELE,mBAMM,OANN,YAMM;AAAA,cALJ,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAA,mBAAuC,SAAA,EAAhC,KAAI,WAAA,GAAW,aAAS,EAAA;AAAA,cAC/BC,YAG2CH,MAAA,eAAA,GAAA;AAAA,gBAFzC,IAAG;AAAA,4BACMA,MAAA,QAAA;AAAA,+FAAA,SAAQ,QAAA,SAAA;AAAA,gBACjB,aAAY;AAAA,cAAA;;;;;;;;;"}

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

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

package/dist/views/Start.vue2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Start.vue2.js","sources":["../../src/views/Start.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useTemplateRef } from 'vue'\n\nimport Logo from '@/components/Logo.vue'\nimport Suggestion from '@/components/Suggestion.vue'\nimport PromptForm from '@/views/PromptForm.vue'\n\nconst emit = defineEmits<{\n  (e: 'submit'): void\n}>()\n\nconst textFieldRef =\n  useTemplateRef<InstanceType<typeof PromptForm>>('promptRef')\n</script>\n\n<template>\n  <div class=\"startContainer\">\n    <Logo class=\"agentLogo\" />\n    <h1 class=\"heading\">How can I help you today?</h1>\n    <PromptForm\n      ref=\"promptRef\"\n      :loading=\"false\"\n      @submit=\"emit('submit')\" />\n    <div class=\"suggestionsContainer\">\n      <Suggestion\n        text=\"Can you generate an example OpenAPI spec for me?\"\n        @click=\"textFieldRef?.focusPrompt()\" />\n      <Suggestion\n        text=\"What are the most popular APIs this week?\"\n        @click=\"textFieldRef?.focusPrompt()\" />\n      <Suggestion\n        text=\"Explain to me how Agent Scalar works\"\n        @click=\"textFieldRef?.focusPrompt()\" />\n    </div>\n    <p class=\"disclaimerText\">\n      By messaging Agent Scalar, you agree to our\n      <a\n        class=\"disclaimerLink\"\n        href=\"https://scalar.com/legal/terms-and-conditions\"\n        target=\"_blank\"\n        >Terms</a\n      >\n      and\n      <a\n        class=\"disclaimerLink\"\n        href=\"https://scalar.com/legal/privacy-policy\"\n        target=\"_blank\"\n        >Privacy Policy</a\n      >\n    </p>\n  </div>\n</template>\n\n<style scoped>\n.agentLogo {\n  margin-bottom: 15px;\n}\n\n.startContainer {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  max-width: 720px;\n}\n\n.heading {\n  font-size: 1.5rem;\n  font-weight: var(--scalar-font-bold);\n  margin-bottom: 30px;\n}\n\n.suggestionsContainer {\n  display: flex;\n  justify-content: center;\n  gap: 10px;\n  flex-wrap: wrap;\n  margin: 25px 0;\n}\n\n.disclaimerText {\n  text-align: center;\n  color: var(--scalar-color-3);\n  font-size: var(--scalar-font-size-3);\n}\n\n.disclaimerLink {\n  text-decoration: underline;\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_createElementVNode"],"mappings":";;;;;;;;;;AAOA,UAAM,OAAO;AAIb,UAAM,eACJ,eAAgD,WAAW;;AAI3D,aAAAA,UAAA,GAAAC,mBAkCM,OAlCN,YAkCM;AAAA,QAjCJC,YAA0B,MAAA,EAApB,OAAM,aAAW;AAAA,QACvB,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,mBAAkD,MAAA,EAA9C,OAAM,UAAA,GAAU,6BAAyB,EAAA;AAAA,QAC7CD,YAG6B,YAAA;AAAA,UAF3B,KAAI;AAAA,UACH,SAAS;AAAA,UACT,gDAAQ,KAAI,QAAA;AAAA,QAAA;QACfC,mBAUM,OAVN,YAUM;AAAA,UATJD,YAEyC,YAAA;AAAA,YADvC,MAAK;AAAA,YACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,aAAA,OAAc,YAAA;AAAA,UAAW;UACnCA,YAEyC,YAAA;AAAA,YADvC,MAAK;AAAA,YACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,aAAA,OAAc,YAAA;AAAA,UAAW;UACnCA,YAEyC,YAAA;AAAA,YADvC,MAAK;AAAA,YACJ,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAE,aAAA,OAAc,YAAA;AAAA,UAAW;;kCAErCC,mBAeI,KAAA,EAfD,OAAM,oBAAgB;AAAA,0BAAC,+CAExB;AAAA,UAAAA,mBAKC,KAAA;AAAA,YAJC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,QAAO;AAAA,UAAA,GACN,OAAK;AAAA,0BACP,OAED;AAAA,UAAAA,mBAKC,KAAA;AAAA,YAJC,OAAM;AAAA,YACN,MAAK;AAAA,YACL,QAAO;AAAA,UAAA,GACN,gBAAc;AAAA,QAAA;;;;;"}