@scalar/agent-chat 0.12.34 → 0.12.36

package/dist/Chat.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.vue.d.ts","sourceRoot":"","sources":["../src/Chat.vue"],"names":[],"mappings":"AAgNA,QAAA,MAAM,YAAY;;;;iFAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Chat.vue.d.ts","sourceRoot":"","sources":["../src/Chat.vue"],"names":[],"mappings":"AAoQA,QAAA,MAAM,YAAY;;;;iFAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/Chat.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chat.vue.js","names":[],"sources":["../src/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createApiClientModal,\n  type ApiClientModal,\n} from '@scalar/api-client/modal'\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')\nconst apiClient = ref<ApiClientModal | null>(null)\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  if (!clientModalRef.value) {\n    return\n  }\n\n  apiClient.value = createApiClientModal({\n    el: clientModalRef.value,\n    options: config,\n    eventBus,\n    workspaceStore,\n  })\n})\n\nonBeforeUnmount(() => {\n  apiClient.value?.app.unmount()\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  <Layout\n    @submit=\"handleSubmit\"\n    @uploadApi=\"$emit('uploadApi')\" />\n  <Settings :modalState=\"settingsModal\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"Chat.vue.js","names":[],"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":""}

package/dist/Chat.vue.script.js

@@ -5,17 +5,42 @@ import { useChatScroll } from "./hooks/use-chat-scroll.js";
 import { useCuratedDocuments } from "./hooks/use-curated-documents.js";
 import Layout_default from "./views/Layout.vue.js";
 import Settings_default from "./views/Settings/Settings.vue.js";
-import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, unref, useTemplateRef } from "vue";
-import { createApiClientModal } from "@scalar/api-client/modal";
+import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeUnmount, onMounted, openBlock, ref, toDisplayString, unref, useTemplateRef } from "vue";
+import { useLazyApiClient } from "@scalar/api-client/modal/use-lazy-api-client";
+import { initializeWorkspaceEventHandlers } from "@scalar/api-client/v2/workspace-events";
 //#region src/Chat.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { ref: "clientModal" };
