@scalar/agent-chat 0.2.2 → 0.2.3

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 { 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/PromptForm.vue.js

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

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

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

package/dist/views/PromptForm.vue2.js

@@ -1,167 +0,0 @@
-import v from "../node_modules/.pnpm/@scalar_components@0.16.23_storybook@10.1.11_@testing-library_dom@10.4.1_prettier@3.5.3_d1027bed83153437e2bd63c40121871e/node_modules/@scalar/components/dist/components/ScalarIconButton/ScalarIconButton.vue.js";
-import C from "../node_modules/.pnpm/@scalar_components@0.16.23_storybook@10.1.11_@testing-library_dom@10.4.1_prettier@3.5.3_d1027bed83153437e2bd63c40121871e/node_modules/@scalar/components/dist/components/ScalarLoading/ScalarLoading.vue.js";
-import P from "../node_modules/.pnpm/@scalar_icons@0.5.2_typescript@5.9.3/node_modules/@scalar/icons/dist/components/ScalarIconArrowUp.vue.js";
-import S from "../node_modules/.pnpm/@scalar_icons@0.5.2_typescript@5.9.3/node_modules/@scalar/icons/dist/components/ScalarIconLockSimple.vue.js";
-import R from "../node_modules/.pnpm/@scalar_icons@0.5.2_typescript@5.9.3/node_modules/@scalar/icons/dist/components/ScalarIconPlus.vue.js";
-import V from "../node_modules/.pnpm/@scalar_icons@0.5.2_typescript@5.9.3/node_modules/@scalar/icons/dist/components/ScalarIconX.vue.js";
-import { MAX_PROMPT_SIZE as B } from "../packages/entities/dist/agent/index.js";
-import M from "../components/ApprovalSection.vue.js";
-import L from "../components/ErrorMessage.vue.js";
-import z from "../components/SearchPopover.vue.js";
-import { useChatApprovals as D } from "../hooks/useChatApprovals.js";
-import { useState as E } from "../state/state.js";
-import { defineComponent as N, useTemplateRef as $, computed as g, watch as h, createElementBlock as p, openBlock as l, Fragment as y, createBlock as n, createCommentVNode as m, createElementVNode as s, withDirectives as F, createVNode as u, withCtx as H, renderList as I, createTextVNode as K } from "../node_modules/.pnpm/@vue_runtime-core@3.5.26/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js";
-import { unref as e } from "../node_modules/.pnpm/@vue_reactivity@3.5.26/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js";
-import { withModifiers as U, vModelText as q } from "../node_modules/.pnpm/@vue_runtime-dom@3.5.26/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js";
-import { toDisplayString as j } from "../node_modules/.pnpm/@vue_shared@3.5.26/node_modules/@vue/shared/dist/shared.esm-bundler.js";
-const O = { class: "actionContainer" }, X = ["disabled"], Z = { class: "inputActionsContainer" }, G = { class: "inputActionsLeft" }, J = {
-  class: "addAPIButton",
-  type: "button"
-}, Q = ["src"], W = ["onClick"], Y = { class: "inputActionsRight" }, ye = /* @__PURE__ */ N({
-  __name: "PromptForm",
-  emits: ["submit"],
-  setup(ee, { expose: b, emit: _ }) {
-    const w = _;
-    b({ focusPrompt: T });
-    const i = $("prompt"), t = E(), d = g(() => t.prompt.value.trim().length > 0), k = g(
-      () => t.prompt.value.trim().length > B
-    );
-    h(t.prompt, () => {
-      if (i?.value) {
-        if (!t.prompt.value.length) {
-          i.value.style.height = "0px";
-          return;
-        }
-        i.value.style.height = "auto", i.value.style.height = i.value.scrollHeight + "px";
-      }
-    });
-    function c() {
-      d.value && w("submit");
-    }
-    function x(a) {
-      t.loading.value || a.key === "Enter" && !a.shiftKey && (a.preventDefault(), c(), window.scrollTo(0, document.body.scrollHeight));
-    }
-    function T() {
-      i.value?.focus();
-    }
-    h(
-      () => t.chat.status,
-      (a) => {
-        (a === "ready" || a === "error") && i.value?.focus();
-      }
-    );
-    const { respondToToolCalls: f, approvalRequestedParts: A } = D();
-    return (a, o) => (l(), p(y, null, [
-      e(t).chat.error ? (l(), n(L, {
-        key: 0,
-        error: e(t).chat.error
-      }, null, 8, ["error"])) : m("", !0),
-      e(A).length ? (l(), n(M, {
-        key: 1,
-        onApprove: o[0] || (o[0] = (r) => e(f)(!0)),
-        onReject: o[1] || (o[1] = (r) => e(f)(!1))
-      })) : m("", !0),
-      s("div", O, [
-        s("form", {
-          class: "promptForm",
-          onSubmit: U(c, ["prevent"])
-        }, [
-          o[4] || (o[4] = s("label", {
-            class: "agentLabel",
-            for: "agentTextarea"
-          }, " Type a Request To get Started ", -1)),
-          F(s("textarea", {
-            id: "agentTextarea",
-            ref: "prompt",
-            "onUpdate:modelValue": o[2] || (o[2] = (r) => e(t).prompt.value = r),
-            class: "prompt custom-scroll",
-            disabled: e(t).loading.value,
-            name: "prompt",
-            placeholder: "Ask me anything...",
-            onKeydown: x
-          }, null, 40, X), [
-            [q, e(t).prompt.value]
-          ]),
-          s("div", Z, [
-            s("div", G, [
-              u(z, null, {
-                default: H(() => [
-                  s("button", J, [
-                    u(e(R), {
-                      class: "size-4",
-                      weight: "bold"
-                    })
-                  ])
-                ]),
-                _: 1
-              }),
-              (l(!0), p(y, null, I(e(t).registryDocuments.value, (r) => (l(), p("div", {
-                key: r.id,
-                class: "apiPill"
-              }, [
-                r.logoUrl ? (l(), p("img", {
-                  key: 0,
-                  class: "apiPillLogo",
-                  src: r.logoUrl
-                }, null, 8, Q)) : m("", !0),
-                K(" " + j(r.title) + " ", 1),
-                s("button", {
-                  class: "apiPillRemove",
-                  type: "button",
-                  onClick: (te) => e(t).removeDocument(r)
-                }, [
-                  u(e(V), {
-                    class: "size-4",
-                    weight: "bold"
-                  })
-                ], 8, W)
-              ]))), 128))
-            ]),
-            s("div", Y, [
-              e(t).loading.value ? m("", !0) : (l(), n(e(v), {
-                key: 0,
-                class: "settingsButton h-7 w-7 p-1.5",
-                icon: e(S),
-                label: "Scalar",
-                size: "md",
-                weight: "bold",
-                onClick: o[3] || (o[3] = (r) => e(t).settingsModal.show())
-              }, null, 8, ["icon"])),
-              e(t).loading.value ? (l(), n(e(C), {
-                key: 2,
-                class: "loader h-7 w-7",
-                loader: {
-                  isLoading: e(t).loading.value,
-                  isValid: !1,
-                  clear: async () => {
-                  },
-                  invalidate: async () => {
-                  },
-                  isInvalid: !1,
-                  isActive: !1,
-                  validate: async () => {
-                  },
-                  start: () => {
-                  }
-                },
-                size: "2xl"
-              }, null, 8, ["loader"])) : (l(), n(e(v), {
-                key: 1,
-                class: "sendButton h-7 w-7 p-1.5",
-                disabled: !d.value || k.value,
-                icon: e(P),
-                label: "Scalar",
-                size: "md",
-                type: "submit",
-                weight: "bold"
-              }, null, 8, ["disabled", "icon"]))
-            ])
-          ])
-        ], 32)
-      ])
-    ], 64));
-  }
-});
-export {
-  ye as default
-};

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 {\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":";;;;;;;;;;;;;;;;;;;;;;;;AAkBA,UAAM,OAAO;AAIb,aAAa,EAAE,aAAa;AAE5B,UAAM,YAAY,eAAoC,QAAQ;AAE9D,UAAM,QAAQ,SAAA;AAEd,UAAM,kBAAkB,SAAS,MAAM,MAAM,OAAO,MAAM,KAAA,EAAO,SAAS,CAAC;AAC3E,UAAM,iBAAiB;AAAA,MACrB,MAAM,MAAM,OAAO,MAAM,KAAA,EAAO,SAAS;AAAA,IAAA;AAG3C,UAAM,MAAM,QAAQ,MAAM;AACxB,UAAI,CAAC,WAAW,MAAO;AAEvB,UAAI,CAAC,MAAM,OAAO,MAAM,QAAQ;AAC9B,kBAAU,MAAM,MAAM,SAAS;AAC/B;AAAA,MACF;AAEA,gBAAU,MAAM,MAAM,SAAS;AAC/B,gBAAU,MAAM,MAAM,SAAS,UAAU,MAAM,eAAe;AAAA,IAChE,CAAC;AAED,aAAS,eAAe;AACtB,UAAI,CAAC,gBAAgB,MAAO;AAE5B,WAAK,QAAQ;AAAA,IACf;AAEA,aAAS,oBAAoB,GAAkB;AAC7C,UAAI,MAAM,QAAQ,MAAO;AAEzB,UAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,UAAU;AACpC,UAAE,eAAA;AACF,qBAAA;AACA,eAAO,SAAS,GAAG,SAAS,KAAK,YAAY;AAAA,MAC/C;AAAA,IACF;AAEA,aAAS,cAAc;AACrB,gBAAU,OAAO,MAAA;AAAA,IACnB;AAEA;AAAA,MACE,MAAM,MAAM,KAAK;AAAA,MACjB,CAAC,WAAW;AACV,YAAI,WAAW,WAAW,WAAW,QAAS,WAAU,OAAO,MAAA;AAAA,MACjE;AAAA,IAAA;AAGF,UAAM,EAAE,oBAAoB,uBAAA,IAA2B,iBAAA;;;QAK7CA,MAAA,KAAA,EAAM,KAAK,sBADnBC,YAE8B,qBAAA;AAAA;UAA3B,OAAOD,MAAA,KAAA,EAAM,KAAK;AAAA,QAAA;QAEbA,MAAA,sBAAA,EAAuB,uBAD/BC,YAGwC,iBAAA;AAAA;UADrC,iDAASD,MAAA,kBAAA,EAAkB,IAAA;AAAA,UAC3B,gDAAQA,MAAA,kBAAA,EAAkB,KAAA;AAAA,QAAA;QAC7BE,mBAqFM,OArFN,YAqFM;AAAA,UApFJA,mBAmFO,QAAA;AAAA,YAlFL,OAAM;AAAA,YACL,wBAAgB,cAAY,CAAA,SAAA,CAAA;AAAA,UAAA;sCAC7BA,mBAIQ,SAAA;AAAA,cAHN,OAAM;AAAA,cACN,KAAI;AAAA,YAAA,GAAgB,mCAEtB,EAAA;AAAA,2BACAA,mBAQmC,YAAA;AAAA,cAPjC,IAAG;AAAA,cACH,KAAI;AAAA,2EACKF,MAAA,KAAA,EAAM,OAAO,QAAK;AAAA,cAC3B,OAAM;AAAA,cACL,UAAUA,MAAA,KAAA,EAAM,QAAQ;AAAA,cACzB,MAAK;AAAA,cACL,aAAY;AAAA,cACX,WAAS;AAAA,YAAA;2BALDA,MAAA,KAAA,EAAM,OAAO,KAAK;AAAA,YAAA;YAM7BE,mBAiEM,OAjEN,YAiEM;AAAA,cAhEJA,mBA4BM,OA5BN,YA4BM;AAAA,gBA3BJC,YAQgB,eAAA,MAAA;AAAA,mCAPd,MAMS;AAAA,oBANTD,mBAMS,UANT,YAMS;AAAA,sBAHPC,YAEkBH,MAAA,cAAA,GAAA;AAAA,wBADhB,OAAM;AAAA,wBACN,QAAO;AAAA,sBAAA;;;;;iBAGbI,UAAA,IAAA,GAAAC,mBAiBMC,2BAhBeN,MAAA,KAAA,EAAM,kBAAkB,QAApCO,cAAQ;sCADjBF,mBAiBM,OAAA;AAAA,oBAfH,KAAKE,UAAS;AAAA,oBACf,OAAM;AAAA,kBAAA;oBAEEA,UAAS,wBADjBF,mBAG4B,OAAA;AAAA;sBAD1B,OAAM;AAAA,sBACL,KAAKE,UAAS;AAAA,oBAAA;oBAAWC,gBAAA,MAC5BC,gBAAGF,UAAS,KAAK,IAAG,KACpB,CAAA;AAAA,oBAAAL,mBAOS,UAAA;AAAA,sBANP,OAAM;AAAA,sBACN,MAAK;AAAA,sBACJ,SAAK,CAAA,WAAEF,MAAA,KAAA,EAAM,eAAeO,SAAQ;AAAA,oBAAA;sBACrCJ,YAEkBH,MAAA,WAAA,GAAA;AAAA,wBADhB,OAAM;AAAA,wBACN,QAAO;AAAA,sBAAA;;;;;cAKfE,mBAiCM,OAjCN,YAiCM;AAAA,iBA/BKF,MAAA,KAAA,EAAM,QAAQ,sBADvBC,YAOwCD,MAAA,gBAAA,GAAA;AAAA;kBALtC,OAAM;AAAA,kBACL,MAAMA,MAAA,oBAAA;AAAA,kBACP,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,QAAO;AAAA,kBACN,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAEA,MAAA,KAAA,EAAM,cAAc,KAAA;AAAA,gBAAI;iBAGzBA,MAAA,KAAA,EAAM,QAAQ,sBADvBC,YAQkBD,MAAA,gBAAA,GAAA;AAAA;kBANhB,OAAM;AAAA,kBACL,UAAQ,CAAG,gBAAA,SAAmB,eAAA;AAAA,kBAC9B,MAAMA,MAAA,iBAAA;AAAA,kBACP,OAAM;AAAA,kBACN,MAAK;AAAA,kBACL,MAAK;AAAA,kBACL,QAAO;AAAA,gBAAA,mDACTC,YAaeD,MAAA,aAAA,GAAA;AAAA;kBAXb,OAAM;AAAA,kBACL,QAAM;AAAA,+BAA6BA,MAAA,KAAA,EAAM,QAAQ;AAAA;;;;;;;;;;;;kBAUlD,MAAK;AAAA,gBAAA;;;;;;;;;"}

package/dist/views/Settings/Auth.vue.js

@@ -1,58 +0,0 @@
-import n from "../../node_modules/.pnpm/@scalar_api-client@2.18.4_axios@1.13.1_storybook@10.1.11_@testing-library_dom@10.4.1_pr_5ce2a0e23b02f0ed0e180005d23af322/node_modules/@scalar/api-client/dist/v2/blocks/scalar-auth-selector-block/components/AuthSelector.vue.js";
-import { getSecurityRequirements as i } from "../../node_modules/.pnpm/@scalar_api-client@2.18.4_axios@1.13.1_storybook@10.1.11_@testing-library_dom@10.4.1_pr_5ce2a0e23b02f0ed0e180005d23af322/node_modules/@scalar/api-client/dist/v2/features/operation/helpers/get-security-requirements.js";
-import { getSelectedSecurity as m } from "../../node_modules/.pnpm/@scalar_api-client@2.18.4_axios@1.13.1_storybook@10.1.11_@testing-library_dom@10.4.1_pr_5ce2a0e23b02f0ed0e180005d23af322/node_modules/@scalar/api-client/dist/v2/features/operation/helpers/get-selected-security.js";
-import { useState as o } from "../../state/state.js";
-import { authStorage as a, restoreAuthSecretsFromStorage as l } from "../../helpers.js";
-import { defineComponent as y, computed as s, watch as S, createBlock as d, createCommentVNode as h, openBlock as v } from "../../node_modules/.pnpm/@vue_runtime-core@3.5.26/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js";
-import { unref as f } from "../../node_modules/.pnpm/@vue_reactivity@3.5.26/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js";
-const w = /* @__PURE__ */ y({
-  __name: "Auth",
-  props: {
-    options: {},
-    name: {},
-    document: {},
-    eventBus: {},
-    securitySchemes: {},
-    selectedServer: {},
-    environment: {}
-  },
-  setup(e) {
-    const { workspaceStore: u } = o(), c = s(
-      () => i(e.document?.security)
-    ), t = s(
-      () => m(
-        e.document?.["x-scalar-selected-security"],
-        void 0,
-        c.value
-      )
-    );
-    return S(
-      [() => t, () => e.securitySchemes],
-      () => {
-        const r = a();
-        r.setSchemas(e.name, e.securitySchemes), t.value && r.setSelectedSchemes(e.name, {
-          "x-scalar-selected-security": t.value
-        }), l({ documentName: e.name, workspaceStore: u });
-      },
-      { deep: !0 }
-    ), (r, x) => Object.keys(e.securitySchemes).length ? (v(), d(f(n), {
-      key: 0,
-      environment: e.environment,
-      eventBus: e.eventBus,
-      isReadOnly: "",
-      isStatic: "",
-      layout: "reference",
-      meta: { type: "document" },
-      persistAuth: e.options.persistAuth,
-      proxyUrl: e.options.proxyUrl ?? "",
-      securityRequirements: c.value,
-      securitySchemes: e.securitySchemes,
-      selectedSecurity: t.value,
-      server: e.selectedServer,
-      title: "Authentication"
-    }, null, 8, ["environment", "eventBus", "persistAuth", "proxyUrl", "securityRequirements", "securitySchemes", "selectedSecurity", "server"])) : h("", !0);
-  }
-});
-export {
-  w as default
-};

package/dist/views/Settings/Auth.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Auth.vue.js","sources":["../../../src/views/Settings/Auth.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, watch } from 'vue'\n\nimport {\n  AuthSelector,\n  type MergedSecuritySchemes,\n} from '@scalar/api-client/v2/blocks/scalar-auth-selector-block'\nimport {\n  getSecurityRequirements,\n  getSelectedSecurity,\n} from '@scalar/api-client/v2/features/operation'\nimport type { ApiReferenceConfigurationRaw } from '@scalar/types/api-reference'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\n\nimport { useState } from '@/state/state'\n\nimport { authStorage, restoreAuthSecretsFromStorage } from '../../helpers'\n\nconst { document, name, environment, eventBus, options, securitySchemes } =\n  defineProps<{\n    options: Pick<\n      ApiReferenceConfigurationRaw,\n      'authentication' | 'persistAuth' | 'proxyUrl'\n    >\n    name: string\n    document: WorkspaceDocument | undefined\n    eventBus: WorkspaceEventBus\n    securitySchemes: MergedSecuritySchemes\n    selectedServer: ServerObject | null\n    environment: XScalarEnvironment\n  }>()\n\nconst { workspaceStore } = useState()\n\n/** Compute what the security requirements should be for the document */\nconst securityRequirements = computed(() =>\n  getSecurityRequirements(document?.security),\n)\n\n/** The selected security keys for the document */\nconst selectedSecurity = computed(() =>\n  getSelectedSecurity(\n    document?.['x-scalar-selected-security'],\n    undefined,\n    securityRequirements.value,\n  ),\n)\n\nwatch(\n  [() => selectedSecurity, () => securitySchemes],\n  () => {\n    const authPersistence = authStorage()\n\n    authPersistence.setSchemas(name, securitySchemes)\n\n    if (selectedSecurity.value) {\n      authPersistence.setSelectedSchemes(name, {\n        'x-scalar-selected-security': selectedSecurity.value,\n      })\n    }\n\n    restoreAuthSecretsFromStorage({ documentName: name, workspaceStore })\n  },\n  { deep: true },\n)\n</script>\n<template>\n  <AuthSelector\n    v-if=\"Object.keys(securitySchemes).length\"\n    :environment\n    :eventBus\n    isReadOnly\n    isStatic\n    layout=\"reference\"\n    :meta=\"{ type: 'document' }\"\n    :persistAuth=\"options.persistAuth\"\n    :proxyUrl=\"options.proxyUrl ?? ''\"\n    :securityRequirements\n    :securitySchemes\n    :selectedSecurity\n    :server=\"selectedServer\"\n    title=\"Authentication\" />\n</template>\n"],"names":["_createBlock","_unref"],"mappings":";;;;;;;;;;;;;;;;;AAmCA,UAAM,EAAE,eAAA,IAAmB,SAAA;AAG3B,UAAM,uBAAuB;AAAA,MAAS,MACpC,wBAAwB,kBAAU,QAAQ;AAAA,IAAA;AAI5C,UAAM,mBAAmB;AAAA,MAAS,MAChC;AAAA,QACE,QAAA,WAAW,4BAA4B;AAAA,QACvC;AAAA,QACA,qBAAqB;AAAA,MAAA;AAAA,IACvB;AAGF;AAAA,MACE,CAAC,MAAM,kBAAkB,MAAM,uBAAe;AAAA,MAC9C,MAAM;AACJ,cAAM,kBAAkB,YAAA;AAExB,wBAAgB,WAAW,QAAA,MAAM,QAAA,eAAe;AAEhD,YAAI,iBAAiB,OAAO;AAC1B,0BAAgB,mBAAmB,QAAA,MAAM;AAAA,YACvC,8BAA8B,iBAAiB;AAAA,UAAA,CAChD;AAAA,QACH;AAEA,sCAA8B,EAAE,cAAc,QAAA,MAAM,gBAAgB;AAAA,MACtE;AAAA,MACA,EAAE,MAAM,KAAA;AAAA,IAAK;;AAKL,aAAA,OAAO,KAAK,QAAA,eAAe,EAAE,uBADrCA,YAc2BC,MAAA,YAAA,GAAA;AAAA;QAZxB,aAAA,QAAA;AAAA,QACA,UAAA,QAAA;AAAA,QACD,YAAA;AAAA,QACA,UAAA;AAAA,QACA,QAAO;AAAA,QACN,MAAM,EAAA,MAAA,WAAA;AAAA,QACN,aAAa,QAAA,QAAQ;AAAA,QACrB,UAAU,QAAA,QAAQ,YAAQ;AAAA,QAC1B,sBAAA,qBAAA;AAAA,QACA,iBAAA,QAAA;AAAA,QACA,kBAAA,iBAAA;AAAA,QACA,QAAQ,QAAA;AAAA,QACT,OAAM;AAAA,MAAA;;;;"}

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

