@scalar/agent-chat 0.12.44 → 0.12.46

package/dist/vue-styles.css

@@ -21,7 +21,7 @@
   position: relative;
 }
 
-.askForAuthentication[data-v-19cedfcd] {
+.askForAuthentication[data-v-508e8718] {
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -34,7 +34,7 @@
     0 calc(-1 * var(--scalar-border-width)) 0 var(--scalar-background-1);
   padding: 0;
 }
-.authContent[data-v-19cedfcd] {
+.authContent[data-v-508e8718] {
   display: grid;
   grid-template-rows: 0fr;
   min-height: 0;
@@ -44,19 +44,19 @@
   margin: auto;
   width: 100%;
 }
-.authContentInner[data-v-19cedfcd] > div {
+.authContentInner[data-v-508e8718] > div {
   margin: 36px 0 48px 0;
 }
-.authContent[data-v-19cedfcd] .markdown {
+.authContent[data-v-508e8718] .markdown {
   margin-bottom: 0 !important;
 }
-.askForAuthentication.open .authContent[data-v-19cedfcd] {
+.askForAuthentication.open .authContent[data-v-508e8718] {
   grid-template-rows: 1fr;
 }
-.continueButton[data-v-19cedfcd] {
+.continueButton[data-v-508e8718] {
   align-self: flex-end;
 }
-.toggleButton[data-v-19cedfcd] {
+.toggleButton[data-v-508e8718] {
   background: none;
   border: none;
   cursor: pointer;
@@ -68,11 +68,11 @@
   justify-content: space-between;
   border-radius: var(--scalar-radius-lg);
 }
-.authContentInner[data-v-19cedfcd] {
+.authContentInner[data-v-508e8718] {
   min-height: 0;
   overflow: hidden;
 }
-.authorizeButton[data-v-19cedfcd] {
+.authorizeButton[data-v-508e8718] {
   background: var(--scalar-color-blue) !important;
   color: white !important;
   margin: 0 !important;
@@ -341,7 +341,7 @@
   text-decoration: underline;
 }
 
-.executeRequestTool[data-v-9025b7d4] {
+.executeRequestTool[data-v-0c85bad4] {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -511,17 +511,17 @@
 }
 }
 
-.operations[data-v-cbff70ed] {
+.operations[data-v-fa6f5acc] {
   display: flex;
   gap: 5px;
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 12px;
 }
-.operations[data-v-cbff70ed]:empty {
+.operations[data-v-fa6f5acc]:empty {
   margin-bottom: -12px;
 }
-.overflowPopover[data-v-cbff70ed] {
+.overflowPopover[data-v-fa6f5acc] {
   display: flex;
   flex-direction: column;
   gap: 5px;
@@ -868,7 +868,7 @@
   margin: 10px;
 }
 
-.uploadSection[data-v-9621c76b] {
+.uploadSection[data-v-b82d2f3a] {
   width: 100%;
   margin-bottom: -16px;
   padding: 8px 8px 24px 12px;
@@ -887,30 +887,30 @@
   top: 0;
   transform: translate3d(0, calc(-100% + 16px), 0);
 }
-.uploadSection.error[data-v-9621c76b] {
+.uploadSection.error[data-v-b82d2f3a] {
   background: color-mix(
     in srgb,
     var(--scalar-color-red),
     var(--scalar-background-1) 95%
   );
 }
-.uploadSection.done[data-v-9621c76b] {
+.uploadSection.done[data-v-b82d2f3a] {
   background: color-mix(
     in srgb,
     var(--scalar-color-green),
     var(--scalar-background-1) 95%
   );
 }
-.uploadText[data-v-9621c76b] {
+.uploadText[data-v-b82d2f3a] {
   font-weight: var(--scalar-semibold);
   font-size: var(--scalar-font-size-3);
 }
-.icon[data-v-9621c76b] {
+.icon[data-v-b82d2f3a] {
   height: 20px;
   width: 20px;
 }
 
-.actionContainer[data-v-3a0f1d21] {
+.actionContainer[data-v-6aae4d61] {
   background: color-mix(
     in srgb,
     var(--scalar-background-2),
@@ -923,7 +923,7 @@
   /* visually hides overflowing text below */
   box-shadow: 0 24px 0 2px var(--scalar-background-1);
 }
-.promptForm[data-v-3a0f1d21] {
+.promptForm[data-v-6aae4d61] {
   width: 100%;
   position: relative;
   display: flex;
@@ -934,23 +934,23 @@
     0 0 0 var(--scalar-border-width) var(--scalar-border-color);
   border-radius: var(--scalar-radius-3xl);
 }
-.inputActionsContainer[data-v-3a0f1d21] {
+.inputActionsContainer[data-v-6aae4d61] {
   display: flex;
   justify-content: space-between;
   padding: 0 8px 8px 8px;
 }
-.inputActionsLeft[data-v-3a0f1d21] {
+.inputActionsLeft[data-v-6aae4d61] {
   display: flex;
   flex-wrap: wrap; /* key: allows pills to go to next line */
   align-items: center;
   gap: 5px; /* spacing between pills */
 }
-.inputActionsRight[data-v-3a0f1d21] {
+.inputActionsRight[data-v-6aae4d61] {
   display: flex;
   gap: 5px;
   position: relative;
 }
-.apiPill[data-v-3a0f1d21] {
+.apiPill[data-v-6aae4d61] {
   font-size: var(--scalar-font-size-3);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   color: var(--scalar-color-2);
@@ -965,10 +965,10 @@
   gap: 4px;
   user-select: none;
 }
-.apiPillLogo[data-v-3a0f1d21] {
+.apiPillLogo[data-v-6aae4d61] {
   width: 15px;
 }
-.apiPillRemove[data-v-3a0f1d21] {
+.apiPillRemove[data-v-6aae4d61] {
   width: 24px;
   height: 24px;
   margin-right: -6px;
@@ -977,16 +977,16 @@
   align-items: center;
   justify-content: center;
 }
-.apiPill:hover .apiPillRemove[data-v-3a0f1d21] {
+.apiPill:hover .apiPillRemove[data-v-6aae4d61] {
   background: var(--scalar-background-2);
 }
-.dark-mode .apiPill:hover .apiPillRemove[data-v-3a0f1d21] {
+.dark-mode .apiPill:hover .apiPillRemove[data-v-6aae4d61] {
   background: var(--scalar-background-3);
 }
-.apiPillRemove[data-v-3a0f1d21]:hover {
+.apiPillRemove[data-v-6aae4d61]:hover {
   color: var(--scalar-color-1);
 }
-.prompt[data-v-3a0f1d21] {
+.prompt[data-v-6aae4d61] {
   width: 100%;
   outline: none;
   border: none;
@@ -1003,13 +1003,13 @@
   font-size: 16px;
   padding: 12px 12px 14px 12px;
 }
-.dark-mode .promptForm[data-v-3a0f1d21] {
+.dark-mode .promptForm[data-v-6aae4d61] {
   background: var(--scalar-background-2);
 }
-.prompt[data-v-3a0f1d21]:disabled {
+.prompt[data-v-6aae4d61]:disabled {
   color: var(--scalar-color-3);
 }
-.addAPIButton[data-v-3a0f1d21] {
+.addAPIButton[data-v-6aae4d61] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1026,7 +1026,7 @@
   z-index: 1;
   box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
 }
-.addAPIButton[data-v-3a0f1d21]:hover {
+.addAPIButton[data-v-6aae4d61]:hover {
   background: color-mix(
     in srgb,
     var(--scalar-background-2),
@@ -1034,47 +1034,47 @@
   );
   box-shadow: 0 0 0 var(--scalar-border-width) var(--scalar-border-color);
 }
-.dark-mode .addAPIButton[data-v-3a0f1d21]:hover {
+.dark-mode .addAPIButton[data-v-6aae4d61]:hover {
   background: var(--scalar-background-3);
 }
-.settingsButton[data-v-3a0f1d21] {
+.settingsButton[data-v-6aae4d61] {
   color: var(--scalar-color-3) !important;
   border-radius: var(--scalar-radius-full) !important;
   margin: 0 !important;
   z-index: 1;
 }
-.settingsButton[aria-disabled='true'][data-v-3a0f1d21] {
+.settingsButton[aria-disabled='true'][data-v-6aae4d61] {
   background: var(--scalar-background-2);
 }
-.dark-mode .settingsButton[data-v-3a0f1d21]:hover {
+.dark-mode .settingsButton[data-v-6aae4d61]:hover {
   background: var(--scalar-background-3);
 }
-.sendButton[data-v-3a0f1d21] {
+.sendButton[data-v-6aae4d61] {
   background: var(--scalar-color-blue) !important;
   border-radius: var(--scalar-radius-full) !important;
   margin: 0 !important;
   z-index: 1;
   border: var(--scalar-border-width) solid var(--scalar-color-blue);
 }
-.sendButton[data-v-3a0f1d21]:not([aria-disabled='true']) {
+.sendButton[data-v-6aae4d61]:not([aria-disabled='true']) {
   color: white !important;
 }
-.sendButton[data-v-3a0f1d21]:not([aria-disabled='true']):hover {
+.sendButton[data-v-6aae4d61]:not([aria-disabled='true']):hover {
   background: color-mix(
     in srgb,
     var(--scalar-color-blue),
     transparent 10%
   ) !important;
 }
-.sendButton[aria-disabled='true'][data-v-3a0f1d21] {
+.sendButton[aria-disabled='true'][data-v-6aae4d61] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-3) !important;
   border: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.dark-mode .sendButton[aria-disabled='true'][data-v-3a0f1d21] {
+.dark-mode .sendButton[aria-disabled='true'][data-v-6aae4d61] {
   background: var(--scalar-background-3) !important;
 }
-.contextContainer[data-v-3a0f1d21] {
+.contextContainer[data-v-6aae4d61] {
   display: flex;
   width: 100%;
   padding: 10px 12px 12px 12px;
@@ -1083,25 +1083,25 @@
   user-select: none;
   justify-content: space-between;
 }
-.settingsButton[data-v-3a0f1d21] {
+.settingsButton[data-v-6aae4d61] {
   font-weight: var(--scalar-semibold);
   border-radius: var(--scalar-radius-lg);
   padding: 4px 6px;
   margin: -4px -6px;
 }
-.settingsButton[data-v-3a0f1d21]:hover {
+.settingsButton[data-v-6aae4d61]:hover {
   background: var(--scalar-background-2);
   box-shadow: 0 0 var(--scalar-border-width) 0 var(--scalar-border-color);
   cursor: pointer;
 }
-.agentLabel[data-v-3a0f1d21] {
+.agentLabel[data-v-6aae4d61] {
   font-size: 0px;
   position: absolute;
   width: 100%;
   height: 100%;
   cursor: text;
 }
-.sendCheckboxContinue[data-v-3a0f1d21]:has(input) {
+.sendCheckboxContinue[data-v-6aae4d61]:has(input) {
   display: flex;
   align-items: center;
   border-radius: var(--scalar-radius-3xl);
@@ -1113,11 +1113,11 @@
   user-select: none;
   height: 28px;
 }
-.dark-mode .sendCheckboxContinue[data-v-3a0f1d21]:has(input) {
+.dark-mode .sendCheckboxContinue[data-v-6aae4d61]:has(input) {
   background: var(--scalar-background-3);
   box-shadow: 0 0 0 1.5px var(--scalar-background-3);
 }
-.addMoreContext[data-v-3a0f1d21] {
+.addMoreContext[data-v-6aae4d61] {
   height: 40px;
   display: flex;
   position: relative;
@@ -1126,7 +1126,7 @@
   padding: 0 8px 0 12px;
   align-items: center;
 }
-.addMoreContext[data-v-3a0f1d21]:before {
+.addMoreContext[data-v-6aae4d61]:before {
   content: '';
   width: 8px;
   height: 8px;
@@ -1143,10 +1143,10 @@
     -0.5px -0.5px 0 var(--scalar-border-color),
     inset 0.5px 0.5px 1px var(--scalar-border-color);
 }
-.dark-mode .addMoreContext[data-v-3a0f1d21]:before {
+.dark-mode .addMoreContext[data-v-6aae4d61]:before {
   box-shadow: -0.5px -0.5px 0 var(--scalar-border-color);
 }
-.addAPIContext[data-v-3a0f1d21] {
+.addAPIContext[data-v-6aae4d61] {
   width: 28px;
   height: 28px;
   border-radius: var(--scalar-radius-full);
@@ -1155,7 +1155,7 @@
   justify-content: center;
   border: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.termsAgree[data-v-3a0f1d21] {
+.termsAgree[data-v-6aae4d61] {
   display: flex;
   cursor: pointer;
   height: inherit;
@@ -1164,14 +1164,14 @@
   gap: 5px;
   margin: 0px 5px;
 }
-.termsAgree[data-v-3a0f1d21]:hover {
+.termsAgree[data-v-6aae4d61]:hover {
   color: var(--scalar-color-1);
 }
-.termsAgree:hover .termsAgreeIcon[data-v-3a0f1d21] {
+.termsAgree:hover .termsAgreeIcon[data-v-6aae4d61] {
   background: var(--scalar-color-1);
   color: var(--scalar-background-1);
 }
-.termsAgreeIcon[data-v-3a0f1d21] {
+.termsAgreeIcon[data-v-6aae4d61] {
   width: inherit;
   height: inherit;
   padding: 2px;
@@ -1222,10 +1222,10 @@ div + .userMessage[data-v-6573ec87] {
   margin-bottom: 12px;
 }
 
-.agentLogo[data-v-f9ec1d34] {
+.agentLogo[data-v-b27bdc01] {
   margin-bottom: 15px;
 }
-.startContainer[data-v-f9ec1d34] {
+.startContainer[data-v-b27bdc01] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1235,12 +1235,12 @@ div + .userMessage[data-v-6573ec87] {
   max-width: 720px;
   position: relative;
 }
-.promptText[data-v-f9ec1d34] {
+.promptText[data-v-b27bdc01] {
   font-size: 1.5rem;
   font-weight: var(--scalar-font-bold);
   margin-bottom: 50px;
 }
-.disclaimerText[data-v-f9ec1d34] {
+.disclaimerText[data-v-b27bdc01] {
   text-align: center;
   color: var(--scalar-color-3);
   font-size: var(--scalar-font-size-3);
@@ -1248,7 +1248,7 @@ div + .userMessage[data-v-6573ec87] {
   line-height: 1.44;
   margin-top: 40px;
 }
-.disclaimerLink[data-v-f9ec1d34] {
+.disclaimerLink[data-v-b27bdc01] {
   text-decoration: underline;
 }
 
@@ -1281,13 +1281,13 @@ div + .userMessage[data-v-6573ec87] {
   overflow-x: hidden;
 }
 
-.documentList[data-v-dd2544e6] {
+.documentList[data-v-1a8828eb] {
   display: flex;
   flex-direction: column;
   font-size: var(--scalar-font-size-3);
   margin-bottom: 12px;
 }
-.document[data-v-dd2544e6] {
+.document[data-v-1a8828eb] {
   display: flex;
   flex-direction: column;
   width: calc(100% + 24px);
@@ -1297,10 +1297,10 @@ div + .userMessage[data-v-6573ec87] {
   border-top: var(--scalar-border-width) solid var(--scalar-border-color);
   border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);
 }
-.document[data-v-dd2544e6]:first-of-type:not(:last-of-type) {
+.document[data-v-1a8828eb]:first-of-type:not(:last-of-type) {
   border-bottom: none;
 }
-.documentName[data-v-dd2544e6] {
+.documentName[data-v-1a8828eb] {
   gap: 4px;
   display: flex;
   align-items: center;
@@ -1308,10 +1308,10 @@ div + .userMessage[data-v-6573ec87] {
   color: var(--scalar-color-2);
   padding: 12px 0;
 }
-.documentNameActive[data-v-dd2544e6] {
+.documentNameActive[data-v-1a8828eb] {
   color: var(--scalar-color-1);
 }
-.settingsHeading[data-v-dd2544e6] {
+.settingsHeading[data-v-1a8828eb] {
   font-size: 19px;
   margin-bottom: 12px;
   display: flex;
@@ -1319,16 +1319,16 @@ div + .userMessage[data-v-6573ec87] {
   align-items: center;
   font-weight: var(--scalar-semibold);
 }
-.proxyUrlContainer[data-v-dd2544e6] {
+.proxyUrlContainer[data-v-1a8828eb] {
   font-size: var(--scalar-font-size-3);
   display: flex;
   gap: 5px;
   flex-direction: column;
 }
-.proxyUrlContainer label[data-v-dd2544e6] {
+.proxyUrlContainer label[data-v-1a8828eb] {
   font-weight: var(--scalar-semibold);
 }
-.noDocuments[data-v-dd2544e6] {
+.noDocuments[data-v-1a8828eb] {
   color: var(--scalar-color-2);
   margin-bottom: 10px;
 }

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.12.44",
+  "version": "0.12.46",
   "engines": {
     "node": ">=22"
   },
@@ -45,37 +45,38 @@
     "dist"
   ],
   "dependencies": {
-    "@ai-sdk/vue": "3.0.214",
-    "@scalar/api-client": "3.23.1",
-    "@scalar/components": "0.32.0",
+    "@ai-sdk/vue": "4.0.142",
+    "@scalar/api-client": "3.23.3",
+    "@scalar/components": "0.33.0",
     "@scalar/helpers": "0.16.4",
-    "@scalar/icons": "0.7.7",
-    "@scalar/json-magic": "0.16.0",
+    "@scalar/icons": "0.7.8",
+    "@scalar/json-magic": "0.17.0",
     "@scalar/openapi-types": "0.9.8",
-    "@scalar/schemas": "0.14.0",
-    "@scalar/themes": "0.19.2",
-    "@scalar/types": "0.24.0",
-    "@scalar/use-toasts": "0.10.5",
+    "@scalar/schemas": "0.15.0",
+    "@scalar/themes": "0.19.3",
+    "@scalar/types": "0.25.0",
+    "@scalar/use-toasts": "0.10.6",
     "@scalar/validation": "0.6.7",
-    "@scalar/workspace-store": "0.68.4",
-    "@vueuse/core": "13.9.0",
-    "ai": "6.0.214",
-    "js-base64": "^3.9.2",
+    "@scalar/workspace-store": "0.69.0",
+    "@vueuse/core": "15.0.0",
+    "ai": "7.0.142",
+    "js-base64": "^3.9.4",
     "neverpanic": "0.0.8",
     "truncate-json": "3.0.1",
-    "vue": "^3.5.40"
+    "vue": "^3.5.44"
   },
   "devDependencies": {
-    "@scalar/sidebar": "0.12.1",
+    "@scalar/sidebar": "0.12.3",
     "@tailwindcss/cli": "^4.3.3",
     "@tailwindcss/vite": "^4.3.3",
-    "@types/jsdom": "28.0.1",
-    "@vitejs/plugin-vue": "^6.0.8",
-    "hono": "^4.13.8",
-    "jsdom": "27.4.0",
+    "@types/jsdom": "28.0.3",
+    "@vitejs/plugin-vue": "^6.0.10",
+    "@vue/test-utils": "2.5.1",
+    "hono": "^4.13.13",
+    "jsdom": "29.0.1",
     "tailwindcss": "^4.3.3",
-    "vite": "8.1.5",
-    "vitest": "4.1.10"
+    "vite": "8.3.4",
+    "vitest": "4.1.12"
   },
   "scripts": {
     "build": "vite build && pnpm build:styles && vue-tsc -p tsconfig.build.json && tsc-alias -p tsconfig.build.json && shx cp package.json dist",

package/dist/App.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"App.vue.script.js","names":["$emit"],"sources":["../src/App.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { provide, type Ref } from 'vue'\n\nimport Chat from '@/Chat.vue'\nimport { createState, STATE_SYMBOL, type RegistryDocument } from '@/state/state'\nimport { type ChatMode } from '@/types'\n\nconst {\n  dashboardUrl,\n  platformProxyUrl,\n  registryDocuments,\n  registryUrl,\n  baseUrl,\n  mode = 'full',\n  getAccessToken,\n  getAgentKey,\n  getActiveDocumentJson,\n  isLoggedIn,\n  prefilledMessage,\n  hideAddApi,\n} = defineProps<{\n  registryDocuments: RegistryDocument[]\n  registryUrl: string\n  dashboardUrl: string\n  platformProxyUrl: string\n  baseUrl: string\n  mode?: ChatMode\n  getAccessToken?: () => string\n  getAgentKey?: () => string\n  getActiveDocumentJson?: () => string\n  isLoggedIn?: Ref<boolean>\n  prefilledMessage?: Ref<string>\n  hideAddApi?: boolean\n}>()\n\ndefineEmits<{\n  (e: 'uploadApi'): void\n}>()\n\nconst state = createState({\n  getActiveDocumentJson,\n  initialRegistryDocuments: registryDocuments,\n  prefilledMessageRef: prefilledMessage,\n  platformProxyUrl,\n  registryUrl,\n  baseUrl,\n  mode,\n  getAccessToken,\n  getAgentKey,\n  isLoggedIn,\n  dashboardUrl,\n  hideAddApi,\n})\n\nprovide(STATE_SYMBOL, state)\n\nexport type ChatExposed = {\n  addDocumentAsync: typeof state.addDocumentAsync\n}\n\ndefineExpose<ChatExposed>({\n  addDocumentAsync: state.addDocumentAsync,\n})\n</script>\n\n<template>\n  <Chat @uploadApi=\"$emit('uploadApi')\" />\n</template>\n\n<style scoped></style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAuCA,MAAM,QAAQ,YAAY;GACxB,uBAAoB,QAAA;GACpB,0BAA0B,QAAA;GAC1B,qBAAqB,QAAA;GACrB,kBAAe,QAAA;GACf,aAAU,QAAA;GACV,SAAM,QAAA;GACN,MAAG,QAAA;GACH,gBAAa,QAAA;GACb,aAAU,QAAA;GACV,YAAS,QAAA;GACT,cAAW,QAAA;GACX,YAAS,QAAA;EACX,CAAC;EAED,QAAQ,cAAc,KAAK;EAM3B,SAA0B,EACxB,kBAAkB,MAAM,iBAC1B,CAAC;;uBAIC,YAAwC,cAAA,EAAjC,aAAS,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,WAAA,GAAA,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"Chat.vue.script.js","names":["$emit"],"sources":["../src/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useLazyApiClient } from '@scalar/api-client/modal/use-lazy-api-client'\nimport { initializeWorkspaceEventHandlers } from '@scalar/api-client/v2/workspace-events'\nimport { onBeforeUnmount, onMounted, ref, useTemplateRef } from 'vue'\n\nimport { useAgentKeyDocuments } from '@/hooks/use-agent-key-documents'\nimport { useChatScroll } from '@/hooks/use-chat-scroll'\nimport { useCuratedDocuments } from '@/hooks/use-curated-documents'\nimport { getTmpDocFromLocalStorage } from '@/hooks/use-upload-tmp-document'\nimport { useState } from '@/state/state'\nimport Layout from '@/views/Layout.vue'\nimport Settings from '@/views/Settings/Settings.vue'\n\ndefineEmits<{\n  (e: 'uploadApi'): void\n}>()\n\nconst {\n  chat,\n  prompt,\n  settingsModal,\n  eventBus,\n  workspaceStore,\n  config,\n  mode,\n  addDocument,\n} = useState()\n\nconst clientModalRef = useTemplateRef<HTMLElement>('clientModal')\n// Authentication and server controls also work before the request editor opens.\nconst stopClientEvents = initializeWorkspaceEventHandlers({\n  eventBus,\n  store: ref(workspaceStore),\n  hooks: {},\n})\nconst clientLoadingStatus = ref<'idle' | 'loading' | 'error'>('idle')\nuseLazyApiClient({\n  eventBus,\n  status: clientLoadingStatus,\n  load: async () => {\n    const { createApiClientModal } = await import('@scalar/api-client/modal')\n    return () => {\n      if (!clientModalRef.value) {\n        return null\n      }\n      stopClientEvents()\n      return createApiClientModal({\n        el: clientModalRef.value,\n        options: config,\n        eventBus,\n        workspaceStore,\n      })\n    }\n  },\n})\nonBeforeUnmount(stopClientEvents)\n\nonMounted(async () => {\n  const tmpDoc = getTmpDocFromLocalStorage()\n\n  if (mode === 'preview' && tmpDoc) {\n    await addDocument({\n      namespace: tmpDoc.namespace,\n      slug: tmpDoc.slug,\n      removable: false,\n      tmp: true,\n    })\n  }\n})\n\nuseChatScroll()\nuseAgentKeyDocuments()\nuseCuratedDocuments()\n\nasync function handleSubmit() {\n  await chat.sendMessage({ text: prompt.value })\n}\n</script>\n\n<template>\n  <div ref=\"clientModal\" />\n  <div\n    v-if=\"clientLoadingStatus !== 'idle'\"\n    class=\"bg-b-1 text-c-1 fixed right-4 bottom-4 z-[10001] rounded-lg border px-4 py-3 text-sm shadow-lg\"\n    :role=\"clientLoadingStatus === 'error' ? 'alert' : 'status'\">\n    {{\n      clientLoadingStatus === 'loading'\n        ? 'Loading request editor…'\n        : 'Could not load the request editor. Refresh the page and try again.'\n    }}\n  </div>\n  <Layout\n    @submit=\"handleSubmit\"\n    @uploadApi=\"$emit('uploadApi')\" />\n  <Settings :modalState=\"settingsModal\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAiBA,MAAM,EACJ,MACA,QACA,eACA,UACA,gBACA,QACA,MACA,gBACE,SAAS;EAEb,MAAM,iBAAiB,eAA4B,aAAa;EAEhE,MAAM,mBAAmB,iCAAiC;GACxD;GACA,OAAO,IAAI,cAAc;GACzB,OAAO,CAAC;EACV,CAAC;EACD,MAAM,sBAAsB,IAAkC,MAAM;EACpE,iBAAiB;GACf;GACA,QAAQ;GACR,MAAM,YAAY;IAChB,MAAM,EAAE,yBAAyB,MAAM,OAAO;IAC9C,aAAa;KACX,IAAI,CAAC,eAAe,OAClB,OAAO;KAET,iBAAiB;KACjB,OAAO,qBAAqB;MAC1B,IAAI,eAAe;MACnB,SAAS;MACT;MACA;KACF,CAAC;IACH;GACF;EACF,CAAC;EACD,gBAAgB,gBAAgB;EAEhC,UAAU,YAAY;GACpB,MAAM,SAAS,0BAA0B;GAEzC,IAAI,SAAS,aAAa,QACxB,MAAM,YAAY;IAChB,WAAW,OAAO;IAClB,MAAM,OAAO;IACb,WAAW;IACX,KAAK;GACP,CAAC;EAEL,CAAC;EAED,cAAc;EACd,qBAAqB;EACrB,oBAAoB;EAEpB,eAAe,eAAe;GAC5B,MAAM,KAAK,YAAY,EAAE,MAAM,OAAO,MAAM,CAAC;EAC/C;;;IAIE,mBAAyB,OAAzB,YAAyB,MAAA,GAAA;IAEjB,oBAAA,UAAmB,UAAA,UAAA,GAD3B,mBASM,OAAA;;KAPJ,OAAM;KACL,MAAM,oBAAA,UAAmB,UAAA,UAAA;uBAExB,oBAAA,UAAmB,YAAA,4BAAA,oEAAA,GAAA,GAAA,UAAA,KAAA,mBAAA,IAAA,IAAA;IAKvB,YAEoC,gBAAA;KADjC,UAAQ;KACR,aAAS,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,WAAA;;IACnB,YAAwC,kBAAA,EAA7B,YAAY,MAAA,aAAA,EAAa,GAAA,MAAA,GAAA,CAAA,YAAA,CAAA"}

package/dist/components/ActionsDropdown.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionsDropdown.vue.script.js","names":["$emit"],"sources":["../../src/components/ActionsDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarDropdown, ScalarDropdownItem } from '@scalar/components/dropdown'\nimport { useModal } from '@scalar/components/modal'\nimport { ScalarIconMagnifyingGlass, ScalarIconUpload } from '@scalar/icons'\n\nimport Catalog from '@/views/Catalog/Catalog.vue'\n\ndefineEmits<{\n  (e: 'uploadApi'): void\n}>()\n\nconst catalogModal = useModal()\n</script>\n\n<template>\n  <ScalarDropdown :offset=\"{ crossAxis: -5, mainAxis: 5 }\">\n    <slot />\n\n    <template #items>\n      <ScalarDropdownItem @click=\"$emit('uploadApi')\">\n        <div class=\"dropdown-item\">\n          <ScalarIconUpload />\n          Upload API\n        </div>\n      </ScalarDropdownItem>\n\n      <ScalarDropdownItem @click=\"catalogModal.show()\">\n        <div class=\"dropdown-item\">\n          <ScalarIconMagnifyingGlass />\n          Search Catalog\n        </div>\n      </ScalarDropdownItem>\n    </template>\n  </ScalarDropdown>\n\n  <Catalog\n    v-if=\"catalogModal.open\"\n    :modal=\"catalogModal\" />\n</template>\n\n<style scoped>\n.dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EAWA,MAAM,eAAe,SAAS;;2DAI5B,YAkBiB,MAAA,cAAA,GAAA,EAlBA,QAAQ;IAAA,WAAA;IAAA,UAAA;GAAA,EAA8B,GAAA;IAG1C,OAAK,cAMO,CALrB,YAKqB,MAAA,kBAAA,GAAA,EALA,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,WAAA,GAAA,GAAA;4BAIzB,CAHN,mBAGM,OAHN,YAGM,CAFJ,YAAoB,MAAA,gBAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,gBAAA,gBAEtB,EAAA,EAAA,CAAA,CAAA,CAAA;;QAGF,YAKqB,MAAA,kBAAA,GAAA,EALA,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,YAAA,CAAY,CAAC,KAAI,GAAA,GAAA;4BAIrC,CAHN,mBAGM,OAHN,YAGM,CAFJ,YAA6B,MAAA,yBAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,gBAAA,oBAE/B,EAAA,EAAA,CAAA,CAAA,CAAA;;;2BAdI,CAAR,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA;;OAoBF,MAAA,YAAA,CAAY,CAAC,QAAA,UAAA,GADrB,YAE0B,iBAAA;;IAAvB,OAAO,MAAA,YAAA"}

package/dist/components/ApprovalSection.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ApprovalSection.vue.script.js","names":[],"sources":["../../src/components/ApprovalSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nconst emit = defineEmits<{\n  (e: 'approve'): void\n  (e: 'reject'): void\n}>()\n</script>\n\n<template>\n  <div class=\"approvalSection\">\n    <strong class=\"approvalText flex items-center gap-1.5\">\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      One or more requests require approval.\n    </strong>\n    <div class=\"approveContainer\">\n      <button\n        class=\"actionButton rejectButton\"\n        type=\"button\"\n        @click=\"emit('reject')\">\n        Reject\n      </button>\n      <button\n        class=\"actionButton approveButton\"\n        type=\"button\"\n        @click=\"emit('approve')\">\n        Approve\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.approvalSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n\n.approvalText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.approveContainer {\n  display: flex;\n  gap: 5px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-full);\n  padding: 6px 12px;\n  font-size: var(--scalar-font-size-3);\n}\n\n.rejectButton {\n  color: white;\n  background: var(--scalar-color-red);\n}\n.rejectButton:hover,\n.rejectButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.approveButton {\n  color: white;\n  background: var(--scalar-color-blue);\n}\n.approveButton:hover,\n.approveButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,OAAO;;uBAOX,mBAqBM,OArBN,YAqBM,CApBJ,mBAKS,UALT,YAKS,CAJP,YAEkB,MAAA,cAAA,GAAA;IADhB,OAAM;IACN,QAAO;iDAAS,4CAEpB,EAAA,EAAA,CAAA,GACA,mBAaM,OAbN,YAaM,CAZJ,mBAKS,UAAA;IAJP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,QAAA;MAAY,UAE1B,GACA,mBAKS,UAAA;IAJP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;MAAa,WAE3B,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/ContextItem.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextItem.vue.script.js","names":[],"sources":["../../src/components/ContextItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nconst { loading } = defineProps<{ loading: boolean }>()\n</script>\n\n<template>\n  <div\n    class=\"contextItem\"\n    :class=\"{\n      shimmer: loading,\n    }\">\n    <span class=\"contextItemText\">\n      <slot />\n    </span>\n  </div>\n</template>\n\n<style scoped>\n.contextItem {\n  white-space: nowrap;\n  font-size: 10px;\n  display: inline-block;\n  color: var(--scalar-color-2);\n  cursor: pointer;\n  vertical-align: middle;\n  padding: 1px 8px;\n  border-radius: var(--scalar-radius-2xl);\n  padding: 5px 10px;\n  display: flex;\n  align-items: center;\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  max-width: 200px;\n}\n\n.contextItemText {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.shimmer {\n  background: var(--scalar-background-2);\n  background-image: linear-gradient(\n    90deg,\n    #202020 0%,\n    var(--scalar-background-2) 40%,\n    var(--scalar-background-3) 80%\n  );\n  background-size: 200% 100%;\n  animation: shimmer 1.4s ease-in-out infinite;\n}\n\n.light-mode .shimmer {\n  background: var(--scalar-background-2);\n  background-image: linear-gradient(\n    90deg,\n    #fafafa 0%,\n    var(--scalar-background-2) 40%,\n    var(--scalar-background-3) 80%\n  );\n  background-size: 200% 100%;\n  animation: shimmer 1.4s ease-in-out infinite;\n}\n\n@keyframes shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;uBAKE,mBAQM,OAAA,EAPJ,OAAK,eAAA,CAAC,eAAa,EAAA,SACM,QAAA,QAAA,CAAA,CAAA,EAAA,GAAA,CAGzB,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,CAAA,GAAA,CAAA"}

package/dist/components/ErrorMessage.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorMessage.vue.script.js","names":[],"sources":["../../src/components/ErrorMessage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nimport { AgentErrorCodes } from '@/entities/error/constants'\nimport { type ChatError } from '@/hooks/use-chat-error'\n\nconst { error } = defineProps<{ error: ChatError }>()\n\nconst HIDDEN_ERROR_CODES: string[] = [AgentErrorCodes.LIMIT_REACHED]\n</script>\n\n<template>\n  <div\n    v-if=\"!HIDDEN_ERROR_CODES.includes(error.code)\"\n    class=\"error gap-1.5\">\n    <ScalarIconInfo\n      class=\"text-red size-4\"\n      weight=\"bold\" />\n    {{ error.message }}\n  </div>\n</template>\n\n<style scoped>\n.error {\n  display: flex;\n  align-items: center;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 95%\n  );\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;EAQA,MAAM,qBAA+B,CAAC,gBAAgB,aAAa;;WAKxD,mBAAmB,SAAS,QAAA,MAAM,IAAI,KAAA,UAAA,GAD/C,mBAOM,OAPN,YAOM,CAJJ,YAEkB,MAAA,cAAA,GAAA;IADhB,OAAM;IACN,QAAO;uBAAS,MAClB,gBAAG,QAAA,MAAM,OAAO,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/FreeMessagesInfoSection.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FreeMessagesInfoSection.vue.script.js","names":[],"sources":["../../src/components/FreeMessagesInfoSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo, ScalarIconX } from '@scalar/icons'\nimport { ref } from 'vue'\n\nimport { URLS } from '@/consts/urls'\nimport { useSignupLink } from '@/hooks/use-signup-link'\n\nconst isDismissed = ref(false)\nconst { signupLink } = useSignupLink()\n\n/**\n * Dismiss the free messages info section.\n */\nfunction dismiss() {\n  isDismissed.value = true\n}\n</script>\n\n<template>\n  <div\n    v-show=\"!isDismissed\"\n    class=\"freeMessagesInfoSection\">\n    <strong class=\"infoText flex items-center gap-1.5\">\n      <!-- Sign up -->\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      <a\n        class=\"underline\"\n        :href=\"signupLink\"\n        target=\"_blank\"\n        >Sign up for Agent Scalar</a\n      >\n      to continue without hitting limits.\n    </strong>\n    <div class=\"actionsContainer\">\n      <a\n        class=\"actionButton upgradeButton\"\n        :href=\"URLS.AGENT_SCALAR_DOCUMENTATION\"\n        target=\"_blank\"\n        type=\"button\">\n        Read more\n      </a>\n      <button\n        aria-label=\"Close\"\n        class=\"closeButton\"\n        type=\"button\"\n        @click=\"dismiss\">\n        <ScalarIconX\n          class=\"size-4\"\n          weight=\"bold\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.freeMessagesInfoSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n  position: relative;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.infoText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.actionsContainer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-full);\n  padding: 6px 12px;\n}\n\n.upgradeButton {\n  color: white;\n  font-size: var(--scalar-font-size-3);\n  background: var(--scalar-color-blue);\n}\n.upgradeButton:hover,\n.upgradeButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.closeButton {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 28px;\n  height: 28px;\n  border-radius: var(--scalar-radius-full);\n  color: var(--scalar-color-2);\n  background: transparent;\n  border: none;\n  cursor: pointer;\n}\n.closeButton:hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 80%\n  );\n  color: var(--scalar-color-1);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAOA,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,EAAE,eAAe,cAAc;;;;EAKrC,SAAS,UAAU;GACjB,YAAY,QAAQ;EACtB;;uCAIE,mBAkCM,OAlCN,YAkCM,CA/BJ,mBAYS,UAZT,YAYS;IAVP,YAEkB,MAAA,cAAA,GAAA;KADhB,OAAM;KACN,QAAO;;IACT,mBAKC,KAAA;KAJC,OAAM;KACL,MAAM,MAAA,UAAA;KACP,QAAO;OACN,4BAAwB,GAAA,UAAA;8CAC1B,yCAEH,EAAA;OACA,mBAiBM,OAjBN,YAiBM,CAhBJ,mBAMI,KAAA;IALF,OAAM;IACL,MAAM,MAAA,IAAA,CAAI,CAAC;IACZ,QAAO;IACP,MAAK;MAAS,eAEhB,GAAA,UAAA,GACA,mBAQS,UAAA;IAPP,cAAW;IACX,OAAM;IACN,MAAK;IACJ,SAAO;OACR,YAEkB,MAAA,WAAA,GAAA;IADhB,OAAM;IACN,QAAO;6BA9BJ,YAAA,KAAW,CAAA,CAAA"}

package/dist/components/PaymentSection.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaymentSection.vue.script.js","names":[],"sources":["../../src/components/PaymentSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarIconInfo } from '@scalar/icons'\n\nimport { useSignupLink } from '@/hooks/use-signup-link'\n\nconst { navigateToSignup } = useSignupLink()\n</script>\n\n<template>\n  <div class=\"paymentSection\">\n    <strong class=\"approvalText flex items-center gap-1.5\">\n      <ScalarIconInfo\n        class=\"text-blue size-4\"\n        weight=\"bold\" />\n      You've used up your complimentary Scalar Credits. Sign up to get free\n      Credits.\n    </strong>\n    <div class=\"paymentContainer\">\n      <button\n        class=\"actionButton approveButton\"\n        type=\"button\"\n        @click=\"navigateToSignup\">\n        Sign up\n      </button>\n      <div class=\"paymentInfo\">\n        <h3>$0 <span>/ month</span></h3>\n        <div class=\"paymentInfoSection\">\n          <div class=\"paymentInfoItem\">\n            <span>Credits</span>\n            <span>100</span>\n          </div>\n          <div class=\"paymentInfoItem\">\n            <span>MCP Servers</span>\n            <span>Unlimited</span>\n          </div>\n          <div class=\"paymentInfoItem\">\n            <span>Base monthly total</span>\n            <span>$0.00</span>\n          </div>\n        </div>\n        <div class=\"paymentInfoSection\">\n          <div class=\"paymentInfoItem\">\n            <span>Additional Credits</span>\n            <span>+ $0.02 per Credit</span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.paymentSection {\n  width: 100%;\n  margin-bottom: -16px;\n  padding: 8px 8px 24px 12px;\n  position: relative;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 95%\n  );\n  border: var(--scalar-border-width) solid var(--scalar-border-color);\n  border-radius: var(--scalar-radius-3xl) var(--scalar-radius-3xl) 0 0;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  position: absolute;\n  top: 0;\n  transform: translate3d(0, calc(-100% + 16px), 0);\n}\n\n.approvalText {\n  font-weight: var(--scalar-semibold);\n  font-size: var(--scalar-font-size-3);\n}\n\n.paymentContainer {\n  display: flex;\n  gap: 5px;\n}\n\n.actionButton {\n  display: flex;\n  align-items: center;\n  font-weight: var(--scalar-semibold);\n  border-radius: var(--scalar-radius-full);\n  padding: 6px 12px;\n}\n\n.rejectButton {\n  color: white;\n  background: var(--scalar-color-red);\n}\n.rejectButton:hover,\n.rejectButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-red),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n\n.approveButton {\n  color: white;\n  font-size: var(--scalar-font-size-3);\n  background: var(--scalar-color-blue);\n}\n.approveButton:hover,\n.approveButton:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-blue),\n    var(--scalar-background-1) 10%\n  );\n  color: white !important;\n}\n.paymentInfo {\n  width: 300px;\n  position: absolute;\n  right: 0;\n  bottom: 70px;\n  box-shadow: var(--scalar-shadow-2);\n  background: var(--scalar-background-1);\n  border-radius: var(--scalar-radius-3xl);\n  pointer-events: none;\n  padding: 12px;\n  transform: translate3d(0, -5px, 0);\n  opacity: 0;\n  transition: all 0.2s ease-in-out;\n}\n.paymentInfo h3 {\n  font-size: var(--scalar-font-size-1);\n  font-weight: var(--scalar-bold);\n  margin-bottom: 18px;\n}\n.paymentInfo h3 span {\n  font-size: var(--scalar-font-size-2);\n}\n.dark-mode .paymentInfo {\n  background: var(--scalar-background-2);\n}\n.paymentContainer:hover .paymentInfo {\n  transform: translate3d(0, 0, 0);\n  opacity: 1;\n}\n.paymentInfoItem {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 8px;\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-2);\n  font-weight: var(--scalar-semibold);\n}\n.paymentInfoSection:not(:last-child) {\n  border-bottom: var(--scalar-border-width) solid var(--scalar-border-color);\n  padding-bottom: 8px;\n}\n</style>\n"],"mappings":";;;;;;;;;;EAKA,MAAM,EAAE,qBAAqB,cAAc;;uBAIzC,mBAuCM,OAvCN,YAuCM,CAtCJ,mBAMS,UANT,YAMS,CALP,YAEkB,MAAA,cAAA,GAAA;IADhB,OAAM;IACN,QAAO;iDAAS,oFAGpB,EAAA,EAAA,CAAA,GACA,mBA8BM,OA9BN,YA8BM,CA7BJ,mBAKS,UAAA;IAJP,OAAM;IACN,MAAK;IACJ,SAAK,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,gBAAA,KAAA,MAAA,gBAAA,CAAA,CAAA,GAAA,IAAA;MAAkB,WAE5B,GAAA,OAAA,OAAA,OAAA,KAAA,kBAAA,0vBAAA,CAAA,EAAA,CAAA,CAAA,CAAA"}

package/dist/components/RequestPreview.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequestPreview.vue.script.js","names":[],"sources":["../../src/components/RequestPreview.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarCodeBlock } from '@scalar/components/code-block'\nimport { ScalarIconCaretDown, ScalarIconCaretRight } from '@scalar/icons'\nimport { type DeepPartial } from 'ai'\nimport { computed, ref } from 'vue'\n\nimport AutosendPaused from '@/components/AutosendPaused.vue'\nimport BuildingRequest from '@/components/BuildingRequest.vue'\nimport RequestApproved from '@/components/RequestApproved.vue'\nimport RequestFailed from '@/components/RequestFailed.vue'\nimport RequestRejected from '@/components/RequestRejected.vue'\nimport RequestSuccess from '@/components/RequestSuccess.vue'\nimport { getMediaTypeConfig } from '@/components/ResponseBody/helpers/media-types'\nimport { processResponseBody } from '@/components/ResponseBody/helpers/process-response-body'\nimport ResponseBody from '@/components/ResponseBody/ResponseBody.vue'\nimport ResponseBodyToggle from '@/components/ResponseBody/ResponseBodyToggle.vue'\nimport SendingRequest from '@/components/SendingRequest.vue'\nimport type {\n  ExecuteClientSideRequestToolInput,\n  ExecuteClientSideRequestToolOutput,\n} from '@/entities/tools/execute-request'\n\nconst { request, response, state } = defineProps<{\n  request?:\n    | ExecuteClientSideRequestToolInput\n    | DeepPartial<ExecuteClientSideRequestToolInput>\n  response?: ExecuteClientSideRequestToolOutput\n  state:\n    | 'requiresApproval'\n    | 'sendingRequest'\n    | 'requestSucceeded'\n    | 'requestFailed'\n    | 'approved'\n    | 'rejected'\n    | 'buildingRequest'\n}>()\n\nconst responseData = computed(() => {\n  if (response?.success) {\n    return {\n      data: response.data.responseBody,\n      headers: response.data.headers,\n    }\n  }\n\n  if (response?.error?.code === 'REQUEST_NOT_OK') {\n    return {\n      data: response.error.detail.responseBody,\n      headers: response.error.detail.headers,\n    }\n  }\n\n  return undefined\n})\n\nconst showRequestToggle = ref(false)\n\n/** Show request preview automatically for failed requests or when approval is required. */\nconst shouldShowRequest = computed(() => {\n  if (state === 'requestFailed' || state === 'requiresApproval') {\n    return true\n  }\n  return showRequestToggle.value\n})\n\nconst responseBody = computed(() =>\n  processResponseBody({\n    data: responseData.value?.data,\n    headers: responseData.value?.headers,\n  }),\n)\n\nconst mediaConfig = computed(() =>\n  getMediaTypeConfig(responseBody.value.mimeType?.essence ?? ''),\n)\n\nconst displayToggle = ref<'preview' | 'raw'>()\nfunction toggleDisplay(mode: 'preview' | 'raw') {\n  displayToggle.value = mode\n}\n\nconst displayMode = computed(() => {\n  if (displayToggle.value) {\n    return displayToggle.value\n  }\n\n  if (mediaConfig.value?.raw && !mediaConfig.value.preview) {\n    return 'raw'\n  }\n  if (mediaConfig.value?.preview) {\n    return 'preview'\n  }\n\n  return 'raw'\n})\n</script>\n\n<template>\n  <div\n    class=\"requestPreview\"\n    :class=\"{\n      open: shouldShowRequest,\n      succeeded: state === 'requestSucceeded',\n    }\">\n    <RequestApproved v-if=\"state === 'approved'\" />\n    <div\n      v-else-if=\"state === 'buildingRequest'\"\n      class=\"autosendContainer\">\n      <BuildingRequest />\n    </div>\n    <div\n      v-else-if=\"state === 'requiresApproval'\"\n      class=\"autosendContainer\">\n      <AutosendPaused />\n    </div>\n    <button\n      v-else-if=\"state === 'sendingRequest'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <SendingRequest />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <button\n      v-else-if=\"state === 'requestSucceeded'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <RequestSuccess />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <button\n      v-else-if=\"state === 'rejected'\"\n      class=\"toggleButton\"\n      type=\"button\"\n      @click=\"showRequestToggle = !showRequestToggle\">\n      <RequestRejected />\n\n      <ScalarIconCaretDown v-if=\"shouldShowRequest\" />\n      <ScalarIconCaretRight v-else />\n    </button>\n    <RequestFailed v-else-if=\"state === 'requestFailed'\" />\n    <div class=\"requestContent\">\n      <div class=\"requestContentInner\">\n        <div\n          v-if=\"request\"\n          class=\"code\">\n          <div class=\"requestHeaderContainer\">\n            <h1>Request</h1>\n          </div>\n          <ScalarCodeBlock\n            class=\"codeBlock\"\n            :content=\"JSON.stringify(request, null, 2)\"\n            lang=\"json\" />\n        </div>\n        <div\n          v-if=\"responseData\"\n          class=\"code\">\n          <div class=\"requestHeaderContainer\">\n            <h1>Response</h1>\n            <ResponseBodyToggle\n              v-if=\"mediaConfig?.raw && mediaConfig.preview\"\n              v-model=\"displayMode\"\n              @toggle=\"toggleDisplay\" />\n          </div>\n          <ResponseBody\n            :data=\"responseData.data\"\n            :display=\"displayMode\"\n            :mediaConfig=\"mediaConfig\"\n            :responseBody=\"responseBody\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.requestHeaderContainer {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 5px;\n}\n\n.requestPreview {\n  border-radius: var(--scalar-radius-2xl);\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n}\n\n.requestContent {\n  display: grid;\n  grid-template-rows: 0fr;\n  min-height: 0;\n  overflow: hidden;\n  transition: grid-template-rows 0.2s ease-out;\n}\n\n.requestPreview.open .requestContent {\n  grid-template-rows: 1fr;\n}\n.requestPreview.succeeded {\n  padding: 0;\n}\n\n.requestContentInner {\n  min-height: 0;\n  overflow: hidden;\n}\n.code {\n  display: flex;\n  flex-direction: column;\n  font-size: var(--scalar-font-size-4);\n  border-radius: var(--scalar-radius-2xl);\n  background: color-mix(\n    in srgb,\n    var(--scalar-background-2),\n    var(--scalar-background-1)\n  );\n  overflow: hidden;\n  margin-bottom: 12px;\n}\n.dark-mode .code {\n  background: var(--scalar-background-2);\n}\n.code h1 {\n  font-size: var(--scalar-font-size-3);\n  color: var(--scalar-color-3);\n  padding: 8px;\n}\n.code :deep(.codeBlock) {\n  max-height: calc(50vh - 100px);\n  padding-top: 0;\n}\n.autosendContainer {\n  display: flex;\n  justify-content: space-between;\n}\n\n.sendButton {\n  background: var(--scalar-color-blue);\n  color: white;\n  font-weight: var(--scalar-semibold);\n  padding: 5px 10px;\n}\n.sendButton:hover,\n.sendButton:active {\n  background: color-mix(in srgb, var(--scalar-color-blue), black 10%);\n  color: white !important;\n}\n\n.toggleButton {\n  background: none;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  position: relative;\n  display: flex;\n  align-items: center;\n  color: var(--scalar-color-3);\n  justify-content: space-between;\n  border-radius: var(--scalar-radius-lg);\n}\n\n.toggleButton:hover {\n  text-decoration: underline;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/ResponseBody/ResponseBody.vue.script.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponseBody.vue.script.js","names":[],"sources":["../../../src/components/ResponseBody/ResponseBody.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { type MediaConfig } from '@/components/ResponseBody/helpers/media-types'\nimport ResponseBodyInfo from '@/components/ResponseBody/ResponseBodyInfo.vue'\nimport ResponseBodyPreview from '@/components/ResponseBody/ResponseBodyPreview.vue'\nimport ResponseBodyRaw from '@/components/ResponseBody/ResponseBodyRaw.vue'\nimport type { MimeType } from '@/types/mime-type'\n\nconst { data, responseBody, mediaConfig, display } = defineProps<{\n  data: unknown\n  responseBody: {\n    mimeType?: MimeType\n    attachmentFilename: string\n    dataUrl: string\n  }\n  mediaConfig?: MediaConfig\n  display?: 'preview' | 'raw'\n}>()\n</script>\n\n<template>\n  <ResponseBodyRaw\n    v-if=\"mediaConfig?.raw && display === 'raw' && mediaConfig.language\"\n    :key=\"responseBody.dataUrl\"\n    :content=\"data\"\n    :language=\"mediaConfig.language\" />\n  <ResponseBodyPreview\n    v-if=\"mediaConfig?.preview && display === 'preview'\"\n    :key=\"responseBody.dataUrl\"\n    :alpha=\"mediaConfig.alpha\"\n    :mode=\"mediaConfig.preview\"\n    :src=\"responseBody.dataUrl\"\n    :type=\"responseBody.mimeType?.essence ?? ''\" />\n  <ResponseBodyInfo v-if=\"!mediaConfig?.raw && !mediaConfig?.preview\">\n    Binary file\n  </ResponseBodyInfo>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;IAqBU,QAAA,aAAa,OAAO,QAAA,YAAO,SAAc,QAAA,YAAY,YAAA,UAAA,GAD7D,YAIqC,yBAAA;KAFlC,KAAK,QAAA,aAAa;KAClB,SAAS,QAAA;KACT,UAAU,QAAA,YAAY;;IAEjB,QAAA,aAAa,WAAW,QAAA,YAAO,aAAA,UAAA,GADvC,YAMiD,6BAAA;KAJ9C,KAAK,QAAA,aAAa;KAClB,OAAO,QAAA,YAAY;KACnB,MAAM,QAAA,YAAY;KAClB,KAAK,QAAA,aAAa;KAClB,MAAM,QAAA,aAAa,UAAU,WAAO;;;;;;;KACd,QAAA,aAAa,OAAG,CAAK,QAAA,aAAa,WAAA,UAAA,GAA3D,YAEmB,0BAAA,EAAA,KAAA,EAAA,GAAA;4BAAnB,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAFoE,iBAEpE,EAAA,CAAA,EAAA,CAAA"}