+var _hoisted_2 = ["role"];
 var Chat_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	__name: "Chat",
 	emits: ["uploadApi"],
 	setup(__props) {
 		const { chat, prompt, settingsModal, eventBus, workspaceStore, config, mode, addDocument } = useState();
 		const clientModalRef = useTemplateRef("clientModal");
-		const apiClient = ref(null);
+		const stopClientEvents = initializeWorkspaceEventHandlers({
+			eventBus,
+			store: ref(workspaceStore),
+			hooks: {}
+		});
+		const clientLoadingStatus = ref("idle");
+		useLazyApiClient({
+			eventBus,
+			status: clientLoadingStatus,
+			load: async () => {
+				const { createApiClientModal } = await import("@scalar/api-client/modal");
+				return () => {
+					if (!clientModalRef.value) return null;
+					stopClientEvents();
+					return createApiClientModal({
+						el: clientModalRef.value,
+						options: config,
+						eventBus,
+						workspaceStore
+					});
+				};
+			}
+		});
+		onBeforeUnmount(stopClientEvents);
 		onMounted(async () => {
 			const tmpDoc = getTmpDocFromLocalStorage();
 			if (mode === "preview" && tmpDoc) await addDocument({
@@ -24,16 +49,6 @@ var Chat_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 				removable: false,
 				tmp: true
 			});
-			if (!clientModalRef.value) return;
-			apiClient.value = createApiClientModal({
-				el: clientModalRef.value,
-				options: config,
-				eventBus,
-				workspaceStore
-			});
-		});
-		onBeforeUnmount(() => {
-			apiClient.value?.app.unmount();
 		});
 		useChatScroll();
 		useAgentKeyDocuments();
@@ -44,6 +59,11 @@ var Chat_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineCompo
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock(Fragment, null, [
 				createElementVNode("div", _hoisted_1, null, 512),
+				clientLoadingStatus.value !== "idle" ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					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",
+					role: clientLoadingStatus.value === "error" ? "alert" : "status"
+				}, toDisplayString(clientLoadingStatus.value === "loading" ? "Loading request editor…" : "Could not load the request editor. Refresh the page and try again."), 9, _hoisted_2)) : createCommentVNode("", true),
 				createVNode(Layout_default, {
 					onSubmit: handleSubmit,
 					onUploadApi: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("uploadApi"))

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

@@ -1 +1 @@
-{"version":3,"file":"Chat.vue.script.js","names":["$emit"],"sources":["../src/Chat.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  createApiClientModal,\n  type ApiClientModal,\n} from '@scalar/api-client/modal'\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')\nconst apiClient = ref<ApiClientModal | null>(null)\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  if (!clientModalRef.value) {\n    return\n  }\n\n  apiClient.value = createApiClientModal({\n    el: clientModalRef.value,\n    options: config,\n    eventBus,\n    workspaceStore,\n  })\n})\n\nonBeforeUnmount(() => {\n  apiClient.value?.app.unmount()\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  <Layout\n    @submit=\"handleSubmit\"\n    @uploadApi=\"$emit('uploadApi')\" />\n  <Settings :modalState=\"settingsModal\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAmBA,MAAM,EACJ,MACA,QACA,eACA,UACA,gBACA,QACA,MACA,gBACE,SAAS;EAEb,MAAM,iBAAiB,eAA4B,aAAa;EAChE,MAAM,YAAY,IAA2B,IAAI;EAEjD,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;GAGH,IAAI,CAAC,eAAe,OAClB;GAGF,UAAU,QAAQ,qBAAqB;IACrC,IAAI,eAAe;IACnB,SAAS;IACT;IACA;GACF,CAAC;EACH,CAAC;EAED,sBAAsB;GACpB,UAAU,OAAO,IAAI,QAAQ;EAC/B,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;IACzB,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"}
+{"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/helpers.d.ts

@@ -50,6 +50,17 @@ export declare const authStorage: () => {
                 } & {
                     'x-scalar-credentials-location'?: "header" | "body" | undefined;
                 }) | undefined;
+                deviceAuthorization?: ({
+                    'x-scalar-secret-client-id': string;
+                } & {
+                    'x-scalar-secret-token': string;
+                } & {
+                    'x-scalar-secret-refresh-token'?: string | undefined;
+                } & {
+                    'x-scalar-secret-client-secret': string;
+                } & {
+                    'x-scalar-credentials-location'?: "header" | "body" | undefined;
+                }) | undefined;
                 implicit?: ({
                     'x-scalar-secret-client-id': string;
                 } & {
@@ -125,6 +136,45 @@ export declare const authStorage: () => {
                 } & {
                     'x-scalar-credentials-location'?: "header" | "body" | undefined;
                 }) | undefined;
+                deviceAuthorization?: ({
+                    refreshUrl: string;
+                    scopes: {
+                        [x: string]: string;
+                    };
+                } & {
+                    'x-scalar-security-query'?: {
+                        [x: string]: string;
+                    } | undefined;
+                } & {
+                    'x-scalar-security-body'?: {
+                        [x: string]: string;
+                    } | undefined;
+                } & {
+                    'x-tokenName'?: string | undefined;
+                } & {
+                    'x-scalar-secret-auth-url'?: string | undefined;
+                } & {
+                    'x-scalar-secret-token-url'?: string | undefined;
+                } & {
+                    'x-order'?: number | undefined;
+                } & {
+                    'x-scalar-ignore'?: boolean | undefined;
+                } & {
+                    deviceAuthorizationUrl: string;
+                    tokenUrl: string;
+                } & {
+                    'x-scalar-credentials-location'?: "header" | "body" | undefined;
+                } & {
+                    'x-scalar-secret-client-id': string;
+                } & {
+                    'x-scalar-secret-token': string;
+                } & {
+                    'x-scalar-secret-refresh-token'?: string | undefined;
+                } & {
+                    'x-scalar-secret-client-secret': string;
+                } & {
+                    'x-scalar-credentials-location'?: "header" | "body" | undefined;
+                }) | undefined;
                 implicit?: ({
                     refreshUrl: string;
                     scopes: {
@@ -221,8 +271,8 @@ export declare const authStorage: () => {
                 } & {
                     'x-scalar-ignore'?: boolean | undefined;
                 } & {
-                    authorizationUrl: string;
                     tokenUrl: string;
+                    authorizationUrl: string;
                 } & {
                     'x-usePkce': "SHA-256" | "plain" | "no";
                 } & {

package/dist/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,uCAAuC,CAAA;AAC7E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AAWzF,OAAO,KAAK,EAAmB,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEpH,wBAAgB,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,GACwB,eAAe,EAAE,CACxG;AAwBD,mHAAmH;AACnH,wBAAgB,sBAAsB,CAAC,cAAc,EAAE,cAAc;;;;;EAuBpE;AAKD;;;;GAIG;AACH,eAAO,MAAM,WAAW;IAMpB;;OAEG;oBACa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAItB;;;OAGG;oBACa,MAAM,SAAS,IAAI;CAItC,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,6BAA6B,GAAI,mCAG3C;IACD,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,cAAc,CAAA;CAC/B,KAAG,IAIH,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,OAM1C"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,EAAE,KAAK,IAAI,EAAc,MAAM,uCAAuC,CAAA;AAC7E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAA;AAWzF,OAAO,KAAK,EAAmB,eAAe,EAAE,MAAM,8DAA8D,CAAA;AAEpH,wBAAgB,aAAa,CAAC,GAAG,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,GACwB,eAAe,EAAE,CACxG;AAwBD,mHAAmH;AACnH,wBAAgB,sBAAsB,CAAC,cAAc,EAAE,cAAc;;;;;EAuBpE;AAKD;;;;GAIG;AACH,eAAO,MAAM,WAAW;IAMpB;;OAEG;oBACa,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAItB;;;OAGG;oBACa,MAAM,SAAS,IAAI;CAItC,CAAA;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,6BAA6B,GAAI,mCAG3C;IACD,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,EAAE,cAAc,CAAA;CAC/B,KAAG,IAIH,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,OAM1C"}

package/dist/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.12.34",
+  "version": "0.12.36",
   "engines": {
     "node": ">=22"
   },

package/dist/registry/add-documents-to-store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"add-documents-to-store.d.ts","sourceRoot":"","sources":["../../src/registry/add-documents-to-store.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAI/D,eAAO,MAAM,YAAY;eAYV,MAAM;UACX,MAAM;oBACI,cAAc;qBACb,MAAM,MAAM;uBACV,GAAG,CAAC,WAAW,EAAE,CAAC;iBACxB,MAAM;YACX,OAAO,CAAC,yBAAyB,CAAC;SACrC,GAAG;gBACI,OAAO;;;;;;;;;;;;;;;;;;;;;gHA4DtB,CAAA"}
+{"version":3,"file":"add-documents-to-store.d.ts","sourceRoot":"","sources":["../../src/registry/add-documents-to-store.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAGpE,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAI/D,eAAO,MAAM,YAAY;eAYV,MAAM;UACX,MAAM;oBACI,cAAc;qBACb,MAAM,MAAM;uBACV,GAAG,CAAC,WAAW,EAAE,CAAC;iBACxB,MAAM;YACX,OAAO,CAAC,yBAAyB,CAAC;SACrC,GAAG;gBACI,OAAO;;;;;;;;;;;;;;;;;;;;;gHA6DtB,CAAA"}

package/dist/registry/add-documents-to-store.js

@@ -4,6 +4,7 @@ import { restoreAuthSecretsFromStorage } from "../helpers.js";
 import { n } from "neverpanic";
 import { bundle } from "@scalar/json-magic/bundle";
 import { fetchUrls } from "@scalar/json-magic/bundle/plugins/browser";
+import { openApiDocument } from "@scalar/workspace-store/plugins/bundler";
 //#region src/registry/add-documents-to-store.ts
 var loadDocument = n.safeFn(async ({ namespace, slug, workspaceStore, registryDocuments, getAccessToken, registryUrl, config, api, removable }) => {
 	const getDocumentResult = await api.getDocument({
@@ -23,7 +24,7 @@ var loadDocument = n.safeFn(async ({ namespace, slug, workspaceStore, registryDo
 		headers: { "x-scalar-auth": token }
 	});
 	const document = await bundle(url.toString(), {
-		plugins: [fetchUrls({ headers })],
+		plugins: [openApiDocument(), fetchUrls({ headers })],
 		treeShake: false
 	});
 	const documentName = createDocumentName(namespace, slug);

package/dist/registry/add-documents-to-store.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-documents-to-store.js","names":[],"sources":["../../src/registry/add-documents-to-store.ts"],"sourcesContent":["import { bundle } from '@scalar/json-magic/bundle'\nimport { fetchUrls } from '@scalar/json-magic/bundle/plugins/browser'\nimport type { OpenAPIV3_1 } from '@scalar/openapi-types'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { n } from 'neverpanic'\nimport type { Ref } from 'vue'\n\nimport type { Api } from '@/api'\nimport { createError } from '@/entities'\nimport type { ApiMetadata } from '@/entities/registry/document'\nimport { restoreAuthSecretsFromStorage } from '@/helpers'\nimport { createDocumentName } from '@/registry/create-document-name'\n\nexport const loadDocument = n.safeFn(\n  async ({\n    namespace,\n    slug,\n    workspaceStore,\n    registryDocuments,\n    getAccessToken,\n    registryUrl,\n    config,\n    api,\n    removable,\n  }: {\n    namespace: string\n    slug: string\n    workspaceStore: WorkspaceStore\n    getAccessToken?: () => string\n    registryDocuments: Ref<ApiMetadata[]>\n    registryUrl: string\n    config: Partial<ApiReferenceConfiguration>\n    api: Api\n    removable?: boolean\n  }) => {\n    const getDocumentResult = await api.getDocument({\n      namespace,\n      slug,\n    })\n\n    if (!getDocumentResult.success) {\n      return getDocumentResult\n    }\n\n    registryDocuments.value.push({ ...getDocumentResult.data, removable })\n\n    const url = new URL(`/@${namespace}/apis/${slug}/latest`, registryUrl)\n\n    const headers: {\n      headers: HeadersInit\n      domains: string[]\n    }[] = []\n\n    const token = getAccessToken?.()\n\n    if (token) {\n      headers.push({\n        domains: [new URL(registryUrl).host],\n        headers: {\n          'x-scalar-auth': token,\n        },\n      })\n    }\n\n    const document: OpenAPIV3_1.Document = await bundle(url.toString(), {\n      plugins: [\n        fetchUrls({\n          headers,\n        }),\n      ],\n      treeShake: false,\n    })\n\n    const documentName = createDocumentName(namespace, slug)\n\n    await workspaceStore.addDocument(\n      {\n        name: documentName,\n        document,\n      },\n      config,\n    )\n\n    workspaceStore.update('x-scalar-active-document', documentName)\n\n    restoreAuthSecretsFromStorage({ documentName, workspaceStore })\n\n    return {\n      success: true,\n      data: getDocumentResult.data,\n    }\n  },\n  (originalError) => createError('UNABLE_TO_LOAD_DOCUMENT', originalError),\n)\n"],"mappings":";;;;;;;AAcA,IAAa,eAAe,EAAE,OAC5B,OAAO,EACL,WACA,MACA,gBACA,mBACA,gBACA,aACA,QACA,KACA,gBAWI;CACJ,MAAM,oBAAoB,MAAM,IAAI,YAAY;EAC9C;EACA;CACF,CAAC;CAED,IAAI,CAAC,kBAAkB,SACrB,OAAO;CAGT,kBAAkB,MAAM,KAAK;EAAE,GAAG,kBAAkB;EAAM;CAAU,CAAC;CAErE,MAAM,MAAM,IAAI,IAAI,KAAK,UAAU,QAAQ,KAAK,UAAU,WAAW;CAErE,MAAM,UAGA,CAAC;CAEP,MAAM,QAAQ,iBAAiB;CAE/B,IAAI,OACF,QAAQ,KAAK;EACX,SAAS,CAAC,IAAI,IAAI,WAAW,CAAC,CAAC,IAAI;EACnC,SAAS,EACP,iBAAiB,MACnB;CACF,CAAC;CAGH,MAAM,WAAiC,MAAM,OAAO,IAAI,SAAS,GAAG;EAClE,SAAS,CACP,UAAU,EACR,QACF,CAAC,CACH;EACA,WAAW;CACb,CAAC;CAED,MAAM,eAAe,mBAAmB,WAAW,IAAI;CAEvD,MAAM,eAAe,YACnB;EACE,MAAM;EACN;CACF,GACA,MACF;CAEA,eAAe,OAAO,4BAA4B,YAAY;CAE9D,8BAA8B;EAAE;EAAc;CAAe,CAAC;CAE9D,OAAO;EACL,SAAS;EACT,MAAM,kBAAkB;CAC1B;AACF,IACC,kBAAkB,YAAY,2BAA2B,aAAa,CACzE"}
+{"version":3,"file":"add-documents-to-store.js","names":[],"sources":["../../src/registry/add-documents-to-store.ts"],"sourcesContent":["import { bundle } from '@scalar/json-magic/bundle'\nimport { fetchUrls } from '@scalar/json-magic/bundle/plugins/browser'\nimport type { OpenAPIV3_1 } from '@scalar/openapi-types'\nimport type { ApiReferenceConfiguration } from '@scalar/types/api-reference'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport { openApiDocument } from '@scalar/workspace-store/plugins/bundler'\nimport { n } from 'neverpanic'\nimport type { Ref } from 'vue'\n\nimport type { Api } from '@/api'\nimport { createError } from '@/entities'\nimport type { ApiMetadata } from '@/entities/registry/document'\nimport { restoreAuthSecretsFromStorage } from '@/helpers'\nimport { createDocumentName } from '@/registry/create-document-name'\n\nexport const loadDocument = n.safeFn(\n  async ({\n    namespace,\n    slug,\n    workspaceStore,\n    registryDocuments,\n    getAccessToken,\n    registryUrl,\n    config,\n    api,\n    removable,\n  }: {\n    namespace: string\n    slug: string\n    workspaceStore: WorkspaceStore\n    getAccessToken?: () => string\n    registryDocuments: Ref<ApiMetadata[]>\n    registryUrl: string\n    config: Partial<ApiReferenceConfiguration>\n    api: Api\n    removable?: boolean\n  }) => {\n    const getDocumentResult = await api.getDocument({\n      namespace,\n      slug,\n    })\n\n    if (!getDocumentResult.success) {\n      return getDocumentResult\n    }\n\n    registryDocuments.value.push({ ...getDocumentResult.data, removable })\n\n    const url = new URL(`/@${namespace}/apis/${slug}/latest`, registryUrl)\n\n    const headers: {\n      headers: HeadersInit\n      domains: string[]\n    }[] = []\n\n    const token = getAccessToken?.()\n\n    if (token) {\n      headers.push({\n        domains: [new URL(registryUrl).host],\n        headers: {\n          'x-scalar-auth': token,\n        },\n      })\n    }\n\n    const document: OpenAPIV3_1.Document = await bundle(url.toString(), {\n      plugins: [\n        openApiDocument(),\n        fetchUrls({\n          headers,\n        }),\n      ],\n      treeShake: false,\n    })\n\n    const documentName = createDocumentName(namespace, slug)\n\n    await workspaceStore.addDocument(\n      {\n        name: documentName,\n        document,\n      },\n      config,\n    )\n\n    workspaceStore.update('x-scalar-active-document', documentName)\n\n    restoreAuthSecretsFromStorage({ documentName, workspaceStore })\n\n    return {\n      success: true,\n      data: getDocumentResult.data,\n    }\n  },\n  (originalError) => createError('UNABLE_TO_LOAD_DOCUMENT', originalError),\n)\n"],"mappings":";;;;;;;;AAeA,IAAa,eAAe,EAAE,OAC5B,OAAO,EACL,WACA,MACA,gBACA,mBACA,gBACA,aACA,QACA,KACA,gBAWI;CACJ,MAAM,oBAAoB,MAAM,IAAI,YAAY;EAC9C;EACA;CACF,CAAC;CAED,IAAI,CAAC,kBAAkB,SACrB,OAAO;CAGT,kBAAkB,MAAM,KAAK;EAAE,GAAG,kBAAkB;EAAM;CAAU,CAAC;CAErE,MAAM,MAAM,IAAI,IAAI,KAAK,UAAU,QAAQ,KAAK,UAAU,WAAW;CAErE,MAAM,UAGA,CAAC;CAEP,MAAM,QAAQ,iBAAiB;CAE/B,IAAI,OACF,QAAQ,KAAK;EACX,SAAS,CAAC,IAAI,IAAI,WAAW,CAAC,CAAC,IAAI;EACnC,SAAS,EACP,iBAAiB,MACnB;CACF,CAAC;CAGH,MAAM,WAAiC,MAAM,OAAO,IAAI,SAAS,GAAG;EAClE,SAAS,CACP,gBAAgB,GAChB,UAAU,EACR,QACF,CAAC,CACH;EACA,WAAW;CACb,CAAC;CAED,MAAM,eAAe,mBAAmB,WAAW,IAAI;CAEvD,MAAM,eAAe,YACnB;EACE,MAAM;EACN;CACF,GACA,MACF;CAEA,eAAe,OAAO,4BAA4B,YAAY;CAE9D,8BAA8B;EAAE;EAAc;CAAe,CAAC;CAE9D,OAAO;EACL,SAAS;EACT,MAAM,kBAAkB;CAC1B;AACF,IACC,kBAAkB,YAAY,2BAA2B,aAAa,CACzE"}

package/dist/style.css

@@ -1382,8 +1382,7 @@
   border-radius: var(--scalar-radius);
 }
 
-.sidebar-heading-type[data-v-bdef8365] {
-  text-transform: uppercase;
+.sidebar-heading-type[data-v-5edae08d] {
   color: var(--method-color, var(--scalar-color-1));
   font-size: 10px;
   line-height: 14px;
@@ -1397,19 +1396,19 @@
   overflow: hidden;
 }
 
-.http-bg-gradient[data-v-86e2b3ea] {
+.http-bg-gradient[data-v-e7883636] {
   background: linear-gradient(#ffffffbf, #00000009);
 }
 
-.http-bg-gradient[data-v-86e2b3ea]:hover {
+.http-bg-gradient[data-v-e7883636]:hover {
   background: linear-gradient(#00000009, #ffffffbf);
 }
 
-.dark-mode .http-bg-gradient[data-v-86e2b3ea] {
+.dark-mode .http-bg-gradient[data-v-e7883636] {
   background: linear-gradient(#ffffff09, #00000026);
 }
 
-.dark-mode .http-bg-gradient[data-v-86e2b3ea]:hover {
+.dark-mode .http-bg-gradient[data-v-e7883636]:hover {
   background: linear-gradient(#00000026, #ffffff09);
 }
 
@@ -1438,7 +1437,7 @@
   }
 }
 
-.open-api-client-button[data-v-cd067f84] {
+.open-api-client-button[data-v-746e7aef] {
   cursor: pointer;
   text-align: center;
   white-space: nowrap;
@@ -1457,126 +1456,129 @@
   display: flex;
 }
 
-.open-api-client-button[data-v-cd067f84]:hover {
+.open-api-client-button[data-v-746e7aef]:hover {
   background: var(--scalar-sidebar-item-hover-background, var(--scalar-background-2));
 }
 
-.fade-request-section-content[data-v-ac788106] {
+.fade-request-section-content[data-v-48147b15] {
   background: linear-gradient(to left, var(--scalar-background-1) 64%, transparent);
 }
 
-.filter-hover[data-v-ac788106] {
+.fade-request-section-content[data-v-48147b15]:dir(rtl) {
+  background: linear-gradient(to right, var(--scalar-background-1) 64%, transparent);
+}
+
+.filter-hover[data-v-48147b15] {
   height: 100%;
-  padding-left: 24px;
-  padding-right: 39px;
+  padding-inline: 24px 39px;
   transition: width 0s ease-in-out .2s;
   position: absolute;
-  right: 0;
+  inset-inline-end: 0;
   overflow: hidden;
 }
 
-.filter-hover[data-v-ac788106]:hover, .filter-hover[data-v-ac788106]:has(:focus-visible) {
+.filter-hover[data-v-48147b15]:hover, .filter-hover[data-v-48147b15]:has(:focus-visible) {
   z-index: 10;
   width: 100%;
 }
 
-.filter-hover[data-v-ac788106]:before {
+.filter-hover[data-v-48147b15]:before {
   content: "";
   background-color: var(--scalar-background-1);
   opacity: 0;
   pointer-events: none;
+  top: 0;
   width: 100%;
   height: fit-content;
   transition: all .3s ease-in-out;
   position: absolute;
-  top: 0;
-  left: 0;
+  inset-inline-start: 0;
 }
 
-.filter-hover-item[data-v-ac788106] {
+.filter-hover-item[data-v-48147b15] {
   opacity: 0;
 }
 
-.filter-hover-item[data-v-ac788106]:not(:last-of-type) {
+.filter-hover-item[data-v-48147b15]:not(:last-of-type) {
   transform: translate3d(0, 3px, 0);
 }
 
-.filter-hover:hover .filter-hover-item[data-v-ac788106] {
+.filter-hover:hover .filter-hover-item[data-v-48147b15] {
   transition: opacity .2s ease-in-out, transform .2s ease-in-out;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-ac788106]:last-of-type {
+.filter-hover:hover .filter-hover-item[data-v-48147b15]:last-of-type {
   transition-delay: 50ms;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(2) {
+.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(2) {
   transition-delay: .1s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(3) {
+.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(3) {
   transition-delay: .15s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(4) {
+.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(4) {
   transition-delay: .2s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(5) {
+.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(5) {
   transition-delay: .25s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(6) {
+.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(6) {
   transition-delay: .3s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-ac788106]:nth-last-of-type(7) {
+.filter-hover:hover .filter-hover-item[data-v-48147b15]:nth-last-of-type(7) {
   transition-delay: .35s;
 }
 
-.filter-hover:hover .filter-hover-item[data-v-ac788106], .filter-hover:has(:focus-visible) .filter-hover-item[data-v-ac788106] {
+.filter-hover:hover .filter-hover-item[data-v-48147b15], .filter-hover:has(:focus-visible) .filter-hover-item[data-v-48147b15] {
   opacity: 1;
   transform: translate3d(0, 0, 0);
 }
 
-.filter-hover[data-v-ac788106]:hover:before, .filter-hover[data-v-ac788106]:has(:focus-visible):before {
+.filter-hover[data-v-48147b15]:hover:before, .filter-hover[data-v-48147b15]:has(:focus-visible):before {
   opacity: .9;
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
 }
 
-.filter-button[data-v-ac788106] {
+.filter-button[data-v-48147b15] {
   top: 50%;
   transform: translateY(-50%);
 }
 
-.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-ac788106], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-ac788106] {
+.context-bar-group:hover .context-bar-group-hover\:text-c-1[data-v-48147b15], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:text-c-1[data-v-48147b15] {
   --tw-text-opacity: 1;
   color: rgb(var(--scalar-color-1) / var(--tw-text-opacity));
 }
 
-.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-ac788106], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-ac788106] {
+.context-bar-group:hover .context-bar-group-hover\:hidden[data-v-48147b15], .context-bar-group:has(:focus-visible) .context-bar-group-hover\:hidden[data-v-48147b15] {
   display: none;
 }
 
-[data-v-dbc85839] .cm-editor {
+[data-v-2334e03b] .cm-editor {
   background: none;
   outline: none;
   height: 100%;
   padding: 0;
 }
 
-[data-v-dbc85839] .cm-placeholder {
+[data-v-2334e03b] .cm-placeholder {
   color: var(--scalar-color-3);
 }
 
-[data-v-dbc85839] .cm-content {
+[data-v-2334e03b] .cm-content {
   font-family: var(--scalar-font-code);
   font-size: var(--scalar-small);
   max-height: 20px;
   padding: 8px 0;
 }
 
-[data-v-dbc85839] .cm-tooltip {
+[data-v-2334e03b] .cm-tooltip {
   filter: brightness(var(--scalar-lifted-brightness));
   border-radius: var(--scalar-radius);
   box-shadow: var(--scalar-shadow-2);
@@ -1586,47 +1588,47 @@
   overflow: hidden !important;
 }
 
-[data-v-dbc85839] .cm-tooltip-autocomplete ul li {
+[data-v-2334e03b] .cm-tooltip-autocomplete ul li {
   padding: 3px 6px !important;
 }
 
-[data-v-dbc85839] .cm-completionIcon-type:after {
+[data-v-2334e03b] .cm-completionIcon-type:after {
   color: var(--scalar-color-3) !important;
 }
 
-[data-v-dbc85839] .cm-tooltip-autocomplete ul li[aria-selected] {
+[data-v-2334e03b] .cm-tooltip-autocomplete ul li[aria-selected] {
   background: var(--scalar-background-2) !important;
   color: var(--scalar-color-1) !important;
 }
 
-[data-v-dbc85839] .cm-tooltip-autocomplete ul {
+[data-v-2334e03b] .cm-tooltip-autocomplete ul {
   position: relative;
   padding: 6px !important;
 }
 
-[data-v-dbc85839] .cm-tooltip-autocomplete ul li:hover {
+[data-v-2334e03b] .cm-tooltip-autocomplete ul li:hover {
   border-radius: 3px;
   color: var(--scalar-color-1) !important;
   background: var(--scalar-background-3) !important;
 }
 
-[data-v-dbc85839] .cm-activeLine, [data-v-dbc85839] .cm-activeLineGutter {
+[data-v-2334e03b] .cm-activeLine, [data-v-2334e03b] .cm-activeLineGutter {
   background-color: #0000;
 }
 
-[data-v-dbc85839] .cm-selectionMatch, [data-v-dbc85839] .cm-matchingBracket {
+[data-v-2334e03b] .cm-selectionMatch, [data-v-2334e03b] .cm-matchingBracket {
   border-radius: var(--scalar-radius);
   background: var(--scalar-background-4) !important;
 }
 
-[data-v-dbc85839] .cm-css-color-picker-wrapper {
+[data-v-2334e03b] .cm-css-color-picker-wrapper {
   outline: 1px solid var(--scalar-background-3);
   border-radius: 3px;
   display: inline-flex;
   overflow: hidden;
 }
 
-[data-v-dbc85839] .cm-gutters {
+[data-v-2334e03b] .cm-gutters {
   color: var(--scalar-color-3);
   font-size: var(--scalar-small);
   background-color: #0000;
@@ -1635,7 +1637,7 @@
   line-height: 22px;
 }
 
-[data-v-dbc85839] .cm-gutters:before {
+[data-v-2334e03b] .cm-gutters:before {
   content: "";
   border-radius: var(--scalar-radius) 0 0 var(--scalar-radius);
   background-color: var(--scalar-background-1);
@@ -1646,7 +1648,7 @@
   left: 2px;
 }
 
-[data-v-dbc85839] .cm-gutterElement {
+[data-v-2334e03b] .cm-gutterElement {
   justify-content: flex-end;
   align-items: center;
   display: flex;
@@ -1656,28 +1658,28 @@
   padding-right: 6px !important;
 }
 
-[data-v-dbc85839] .cm-lineNumbers .cm-gutterElement {
+[data-v-2334e03b] .cm-lineNumbers .cm-gutterElement {
   min-width: fit-content;
 }
 
-[data-v-dbc85839] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
+[data-v-2334e03b] .cm-gutter + .cm-gutter :not(.cm-foldGutter) .cm-gutterElement {
   padding-left: 0 !important;
 }
 
-[data-v-dbc85839] .cm-scroller {
+[data-v-2334e03b] .cm-scroller {
   overflow: auto;
 }
 
-[data-v-dbc85839] .cm-lineWrapping .cm-line {
+[data-v-2334e03b] .cm-lineWrapping .cm-line {
   word-break: break-all;
 }
 
-[data-v-dbc85839] .cm-lineWrapping .cm-content {
+[data-v-2334e03b] .cm-lineWrapping .cm-content {
   white-space: pre-wrap;
   max-height: none;
 }
 
-.line-wrapping[data-v-dbc85839]:focus-within .cm-content {
+.line-wrapping[data-v-2334e03b]:focus-within .cm-content {
   white-space: break-spaces;
   word-break: break-all;
   min-height: fit-content;
@@ -1764,6 +1766,7 @@
 
 .cm-foldGutter .cm-gutterElement .cm-foldMarker {
   padding: 2px;
+  padding-top: 2px;
 }
 
 .cm-foldGutter .cm-gutterElement:hover .cm-foldMarker {
@@ -1772,12 +1775,12 @@
   color: var(--scalar-color-1);
 }
 
-.code-input-lite[data-v-b22775cd] {
+.code-input-lite[data-v-9bca2f92] {
   align-items: center;
   display: flex;
 }
 
-.code-input-lite__editor[data-v-b22775cd] {
+.code-input-lite__editor[data-v-9bca2f92] {
   font: inherit;
   letter-spacing: inherit;
   min-width: 0;
@@ -1795,11 +1798,11 @@
   overflow: auto hidden;
 }
 
-.code-input-lite__editor[data-v-b22775cd]::-webkit-scrollbar {
+.code-input-lite__editor[data-v-9bca2f92]::-webkit-scrollbar {
   display: none;
 }
 
-.code-input-lite--empty .code-input-lite__editor[data-v-b22775cd]:not(:focus):before {
+.code-input-lite--empty .code-input-lite__editor[data-v-9bca2f92]:not(:focus):before {
   content: attr(data-placeholder);
   color: var(--scalar-color-3);
   pointer-events: none;
@@ -1811,7 +1814,7 @@
   left: .5em;
 }
 
-.code-input-lite--error .code-input-lite__editor[data-v-b22775cd] {
+.code-input-lite--error .code-input-lite__editor[data-v-9bca2f92] {
   outline: 1px solid var(--scalar-color-red);
 }
 
@@ -1875,49 +1878,45 @@
   }
 }
 
-[data-v-8c8a738b] .code-input-lite__editor {
+[data-v-bb7a09e9] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
   padding: 5px 8px;
 }
 
-[data-v-8c8a738b] .scalar-pill:not(:last-of-type) {
+[data-v-bb7a09e9] .scalar-pill:not(:last-of-type) {
   margin-right: .15em;
 }
 
-[data-v-8c8a738b] .scalar-pill:not(:first-of-type) {
+[data-v-bb7a09e9] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
 
-[data-v-d1ae5565] .cm-content {
+[data-v-c8b034c3] .cm-content {
   font-size: var(--scalar-small);
 }
 
-[data-v-a6f4752a] .code-input-lite__editor {
+[data-v-135d11b9] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
   padding: 5px 8px;
 }
 
-[data-v-a6f4752a] .scalar-pill:not(:last-of-type) {
+[data-v-135d11b9] .scalar-pill:not(:last-of-type) {
   margin-right: .15em;
 }
 
-[data-v-a6f4752a] .scalar-pill:not(:first-of-type) {
+[data-v-135d11b9] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
 
-.required[data-v-a6f4752a]:after {
-  content: "Required";
-}
-
-input[data-v-a6f4752a]::placeholder {
+input[data-v-135d11b9]::placeholder {
   color: var(--scalar-color-3);
 }
 
-.scalar-password-input[data-v-a6f4752a] {
+.scalar-password-input[data-v-135d11b9] {
   text-security: disc;
   -webkit-text-security: disc;
   -moz-text-security: disc;
@@ -1954,38 +1953,38 @@ input[data-v-a6f4752a]::placeholder {
   scrollbar-width: none;
 }
 
-.request-section-content[data-v-5d6c8262] {
+.request-section-content[data-v-ec56362c] {
   --scalar-border-width: .5px;
 }
 
-.request-section-content-filter[data-v-5d6c8262] {
+.request-section-content-filter[data-v-ec56362c] {
   box-shadow: 0 -10px 0 10px var(--scalar-background-1);
 }
 
-.request-item:focus-within .request-meta-buttons[data-v-5d6c8262] {
+.request-item:focus-within .request-meta-buttons[data-v-ec56362c] {
   opacity: 1;
 }
 
-.group-hover-input[data-v-5d6c8262] {
+.group-hover-input[data-v-ec56362c] {
   border-width: var(--scalar-border-width);
   border-color: #0000;
 }
 
-.group:hover .group-hover-input[data-v-5d6c8262] {
+.group:hover .group-hover-input[data-v-ec56362c] {
   background: var(--scalar-background-1);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  .group:hover .group-hover-input[data-v-5d6c8262] {
+  .group:hover .group-hover-input[data-v-ec56362c] {
     background: color-mix(in srgb, var(--scalar-background-1), var(--scalar-background-2));
   }
 }
 
-.group:hover .group-hover-input[data-v-5d6c8262] {
+.group:hover .group-hover-input[data-v-ec56362c] {
   border-color: var(--scalar-border-color);
 }
 
-.group-hover-input[data-v-5d6c8262]:focus {
+.group-hover-input[data-v-ec56362c]:focus {
   border-color: var(--scalar-border-color) !important;
   background: none !important;
 }
@@ -2010,15 +2009,15 @@ input[data-v-a6f4752a]::placeholder {
   word-break: break-all;
 }
 
-.light-mode .bg-preview[data-v-a10b4008] {
+.light-mode .bg-preview[data-v-a9193a63] {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
 }
 
-.dark-mode .bg-preview[data-v-a10b4008] {
+.dark-mode .bg-preview[data-v-a9193a63] {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFF' fill-opacity='10%25'%3E%3Crect width='8' height='8' /%3E%3Crect x='8' y='8' width='8' height='8' /%3E%3C/svg%3E");
 }
 
-.scalar-code-block[data-v-bb31ac6f] .hljs * {
+.scalar-code-block[data-v-f09bb250] .hljs * {
   font-size: var(--scalar-small);
 }
 
@@ -2028,7 +2027,7 @@ input[data-v-a6f4752a]::placeholder {
   display: flex;
 }
 
-.scalar-version-number[data-v-1c2fb5fe] {
+.scalar-version-number[data-v-8ed574de] {
   width: 76px;
   height: 76px;
   font-size: 8px;
@@ -2051,7 +2050,7 @@ input[data-v-a6f4752a]::placeholder {
   transform: skew(0deg, 13deg);
 }
 
-.scalar-version-number a[data-v-1c2fb5fe] {
+.scalar-version-number a[data-v-8ed574de] {
   background: var(--scalar-background-2);
   border: .5px solid var(--scalar-border-color);
   border-radius: 3px;
@@ -2060,24 +2059,24 @@ input[data-v-a6f4752a]::placeholder {
   text-decoration: none;
 }
 
-.gitbook-show[data-v-1c2fb5fe] {
+.gitbook-show[data-v-8ed574de] {
   display: none;
 }
 
-.v-enter-active[data-v-b80db6e2] {
+.v-enter-active[data-v-28d73262] {
   transition: opacity .5s;
 }
 
-.v-enter-from[data-v-b80db6e2] {
+.v-enter-from[data-v-28d73262] {
   opacity: 0;
 }
 
-.animate-response-heading .response-heading[data-v-e6c572c3] {
+.animate-response-heading .response-heading[data-v-fd52d047] {
   opacity: 1;
-  animation: .2s ease-in-out forwards push-response-e6c572c3;
+  animation: .2s ease-in-out forwards push-response-fd52d047;
 }
 
-@keyframes push-response-e6c572c3 {
+@keyframes push-response-fd52d047 {
   from {
     opacity: 1;
     transform: translateY(0);
@@ -2089,12 +2088,12 @@ input[data-v-a6f4752a]::placeholder {
   }
 }
 
-.animate-response-heading .animate-response-children[data-v-e6c572c3] {
+.animate-response-heading .animate-response-children[data-v-fd52d047] {
   opacity: 0;
-  animation: .2s ease-in-out 50ms forwards response-spans-e6c572c3;
+  animation: .2s ease-in-out 50ms forwards response-spans-fd52d047;
 }
 
-@keyframes response-spans-e6c572c3 {
+@keyframes response-spans-fd52d047 {
   from {
     opacity: 0;
     transform: translateY(4px);
@@ -2117,66 +2116,66 @@ input[data-v-a6f4752a]::placeholder {
   margin-top: 0;
 }
 
-.address-bar-history-button[data-v-12140f4f]:hover {
+.address-bar-history-button[data-v-a54819b1]:hover {
   background: var(--scalar-background-3);
 }
 
-.address-bar-history-button[data-v-12140f4f]:focus-within {
+.address-bar-history-button[data-v-a54819b1]:focus-within {
   background: var(--scalar-background-2);
 }
 
-[data-v-3f5b6752] .cm-editor {
+[data-v-0e96b5b8] .cm-editor {
   outline: none;
   width: 100%;
   height: 100%;
 }
 
-[data-v-3f5b6752] .cm-line {
+[data-v-0e96b5b8] .cm-line {
   padding: 0;
 }
 
-[data-v-3f5b6752] .cm-content {
+[data-v-0e96b5b8] .cm-content {
   font-size: var(--scalar-small);
   align-items: center;
   padding: 0;
   display: flex;
 }
 
-.scroll-timeline-x[data-v-3f5b6752] {
+.scroll-timeline-x[data-v-0e96b5b8] {
   -ms-overflow-style: none;
   -webkit-mask-image: linear-gradient(to right, #0000 0, #000 6px calc(100% - 24px), #0000 100%);
   mask-image: linear-gradient(to right, #0000 0, #000 6px calc(100% - 24px), #0000 100%);
 }
 
-.scroll-timeline-x-hidden[data-v-3f5b6752] {
+.scroll-timeline-x-hidden[data-v-0e96b5b8] {
   overflow-x: auto;
 }
 
-.scroll-timeline-x-hidden[data-v-3f5b6752] .cm-scroller {
+.scroll-timeline-x-hidden[data-v-0e96b5b8] .cm-scroller {
   scrollbar-width: none;
   -ms-overflow-style: none;
   padding-right: 20px;
   overflow: auto;
 }
 
-.scroll-timeline-x-hidden[data-v-3f5b6752]::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-0e96b5b8]::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
 
-.scroll-timeline-x-hidden[data-v-3f5b6752] .cm-scroller::-webkit-scrollbar {
+.scroll-timeline-x-hidden[data-v-0e96b5b8] .cm-scroller::-webkit-scrollbar {
   width: 0;
   height: 0;
   display: none;
 }
 
-.scroll-timeline-x-address[data-v-3f5b6752] {
+.scroll-timeline-x-address[data-v-0e96b5b8] {
   scrollbar-width: none;
   line-height: 27px;
 }
 
-.scroll-timeline-x-address[data-v-3f5b6752]:after {
+.scroll-timeline-x-address[data-v-0e96b5b8]:after {
   content: "";
   cursor: text;
   width: 24px;
@@ -2185,45 +2184,39 @@ input[data-v-a6f4752a]::placeholder {
   right: 0;
 }
 
-.scroll-timeline-x-address[data-v-3f5b6752]:empty:before {
-  content: "Enter URL or cURL request";
-  color: var(--scalar-color-3);
-  pointer-events: none;
-}
-
-.address-bar-bg-states[data-v-3f5b6752] {
+.address-bar-bg-states[data-v-0e96b5b8] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 
 @supports (color: color-mix(in lab, red, red)) {
-  .address-bar-bg-states[data-v-3f5b6752] {
+  .address-bar-bg-states[data-v-0e96b5b8] {
     --scalar-address-bar-bg: color-mix(in srgb,
     var(--scalar-background-1),
     var(--scalar-background-2));
   }
 }
 
-.address-bar-bg-states[data-v-3f5b6752] {
+.address-bar-bg-states[data-v-0e96b5b8] {
   background: var(--scalar-address-bar-bg);
 }
 
-.address-bar-bg-states[data-v-3f5b6752]:has(.cm-focused) {
+.address-bar-bg-states[data-v-0e96b5b8]:has(.cm-focused) {
   --scalar-address-bar-bg: var(--scalar-background-1);
   border-color: var(--scalar-border-color);
   outline-width: 1px;
   outline-style: solid;
 }
 
-.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-3f5b6752], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-3f5b6752] {
+.address-bar-bg-states:has(.cm-focused) .fade-left[data-v-0e96b5b8], .address-bar-bg-states:has(.cm-focused) .fade-right[data-v-0e96b5b8] {
   --scalar-address-bar-bg: var(--scalar-background-1);
 }
 
-.app-exit-button[data-v-57d0a8d2] {
+.app-exit-button[data-v-cf0538d1] {
   color: #fff;
   background: #0000001a;
 }
 
-.app-exit-button[data-v-57d0a8d2]:hover {
+.app-exit-button[data-v-cf0538d1]:hover {
   background: #ffffff1a;
 }
 
@@ -2258,22 +2251,22 @@ input[data-v-a6f4752a]::placeholder {
   inset: 0;
 }
 
-[data-v-5b336842] .code-input-lite__editor {
+[data-v-4b7f675d] .code-input-lite__editor {
   font-family: var(--scalar-font);
   font-size: var(--scalar-small);
   background-color: #0000;
   padding: 5px 8px;
 }
 
-[data-v-5b336842] .scalar-pill:not(:last-of-type) {
+[data-v-4b7f675d] .scalar-pill:not(:last-of-type) {
   margin-right: .15em;
 }
 
-[data-v-5b336842] .scalar-pill:not(:first-of-type) {
+[data-v-4b7f675d] .scalar-pill:not(:first-of-type) {
   margin-left: .5px;
 }
 
-.scalar .scalar-app-layout[data-v-77897d1c] {
+.scalar .scalar-app-layout[data-v-0eebddf5] {
   background: var(--scalar-background-1);
   border: var(--scalar-border-width) solid var(--scalar-border-color);
   border-radius: 8px;
@@ -2286,13 +2279,13 @@ input[data-v-a6f4752a]::placeholder {
 }
 
 @media (max-width: 720px) and (max-height: 480px) {
-  .scalar .scalar-app-layout[data-v-77897d1c] {
+  .scalar .scalar-app-layout[data-v-0eebddf5] {
     height: 100%;
     max-height: 90svh;
   }
 }
 
-.scalar .scalar-app-exit[data-v-77897d1c] {
+.scalar .scalar-app-exit[data-v-0eebddf5] {
   cursor: pointer;
   z-index: -1;
   background: #00000038;
@@ -2303,11 +2296,11 @@ input[data-v-a6f4752a]::placeholder {
   left: 0;
 }
 
-.dark-mode .scalar .scalar-app-exit[data-v-77897d1c] {
+.dark-mode .scalar .scalar-app-exit[data-v-0eebddf5] {
   background: #00000073;
 }
 
-.scalar .scalar-app-exit[data-v-77897d1c]:before {
+.scalar .scalar-app-exit[data-v-0eebddf5]:before {
   text-align: center;
   color: #fff;
   opacity: .6;
@@ -2320,11 +2313,11 @@ input[data-v-a6f4752a]::placeholder {
   right: 12px;
 }
 
-.scalar .scalar-app-exit[data-v-77897d1c]:hover:before {
+.scalar .scalar-app-exit[data-v-0eebddf5]:hover:before {
   opacity: 1;
 }
 
-.scalar-container[data-v-77897d1c] {
+.scalar-container[data-v-0eebddf5] {
   visibility: hidden;
   opacity: 0;
   pointer-events: none;
@@ -2342,22 +2335,22 @@ input[data-v-a6f4752a]::placeholder {
   overflow: hidden;
 }
 
-.scalar-container.scalar-client--open[data-v-77897d1c] {
+.scalar-container.scalar-client--open[data-v-0eebddf5] {
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   transition: opacity .35s;
 }
 
-.scalar .url-form-input[data-v-77897d1c] {
+.scalar .url-form-input[data-v-0eebddf5] {
   min-height: auto !important;
 }
 
-.scalar .scalar-container[data-v-77897d1c] {
+.scalar .scalar-container[data-v-0eebddf5] {
   line-height: normal;
 }
 
-.ref-search-meta[data-v-89ab8a2d] {
+.ref-search-meta[data-v-6ea0d1fb] {
   background: var(--scalar-background-1);
   border-bottom-left-radius: var(--scalar-radius-lg);
   border-bottom-right-radius: var(--scalar-radius-lg);
@@ -2448,6 +2441,10 @@ input[data-v-a6f4752a]::placeholder {
   inset-inline: 1px;
 }
 
+.scalar-app .-end-\[30px\] {
+  inset-inline-end: -30px;
+}
+
 .scalar-app .top-\(--nested-items-offset\)\! {
   top: var(--nested-items-offset) !important;
 }
@@ -2472,10 +2469,6 @@ input[data-v-a6f4752a]::placeholder {
   top: 1px;
 }
 
-.scalar-app .-right-\[30px\] {
-  right: -30px;
-}
-
 .scalar-app .bottom-\[var\(--scalar-border-width\)\] {
   bottom: var(--scalar-border-width);
 }
@@ -2512,6 +2505,10 @@ input[data-v-a6f4752a]::placeholder {
   z-index: 1;
 }
 
+.scalar-app .z-\[10001\] {
+  z-index: 10001;
+}
+
 .scalar-app .order-last {
   order: 9999;
 }
@@ -2548,6 +2545,10 @@ input[data-v-a6f4752a]::placeholder {
   margin-block: -1px;
 }
 
+.scalar-app .ms-auto {
+  margin-inline-start: auto;
+}
+
 .scalar-app .-mt-\(--scalar-sidebar-padding\) {
   margin-top: calc(var(--scalar-sidebar-padding) * -1);
 }
@@ -3455,6 +3456,10 @@ input[data-v-a6f4752a]::placeholder {
   overflow-wrap: break-word;
 }
 
+.scalar-app .break-all {
+  word-break: break-all;
+}
+
 .scalar-app .text-ellipsis {
   text-overflow: ellipsis;
 }
@@ -3688,6 +3693,11 @@ input[data-v-a6f4752a]::placeholder {
   outline-style: none;
 }
 
+.scalar-app .select-all {
+  -webkit-user-select: all;
+  user-select: all;
+}
+
 .scalar-app .select-none {
   -webkit-user-select: none;
   user-select: none;

package/package.json

@@ -10,7 +10,7 @@
     "url": "git+https://github.com/scalar/scalar.git",
     "directory": "packages/agent-chat"
   },
-  "version": "0.12.34",
+  "version": "0.12.36",
   "engines": {
     "node": ">=22"
   },
@@ -46,18 +46,18 @@
   ],
   "dependencies": {
     "@ai-sdk/vue": "3.0.33",
-    "@scalar/api-client": "3.19.3",
-    "@scalar/components": "0.30.0",
-    "@scalar/helpers": "0.12.0",
+    "@scalar/api-client": "3.21.0",
+    "@scalar/components": "0.30.2",
+    "@scalar/helpers": "0.14.0",
     "@scalar/icons": "0.7.6",
-    "@scalar/json-magic": "0.14.0",
-    "@scalar/openapi-types": "0.9.6",
-    "@scalar/schemas": "0.10.0",
+    "@scalar/json-magic": "0.15.1",
+    "@scalar/openapi-types": "0.9.7",
+    "@scalar/schemas": "0.12.0",
     "@scalar/themes": "0.18.0",
-    "@scalar/types": "0.20.1",
+    "@scalar/types": "0.22.0",
     "@scalar/use-toasts": "0.10.5",
-    "@scalar/validation": "0.6.3",
-    "@scalar/workspace-store": "0.64.0",
+    "@scalar/validation": "0.6.5",
+    "@scalar/workspace-store": "0.66.0",
     "@vueuse/core": "13.9.0",
     "ai": "6.0.33",
     "js-base64": "^3.9.2",
@@ -66,12 +66,12 @@
     "vue": "^3.5.40"
   },
   "devDependencies": {
-    "@scalar/sidebar": "0.11.5",
+    "@scalar/sidebar": "0.11.7",
     "@tailwindcss/cli": "^4.3.3",
     "@tailwindcss/vite": "^4.3.3",
     "@types/jsdom": "28.0.1",
     "@vitejs/plugin-vue": "^6.0.8",
-    "hono": "^4.13.7",
+    "hono": "^4.13.8",
     "jsdom": "27.4.0",
     "tailwindcss": "^4.3.3",
     "vite": "8.1.5",