@@ -1,4 +0,0 @@
-import f from "./Auth.vue.js";
-export {
-  f as default
-};

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

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

package/dist/views/Settings/DocSettings.vue.js

@@ -1,7 +0,0 @@
-import e from "./DocSettings.vue2.js";
-/* empty css                 */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-7e19eeee"]]);
-export {
-  p as default
-};

package/dist/views/Settings/DocSettings.vue.js.map

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

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

@@ -1,44 +0,0 @@
-import { getSelectedServer as v } from "../../node_modules/.pnpm/@scalar_api-client@2.18.4_axios@1.13.1_storybook@10.1.11_@testing-library_dom@10.4.1_pr_5ce2a0e23b02f0ed0e180005d23af322/node_modules/@scalar/api-client/dist/v2/features/operation/helpers/get-selected-server.js";
-import { getActiveEnvironment as d } from "../../node_modules/.pnpm/@scalar_api-client@2.18.4_axios@1.13.1_storybook@10.1.11_@testing-library_dom@10.4.1_pr_5ce2a0e23b02f0ed0e180005d23af322/node_modules/@scalar/api-client/dist/v2/helpers/get-active-environment.js";
-import l from "../../node_modules/.pnpm/@scalar_api-reference@1.43.8_axios@1.13.1_storybook@10.1.11_@testing-library_dom@10.4.1_6eee53f71841462552010312126e53ee/node_modules/@scalar/api-reference/dist/blocks/scalar-server-selector-block/components/ServerSelector.vue.js";
-import { useState as S } from "../../state/state.js";
-import f from "./Auth.vue.js";
-import { defineComponent as p, computed as n, createElementBlock as B, openBlock as h, createElementVNode as r, createVNode as s } from "../../node_modules/.pnpm/@vue_runtime-core@3.5.26/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js";
-import { unref as t } from "../../node_modules/.pnpm/@vue_reactivity@3.5.26/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js";
-const g = { class: "docSettings" }, A = /* @__PURE__ */ p({
-  __name: "DocSettings",
-  props: {
-    document: {},
-    name: {}
-  },
-  setup(e) {
-    const { workspaceStore: m, config: u, eventBus: o } = S(), i = n(
-      () => d(m, e.document)
-    ), c = n(() => v(e.document)), a = n(
-      () => e.document.components?.securitySchemes ?? {}
-    );
-    return (y, k) => (h(), B("div", g, [
-      r("div", null, [
-        s(t(l), {
-          eventBus: t(o),
-          selectedServer: c.value,
-          servers: e.document.servers ?? []
-        }, null, 8, ["eventBus", "selectedServer", "servers"])
-      ]),
-      r("div", null, [
-        s(f, {
-          document: e.document,
-          environment: i.value,
-          eventBus: t(o),
-          name: e.name,
-          options: t(u),
-          securitySchemes: a.value,
-          selectedServer: c.value
-        }, null, 8, ["document", "environment", "eventBus", "name", "options", "securitySchemes", "selectedServer"])
-      ])
-    ]));
-  }
-});
-export {
-  A as default
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"DocSettings.vue2.js","sources":["../../../src/views/Settings/DocSettings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\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 { type WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\n\nimport { useState } from '@/state/state'\nimport Auth from '@/views/Settings/Auth.vue'\n\nconst { document, name } = defineProps<{\n  document: WorkspaceDocument\n  name: string\n}>()\n\nconst { workspaceStore, config, eventBus } = useState()\n\nconst environment = computed(() =>\n  getActiveEnvironment(workspaceStore, document),\n)\n\nconst selectedServer = computed(() => getSelectedServer(document))\n\nconst securitySchemes = computed(\n  () => document.components?.securitySchemes ?? {},\n)\n</script>\n\n<template>\n  <div class=\"docSettings\">\n    <div>\n      <ServerSelector\n        :eventBus\n        :selectedServer\n        :servers=\"document.servers ?? []\" />\n    </div>\n    <div>\n      <Auth\n        :document\n        :environment\n        :eventBus\n        :name\n        :options=\"config\"\n        :securitySchemes\n        :selectedServer />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.docSettings {\n  padding: 10px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n  font-size: var(--scalar-font-size-3);\n  max-height: 600px;\n  overflow-y: scroll;\n}\n\n.documentName {\n  font-weight: var(--font-weight-bold);\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","Auth"],"mappings":";;;;;;;;;;;;;;AAgBA,UAAM,EAAE,gBAAgB,QAAQ,SAAA,IAAa,SAAA;AAE7C,UAAM,cAAc;AAAA,MAAS,MAC3B,qBAAqB,gBAAgB,gBAAQ;AAAA,IAAA;AAG/C,UAAM,iBAAiB,SAAS,MAAM,kBAAkB,QAAA,QAAQ,CAAC;AAEjE,UAAM,kBAAkB;AAAA,MACtB,MAAM,QAAA,SAAS,YAAY,mBAAmB,CAAA;AAAA,IAAC;;AAK/C,aAAAA,UAAA,GAAAC,mBAiBM,OAjBN,YAiBM;AAAA,QAhBJC,mBAKM,OAAA,MAAA;AAAA,UAJJC,YAGsCC,MAAA,cAAA,GAAA;AAAA,YAFnC,UAAAA,MAAA,QAAA;AAAA,YACA,gBAAA,eAAA;AAAA,YACA,SAAS,QAAA,SAAS,WAAO,CAAA;AAAA,UAAA;;QAE9BF,mBASM,OAAA,MAAA;AAAA,UARJC,YAOoBE,aAAA;AAAA,YANjB,UAAA,QAAA;AAAA,YACA,aAAA,YAAA;AAAA,YACA,UAAAD,MAAA,QAAA;AAAA,YACA,MAAA,QAAA;AAAA,YACA,SAASA,MAAA,MAAA;AAAA,YACT,iBAAA,gBAAA;AAAA,YACA,gBAAA,eAAA;AAAA,UAAA;;;;;;"}

package/dist/views/Settings/Settings.vue.js

@@ -1,8 +0,0 @@
-import t from "./Settings.vue2.js";
-/* empty css              */
-/* empty css              */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e1a5892c"]]);
-export {
-  e as default
-};

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

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

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

@@ -1,72 +0,0 @@
-import f from "../../node_modules/.pnpm/@scalar_components@0.16.23_storybook@10.1.11_@testing-library_dom@10.4.1_prettier@3.5.3_d1027bed83153437e2bd63c40121871e/node_modules/@scalar/components/dist/components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
-import k from "../../node_modules/.pnpm/@scalar_components@0.16.23_storybook@10.1.11_@testing-library_dom@10.4.1_prettier@3.5.3_d1027bed83153437e2bd63c40121871e/node_modules/@scalar/components/dist/components/ScalarTextInput/ScalarTextInput.vue.js";
-import y from "../../node_modules/.pnpm/@scalar_components@0.16.23_storybook@10.1.11_@testing-library_dom@10.4.1_prettier@3.5.3_d1027bed83153437e2bd63c40121871e/node_modules/@scalar/components/dist/components/ScalarModal/ScalarModal.vue.js";
-import v from "../../node_modules/.pnpm/@scalar_icons@0.5.2_typescript@5.9.3/node_modules/@scalar/icons/dist/components/ScalarIconCaretDown.vue.js";
-import x from "../../node_modules/.pnpm/@scalar_icons@0.5.2_typescript@5.9.3/node_modules/@scalar/icons/dist/components/ScalarIconCaretRight.vue.js";
-import { useState as _ } from "../../state/state.js";
-import g from "./DocSettings.vue.js";
-import { defineComponent as S, createBlock as i, openBlock as o, withCtx as C, createElementVNode as r, createVNode as m, createElementBlock as a, renderList as N, createCommentVNode as V, createTextVNode as w, Fragment as D } from "../../node_modules/.pnpm/@vue_runtime-core@3.5.26/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js";
-import { unref as e, isRef as U } from "../../node_modules/.pnpm/@vue_reactivity@3.5.26/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js";
-import { normalizeClass as b, toDisplayString as h } from "../../node_modules/.pnpm/@vue_shared@3.5.26/node_modules/@vue/shared/dist/shared.esm-bundler.js";
-const B = { class: "settingsHeading" }, L = { class: "documentList" }, j = ["onClick"], A = { key: 0 }, P = {
-  key: 1,
-  class: "noDocuments"
-}, E = { class: "proxyUrlContainer" }, K = /* @__PURE__ */ S({
-  __name: "Settings",
-  props: {
-    modalState: {}
-  },
-  setup(u) {
-    const { workspaceStore: s, proxyUrl: c } = _();
-    function p(d) {
-      s.update("x-scalar-active-document", d);
-    }
-    return (d, t) => (o(), i(e(y), { state: u.modalState }, {
-      default: C(() => [
-        r("div", B, [
-          t[1] || (t[1] = r("h1", null, "Settings", -1)),
-          m(e(f), { class: "colorToggle ml-auto" })
-        ]),
-        r("div", L, [
-          t[2] || (t[2] = r("label", null, " APIs ", -1)),
-          Object.entries(e(s).workspace.documents).length ? (o(!0), a(D, { key: 0 }, N(Object.entries(
-            e(s).workspace.documents
-          ), ([n, l]) => (o(), a("div", {
-            key: n,
-            class: "document"
-          }, [
-            r("button", {
-              class: b(["documentName", {
-                documentNameActive: e(s).workspace.activeDocument === l
-              }]),
-              type: "button",
-              onClick: (I) => p(n)
-            }, [
-              e(s).workspace.activeDocument === l ? (o(), i(e(v), { key: 0 })) : (o(), i(e(x), { key: 1 })),
-              w(" @" + h(n), 1)
-            ], 10, j),
-            e(s).workspace.activeDocument === l ? (o(), a("div", A, [
-              m(g, {
-                document: l,
-                name: n
-              }, null, 8, ["document", "name"])
-            ])) : V("", !0)
-          ]))), 128)) : (o(), a("div", P, " No APIs selected. Use + to add context. "))
-        ]),
-        r("div", E, [
-          t[3] || (t[3] = r("label", { for: "proxyUrl" }, "Proxy URL", -1)),
-          m(e(k), {
-            id: "proxyUrl",
-            modelValue: e(c),
-            "onUpdate:modelValue": t[0] || (t[0] = (n) => U(c) ? c.value = n : null),
-            placeholder: "https://proxy.scalar.com"
-          }, null, 8, ["modelValue"])
-        ])
-      ]),
-      _: 1
-    }, 8, ["state"]));
-  }
-});
-export {
-  K as default
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"Settings.vue2.js","sources":["../../../src/views/Settings/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  type ModalState,\n  ScalarColorModeToggle,\n  ScalarModal,\n  ScalarTextInput,\n} from '@scalar/components'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\n\nimport { useState } from '@/state/state'\nimport DocSettings from '@/views/Settings/DocSettings.vue'\n\nconst { modalState } = defineProps<{\n  modalState: ModalState\n}>()\n\nconst { workspaceStore, proxyUrl } = useState()\n\nfunction selectDocument(name: string) {\n  workspaceStore.update('x-scalar-active-document', name)\n}\n</script>\n\n<template>\n  <ScalarModal :state=\"modalState\">\n    <div class=\"settingsHeading\">\n      <h1>Settings</h1>\n      <ScalarColorModeToggle class=\"colorToggle ml-auto\" />\n    </div>\n    <div class=\"documentList\">\n      <label> APIs </label>\n\n      <template\n        v-if=\"Object.entries(workspaceStore.workspace.documents).length\">\n        <div\n          v-for=\"[name, document] of Object.entries(\n            workspaceStore.workspace.documents,\n          )\"\n          :key=\"name\"\n          class=\"document\">\n          <button\n            class=\"documentName\"\n            :class=\"{\n              documentNameActive:\n                workspaceStore.workspace.activeDocument === document,\n            }\"\n            type=\"button\"\n            @click=\"selectDocument(name)\">\n            <ScalarIconCaretDown\n              v-if=\"workspaceStore.workspace.activeDocument === document\" />\n            <ScalarIconCaretRight v-else />\n            @{{ name }}\n          </button>\n          <div v-if=\"workspaceStore.workspace.activeDocument === document\">\n            <DocSettings\n              :document\n              :name />\n          </div>\n        </div>\n      </template>\n      <div\n        v-else\n        class=\"noDocuments\">\n        No APIs selected. Use + to add context.\n      </div>\n    </div>\n\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  </ScalarModal>\n</template>\n\n<style>\n.scalar-modal-layout {\n  z-index: 1000 !important;\n}\n</style>\n\n<style scoped>\n.documentList {\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  margin-bottom: 10px;\n  font-size: var(--scalar-font-size-3);\n}\n\n.document {\n  display: flex;\n  flex-direction: column;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-xl);\n}\n\n.documentName {\n  background: var(--scalar-background-2);\n  padding: 5px 10px;\n  border-radius: var(--scalar-radius);\n  color: var(--scalar-color-3);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  font-size: var(--scalar-font-size-3);\n}\n\n.documentNameActive {\n  color: var(--scalar-color-1);\n}\n\n.settingsHeading {\n  font-size: 19px;\n  margin-bottom: 15px;\n  display: flex;\n  gap: 5px;\n  align-items: center;\n}\n\n.proxyUrlContainer {\n  font-size: var(--scalar-font-size-3);\n  display: flex;\n  gap: 5px;\n  flex-direction: column;\n}\n\n.noDocuments {\n  color: var(--scalar-color-2);\n  margin-bottom: 10px;\n}\n</style>\n"],"names":["_createBlock","_unref","_createElementVNode","_createVNode","_createElementBlock","_Fragment","_renderList","_createTextVNode"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBA,UAAM,EAAE,gBAAgB,SAAA,IAAa,SAAA;AAErC,aAAS,eAAe,MAAc;AACpC,qBAAe,OAAO,4BAA4B,IAAI;AAAA,IACxD;;0BAIEA,YAkDcC,MAAA,WAAA,GAAA,EAlDA,OAAO,QAAA,cAAU;AAAA,yBAC7B,MAGM;AAAA,UAHNC,mBAGM,OAHN,YAGM;AAAA,YAFJ,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAA,mBAAiB,YAAb,YAAQ,EAAA;AAAA,YACZC,YAAqDF,MAAA,qBAAA,GAAA,EAA9B,OAAM,uBAAqB;AAAA,UAAA;UAEpDC,mBAoCM,OApCN,YAoCM;AAAA,YAnCJ,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAA,mBAAqB,eAAd,UAAM,EAAA;AAAA,YAGL,OAAO,QAAQD,MAAA,cAAA,EAAe,UAAU,SAAS,EAAE,2BACzDG,mBAwBMC,UAAA,EAAA,KAAA,KAAAC,WAvBuB,OAAO;AAAA,cAAqBL,MAAA,cAAA,EAAe,UAAU;AAAA,YAAA,GAAxE,CAAA,CAAA,MAAM,QAAQ,MAAA;kCADxBG,mBAwBM,OAAA;AAAA,gBApBH,KAAK;AAAA,gBACN,OAAM;AAAA,cAAA;gBACNF,mBAYS,UAAA;AAAA,kBAXP,uBAAM,gBAAc;AAAA,wCACwCD,MAAA,cAAA,EAAe,UAAU,mBAAmB;AAAA,kBAAA;kBAIxG,MAAK;AAAA,kBACJ,SAAK,CAAA,WAAE,eAAe,IAAI;AAAA,gBAAA;kBAEnBA,MAAA,cAAA,EAAe,UAAU,mBAAmB,yBADpDD,YACgEC,MAAA,mBAAA,GAAA,EAAA,KAAA,GAAA,mBAChED,YAA+BC,MAAA,oBAAA,GAAA,EAAA,KAAA,EAAA,CAAA;AAAA,kBAAAM,gBAAA,uBAC3B,IAAI,GAAA,CAAA;AAAA,gBAAA;gBAECN,MAAA,cAAA,EAAe,UAAU,mBAAmB,yBAAvDG,mBAIM,OAAA,YAAA;AAAA,kBAHJD,YAEU,aAAA;AAAA,oBADP;AAAA,oBACA;AAAA,kBAAA;;;sCAITC,mBAIM,OAJN,YAEsB,2CAEtB;AAAA,UAAA;UAGFF,mBAMM,OANN,YAMM;AAAA,YALJ,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAA,mBAAuC,SAAA,EAAhC,KAAI,WAAA,GAAW,aAAS,EAAA;AAAA,YAC/BC,YAG2CF,MAAA,eAAA,GAAA;AAAA,cAFzC,IAAG;AAAA,0BACMA,MAAA,QAAA;AAAA,6FAAA,SAAQ,QAAA,SAAA;AAAA,cACjB,aAAY;AAAA,YAAA;;;;;;;;"}

package/dist/views/Start.vue.js

@@ -1,7 +0,0 @@
-import t from "./Start.vue2.js";
-/* empty css           */
-import o from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(t, [["__scopeId", "data-v-0334ed64"]]);
-export {
-  p as default
-};

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

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

package/dist/views/Start.vue2.js

@@ -1,50 +0,0 @@
-import m from "../components/Logo.vue.js";
-import a from "../components/Suggestion.vue.js";
-import p from "./PromptForm.vue.js";
-import { defineComponent as u, useTemplateRef as c, createElementBlock as d, openBlock as f, createVNode as t, createElementVNode as o, createTextVNode as n } from "../node_modules/.pnpm/@vue_runtime-core@3.5.26/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js";
-const g = { class: "startContainer" }, k = { class: "suggestionsContainer" }, S = /* @__PURE__ */ u({
-  __name: "Start",
-  emits: ["submit"],
-  setup(v, { emit: i }) {
-    const l = i, s = c("promptRef");
-    return (x, e) => (f(), d("div", g, [
-      t(m, { class: "agentLogo" }),
-      e[4] || (e[4] = o("h1", { class: "heading" }, "How can I help you today?", -1)),
-      t(p, {
-        ref: "promptRef",
-        onSubmit: e[0] || (e[0] = (r) => l("submit"))
-      }, null, 512),
-      o("div", k, [
-        t(a, {
-          text: "Can you generate an example OpenAPI spec for me?",
-          onClick: e[1] || (e[1] = (r) => s.value?.focusPrompt())
-        }),
-        t(a, {
-          text: "What are the most popular APIs this week?",
-          onClick: e[2] || (e[2] = (r) => s.value?.focusPrompt())
-        }),
-        t(a, {
-          text: "Explain to me how Agent Scalar works",
-          onClick: e[3] || (e[3] = (r) => s.value?.focusPrompt())
-        })
-      ]),
-      e[5] || (e[5] = o("p", { class: "disclaimerText" }, [
-        n(" By messaging Agent Scalar, you agree to our "),
-        o("a", {
-          class: "disclaimerLink",
-          href: "https://scalar.com/legal/terms-and-conditions",
-          target: "_blank"
-        }, "Terms"),
-        n(" and "),
-        o("a", {
-          class: "disclaimerLink",
-          href: "https://scalar.com/legal/privacy-policy",
-          target: "_blank"
-        }, "Privacy Policy")
-      ], -1))
-    ]));
-  }
-});
-export {
-  S as default
-};

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      @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,mBAiCM,OAjCN,YAiCM;AAAA,QAhCJC,YAA0B,MAAA,EAApB,OAAM,aAAW;AAAA,QACvB,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,mBAAkD,MAAA,EAA9C,OAAM,UAAA,GAAU,6BAAyB,EAAA;AAAA,QAC7CD,YAE6B,YAAA;AAAA,UAD3B,KAAI;AAAA,UACH,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;;;;;"}