@scalar/api-client 2.43.0 → 3.1.0

package/dist/v2/features/app/App.vue.script.js

@@ -1,15 +1,14 @@
+import TheCommandPalette_default from "../command-palette/TheCommandPalette.vue.js";
 import SidebarToggle_default from "../../components/sidebar/SidebarToggle.vue.js";
 import CreateWorkspaceModal_default from "./components/CreateWorkspaceModal.vue.js";
 import SplashScreen_default from "./components/SplashScreen.vue.js";
 import { useDocumentWatcher } from "./hooks/use-document-watcher.js";
-import TheCommandPalette_default from "../command-palette/TheCommandPalette.vue.js";
 import { useMonacoEditorConfiguration } from "../editor/config.js";
 import { useColorMode } from "../../hooks/use-color-mode.js";
 import { useGlobalHotKeys } from "../../hooks/use-global-hot-keys.js";
-import { usePosthog } from "../../posthog.js";
 import AppSidebar_default from "./components/AppSidebar.vue.js";
 import DesktopTabs_default from "./components/DesktopTabs.vue.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, toValue, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, guardReactiveProps, normalizeProps, onBeforeUnmount, openBlock, renderSlot, toValue, unref, watch, withCtx } from "vue";
 import { ScalarTeleportRoot, useModal } from "@scalar/components";
 import { ScalarToasts } from "@scalar/use-toasts";
 import { RouterView } from "vue-router";
@@ -40,7 +39,20 @@ var App_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComp
 			window.dataDumpWorkspace = () => app.store.value;
 			window.dumpAppState = () => app;
 		}
-		usePosthog(app.telemetry);
+		/** Call lifecycle hooks on plugins and subscribe to event bus events */
+		const pluginUnsubscribes = [];
+		for (const plugin of __props.plugins) {
+			plugin.lifecycle?.onInit?.({ config: { telemetry: app.telemetry.value } });
+			if (plugin.on) for (const [event, handler] of Object.entries(plugin.on)) pluginUnsubscribes.push(app.eventBus.on(event, handler));
+		}
+		/** Notify plugins when telemetry config changes */
+		watch(app.telemetry, () => {
+			for (const plugin of __props.plugins) plugin.lifecycle?.onConfigChange?.({ config: { telemetry: app.telemetry.value } });
+		});
+		onBeforeUnmount(() => {
+			for (const unsub of pluginUnsubscribes) unsub();
+			for (const plugin of __props.plugins) plugin.lifecycle?.onDestroy?.();
+		});
 		/** Register global hotkeys for the app, passing the workspace event bus and layout state */
 		useGlobalHotKeys(app.eventBus, __props.layout);
 		/** Watch the active document for changes and rebase it with its remote source */

package/dist/v2/features/app/App.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"App.vue.script.js","names":[],"sources":["../../../../src/v2/features/app/App.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Main entry point for the API client for electron and web.\n *\n * This component handles all events and store business logic for the application.\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarTeleportRoot,\n  useModal,\n  type ModalState,\n} from '@scalar/components'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport { extensions } from '@scalar/workspace-store/schemas/extensions'\nimport { computed, toValue } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport { SidebarToggle } from '@/v2/components/sidebar'\nimport CreateWorkspaceModal from '@/v2/features/app/components/CreateWorkspaceModal.vue'\nimport SplashScreen from '@/v2/features/app/components/SplashScreen.vue'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { useDocumentWatcher } from '@/v2/features/app/hooks/use-document-watcher'\nimport type { CommandPaletteState } from '@/v2/features/command-palette/hooks/use-command-palette-state'\nimport TheCommandPalette from '@/v2/features/command-palette/TheCommandPalette.vue'\nimport { useMonacoEditorConfiguration } from '@/v2/features/editor'\nimport { useColorMode } from '@/v2/hooks/use-color-mode'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport { usePosthog } from '@/v2/posthog'\nimport type { ImportDocumentFromRegistry } from '@/v2/types/configuration'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport { type AppState } from './app-state'\nimport AppSidebar from './components/AppSidebar.vue'\nimport DesktopTabs from './components/DesktopTabs.vue'\n\nconst {\n  layout,\n  plugins = [],\n  getAppState,\n  getCommandPaletteState,\n  fetchRegistryDocument,\n} = defineProps<{\n  layout: Exclude<ClientLayout, 'modal'>\n  plugins?: ClientPlugin[]\n  getAppState: () => AppState\n  getCommandPaletteState: () => CommandPaletteState\n  /** Fetches the full document from registry by meta. Passed through to route props for sync. */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n}>()\n\ndefineSlots<{\n  /**\n   * Slot for customizing the actions section of the sidebar menu.\n   * This slot is used to render custom actions or components within the actions section.\n   */\n  'sidebar-menu-actions': () => unknown\n  /**\n   * Slot for customizing the create workspace modal.\n   * This slot is used to render custom actions or components within the create workspace modal.\n   */\n  'create-workspace'?: (payload: { state: ModalState }) => unknown\n}>()\n\ndefineExpose({\n  openCreateWorkspace: () => createWorkspaceModalState.show(),\n})\n\nconst app = getAppState()\nconst paletteState = getCommandPaletteState()\n\n/** Expose workspace store to window for debugging purposes. */\nif (typeof window !== 'undefined') {\n  window.dataDumpWorkspace = () => app.store.value\n  window.dumpAppState = () => app\n}\n\nusePosthog(app.telemetry)\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(app.eventBus, layout)\n\nconst DEFAULT_DOCUMENT_WATCH_TIMEOUT = 5000\n\n/** Watch the active document for changes and rebase it with its remote source */\nuseDocumentWatcher({\n  documentName: () =>\n    app.store.value?.workspace[extensions.workspace.activeDocument],\n  store: app.store,\n  initialTimeout: DEFAULT_DOCUMENT_WATCH_TIMEOUT,\n})\n\n/** Color mode */\nuseColorMode({ workspaceStore: app.store })\n\nconst currentTheme = computed(() => app.theme.styles.value.themeStyles)\nconst isDarkMode = computed(() => app.isDarkMode.value)\n\n/** Setup monaco editor configuration */\nuseMonacoEditorConfiguration({\n  theme: currentTheme,\n  darkMode: isDarkMode,\n})\n\nconst navigateToWorkspaceOverview = (namespace?: string, slug?: string) => {\n  app.eventBus.emit('ui:navigate', {\n    page: 'workspace',\n    path: 'environment',\n    namespace,\n    workspaceSlug: slug,\n  })\n}\n\n/** Sets the active workspace by ID: finds the workspace in the list and updates app state & navigation. */\nconst setActiveWorkspace = (id?: string) => {\n  if (!id) {\n    return\n  }\n  const workspace = app.workspace.workspaceList.value?.find(\n    (workspace) => workspace.id === id,\n  )\n  if (!workspace) {\n    return\n  }\n\n  navigateToWorkspaceOverview(workspace.namespace, workspace.slug)\n}\n\nconst createWorkspaceModalState = useModal()\n\n/** Props to pass to the RouterView component. */\nconst routerViewProps = computed<RouteProps>(() => {\n  return {\n    documentSlug: app.activeEntities.documentSlug.value ?? '',\n    document: app.store.value?.workspace.activeDocument ?? null,\n    environment: app.environment.value,\n    eventBus: app.eventBus,\n    exampleName: app.activeEntities.exampleName.value,\n    fetchRegistryDocument,\n    layout,\n    method: app.activeEntities.method.value,\n    path: app.activeEntities.path.value,\n    workspaceStore: app.store.value!,\n    activeWorkspace: app.workspace.activeWorkspace.value!,\n    plugins,\n    isDarkMode: app.isDarkMode.value,\n    currentTheme: app.theme.styles.value.themeStyles,\n    customThemes: toValue(app.theme.customThemes),\n    telemetry: app.telemetry.value,\n    onUpdateTelemetry: (value: boolean) => {\n      app.telemetry.value = value\n    },\n  }\n})\n</script>\n\n<template>\n  <ScalarTeleportRoot>\n    <!-- Theme style tag -->\n    <div v-html=\"app.theme.themeStyleTag.value\" />\n\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- Main content -->\n    <main\n      v-if=\"\n        app.store.value !== null &&\n        app.workspace.activeWorkspace.value !== null &&\n        !app.loading.value\n      \">\n      <div class=\"relative flex h-dvh w-dvw flex-1 flex-col\">\n        <SidebarToggle\n          v-model=\"app.sidebar.isOpen.value\"\n          class=\"absolute top-4 left-3 z-[60] md:hidden\" />\n        <div class=\"flex min-h-0 flex-1 flex-row\">\n          <!-- App sidebar -->\n          <AppSidebar\n            v-model:isSidebarOpen=\"app.sidebar.isOpen.value\"\n            :activeWorkspace=\"app.workspace.activeWorkspace.value\"\n            :eventBus=\"app.eventBus\"\n            :isWorkspaceOpen=\"app.workspace.isOpen.value\"\n            :layout\n            :sidebarState=\"app.sidebar.state\"\n            :sidebarWidth=\"app.sidebar.width.value\"\n            :store=\"app.store.value!\"\n            :workspaces=\"app.workspace.workspaceGroups.value\"\n            @click:workspace=\"navigateToWorkspaceOverview\"\n            @create:workspace=\"createWorkspaceModalState.show()\"\n            @select:workspace=\"setActiveWorkspace\"\n            @selectItem=\"app.sidebar.handleSelectItem\"\n            @update:sidebarWidth=\"app.sidebar.handleSidebarWidthUpdate\">\n            <template #sidebarMenuActions>\n              <slot name=\"sidebar-menu-actions\" />\n            </template>\n          </AppSidebar>\n\n          <div class=\"flex flex-1 flex-col\">\n            <!-- App Tabs -->\n            <DesktopTabs\n              v-if=\"layout === 'desktop'\"\n              :activeTabIndex=\"app.tabs.activeTabIndex.value\"\n              :eventBus=\"app.eventBus\"\n              :tabs=\"app.tabs.state.value\" />\n\n            <!-- Router view min-h-0 is required for scrolling, do not remove it -->\n            <div class=\"bg-b-1 relative min-h-0 flex-1\">\n              <RouterView v-bind=\"routerViewProps\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <slot\n        name=\"create-workspace\"\n        :state=\"createWorkspaceModalState\">\n        <!-- Create workspace modal -->\n        <CreateWorkspaceModal\n          :state=\"createWorkspaceModalState\"\n          @create:workspace=\"(payload) => app.workspace.create(payload)\" />\n      </slot>\n\n      <!-- Popup command palette to add resources from anywhere -->\n      <TheCommandPalette\n        :eventBus=\"app.eventBus\"\n        :paletteState=\"paletteState\"\n        :workspaceStore=\"app.store.value!\" />\n    </main>\n    <!-- Splash screen -->\n    <main v-else>\n      <SplashScreen />\n    </main>\n  </ScalarTeleportRoot>\n</template>\n\n<style>\n#scalar-client {\n  position: relative;\n  background-color: var(--scalar-background-2);\n}\n.dark-mode #scalar-client {\n  background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmEA,WAAa,EACX,2BAA2B,0BAA0B,MAAM,EAC5D,CAAA;EAED,MAAM,MAAM,QAAA,aAAY;EACxB,MAAM,eAAe,QAAA,wBAAuB;;AAG5C,MAAI,OAAO,WAAW,aAAa;AACjC,UAAO,0BAA0B,IAAI,MAAM;AAC3C,UAAO,qBAAqB;;AAG9B,aAAW,IAAI,UAAS;;AAGxB,mBAAiB,IAAI,UAAU,QAAA,OAAM;;AAKrC,qBAAmB;GACjB,oBACE,IAAI,MAAM,OAAO,UAAU,WAAW,UAAU;GAClD,OAAO,IAAI;GACX,gBAPqC;GAQtC,CAAA;;AAGD,eAAa,EAAE,gBAAgB,IAAI,OAAO,CAAA;;AAM1C,+BAA6B;GAC3B,OALmB,eAAe,IAAI,MAAM,OAAO,MAAM,YAAW;GAMpE,UALiB,eAAe,IAAI,WAAW,MAAK;GAMrD,CAAA;EAED,MAAM,+BAA+B,WAAoB,SAAkB;AACzE,OAAI,SAAS,KAAK,eAAe;IAC/B,MAAM;IACN,MAAM;IACN;IACA,eAAe;IAChB,CAAA;;;EAIH,MAAM,sBAAsB,OAAgB;AAC1C,OAAI,CAAC,GACH;GAEF,MAAM,YAAY,IAAI,UAAU,cAAc,OAAO,MAClD,cAAc,UAAU,OAAO,GAClC;AACA,OAAI,CAAC,UACH;AAGF,+BAA4B,UAAU,WAAW,UAAU,KAAI;;EAGjE,MAAM,4BAA4B,UAAS;;EAG3C,MAAM,kBAAkB,eAA2B;AACjD,UAAO;IACL,cAAc,IAAI,eAAe,aAAa,SAAS;IACvD,UAAU,IAAI,MAAM,OAAO,UAAU,kBAAkB;IACvD,aAAa,IAAI,YAAY;IAC7B,UAAU,IAAI;IACd,aAAa,IAAI,eAAe,YAAY;IAC5C,uBAAoB,QAAA;IACpB,QAAK,QAAA;IACL,QAAQ,IAAI,eAAe,OAAO;IAClC,MAAM,IAAI,eAAe,KAAK;IAC9B,gBAAgB,IAAI,MAAM;IAC1B,iBAAiB,IAAI,UAAU,gBAAgB;IAC/C,SAAM,QAAA;IACN,YAAY,IAAI,WAAW;IAC3B,cAAc,IAAI,MAAM,OAAO,MAAM;IACrC,cAAc,QAAQ,IAAI,MAAM,aAAa;IAC7C,WAAW,IAAI,UAAU;IACzB,oBAAoB,UAAmB;AACrC,SAAI,UAAU,QAAQ;;IAE1B;IACD;;uBAIC,YA2EqB,MAAA,mBAAA,EAAA,MAAA;2BAzE2B;KAA9C,mBAA8C,OAAA,EAAzC,WAAQ,MAAA,IAAG,CAAC,MAAM,cAAc,OAAA,EAAA,MAAA,GAAA,WAAA;KAGrC,YAAgB,MAAA,aAAA,CAAA;KAIC,MAAA,IAAG,CAAC,MAAM,UAAK,QAAqB,MAAA,IAAG,CAAC,UAAU,gBAAgB,UAAK,QAAA,CAAsB,MAAA,IAAG,CAAC,QAAQ,SAAA,WAAA,EAD1H,mBA8DO,QAAA,YAAA;MAxDL,mBAwCM,OAxCN,YAwCM,CAvCJ,YAEmD,MAAA,sBAAA,EAAA;mBADxC,MAAA,IAAG,CAAC,QAAQ,OAAO;0EAAnB,IAAG,CAAC,QAAQ,OAAO,QAAK;OACjC,OAAM;mCACR,mBAmCM,OAnCN,YAmCM,CAjCJ,YAkBa,oBAAA;OAjBH,eAAe,MAAA,IAAG,CAAC,QAAQ,OAAO;6EAAnB,IAAG,CAAC,QAAQ,OAAO,QAAK;OAC9C,iBAAiB,MAAA,IAAG,CAAC,UAAU,gBAAgB;OAC/C,UAAU,MAAA,IAAG,CAAC;OACd,iBAAiB,MAAA,IAAG,CAAC,UAAU,OAAO;OACtC,QAAA,QAAA;OACA,cAAc,MAAA,IAAG,CAAC,QAAQ;OAC1B,cAAc,MAAA,IAAG,CAAC,QAAQ,MAAM;OAChC,OAAO,MAAA,IAAG,CAAC,MAAM;OACjB,YAAY,MAAA,IAAG,CAAC,UAAU,gBAAgB;OAC1C,qBAAiB;OACjB,sBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,0BAAyB,CAAC,MAAI;OAChD,sBAAkB;OAClB,cAAY,MAAA,IAAG,CAAC,QAAQ;OACxB,yBAAqB,MAAA,IAAG,CAAC,QAAQ;;OACvB,oBAAkB,cACS,CAApC,WAAoC,KAAA,QAAA,uBAAA,CAAA,CAAA;;;;;;;;;;;;;;UAIxC,mBAYM,OAZN,YAYM,CATI,QAAA,WAAM,aAAA,WAAA,EADd,YAIiC,qBAAA;;OAF9B,gBAAgB,MAAA,IAAG,CAAC,KAAK,eAAe;OACxC,UAAU,MAAA,IAAG,CAAC;OACd,MAAM,MAAA,IAAG,CAAC,KAAK,MAAM;;;;;0CAGxB,mBAEM,OAFN,YAEM,CADJ,YAAuC,MAAA,WAAA,EAAA,eAAA,mBAAnB,gBAAA,MAAe,CAAA,EAAA,MAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;MAM3C,WAOO,KAAA,QAAA,oBAAA,EALJ,OAAO,MAAA,0BAAyB,EAAA,QAK5B,CAHL,YAEmE,8BAAA;OADhE,OAAO,MAAA,0BAAyB;OAChC,sBAAgB,OAAA,OAAA,OAAA,MAAG,YAAY,MAAA,IAAG,CAAC,UAAU,OAAO,QAAO;;MAIhE,YAGuC,2BAAA;OAFpC,UAAU,MAAA,IAAG,CAAC;OACd,cAAc,MAAA,aAAY;OAC1B,gBAAgB,MAAA,IAAG,CAAC,MAAM;;;;;;yBAG/B,mBAEO,QAAA,YAAA,CADL,YAAgB,qBAAA,CAAA,CAAA"}
+{"version":3,"file":"App.vue.script.js","names":[],"sources":["../../../../src/v2/features/app/App.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Main entry point for the API client for electron and web.\n *\n * This component handles all events and store business logic for the application.\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  ScalarTeleportRoot,\n  useModal,\n  type ModalState,\n} from '@scalar/components'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport { ScalarToasts } from '@scalar/use-toasts'\nimport { extensions } from '@scalar/workspace-store/schemas/extensions'\nimport { computed, onBeforeUnmount, toValue, watch } from 'vue'\nimport { RouterView } from 'vue-router'\n\nimport { SidebarToggle } from '@/v2/components/sidebar'\nimport CreateWorkspaceModal from '@/v2/features/app/components/CreateWorkspaceModal.vue'\nimport SplashScreen from '@/v2/features/app/components/SplashScreen.vue'\nimport type { RouteProps } from '@/v2/features/app/helpers/routes'\nimport { useDocumentWatcher } from '@/v2/features/app/hooks/use-document-watcher'\nimport type { CommandPaletteState } from '@/v2/features/command-palette/hooks/use-command-palette-state'\nimport TheCommandPalette from '@/v2/features/command-palette/TheCommandPalette.vue'\nimport { useMonacoEditorConfiguration } from '@/v2/features/editor'\nimport { useColorMode } from '@/v2/hooks/use-color-mode'\nimport { useGlobalHotKeys } from '@/v2/hooks/use-global-hot-keys'\nimport type { ImportDocumentFromRegistry } from '@/v2/types/configuration'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nimport { type AppState } from './app-state'\nimport AppSidebar from './components/AppSidebar.vue'\nimport DesktopTabs from './components/DesktopTabs.vue'\n\nconst {\n  layout,\n  plugins = [],\n  getAppState,\n  getCommandPaletteState,\n  fetchRegistryDocument,\n} = defineProps<{\n  layout: Exclude<ClientLayout, 'modal'>\n  plugins?: ClientPlugin[]\n  getAppState: () => AppState\n  getCommandPaletteState: () => CommandPaletteState\n  /** Fetches the full document from registry by meta. Passed through to route props for sync. */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n}>()\n\ndefineSlots<{\n  /**\n   * Slot for customizing the actions section of the sidebar menu.\n   * This slot is used to render custom actions or components within the actions section.\n   */\n  'sidebar-menu-actions': () => unknown\n  /**\n   * Slot for customizing the create workspace modal.\n   * This slot is used to render custom actions or components within the create workspace modal.\n   */\n  'create-workspace'?: (payload: { state: ModalState }) => unknown\n}>()\n\ndefineExpose({\n  openCreateWorkspace: () => createWorkspaceModalState.show(),\n})\n\nconst app = getAppState()\nconst paletteState = getCommandPaletteState()\n\n/** Expose workspace store to window for debugging purposes. */\nif (typeof window !== 'undefined') {\n  window.dataDumpWorkspace = () => app.store.value\n  window.dumpAppState = () => app\n}\n\n/** Call lifecycle hooks on plugins and subscribe to event bus events */\nconst pluginUnsubscribes: (() => void)[] = []\n\nfor (const plugin of plugins) {\n  plugin.lifecycle?.onInit?.({ config: { telemetry: app.telemetry.value } })\n\n  if (plugin.on) {\n    for (const [event, handler] of Object.entries(plugin.on)) {\n      pluginUnsubscribes.push(app.eventBus.on(event as any, handler as any))\n    }\n  }\n}\n\n/** Notify plugins when telemetry config changes */\nwatch(app.telemetry, () => {\n  for (const plugin of plugins) {\n    plugin.lifecycle?.onConfigChange?.({\n      config: { telemetry: app.telemetry.value },\n    })\n  }\n})\n\nonBeforeUnmount(() => {\n  for (const unsub of pluginUnsubscribes) {\n    unsub()\n  }\n  for (const plugin of plugins) {\n    plugin.lifecycle?.onDestroy?.()\n  }\n})\n\n/** Register global hotkeys for the app, passing the workspace event bus and layout state */\nuseGlobalHotKeys(app.eventBus, layout)\n\nconst DEFAULT_DOCUMENT_WATCH_TIMEOUT = 5000\n\n/** Watch the active document for changes and rebase it with its remote source */\nuseDocumentWatcher({\n  documentName: () =>\n    app.store.value?.workspace[extensions.workspace.activeDocument],\n  store: app.store,\n  initialTimeout: DEFAULT_DOCUMENT_WATCH_TIMEOUT,\n})\n\n/** Color mode */\nuseColorMode({ workspaceStore: app.store })\n\nconst currentTheme = computed(() => app.theme.styles.value.themeStyles)\nconst isDarkMode = computed(() => app.isDarkMode.value)\n\n/** Setup monaco editor configuration */\nuseMonacoEditorConfiguration({\n  theme: currentTheme,\n  darkMode: isDarkMode,\n})\n\nconst navigateToWorkspaceOverview = (namespace?: string, slug?: string) => {\n  app.eventBus.emit('ui:navigate', {\n    page: 'workspace',\n    path: 'environment',\n    namespace,\n    workspaceSlug: slug,\n  })\n}\n\n/** Sets the active workspace by ID: finds the workspace in the list and updates app state & navigation. */\nconst setActiveWorkspace = (id?: string) => {\n  if (!id) {\n    return\n  }\n  const workspace = app.workspace.workspaceList.value?.find(\n    (workspace) => workspace.id === id,\n  )\n  if (!workspace) {\n    return\n  }\n\n  navigateToWorkspaceOverview(workspace.namespace, workspace.slug)\n}\n\nconst createWorkspaceModalState = useModal()\n\n/** Props to pass to the RouterView component. */\nconst routerViewProps = computed<RouteProps>(() => {\n  return {\n    documentSlug: app.activeEntities.documentSlug.value ?? '',\n    document: app.store.value?.workspace.activeDocument ?? null,\n    environment: app.environment.value,\n    eventBus: app.eventBus,\n    exampleName: app.activeEntities.exampleName.value,\n    fetchRegistryDocument,\n    layout,\n    method: app.activeEntities.method.value,\n    path: app.activeEntities.path.value,\n    workspaceStore: app.store.value!,\n    activeWorkspace: app.workspace.activeWorkspace.value!,\n    plugins,\n    isDarkMode: app.isDarkMode.value,\n    currentTheme: app.theme.styles.value.themeStyles,\n    customThemes: toValue(app.theme.customThemes),\n    telemetry: app.telemetry.value,\n    onUpdateTelemetry: (value: boolean) => {\n      app.telemetry.value = value\n    },\n  }\n})\n</script>\n\n<template>\n  <ScalarTeleportRoot>\n    <!-- Theme style tag -->\n    <div v-html=\"app.theme.themeStyleTag.value\" />\n\n    <!-- Toasts -->\n    <ScalarToasts />\n\n    <!-- Main content -->\n    <main\n      v-if=\"\n        app.store.value !== null &&\n        app.workspace.activeWorkspace.value !== null &&\n        !app.loading.value\n      \">\n      <div class=\"relative flex h-dvh w-dvw flex-1 flex-col\">\n        <SidebarToggle\n          v-model=\"app.sidebar.isOpen.value\"\n          class=\"absolute top-4 left-3 z-[60] md:hidden\" />\n        <div class=\"flex min-h-0 flex-1 flex-row\">\n          <!-- App sidebar -->\n          <AppSidebar\n            v-model:isSidebarOpen=\"app.sidebar.isOpen.value\"\n            :activeWorkspace=\"app.workspace.activeWorkspace.value\"\n            :eventBus=\"app.eventBus\"\n            :isWorkspaceOpen=\"app.workspace.isOpen.value\"\n            :layout\n            :sidebarState=\"app.sidebar.state\"\n            :sidebarWidth=\"app.sidebar.width.value\"\n            :store=\"app.store.value!\"\n            :workspaces=\"app.workspace.workspaceGroups.value\"\n            @click:workspace=\"navigateToWorkspaceOverview\"\n            @create:workspace=\"createWorkspaceModalState.show()\"\n            @select:workspace=\"setActiveWorkspace\"\n            @selectItem=\"app.sidebar.handleSelectItem\"\n            @update:sidebarWidth=\"app.sidebar.handleSidebarWidthUpdate\">\n            <template #sidebarMenuActions>\n              <slot name=\"sidebar-menu-actions\" />\n            </template>\n          </AppSidebar>\n\n          <div class=\"flex flex-1 flex-col\">\n            <!-- App Tabs -->\n            <DesktopTabs\n              v-if=\"layout === 'desktop'\"\n              :activeTabIndex=\"app.tabs.activeTabIndex.value\"\n              :eventBus=\"app.eventBus\"\n              :tabs=\"app.tabs.state.value\" />\n\n            <!-- Router view min-h-0 is required for scrolling, do not remove it -->\n            <div class=\"bg-b-1 relative min-h-0 flex-1\">\n              <RouterView v-bind=\"routerViewProps\" />\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <slot\n        name=\"create-workspace\"\n        :state=\"createWorkspaceModalState\">\n        <!-- Create workspace modal -->\n        <CreateWorkspaceModal\n          :state=\"createWorkspaceModalState\"\n          @create:workspace=\"(payload) => app.workspace.create(payload)\" />\n      </slot>\n\n      <!-- Popup command palette to add resources from anywhere -->\n      <TheCommandPalette\n        :eventBus=\"app.eventBus\"\n        :paletteState=\"paletteState\"\n        :workspaceStore=\"app.store.value!\" />\n    </main>\n    <!-- Splash screen -->\n    <main v-else>\n      <SplashScreen />\n    </main>\n  </ScalarTeleportRoot>\n</template>\n\n<style>\n#scalar-client {\n  position: relative;\n  background-color: var(--scalar-background-2);\n}\n.dark-mode #scalar-client {\n  background-color: color-mix(in srgb, var(--scalar-background-1) 65%, black);\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/features/app/app-state.js

@@ -1,20 +1,20 @@
+import { slugify } from "../../helpers/slugify.js";
 import { getRouteParam } from "./helpers/get-route-param.js";
 import { groupWorkspacesByTeam } from "./helpers/group-workspaces.js";
 import { useTheme } from "./hooks/use-theme.js";
 import { getTabDetails } from "../../helpers/get-tab-details.js";
-import { slugify } from "../../helpers/slugify.js";
 import { workspaceStorage } from "../../helpers/storage.js";
 import { initializeAppEventHandlers } from "./app-events.js";
 import { canLoadWorkspace, filterWorkspacesByTeam } from "./helpers/filter-workspaces.js";
 import { computed, readonly, ref, shallowRef, watch } from "vue";
-import { migrateLocalStorageToIndexDb } from "@scalar/oas-utils/migrations";
-import { isDefined } from "@scalar/helpers/array/is-defined";
-import { createWorkspaceEventBus } from "@scalar/workspace-store/events";
 import { getActiveEnvironment } from "@scalar/workspace-store/request-example";
-import { createSidebarState, generateReverseIndex } from "@scalar/sidebar";
-import { sortByOrder } from "@scalar/helpers/array/sort-by-order";
+import { createWorkspaceEventBus } from "@scalar/workspace-store/events";
+import { isDefined } from "@scalar/helpers/array/is-defined";
 import { createWorkspaceStore } from "@scalar/workspace-store/client";
 import { generateUniqueValue } from "@scalar/workspace-store/helpers/generate-unique-value";
+import { createSidebarState, generateReverseIndex } from "@scalar/sidebar";
+import { sortByOrder } from "@scalar/helpers/array/sort-by-order";
+import { migrateLocalStorageToIndexDb } from "@scalar/oas-utils/migrations";
 import { getParentEntry } from "@scalar/workspace-store/navigation";
 import { createWorkspaceStorePersistence, getWorkspaceId } from "@scalar/workspace-store/persistence";
 import { persistencePlugin } from "@scalar/workspace-store/plugins/client";

package/dist/v2/features/app/components/AppSidebar.vue.script.js

@@ -9,10 +9,10 @@ import SidebarItemMenu_default from "./SidebarItemMenu.vue.js";
 import { dragHandleFactory } from "../../../helpers/drag-handle-factory.js";
 import { Fragment, capitalize, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useModel, withCtx, withKeys, withModifiers } from "vue";
 import { ScalarButton, ScalarIconButton, ScalarModal, ScalarSidebarItem, useModal } from "@scalar/components";
-import { LibraryIcon } from "@scalar/icons/library";
-import { isMacOS } from "@scalar/helpers/general/is-mac-os";
 import { ScalarIconDotsThree, ScalarIconGearSix, ScalarIconPlus } from "@scalar/icons";
 import { getParentEntry } from "@scalar/workspace-store/navigation";
+import { LibraryIcon } from "@scalar/icons/library";
+import { isMacOS } from "@scalar/helpers/general/is-mac-os";
 //#region src/v2/features/app/components/AppSidebar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex" };
 var _hoisted_2 = { class: "flex items-center gap-0.5" };

package/dist/v2/features/app/components/CreateWorkspaceModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateWorkspaceModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/CreateWorkspaceModal.vue"],"names":[],"mappings":"AAAA,OAyEO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAMjE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAC;AAgIF,QAAA,MAAM,YAAY;;cA3HyB,MAAM;;;;cAAN,MAAM;;kFA8H/C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"CreateWorkspaceModal.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/CreateWorkspaceModal.vue"],"names":[],"mappings":"AAAA,OA2EO,EAAe,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAQjE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAC;AAsIF,QAAA,MAAM,YAAY;;cAjIyB,MAAM;;;;cAAN,MAAM;;kFAoI/C,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/app/components/CreateWorkspaceModal.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateWorkspaceModal.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/CreateWorkspaceModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { computed, ref, watch, type ComputedRef, type Ref } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nconst { state } = defineProps<{\n  state: ModalState\n}>()\n\nconst emit = defineEmits<{\n  (e: 'create:workspace', payload: { name: string }): void\n}>()\n\n/** Name input for the new workspace. Resets whenever the modal opens. */\nconst name: Ref<string> = ref('')\n\n/** Trimmed version of the name to avoid repeating .trim() in multiple places. */\nconst trimmedName: ComputedRef<string> = computed(() => name.value.trim())\n\n/** Disable submit when the name is empty after trimming. */\nconst isDisabled: ComputedRef<boolean> = computed(\n  () => trimmedName.value.length === 0,\n)\n\n/**\n * Ensure the form is reset whenever the modal opens.\n * Avoids stale state if the modal is reopened.\n */\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (isOpen) {\n      name.value = ''\n    }\n  },\n)\n\n/** Emits an event to create the workspace with the provided name */\nconst handleSubmit = (): void => {\n  if (!trimmedName.value) {\n    return\n  }\n\n  emit('create:workspace', {\n    name: trimmedName.value,\n  })\n  state.hide()\n}\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg\"\n    size=\"xs\"\n    :state=\"state\">\n    <CommandActionForm\n      :disabled=\"isDisabled\"\n      @submit=\"handleSubmit\">\n      <CommandActionInput\n        v-model=\"name\"\n        class=\"-mt-[.5px] !p-0\"\n        placeholder=\"Workspace name\" />\n\n      <!-- Submit button -->\n      <template #submit>Add Workspace</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"CreateWorkspaceModal.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/CreateWorkspaceModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { computed, ref, watch, type ComputedRef, type Ref } from 'vue'\n\nimport {\n  CommandActionForm,\n  CommandActionInput,\n} from '@/v2/features/command-palette'\n\nconst { state } = defineProps<{\n  state: ModalState\n}>()\n\nconst emit = defineEmits<{\n  (e: 'create:workspace', payload: { name: string }): void\n}>()\n\n/** Name input for the new workspace. Resets whenever the modal opens. */\nconst name: Ref<string> = ref('')\n\n/** Trimmed version of the name to avoid repeating .trim() in multiple places. */\nconst trimmedName: ComputedRef<string> = computed(() => name.value.trim())\n\n/** Disable submit when the name is empty after trimming. */\nconst isDisabled: ComputedRef<boolean> = computed(\n  () => trimmedName.value.length === 0,\n)\n\n/**\n * Ensure the form is reset whenever the modal opens.\n * Avoids stale state if the modal is reopened.\n */\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (isOpen) {\n      name.value = ''\n    }\n  },\n)\n\n/** Emits an event to create the workspace with the provided name */\nconst handleSubmit = (): void => {\n  if (!trimmedName.value) {\n    return\n  }\n\n  emit('create:workspace', {\n    name: trimmedName.value,\n  })\n  state.hide()\n}\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg\"\n    size=\"xs\"\n    :state=\"state\">\n    <CommandActionForm\n      :disabled=\"isDisabled\"\n      @submit=\"handleSubmit\">\n      <CommandActionInput\n        v-model=\"name\"\n        class=\"-mt-[.5px] !p-0\"\n        placeholder=\"Workspace name\" />\n\n      <!-- Submit button -->\n      <template #submit>Add Workspace</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n"],"mappings":""}

package/dist/v2/features/app/components/CreateWorkspaceModal.vue.script.js

@@ -1,5 +1,5 @@
-import CommandActionForm_default from "../../../../components/CommandPalette/CommandActionForm.vue.js";
-import CommandActionInput_default from "../../../../components/CommandPalette/CommandActionInput.vue.js";
+import CommandActionForm_default from "../../command-palette/components/CommandActionForm.vue.js";
+import CommandActionInput_default from "../../command-palette/components/CommandActionInput.vue.js";
 import { computed, createBlock, createTextVNode, createVNode, defineComponent, openBlock, ref, unref, watch, withCtx } from "vue";
 import { ScalarModal } from "@scalar/components";
 //#region src/v2/features/app/components/CreateWorkspaceModal.vue?vue&type=script&setup=true&lang.ts
@@ -34,12 +34,12 @@ var CreateWorkspaceModal_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 				size: "xs",
 				state: __props.state
 			}, {
-				default: withCtx(() => [createVNode(CommandActionForm_default, {
+				default: withCtx(() => [createVNode(unref(CommandActionForm_default), {
 					disabled: isDisabled.value,
 					onSubmit: handleSubmit
 				}, {
 					submit: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode("Add Workspace", -1)])]),
-					default: withCtx(() => [createVNode(CommandActionInput_default, {
+					default: withCtx(() => [createVNode(unref(CommandActionInput_default), {
 						modelValue: name.value,
 						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => name.value = $event),
 						class: "-mt-[.5px] !p-0",

package/dist/v2/features/app/components/CreateWorkspaceModal.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateWorkspaceModal.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/CreateWorkspaceModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { computed, ref, watch, type ComputedRef, type Ref } from 'vue'\n\nimport CommandActionForm from '@/components/CommandPalette/CommandActionForm.vue'\nimport CommandActionInput from '@/components/CommandPalette/CommandActionInput.vue'\n\nconst { state } = defineProps<{\n  state: ModalState\n}>()\n\nconst emit = defineEmits<{\n  (e: 'create:workspace', payload: { name: string }): void\n}>()\n\n/** Name input for the new workspace. Resets whenever the modal opens. */\nconst name: Ref<string> = ref('')\n\n/** Trimmed version of the name to avoid repeating .trim() in multiple places. */\nconst trimmedName: ComputedRef<string> = computed(() => name.value.trim())\n\n/** Disable submit when the name is empty after trimming. */\nconst isDisabled: ComputedRef<boolean> = computed(\n  () => trimmedName.value.length === 0,\n)\n\n/**\n * Ensure the form is reset whenever the modal opens.\n * Avoids stale state if the modal is reopened.\n */\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (isOpen) {\n      name.value = ''\n    }\n  },\n)\n\n/** Emits an event to create the workspace with the provided name */\nconst handleSubmit = (): void => {\n  if (!trimmedName.value) {\n    return\n  }\n\n  emit('create:workspace', {\n    name: trimmedName.value,\n  })\n  state.hide()\n}\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg\"\n    size=\"xs\"\n    :state=\"state\">\n    <CommandActionForm\n      :disabled=\"isDisabled\"\n      @submit=\"handleSubmit\">\n      <CommandActionInput\n        v-model=\"name\"\n        class=\"-mt-[.5px] !p-0\"\n        placeholder=\"Workspace name\" />\n\n      <!-- Submit button -->\n      <template #submit>Add Workspace</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n"],"mappings":";;;;;;;;;;EAWA,MAAM,OAAO;;EAKb,MAAM,OAAoB,IAAI,GAAE;;EAGhC,MAAM,cAAmC,eAAe,KAAK,MAAM,MAAM,CAAA;;EAGzE,MAAM,aAAmC,eACjC,YAAY,MAAM,WAAW,EACrC;;;;;AAMA,cACQ,QAAA,MAAM,OACX,WAAW;AACV,OAAI,OACF,MAAK,QAAQ;IAGnB;;EAGA,MAAM,qBAA2B;AAC/B,OAAI,CAAC,YAAY,MACf;AAGF,QAAK,oBAAoB,EACvB,MAAM,YAAY,OACnB,CAAA;AACD,WAAA,MAAM,MAAK;;;uBAKX,YAec,MAAA,YAAA,EAAA;IAdZ,WAAU;IACV,MAAK;IACJ,OAAO,QAAA;;2BAWY,CAVpB,YAUoB,2BAAA;KATjB,UAAU,WAAA;KACV,UAAQ;;KAOE,QAAM,cAAc,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA;4BAHE,CAHjC,YAGiC,4BAAA;kBAFtB,KAAA;wEAAI,QAAA;MACb,OAAM;MACN,aAAY"}
+{"version":3,"file":"CreateWorkspaceModal.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/CreateWorkspaceModal.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarModal, type ModalState } from '@scalar/components'\nimport { computed, ref, watch, type ComputedRef, type Ref } from 'vue'\n\nimport {\n  CommandActionForm,\n  CommandActionInput,\n} from '@/v2/features/command-palette'\n\nconst { state } = defineProps<{\n  state: ModalState\n}>()\n\nconst emit = defineEmits<{\n  (e: 'create:workspace', payload: { name: string }): void\n}>()\n\n/** Name input for the new workspace. Resets whenever the modal opens. */\nconst name: Ref<string> = ref('')\n\n/** Trimmed version of the name to avoid repeating .trim() in multiple places. */\nconst trimmedName: ComputedRef<string> = computed(() => name.value.trim())\n\n/** Disable submit when the name is empty after trimming. */\nconst isDisabled: ComputedRef<boolean> = computed(\n  () => trimmedName.value.length === 0,\n)\n\n/**\n * Ensure the form is reset whenever the modal opens.\n * Avoids stale state if the modal is reopened.\n */\nwatch(\n  () => state.open,\n  (isOpen) => {\n    if (isOpen) {\n      name.value = ''\n    }\n  },\n)\n\n/** Emits an event to create the workspace with the provided name */\nconst handleSubmit = (): void => {\n  if (!trimmedName.value) {\n    return\n  }\n\n  emit('create:workspace', {\n    name: trimmedName.value,\n  })\n  state.hide()\n}\n</script>\n\n<template>\n  <ScalarModal\n    bodyClass=\"border-t-0 rounded-t-lg\"\n    size=\"xs\"\n    :state=\"state\">\n    <CommandActionForm\n      :disabled=\"isDisabled\"\n      @submit=\"handleSubmit\">\n      <CommandActionInput\n        v-model=\"name\"\n        class=\"-mt-[.5px] !p-0\"\n        placeholder=\"Workspace name\" />\n\n      <!-- Submit button -->\n      <template #submit>Add Workspace</template>\n    </CommandActionForm>\n  </ScalarModal>\n</template>\n"],"mappings":";;;;;;;;;;EAaA,MAAM,OAAO;;EAKb,MAAM,OAAoB,IAAI,GAAE;;EAGhC,MAAM,cAAmC,eAAe,KAAK,MAAM,MAAM,CAAA;;EAGzE,MAAM,aAAmC,eACjC,YAAY,MAAM,WAAW,EACrC;;;;;AAMA,cACQ,QAAA,MAAM,OACX,WAAW;AACV,OAAI,OACF,MAAK,QAAQ;IAGnB;;EAGA,MAAM,qBAA2B;AAC/B,OAAI,CAAC,YAAY,MACf;AAGF,QAAK,oBAAoB,EACvB,MAAM,YAAY,OACnB,CAAA;AACD,WAAA,MAAM,MAAK;;;uBAKX,YAec,MAAA,YAAA,EAAA;IAdZ,WAAU;IACV,MAAK;IACJ,OAAO,QAAA;;2BAWY,CAVpB,YAUoB,MAAA,0BAAA,EAAA;KATjB,UAAU,WAAA;KACV,UAAQ;;KAOE,QAAM,cAAc,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA;4BAHE,CAHjC,YAGiC,MAAA,2BAAA,EAAA;kBAFtB,KAAA;wEAAI,QAAA;MACb,OAAM;MACN,aAAY"}

package/dist/v2/features/app/components/DesktopTab.vue.d.ts

@@ -10,16 +10,16 @@ type __VLS_Props = {
     tab: Tab;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: () => any;
     close: () => any;
-    newTab: () => any;
+    click: () => any;
     copyUrl: () => any;
+    newTab: () => any;
     closeOtherTabs: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
-    onNewTab?: (() => any) | undefined;
+    onClick?: (() => any) | undefined;
     onCopyUrl?: (() => any) | undefined;
+    onNewTab?: (() => any) | undefined;
     onCloseOtherTabs?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/v2/features/app/components/DesktopTab.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopTab.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/DesktopTab.vue"],"names":[],"mappings":"AAyTA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sDAAsD,CAAA;AAK/E,KAAK,WAAW,GAAG;IACjB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAA;IACf,+EAA+E;IAC/E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB;IACnB,GAAG,EAAE,GAAG,CAAA;CACT,CAAC;AAwZF,QAAA,MAAM,YAAY;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"DesktopTab.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/DesktopTab.vue"],"names":[],"mappings":"AA0TA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,sDAAsD,CAAA;AAK/E,KAAK,WAAW,GAAG;IACjB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAA;IACf,+EAA+E;IAC/E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mBAAmB;IACnB,GAAG,EAAE,GAAG,CAAA;CACT,CAAC;AAwZF,QAAA,MAAM,YAAY;;;;;;;;;;;;kFAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/app/components/DesktopTab.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import DesktopTab_vue_vue_type_script_setup_true_lang_default from "./DesktopTab.vue.script.js";
 /* empty css                         */
 //#region src/v2/features/app/components/DesktopTab.vue
-var DesktopTab_default = /* @__PURE__ */ _plugin_vue_export_helper_default(DesktopTab_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a95343c7"]]);
+var DesktopTab_default = /* @__PURE__ */ _plugin_vue_export_helper_default(DesktopTab_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2d65f302"]]);
 //#endregion
 export { DesktopTab_default as default };
 

package/dist/v2/features/app/components/DesktopTab.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopTab.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/DesktopTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownDivider,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarTooltip,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport {\n  ScalarIconArrowUpRight,\n  ScalarIconFolderSimple,\n  ScalarIconLinkSimple,\n  ScalarIconPlusSquare,\n  ScalarIconTabs,\n  ScalarIconX,\n  ScalarIconXSquare,\n} from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace'\nimport { computed } from 'vue'\n\nimport { ContextMenu } from '@/v2/components/context-menu'\n\nconst {\n  hotkey,\n  active,\n  tab,\n  isSingleTab = false,\n} = defineProps<{\n  /** Optional keyboard shortcut number for the tab */\n  hotkey?: string\n  /** Whether this tab is currently active */\n  active: boolean\n  /** Whether this is the only tab (changes styling to header-like appearance) */\n  isSingleTab?: boolean\n  /** The tab data */\n  tab: Tab\n}>()\n\nconst emit = defineEmits<{\n  /** Fired when the tab is clicked to activate it */\n  (e: 'click'): void\n  /** Fired when the close button is clicked */\n  (e: 'close'): void\n  /** Fired when \"New Tab\" is selected from context menu */\n  (e: 'newTab'): void\n  /** Fired when \"Copy URL\" is selected from context menu */\n  (e: 'copyUrl'): void\n  /** Fired when \"Close Other Tabs\" is selected from context menu */\n  (e: 'closeOtherTabs'): void\n}>()\n\nconst ICONS: Record<NonNullable<Tab['icon']>, ScalarIconComponent> = {\n  request: ScalarIconArrowUpRight,\n  document: ScalarIconFolderSimple,\n}\n\n/** Display the appropriate modifier key based on the operating system */\nconst modifierKey = computed(() => (isMacOS() ? '⌘' : '^'))\n\n/** The tooltip content showing the keyboard shortcut */\nconst tooltipContent = computed(() =>\n  hotkey ? `${modifierKey.value} ${hotkey}` : '',\n)\n\n/**\n * Handle the close button click.\n * We stop propagation to prevent triggering the tab activation click.\n */\nconst handleClose = (event: MouseEvent): void => {\n  event.stopPropagation()\n  emit('close')\n}\n</script>\n\n<template>\n  <!-- Context menu wrapper provides right-click menu functionality -->\n  <ContextMenu\n    triggerClass=\"overflow-hidden w-full flex-1 select-none\n\">\n    <!-- Tab button trigger with tooltip showing keyboard shortcut -->\n    <template #trigger>\n      <component\n        :is=\"isSingleTab ? 'div' : ScalarTooltip\"\n        :content=\"tooltipContent\"\n        placement=\"bottom\">\n        <!-- Main tab container - clickable area to activate the tab -->\n        <div\n          class=\"app-no-drag-region\"\n          :class=\"[\n            isSingleTab ? 'nav-single-tab' : 'nav-item',\n            { 'nav-item__active': active && !isSingleTab },\n          ]\"\n          @click=\"!isSingleTab && emit('click')\">\n          <!-- Icon and label container with gradient mask for text overflow -->\n          <div\n            :class=\"[\n              'flex items-center justify-center gap-1.5',\n              isSingleTab\n                ? 'custom-scroll h-full w-full whitespace-nowrap'\n                : 'nav-item-icon-copy flex-1',\n            ]\">\n            <component\n              :is=\"ICONS[tab.icon]\"\n              v-if=\"tab.icon && ICONS[tab.icon]\" />\n            <span\n              :class=\"[\n                isSingleTab ? '' : 'custom-scroll nav-item-copy',\n                'text-sm',\n              ]\">\n              {{ tab.title }}\n            </span>\n          </div>\n\n          <!-- Close button - appears on hover, stops propagation to prevent tab activation -->\n          <!-- Hidden for single tabs -->\n          <button\n            v-if=\"!isSingleTab\"\n            class=\"nav-item-close\"\n            type=\"button\"\n            @click=\"handleClose\">\n            <component :is=\"ScalarIconX\" />\n          </button>\n        </div>\n      </component>\n    </template>\n\n    <!-- Context menu content shown on right-click -->\n    <template #content>\n      <ScalarFloating placement=\"right-start\">\n        <template #floating>\n          <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n            <!-- New Tab action (Cmd/Ctrl + T) -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('newTab')\">\n              <component :is=\"ScalarIconPlusSquare\" />\n              New Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"T\" />\n            </ScalarDropdownButton>\n\n            <!-- Copy URL action -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('copyUrl')\">\n              <component :is=\"ScalarIconLinkSimple\" />\n              Copy URL\n            </ScalarDropdownButton>\n\n            <template v-if=\"!isSingleTab\">\n              <ScalarDropdownDivider />\n\n              <!-- Close Tab action (Cmd/Ctrl + W) -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('close')\">\n                <component :is=\"ScalarIconXSquare\" />\n                Close Tab\n                <ScalarHotkey\n                  class=\"bg-b-2 ml-auto\"\n                  hotkey=\"W\" />\n              </ScalarDropdownButton>\n\n              <!-- Close Other Tabs action -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('closeOtherTabs')\">\n                <component :is=\"ScalarIconTabs\" />\n                Close Other Tabs\n              </ScalarDropdownButton>\n            </template>\n          </ScalarDropdownMenu>\n        </template>\n      </ScalarFloating>\n    </template>\n  </ContextMenu>\n</template>\n\n<style scoped>\n/** Single tab styling - appears as a header without tab-like appearance */\n.nav-single-tab {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  color: var(--scalar-color-1);\n}\n\n/** Base tab styling with subtle background and border */\n.nav-item {\n  padding: 4.5px 1rem;\n  cursor: pointer;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  border-radius: var(--scalar-radius-lg);\n  background: var(--scalar-background-3);\n  border: var(--scalar-border-width) solid var(--scalar-background-2);\n  color: var(--scalar-color-3);\n  min-width: 0;\n  overflow: hidden;\n  position: relative;\n}\n\n.dark-mode .nav-item {\n  background: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n\n/**\n * Container for the icon and label.\n * Uses a mask gradient to fade out text on the right side,\n * making room for the close button that appears on hover.\n */\n.nav-item-icon-copy {\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  mask-image: linear-gradient(\n    to left,\n    transparent 0,\n    var(--scalar-background-2) 20px\n  );\n}\n\n/** On hover, shift the gradient to make more room for the close button */\n.nav-item:hover .nav-item-icon-copy {\n  mask-image: linear-gradient(\n    to left,\n    transparent 20px,\n    var(--scalar-background-2) 40px\n  );\n}\n\n/** Label text with constrained width to prevent overflow */\n.nav-item-copy {\n  max-width: calc(100% - 20px);\n}\n\n.nav-item:hover {\n  color: var(--scalar-color-1);\n}\n\n/** Active tab state with brighter background and border */\n.nav-item__active {\n  background-color: var(--scalar-background-1);\n  color: var(--scalar-color-1);\n  border-color: var(--scalar-border-color);\n}\n\n.dark-mode .nav-item__active {\n  background-color: var(--scalar-background-2);\n}\n\n/**\n * Close button positioned absolutely on the right.\n * Hidden by default, revealed on tab hover.\n */\n.nav-item-close {\n  position: absolute;\n  right: 3px;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n  background: transparent;\n  max-width: 20px;\n  stroke-width: 1.5px;\n  color: var(--scalar-color-3);\n  margin-left: -20px;\n  opacity: 0;\n}\n\n.nav-item:hover .nav-item-close {\n  opacity: 1;\n}\n\n.nav-item-close:hover {\n  background-color: var(--scalar-background-4);\n}\n\n.nav-item__active .nav-item-close:hover {\n  background-color: var(--scalar-background-2);\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"DesktopTab.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/DesktopTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownDivider,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarTooltip,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport {\n  ScalarIconArrowUpRight,\n  ScalarIconFolderSimple,\n  ScalarIconLinkSimple,\n  ScalarIconPlusSquare,\n  ScalarIconTabs,\n  ScalarIconX,\n  ScalarIconXSquare,\n} from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace'\nimport { computed } from 'vue'\n\nimport { ContextMenu } from '@/v2/components/context-menu'\n\nconst {\n  hotkey,\n  active,\n  tab,\n  isSingleTab = false,\n} = defineProps<{\n  /** Optional keyboard shortcut number for the tab */\n  hotkey?: string\n  /** Whether this tab is currently active */\n  active: boolean\n  /** Whether this is the only tab (changes styling to header-like appearance) */\n  isSingleTab?: boolean\n  /** The tab data */\n  tab: Tab\n}>()\n\nconst emit = defineEmits<{\n  /** Fired when the tab is clicked to activate it */\n  (e: 'click'): void\n  /** Fired when the close button is clicked */\n  (e: 'close'): void\n  /** Fired when \"New Tab\" is selected from context menu */\n  (e: 'newTab'): void\n  /** Fired when \"Copy URL\" is selected from context menu */\n  (e: 'copyUrl'): void\n  /** Fired when \"Close Other Tabs\" is selected from context menu */\n  (e: 'closeOtherTabs'): void\n}>()\n\nconst ICONS: Record<NonNullable<Tab['icon']>, ScalarIconComponent> = {\n  request: ScalarIconArrowUpRight,\n  document: ScalarIconFolderSimple,\n}\n\n/** Display the appropriate modifier key based on the operating system */\nconst modifierKey = computed(() => (isMacOS() ? '⌘' : '^'))\n\n/** The tooltip content showing the keyboard shortcut */\nconst tooltipContent = computed(() =>\n  hotkey ? `${modifierKey.value} ${hotkey}` : '',\n)\n\n/**\n * Handle the close button click.\n * We stop propagation to prevent triggering the tab activation click.\n */\nconst handleClose = (event: MouseEvent): void => {\n  event.stopPropagation()\n  emit('close')\n}\n</script>\n\n<template>\n  <!-- Context menu wrapper provides right-click menu functionality -->\n  <ContextMenu\n    triggerClass=\"overflow-hidden w-full flex-1 select-none\n\">\n    <!-- Tab button trigger with tooltip showing keyboard shortcut -->\n    <template #trigger>\n      <component\n        :is=\"isSingleTab ? 'div' : ScalarTooltip\"\n        :content=\"tooltipContent\"\n        placement=\"bottom\">\n        <!-- Main tab container - clickable area to activate the tab -->\n        <div\n          :class=\"[\n            isSingleTab\n              ? 'nav-single-tab mac:app-drag-region'\n              : 'nav-item app-no-drag-region',\n            { 'nav-item__active': active && !isSingleTab },\n          ]\"\n          @click=\"!isSingleTab && emit('click')\">\n          <!-- Icon and label container with gradient mask for text overflow -->\n          <div\n            :class=\"[\n              'flex items-center justify-center gap-1.5',\n              isSingleTab\n                ? 'custom-scroll h-full w-full whitespace-nowrap'\n                : 'nav-item-icon-copy flex-1',\n            ]\">\n            <component\n              :is=\"ICONS[tab.icon]\"\n              v-if=\"tab.icon && ICONS[tab.icon]\" />\n            <span\n              :class=\"[\n                isSingleTab ? '' : 'custom-scroll nav-item-copy',\n                'text-sm',\n              ]\">\n              {{ tab.title }}\n            </span>\n          </div>\n\n          <!-- Close button - appears on hover, stops propagation to prevent tab activation -->\n          <!-- Hidden for single tabs -->\n          <button\n            v-if=\"!isSingleTab\"\n            class=\"nav-item-close\"\n            type=\"button\"\n            @click=\"handleClose\">\n            <component :is=\"ScalarIconX\" />\n          </button>\n        </div>\n      </component>\n    </template>\n\n    <!-- Context menu content shown on right-click -->\n    <template #content>\n      <ScalarFloating placement=\"right-start\">\n        <template #floating>\n          <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n            <!-- New Tab action (Cmd/Ctrl + T) -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('newTab')\">\n              <component :is=\"ScalarIconPlusSquare\" />\n              New Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"T\" />\n            </ScalarDropdownButton>\n\n            <!-- Copy URL action -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('copyUrl')\">\n              <component :is=\"ScalarIconLinkSimple\" />\n              Copy URL\n            </ScalarDropdownButton>\n\n            <template v-if=\"!isSingleTab\">\n              <ScalarDropdownDivider />\n\n              <!-- Close Tab action (Cmd/Ctrl + W) -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('close')\">\n                <component :is=\"ScalarIconXSquare\" />\n                Close Tab\n                <ScalarHotkey\n                  class=\"bg-b-2 ml-auto\"\n                  hotkey=\"W\" />\n              </ScalarDropdownButton>\n\n              <!-- Close Other Tabs action -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('closeOtherTabs')\">\n                <component :is=\"ScalarIconTabs\" />\n                Close Other Tabs\n              </ScalarDropdownButton>\n            </template>\n          </ScalarDropdownMenu>\n        </template>\n      </ScalarFloating>\n    </template>\n  </ContextMenu>\n</template>\n\n<style scoped>\n/** Single tab styling - appears as a header without tab-like appearance */\n.nav-single-tab {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  color: var(--scalar-color-1);\n}\n\n/** Base tab styling with subtle background and border */\n.nav-item {\n  padding: 4.5px 1rem;\n  cursor: pointer;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  border-radius: var(--scalar-radius-lg);\n  background: var(--scalar-background-3);\n  border: var(--scalar-border-width) solid var(--scalar-background-2);\n  color: var(--scalar-color-3);\n  min-width: 0;\n  overflow: hidden;\n  position: relative;\n}\n\n.dark-mode .nav-item {\n  background: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n\n/**\n * Container for the icon and label.\n * Uses a mask gradient to fade out text on the right side,\n * making room for the close button that appears on hover.\n */\n.nav-item-icon-copy {\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  mask-image: linear-gradient(\n    to left,\n    transparent 0,\n    var(--scalar-background-2) 20px\n  );\n}\n\n/** On hover, shift the gradient to make more room for the close button */\n.nav-item:hover .nav-item-icon-copy {\n  mask-image: linear-gradient(\n    to left,\n    transparent 20px,\n    var(--scalar-background-2) 40px\n  );\n}\n\n/** Label text with constrained width to prevent overflow */\n.nav-item-copy {\n  max-width: calc(100% - 20px);\n}\n\n.nav-item:hover {\n  color: var(--scalar-color-1);\n}\n\n/** Active tab state with brighter background and border */\n.nav-item__active {\n  background-color: var(--scalar-background-1);\n  color: var(--scalar-color-1);\n  border-color: var(--scalar-border-color);\n}\n\n.dark-mode .nav-item__active {\n  background-color: var(--scalar-background-2);\n}\n\n/**\n * Close button positioned absolutely on the right.\n * Hidden by default, revealed on tab hover.\n */\n.nav-item-close {\n  position: absolute;\n  right: 3px;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n  background: transparent;\n  max-width: 20px;\n  stroke-width: 1.5px;\n  color: var(--scalar-color-3);\n  margin-left: -20px;\n  opacity: 0;\n}\n\n.nav-item:hover .nav-item-close {\n  opacity: 1;\n}\n\n.nav-item-close:hover {\n  background-color: var(--scalar-background-4);\n}\n\n.nav-item__active .nav-item-close:hover {\n  background-color: var(--scalar-background-2);\n}\n</style>\n"],"mappings":""}

package/dist/v2/features/app/components/DesktopTab.vue.script.js

@@ -1,8 +1,8 @@
 import ContextMenu_default from "../../../components/context-menu/ContextMenu.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { ScalarDropdownButton, ScalarDropdownDivider, ScalarDropdownMenu, ScalarFloating, ScalarHotkey, ScalarTooltip } from "@scalar/components";
-import { isMacOS } from "@scalar/helpers/general/is-mac-os";
 import { ScalarIconArrowUpRight, ScalarIconFolderSimple, ScalarIconLinkSimple, ScalarIconPlusSquare, ScalarIconTabs, ScalarIconX, ScalarIconXSquare } from "@scalar/icons";
+import { isMacOS } from "@scalar/helpers/general/is-mac-os";
 //#region src/v2/features/app/components/DesktopTab.vue?vue&type=script&setup=true&lang.ts
 var DesktopTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DesktopTab",
@@ -47,7 +47,7 @@ var DesktopTab_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					placement: "bottom"
 				}, {
 					default: withCtx(() => [createElementVNode("div", {
-						class: normalizeClass(["app-no-drag-region", [__props.isSingleTab ? "nav-single-tab" : "nav-item", { "nav-item__active": __props.active && !__props.isSingleTab }]]),
+						class: normalizeClass([__props.isSingleTab ? "nav-single-tab mac:app-drag-region" : "nav-item app-no-drag-region", { "nav-item__active": __props.active && !__props.isSingleTab }]),
 						onClick: _cache[0] || (_cache[0] = ($event) => !__props.isSingleTab && emit("click"))
 					}, [createElementVNode("div", { class: normalizeClass(["flex items-center justify-center gap-1.5", __props.isSingleTab ? "custom-scroll h-full w-full whitespace-nowrap" : "nav-item-icon-copy flex-1"]) }, [__props.tab.icon && ICONS[__props.tab.icon] ? (openBlock(), createBlock(resolveDynamicComponent(ICONS[__props.tab.icon]), { key: 0 })) : createCommentVNode("", true), createElementVNode("span", { class: normalizeClass([__props.isSingleTab ? "" : "custom-scroll nav-item-copy", "text-sm"]) }, toDisplayString(__props.tab.title), 3)], 2), !__props.isSingleTab ? (openBlock(), createElementBlock("button", {
 						key: 0,

package/dist/v2/features/app/components/DesktopTab.vue.script.js.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopTab.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/DesktopTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownDivider,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarTooltip,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport {\n  ScalarIconArrowUpRight,\n  ScalarIconFolderSimple,\n  ScalarIconLinkSimple,\n  ScalarIconPlusSquare,\n  ScalarIconTabs,\n  ScalarIconX,\n  ScalarIconXSquare,\n} from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace'\nimport { computed } from 'vue'\n\nimport { ContextMenu } from '@/v2/components/context-menu'\n\nconst {\n  hotkey,\n  active,\n  tab,\n  isSingleTab = false,\n} = defineProps<{\n  /** Optional keyboard shortcut number for the tab */\n  hotkey?: string\n  /** Whether this tab is currently active */\n  active: boolean\n  /** Whether this is the only tab (changes styling to header-like appearance) */\n  isSingleTab?: boolean\n  /** The tab data */\n  tab: Tab\n}>()\n\nconst emit = defineEmits<{\n  /** Fired when the tab is clicked to activate it */\n  (e: 'click'): void\n  /** Fired when the close button is clicked */\n  (e: 'close'): void\n  /** Fired when \"New Tab\" is selected from context menu */\n  (e: 'newTab'): void\n  /** Fired when \"Copy URL\" is selected from context menu */\n  (e: 'copyUrl'): void\n  /** Fired when \"Close Other Tabs\" is selected from context menu */\n  (e: 'closeOtherTabs'): void\n}>()\n\nconst ICONS: Record<NonNullable<Tab['icon']>, ScalarIconComponent> = {\n  request: ScalarIconArrowUpRight,\n  document: ScalarIconFolderSimple,\n}\n\n/** Display the appropriate modifier key based on the operating system */\nconst modifierKey = computed(() => (isMacOS() ? '⌘' : '^'))\n\n/** The tooltip content showing the keyboard shortcut */\nconst tooltipContent = computed(() =>\n  hotkey ? `${modifierKey.value} ${hotkey}` : '',\n)\n\n/**\n * Handle the close button click.\n * We stop propagation to prevent triggering the tab activation click.\n */\nconst handleClose = (event: MouseEvent): void => {\n  event.stopPropagation()\n  emit('close')\n}\n</script>\n\n<template>\n  <!-- Context menu wrapper provides right-click menu functionality -->\n  <ContextMenu\n    triggerClass=\"overflow-hidden w-full flex-1 select-none\n\">\n    <!-- Tab button trigger with tooltip showing keyboard shortcut -->\n    <template #trigger>\n      <component\n        :is=\"isSingleTab ? 'div' : ScalarTooltip\"\n        :content=\"tooltipContent\"\n        placement=\"bottom\">\n        <!-- Main tab container - clickable area to activate the tab -->\n        <div\n          class=\"app-no-drag-region\"\n          :class=\"[\n            isSingleTab ? 'nav-single-tab' : 'nav-item',\n            { 'nav-item__active': active && !isSingleTab },\n          ]\"\n          @click=\"!isSingleTab && emit('click')\">\n          <!-- Icon and label container with gradient mask for text overflow -->\n          <div\n            :class=\"[\n              'flex items-center justify-center gap-1.5',\n              isSingleTab\n                ? 'custom-scroll h-full w-full whitespace-nowrap'\n                : 'nav-item-icon-copy flex-1',\n            ]\">\n            <component\n              :is=\"ICONS[tab.icon]\"\n              v-if=\"tab.icon && ICONS[tab.icon]\" />\n            <span\n              :class=\"[\n                isSingleTab ? '' : 'custom-scroll nav-item-copy',\n                'text-sm',\n              ]\">\n              {{ tab.title }}\n            </span>\n          </div>\n\n          <!-- Close button - appears on hover, stops propagation to prevent tab activation -->\n          <!-- Hidden for single tabs -->\n          <button\n            v-if=\"!isSingleTab\"\n            class=\"nav-item-close\"\n            type=\"button\"\n            @click=\"handleClose\">\n            <component :is=\"ScalarIconX\" />\n          </button>\n        </div>\n      </component>\n    </template>\n\n    <!-- Context menu content shown on right-click -->\n    <template #content>\n      <ScalarFloating placement=\"right-start\">\n        <template #floating>\n          <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n            <!-- New Tab action (Cmd/Ctrl + T) -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('newTab')\">\n              <component :is=\"ScalarIconPlusSquare\" />\n              New Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"T\" />\n            </ScalarDropdownButton>\n\n            <!-- Copy URL action -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('copyUrl')\">\n              <component :is=\"ScalarIconLinkSimple\" />\n              Copy URL\n            </ScalarDropdownButton>\n\n            <template v-if=\"!isSingleTab\">\n              <ScalarDropdownDivider />\n\n              <!-- Close Tab action (Cmd/Ctrl + W) -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('close')\">\n                <component :is=\"ScalarIconXSquare\" />\n                Close Tab\n                <ScalarHotkey\n                  class=\"bg-b-2 ml-auto\"\n                  hotkey=\"W\" />\n              </ScalarDropdownButton>\n\n              <!-- Close Other Tabs action -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('closeOtherTabs')\">\n                <component :is=\"ScalarIconTabs\" />\n                Close Other Tabs\n              </ScalarDropdownButton>\n            </template>\n          </ScalarDropdownMenu>\n        </template>\n      </ScalarFloating>\n    </template>\n  </ContextMenu>\n</template>\n\n<style scoped>\n/** Single tab styling - appears as a header without tab-like appearance */\n.nav-single-tab {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  color: var(--scalar-color-1);\n}\n\n/** Base tab styling with subtle background and border */\n.nav-item {\n  padding: 4.5px 1rem;\n  cursor: pointer;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  border-radius: var(--scalar-radius-lg);\n  background: var(--scalar-background-3);\n  border: var(--scalar-border-width) solid var(--scalar-background-2);\n  color: var(--scalar-color-3);\n  min-width: 0;\n  overflow: hidden;\n  position: relative;\n}\n\n.dark-mode .nav-item {\n  background: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n\n/**\n * Container for the icon and label.\n * Uses a mask gradient to fade out text on the right side,\n * making room for the close button that appears on hover.\n */\n.nav-item-icon-copy {\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  mask-image: linear-gradient(\n    to left,\n    transparent 0,\n    var(--scalar-background-2) 20px\n  );\n}\n\n/** On hover, shift the gradient to make more room for the close button */\n.nav-item:hover .nav-item-icon-copy {\n  mask-image: linear-gradient(\n    to left,\n    transparent 20px,\n    var(--scalar-background-2) 40px\n  );\n}\n\n/** Label text with constrained width to prevent overflow */\n.nav-item-copy {\n  max-width: calc(100% - 20px);\n}\n\n.nav-item:hover {\n  color: var(--scalar-color-1);\n}\n\n/** Active tab state with brighter background and border */\n.nav-item__active {\n  background-color: var(--scalar-background-1);\n  color: var(--scalar-color-1);\n  border-color: var(--scalar-border-color);\n}\n\n.dark-mode .nav-item__active {\n  background-color: var(--scalar-background-2);\n}\n\n/**\n * Close button positioned absolutely on the right.\n * Hidden by default, revealed on tab hover.\n */\n.nav-item-close {\n  position: absolute;\n  right: 3px;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n  background: transparent;\n  max-width: 20px;\n  stroke-width: 1.5px;\n  color: var(--scalar-color-3);\n  margin-left: -20px;\n  opacity: 0;\n}\n\n.nav-item:hover .nav-item-close {\n  opacity: 1;\n}\n\n.nav-item-close:hover {\n  background-color: var(--scalar-background-4);\n}\n\n.nav-item__active .nav-item-close:hover {\n  background-color: var(--scalar-background-2);\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"DesktopTab.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/DesktopTab.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarDropdownButton,\n  ScalarDropdownDivider,\n  ScalarDropdownMenu,\n  ScalarFloating,\n  ScalarHotkey,\n  ScalarTooltip,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport {\n  ScalarIconArrowUpRight,\n  ScalarIconFolderSimple,\n  ScalarIconLinkSimple,\n  ScalarIconPlusSquare,\n  ScalarIconTabs,\n  ScalarIconX,\n  ScalarIconXSquare,\n} from '@scalar/icons'\nimport type { ScalarIconComponent } from '@scalar/icons/types'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace'\nimport { computed } from 'vue'\n\nimport { ContextMenu } from '@/v2/components/context-menu'\n\nconst {\n  hotkey,\n  active,\n  tab,\n  isSingleTab = false,\n} = defineProps<{\n  /** Optional keyboard shortcut number for the tab */\n  hotkey?: string\n  /** Whether this tab is currently active */\n  active: boolean\n  /** Whether this is the only tab (changes styling to header-like appearance) */\n  isSingleTab?: boolean\n  /** The tab data */\n  tab: Tab\n}>()\n\nconst emit = defineEmits<{\n  /** Fired when the tab is clicked to activate it */\n  (e: 'click'): void\n  /** Fired when the close button is clicked */\n  (e: 'close'): void\n  /** Fired when \"New Tab\" is selected from context menu */\n  (e: 'newTab'): void\n  /** Fired when \"Copy URL\" is selected from context menu */\n  (e: 'copyUrl'): void\n  /** Fired when \"Close Other Tabs\" is selected from context menu */\n  (e: 'closeOtherTabs'): void\n}>()\n\nconst ICONS: Record<NonNullable<Tab['icon']>, ScalarIconComponent> = {\n  request: ScalarIconArrowUpRight,\n  document: ScalarIconFolderSimple,\n}\n\n/** Display the appropriate modifier key based on the operating system */\nconst modifierKey = computed(() => (isMacOS() ? '⌘' : '^'))\n\n/** The tooltip content showing the keyboard shortcut */\nconst tooltipContent = computed(() =>\n  hotkey ? `${modifierKey.value} ${hotkey}` : '',\n)\n\n/**\n * Handle the close button click.\n * We stop propagation to prevent triggering the tab activation click.\n */\nconst handleClose = (event: MouseEvent): void => {\n  event.stopPropagation()\n  emit('close')\n}\n</script>\n\n<template>\n  <!-- Context menu wrapper provides right-click menu functionality -->\n  <ContextMenu\n    triggerClass=\"overflow-hidden w-full flex-1 select-none\n\">\n    <!-- Tab button trigger with tooltip showing keyboard shortcut -->\n    <template #trigger>\n      <component\n        :is=\"isSingleTab ? 'div' : ScalarTooltip\"\n        :content=\"tooltipContent\"\n        placement=\"bottom\">\n        <!-- Main tab container - clickable area to activate the tab -->\n        <div\n          :class=\"[\n            isSingleTab\n              ? 'nav-single-tab mac:app-drag-region'\n              : 'nav-item app-no-drag-region',\n            { 'nav-item__active': active && !isSingleTab },\n          ]\"\n          @click=\"!isSingleTab && emit('click')\">\n          <!-- Icon and label container with gradient mask for text overflow -->\n          <div\n            :class=\"[\n              'flex items-center justify-center gap-1.5',\n              isSingleTab\n                ? 'custom-scroll h-full w-full whitespace-nowrap'\n                : 'nav-item-icon-copy flex-1',\n            ]\">\n            <component\n              :is=\"ICONS[tab.icon]\"\n              v-if=\"tab.icon && ICONS[tab.icon]\" />\n            <span\n              :class=\"[\n                isSingleTab ? '' : 'custom-scroll nav-item-copy',\n                'text-sm',\n              ]\">\n              {{ tab.title }}\n            </span>\n          </div>\n\n          <!-- Close button - appears on hover, stops propagation to prevent tab activation -->\n          <!-- Hidden for single tabs -->\n          <button\n            v-if=\"!isSingleTab\"\n            class=\"nav-item-close\"\n            type=\"button\"\n            @click=\"handleClose\">\n            <component :is=\"ScalarIconX\" />\n          </button>\n        </div>\n      </component>\n    </template>\n\n    <!-- Context menu content shown on right-click -->\n    <template #content>\n      <ScalarFloating placement=\"right-start\">\n        <template #floating>\n          <ScalarDropdownMenu class=\"scalar-app scalar-client\">\n            <!-- New Tab action (Cmd/Ctrl + T) -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('newTab')\">\n              <component :is=\"ScalarIconPlusSquare\" />\n              New Tab\n              <ScalarHotkey\n                class=\"bg-b-2 ml-auto\"\n                hotkey=\"T\" />\n            </ScalarDropdownButton>\n\n            <!-- Copy URL action -->\n            <ScalarDropdownButton\n              class=\"flex items-center gap-1.5\"\n              @click=\"emit('copyUrl')\">\n              <component :is=\"ScalarIconLinkSimple\" />\n              Copy URL\n            </ScalarDropdownButton>\n\n            <template v-if=\"!isSingleTab\">\n              <ScalarDropdownDivider />\n\n              <!-- Close Tab action (Cmd/Ctrl + W) -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('close')\">\n                <component :is=\"ScalarIconXSquare\" />\n                Close Tab\n                <ScalarHotkey\n                  class=\"bg-b-2 ml-auto\"\n                  hotkey=\"W\" />\n              </ScalarDropdownButton>\n\n              <!-- Close Other Tabs action -->\n              <!-- Hidden for single tabs -->\n              <ScalarDropdownButton\n                class=\"flex items-center gap-1.5\"\n                @click=\"emit('closeOtherTabs')\">\n                <component :is=\"ScalarIconTabs\" />\n                Close Other Tabs\n              </ScalarDropdownButton>\n            </template>\n          </ScalarDropdownMenu>\n        </template>\n      </ScalarFloating>\n    </template>\n  </ContextMenu>\n</template>\n\n<style scoped>\n/** Single tab styling - appears as a header without tab-like appearance */\n.nav-single-tab {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  color: var(--scalar-color-1);\n}\n\n/** Base tab styling with subtle background and border */\n.nav-item {\n  padding: 4.5px 1rem;\n  cursor: pointer;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  border-radius: var(--scalar-radius-lg);\n  background: var(--scalar-background-3);\n  border: var(--scalar-border-width) solid var(--scalar-background-2);\n  color: var(--scalar-color-3);\n  min-width: 0;\n  overflow: hidden;\n  position: relative;\n}\n\n.dark-mode .nav-item {\n  background: color-mix(in srgb, var(--scalar-background-2), transparent);\n}\n\n/**\n * Container for the icon and label.\n * Uses a mask gradient to fade out text on the right side,\n * making room for the close button that appears on hover.\n */\n.nav-item-icon-copy {\n  max-width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  mask-image: linear-gradient(\n    to left,\n    transparent 0,\n    var(--scalar-background-2) 20px\n  );\n}\n\n/** On hover, shift the gradient to make more room for the close button */\n.nav-item:hover .nav-item-icon-copy {\n  mask-image: linear-gradient(\n    to left,\n    transparent 20px,\n    var(--scalar-background-2) 40px\n  );\n}\n\n/** Label text with constrained width to prevent overflow */\n.nav-item-copy {\n  max-width: calc(100% - 20px);\n}\n\n.nav-item:hover {\n  color: var(--scalar-color-1);\n}\n\n/** Active tab state with brighter background and border */\n.nav-item__active {\n  background-color: var(--scalar-background-1);\n  color: var(--scalar-color-1);\n  border-color: var(--scalar-border-color);\n}\n\n.dark-mode .nav-item__active {\n  background-color: var(--scalar-background-2);\n}\n\n/**\n * Close button positioned absolutely on the right.\n * Hidden by default, revealed on tab hover.\n */\n.nav-item-close {\n  position: absolute;\n  right: 3px;\n  padding: 2px;\n  border-radius: var(--scalar-radius);\n  background: transparent;\n  max-width: 20px;\n  stroke-width: 1.5px;\n  color: var(--scalar-color-3);\n  margin-left: -20px;\n  opacity: 0;\n}\n\n.nav-item:hover .nav-item-close {\n  opacity: 1;\n}\n\n.nav-item-close:hover {\n  background-color: var(--scalar-background-4);\n}\n\n.nav-item__active .nav-item-close:hover {\n  background-color: var(--scalar-background-2);\n}\n</style>\n"],"mappings":"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"}

package/dist/v2/features/app/helpers/create-temp-operation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-temp-operation.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-temp-operation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AA+BvE;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,cAAc,MAAM,EACpB,SAAS;IACP,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;CAChB,SA8BF,CAAA"}
+{"version":3,"file":"create-temp-operation.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/create-temp-operation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AA+BvE;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,GAC9B,cAAc,MAAM,EACpB,SAAS;IACP,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;CAChB,SA+BF,CAAA"}

package/dist/v2/features/app/helpers/create-temp-operation.js

@@ -30,7 +30,10 @@ var createTempOperation = (documentName, options) => {
 		documentName,
 		path: uniquePath,
 		method: "get",
-		operation: { tags: options.tags ?? [] },
+		operation: {
+			summary: "New operation",
+			tags: options.tags ?? []
+		},
 		callback: (success) => {
 			if (success) options.eventBus.emit("ui:navigate", {
 				page: "example",

package/dist/v2/features/app/helpers/create-temp-operation.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-temp-operation.js","names":[],"sources":["../../../../../src/v2/features/app/helpers/create-temp-operation.ts"],"sourcesContent":["import type { WorkspaceEventBus } from '@scalar/workspace-store/events'\n\n/**\n * Generates a unique temporary operation path for a new operation.\n * Tries up to 10 times to generate a non-colliding path, then falls back to a static path.\n *\n * Example:\n * const existingPaths = new Set(['/tempabcd1234', '/tempdeadbeef']);\n * const newPath = generateUniquePath('my-doc', existingPaths); // e.g. \"/tempa1b2c3d4\"\n *\n * @param existingPaths - Set of paths already present in the document to avoid collisions\n * @param attempts - Used internally to limit recursion (default: 0)\n * @returns A unique operation path (e.g., \"/temp1234abcd\")\n */\nconst generateUniquePath = (existingPaths: Set<string>, attempts: number = 0) => {\n  if (attempts > 10) {\n    // After 10 failed attempts, fallback to a generic path\n    return '/temp-path'\n  }\n\n  // Generate a random path using a truncated UUID for uniqueness\n  const path = `/temp${crypto.randomUUID().slice(0, 8)}`\n\n  if (existingPaths.has(path)) {\n    // If path exists, try again recursively with incremented attempts\n    return generateUniquePath(existingPaths, attempts + 1)\n  }\n\n  return path\n}\n\n/**\n * Creates a temporary operation with a unique path, emits its creation on the event bus,\n * then navigates to the operation and focuses the address bar if successful.\n * @param documentName - The name of the document to add the operation to\n * @param existingPaths - Set of existing operation paths for uniqueness checking\n * @param eventBus - The workspace event bus to emit events on\n */\nexport const createTempOperation = (\n  documentName: string,\n  options: {\n    existingPaths: Set<string>\n    eventBus: WorkspaceEventBus\n    tags?: string[]\n  },\n) => {\n  const uniquePath = generateUniquePath(options.existingPaths)\n\n  options.eventBus.emit('operation:create:operation', {\n    documentName,\n    path: uniquePath,\n    method: 'get',\n    operation: {\n      tags: options.tags ?? [],\n    },\n    callback: (success) => {\n      if (success) {\n        options.eventBus.emit('ui:navigate', {\n          page: 'example',\n          documentSlug: documentName,\n          path: uniquePath,\n          method: 'get',\n          exampleName: 'default',\n          callback: async () => {\n            await new Promise((resolve) => requestAnimationFrame(resolve))\n            // Focus the address bar, clearing its contents after navigation\n            options.eventBus.emit('ui:focus:address-bar', {\n              clear: true,\n            })\n          },\n        })\n      }\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAM,sBAAsB,eAA4B,WAAmB,MAAM;AAC/E,KAAI,WAAW,GAEb,QAAO;CAIT,MAAM,OAAO,QAAQ,OAAO,YAAY,CAAC,MAAM,GAAG,EAAE;AAEpD,KAAI,cAAc,IAAI,KAAK,CAEzB,QAAO,mBAAmB,eAAe,WAAW,EAAE;AAGxD,QAAO;;;;;;;;;AAUT,IAAa,uBACX,cACA,YAKG;CACH,MAAM,aAAa,mBAAmB,QAAQ,cAAc;AAE5D,SAAQ,SAAS,KAAK,8BAA8B;EAClD;EACA,MAAM;EACN,QAAQ;EACR,WAAW,EACT,MAAM,QAAQ,QAAQ,EAAE,EACzB;EACD,WAAW,YAAY;AACrB,OAAI,QACF,SAAQ,SAAS,KAAK,eAAe;IACnC,MAAM;IACN,cAAc;IACd,MAAM;IACN,QAAQ;IACR,aAAa;IACb,UAAU,YAAY;AACpB,WAAM,IAAI,SAAS,YAAY,sBAAsB,QAAQ,CAAC;AAE9D,aAAQ,SAAS,KAAK,wBAAwB,EAC5C,OAAO,MACR,CAAC;;IAEL,CAAC;;EAGP,CAAC"}
+{"version":3,"file":"create-temp-operation.js","names":[],"sources":["../../../../../src/v2/features/app/helpers/create-temp-operation.ts"],"sourcesContent":["import type { WorkspaceEventBus } from '@scalar/workspace-store/events'\n\n/**\n * Generates a unique temporary operation path for a new operation.\n * Tries up to 10 times to generate a non-colliding path, then falls back to a static path.\n *\n * Example:\n * const existingPaths = new Set(['/tempabcd1234', '/tempdeadbeef']);\n * const newPath = generateUniquePath('my-doc', existingPaths); // e.g. \"/tempa1b2c3d4\"\n *\n * @param existingPaths - Set of paths already present in the document to avoid collisions\n * @param attempts - Used internally to limit recursion (default: 0)\n * @returns A unique operation path (e.g., \"/temp1234abcd\")\n */\nconst generateUniquePath = (existingPaths: Set<string>, attempts: number = 0) => {\n  if (attempts > 10) {\n    // After 10 failed attempts, fallback to a generic path\n    return '/temp-path'\n  }\n\n  // Generate a random path using a truncated UUID for uniqueness\n  const path = `/temp${crypto.randomUUID().slice(0, 8)}`\n\n  if (existingPaths.has(path)) {\n    // If path exists, try again recursively with incremented attempts\n    return generateUniquePath(existingPaths, attempts + 1)\n  }\n\n  return path\n}\n\n/**\n * Creates a temporary operation with a unique path, emits its creation on the event bus,\n * then navigates to the operation and focuses the address bar if successful.\n * @param documentName - The name of the document to add the operation to\n * @param existingPaths - Set of existing operation paths for uniqueness checking\n * @param eventBus - The workspace event bus to emit events on\n */\nexport const createTempOperation = (\n  documentName: string,\n  options: {\n    existingPaths: Set<string>\n    eventBus: WorkspaceEventBus\n    tags?: string[]\n  },\n) => {\n  const uniquePath = generateUniquePath(options.existingPaths)\n\n  options.eventBus.emit('operation:create:operation', {\n    documentName,\n    path: uniquePath,\n    method: 'get',\n    operation: {\n      summary: 'New operation',\n      tags: options.tags ?? [],\n    },\n    callback: (success) => {\n      if (success) {\n        options.eventBus.emit('ui:navigate', {\n          page: 'example',\n          documentSlug: documentName,\n          path: uniquePath,\n          method: 'get',\n          exampleName: 'default',\n          callback: async () => {\n            await new Promise((resolve) => requestAnimationFrame(resolve))\n            // Focus the address bar, clearing its contents after navigation\n            options.eventBus.emit('ui:focus:address-bar', {\n              clear: true,\n            })\n          },\n        })\n      }\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAM,sBAAsB,eAA4B,WAAmB,MAAM;AAC/E,KAAI,WAAW,GAEb,QAAO;CAIT,MAAM,OAAO,QAAQ,OAAO,YAAY,CAAC,MAAM,GAAG,EAAE;AAEpD,KAAI,cAAc,IAAI,KAAK,CAEzB,QAAO,mBAAmB,eAAe,WAAW,EAAE;AAGxD,QAAO;;;;;;;;;AAUT,IAAa,uBACX,cACA,YAKG;CACH,MAAM,aAAa,mBAAmB,QAAQ,cAAc;AAE5D,SAAQ,SAAS,KAAK,8BAA8B;EAClD;EACA,MAAM;EACN,QAAQ;EACR,WAAW;GACT,SAAS;GACT,MAAM,QAAQ,QAAQ,EAAE;GACzB;EACD,WAAW,YAAY;AACrB,OAAI,QACF,SAAQ,SAAS,KAAK,eAAe;IACnC,MAAM;IACN,cAAc;IACd,MAAM;IACN,QAAQ;IACR,aAAa;IACb,UAAU,YAAY;AACpB,WAAM,IAAI,SAAS,YAAY,sBAAsB,QAAQ,CAAC;AAE9D,aAAQ,SAAS,KAAK,wBAAwB,EAC5C,OAAO,MACR,CAAC;;IAEL,CAAC;;EAGP,CAAC"}

package/dist/v2/features/app/helpers/routes.d.ts

@@ -70,10 +70,10 @@ export declare const ROUTES: ({
                 name: string;
                 path: string;
                 component: import("vue").DefineComponent<RouteProps & {
-                    options?: import("../../modal/Modal.vue.js").ModalProps["options"];
+                    options?: import("../../modal/helpers/types").ApiClientModalOptionsRef;
                     requestBodyCompositionSelection?: Record<string, number>;
                 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouteProps & {
-                    options?: import("../../modal/Modal.vue.js").ModalProps["options"];
+                    options?: import("../../modal/helpers/types").ApiClientModalOptionsRef;
                     requestBodyCompositionSelection?: Record<string, number>;
                 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
                 redirect?: undefined;

package/dist/v2/features/app/helpers/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"names":[],"mappings":"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"}

package/dist/v2/features/app/helpers/routes.js

@@ -4,6 +4,7 @@ import Cookies_default from "../../collection/components/Cookies.vue.js";
 import Editor_default from "../../collection/components/Editor/Editor.vue.js";
 import Environment_default from "../../collection/components/Environment.vue.js";
 import Overview_default from "../../collection/components/Overview.vue.js";
+import Runner_default from "../../collection/components/Runner/components/Runner.vue.js";
 import Servers_default from "../../collection/components/Servers.vue.js";
 import Settings_default from "../../collection/components/Settings.vue.js";
 import DocumentCollection_default from "../../collection/DocumentCollection.vue.js";
@@ -86,15 +87,20 @@ var ROUTES = [{
 					path: "cookies",
 					component: Cookies_default
 				},
-				{
-					name: "document.settings",
-					path: "settings",
-					component: Settings_default
-				},
 				{
 					name: "document.scripts",
 					path: "scripts",
 					component: () => import("../../collection/components/Scripts.vue.js")
+				},
+				{
+					name: "document.runner",
+					path: "runner",
+					component: Runner_default
+				},
+				{
+					name: "document.settings",
+					path: "settings",
+					component: Settings_default
 				}
 			]
 		}]

package/dist/v2/features/app/helpers/routes.js.map

@@ -1 +1 @@
-{"version":3,"file":"routes.js","names":[],"sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { mergeSearchParams } from '@scalar/helpers/url/merge-urls'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { Theme } from '@scalar/themes'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport type { RouteRecordRaw } from 'vue-router'\n\nimport Authentication from '@/v2/features/collection/components/Authentication.vue'\nimport Cookies from '@/v2/features/collection/components/Cookies.vue'\nimport { Editor } from '@/v2/features/collection/components/Editor'\nimport Environment from '@/v2/features/collection/components/Environment.vue'\nimport Overview from '@/v2/features/collection/components/Overview.vue'\nimport Servers from '@/v2/features/collection/components/Servers.vue'\nimport Settings from '@/v2/features/collection/components/Settings.vue'\nimport DocumentCollection from '@/v2/features/collection/DocumentCollection.vue'\nimport OperationCollection from '@/v2/features/collection/OperationCollection.vue'\nimport WorkspaceCollection from '@/v2/features/collection/WorkspaceCollection.vue'\nimport { Operation } from '@/v2/features/operation'\nimport { workspaceStorage } from '@/v2/helpers/storage'\nimport type { ImportDocumentFromRegistry } from '@/v2/types/configuration'\nimport type { ClientLayout } from '@/v2/types/layout'\n\n/** These props are provided at the route level */\nexport type RouteProps = {\n  /** The slug of the currently selected document in the workspace */\n  documentSlug: string\n  /** The currently active document */\n  document: WorkspaceDocument | null\n  /** The workspace event bus */\n  eventBus: WorkspaceEventBus\n  /** The layout of the client */\n  layout: ClientLayout\n  /** The API path currently selected (e.g. \"/users/{id}\") */\n  path?: string\n  /** The HTTP method for the currently selected API path (e.g. GET, POST) */\n  method?: HttpMethod\n  /** The name of the currently selected example (for examples within an endpoint) */\n  exampleName?: string\n  /** The currently active environment */\n  environment: XScalarEnvironment\n  /** The workspace store */\n  workspaceStore: WorkspaceStore\n  /** The currently active workspace */\n  activeWorkspace: { id: string; label: string }\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Custom themes available to the team */\n  customThemes?: Theme[]\n  /** The currently selected theme styles string */\n  currentTheme?: string\n  /** Whether the current color mode is dark */\n  isDarkMode?: boolean\n  /**\n   * Fetches the full document from registry by meta. When provided, registry meta takes priority\n   * over x-scalar-original-source-url when syncing. Returns the document as a plain object.\n   */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n  /** Whether telemetry is enabled */\n  telemetry?: boolean\n  /** Updates the telemetry enabled state */\n  onUpdateTelemetry?: (value: boolean) => void\n}\n\n/** When in the collections pages */\nexport type CollectionProps = RouteProps &\n  (\n    | {\n        collectionType: 'document' | 'operation'\n        document: WorkspaceDocument\n      }\n    | {\n        collectionType: 'workspace'\n        document: null\n      }\n  )\n\nexport type ScalarClientAppRouteParams =\n  | 'namespace'\n  | 'workspaceSlug'\n  | 'documentSlug'\n  | 'pathEncoded'\n  | 'method'\n  | 'exampleName'\n\n/** Routes for the API client app and web, the same as modal + workspace routes */\nexport const ROUTES = [\n  {\n    path: '/@:namespace/:workspaceSlug',\n    children: [\n      {\n        path: 'document/:documentSlug',\n        children: [\n          // Example page\n          {\n            path: 'path/:pathEncoded/method/:method',\n            children: [\n              {\n                name: 'example',\n                path: 'example/:exampleName',\n                component: Operation,\n              },\n              {\n                name: 'operation',\n                path: '',\n                component: OperationCollection,\n                redirect: {\n                  name: 'operation.overview',\n                },\n                children: [\n                  {\n                    name: 'operation.overview',\n                    path: 'overview',\n                    component: Overview,\n                  },\n                  {\n                    name: 'operation.servers',\n                    path: 'servers',\n                    component: Servers,\n                  },\n                  {\n                    name: 'operation.authentication',\n                    path: 'authentication',\n                    component: Authentication,\n                  },\n                  {\n                    name: 'operation.editor',\n                    path: 'editor',\n                    component: Editor,\n                  },\n                ],\n              },\n            ],\n          },\n          // Document Page\n          {\n            name: 'document',\n            path: '',\n            component: DocumentCollection,\n            children: [\n              // Redirect to overview\n              {\n                name: 'document.redirect',\n                path: '',\n                redirect: {\n                  name: 'document.overview',\n                },\n              },\n              // Document overview\n              {\n                name: 'document.overview',\n                path: 'overview',\n                component: Overview,\n              },\n              // Document servers\n              {\n                name: 'document.servers',\n                path: 'servers',\n                component: Servers,\n              },\n              // Document environment\n              {\n                name: 'document.environment',\n                path: 'environment',\n                component: Environment,\n              },\n              // Document authentication\n              {\n                name: 'document.authentication',\n                path: 'authentication',\n                component: Authentication,\n              },\n              // Document cookies\n              {\n                name: 'document.cookies',\n                path: 'cookies',\n                component: Cookies,\n              },\n              // Document settings\n              {\n                name: 'document.settings',\n                path: 'settings',\n                component: Settings,\n              },\n              // Document scripts (pre-request / post-response)\n              {\n                name: 'document.scripts',\n                path: 'scripts',\n                component: () => import('@/v2/features/collection/components/Scripts.vue'),\n              },\n            ],\n          },\n        ],\n      },\n      // Workspace page\n      {\n        name: 'workspace',\n        path: '',\n        component: WorkspaceCollection,\n        children: [\n          // Workspace environment\n          {\n            name: 'workspace.environment',\n            path: 'environment',\n            component: Environment,\n          },\n          // Workspace cookies\n          {\n            name: 'workspace.cookies',\n            path: 'cookies',\n            component: Cookies,\n          },\n          // Workspace settings\n          {\n            name: 'workspace.settings',\n            path: 'settings',\n            component: Settings,\n          },\n        ],\n      },\n    ],\n  },\n  {\n    path: '/:pathMatch(.*)*',\n    redirect: () => {\n      const DEFAULT_PATH = '/@local/default/document/drafts/overview'\n      const lastPath = workspaceStorage.getLastPath() ?? DEFAULT_PATH\n\n      // Set the default path to the last path so we don't go to an inifite loop if the last path is invalid\n      workspaceStorage.setCurrentPath(DEFAULT_PATH)\n\n      const url = new URL(lastPath, 'http://example.com')\n\n      const queryParameters = new URLSearchParams(window.location.search)\n\n      //Merge the query parameters with the last path\n      const mergedSearchParams = mergeSearchParams(url.searchParams, queryParameters)\n\n      // Preserve all query paramters\n      return `${url.pathname}?${mergedSearchParams.toString()}`\n    },\n  },\n] satisfies RouteRecordRaw[]\n"],"mappings":";;;;;;;;;;;;;;;AAwFA,IAAa,SAAS,CACpB;CACE,MAAM;CACN,UAAU,CACR;EACE,MAAM;EACN,UAAU,CAER;GACE,MAAM;GACN,UAAU,CACR;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ,EACD;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACX,UAAU,EACR,MAAM,sBACP;IACD,UAAU;KACR;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACF;IACF,CACF;GACF,EAED;GACE,MAAM;GACN,MAAM;GACN,WAAW;GACX,UAAU;IAER;KACE,MAAM;KACN,MAAM;KACN,UAAU,EACR,MAAM,qBACP;KACF;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,iBAAiB,OAAO;KACzB;IACF;GACF,CACF;EACF,EAED;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,UAAU;GAER;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GAED;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GAED;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GACF;EACF,CACF;CACF,EACD;CACE,MAAM;CACN,gBAAgB;EACd,MAAM,eAAe;EACrB,MAAM,WAAW,iBAAiB,aAAa,IAAI;AAGnD,mBAAiB,eAAe,aAAa;EAE7C,MAAM,MAAM,IAAI,IAAI,UAAU,qBAAqB;EAEnD,MAAM,kBAAkB,IAAI,gBAAgB,OAAO,SAAS,OAAO;EAGnE,MAAM,qBAAqB,kBAAkB,IAAI,cAAc,gBAAgB;AAG/E,SAAO,GAAG,IAAI,SAAS,GAAG,mBAAmB,UAAU;;CAE1D,CACF"}
+{"version":3,"file":"routes.js","names":[],"sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport { mergeSearchParams } from '@scalar/helpers/url/merge-urls'\nimport type { ClientPlugin } from '@scalar/oas-utils/helpers'\nimport type { Theme } from '@scalar/themes'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace'\nimport type { RouteRecordRaw } from 'vue-router'\n\nimport Authentication from '@/v2/features/collection/components/Authentication.vue'\nimport Cookies from '@/v2/features/collection/components/Cookies.vue'\nimport { Editor } from '@/v2/features/collection/components/Editor'\nimport Environment from '@/v2/features/collection/components/Environment.vue'\nimport Overview from '@/v2/features/collection/components/Overview.vue'\nimport { Runner } from '@/v2/features/collection/components/Runner'\nimport Servers from '@/v2/features/collection/components/Servers.vue'\nimport Settings from '@/v2/features/collection/components/Settings.vue'\nimport DocumentCollection from '@/v2/features/collection/DocumentCollection.vue'\nimport OperationCollection from '@/v2/features/collection/OperationCollection.vue'\nimport WorkspaceCollection from '@/v2/features/collection/WorkspaceCollection.vue'\nimport { Operation } from '@/v2/features/operation'\nimport { workspaceStorage } from '@/v2/helpers/storage'\nimport type { ImportDocumentFromRegistry } from '@/v2/types/configuration'\nimport type { ClientLayout } from '@/v2/types/layout'\n\n/** These props are provided at the route level */\nexport type RouteProps = {\n  /** The slug of the currently selected document in the workspace */\n  documentSlug: string\n  /** The currently active document */\n  document: WorkspaceDocument | null\n  /** The workspace event bus */\n  eventBus: WorkspaceEventBus\n  /** The layout of the client */\n  layout: ClientLayout\n  /** The API path currently selected (e.g. \"/users/{id}\") */\n  path?: string\n  /** The HTTP method for the currently selected API path (e.g. GET, POST) */\n  method?: HttpMethod\n  /** The name of the currently selected example (for examples within an endpoint) */\n  exampleName?: string\n  /** The currently active environment */\n  environment: XScalarEnvironment\n  /** The workspace store */\n  workspaceStore: WorkspaceStore\n  /** The currently active workspace */\n  activeWorkspace: { id: string; label: string }\n  /** Client plugins */\n  plugins: ClientPlugin[]\n  /** Custom themes available to the team */\n  customThemes?: Theme[]\n  /** The currently selected theme styles string */\n  currentTheme?: string\n  /** Whether the current color mode is dark */\n  isDarkMode?: boolean\n  /**\n   * Fetches the full document from registry by meta. When provided, registry meta takes priority\n   * over x-scalar-original-source-url when syncing. Returns the document as a plain object.\n   */\n  fetchRegistryDocument?: ImportDocumentFromRegistry\n  /** Whether telemetry is enabled */\n  telemetry?: boolean\n  /** Updates the telemetry enabled state */\n  onUpdateTelemetry?: (value: boolean) => void\n}\n\n/** When in the collections pages */\nexport type CollectionProps = RouteProps &\n  (\n    | {\n        collectionType: 'document' | 'operation'\n        document: WorkspaceDocument\n      }\n    | {\n        collectionType: 'workspace'\n        document: null\n      }\n  )\n\nexport type ScalarClientAppRouteParams =\n  | 'namespace'\n  | 'workspaceSlug'\n  | 'documentSlug'\n  | 'pathEncoded'\n  | 'method'\n  | 'exampleName'\n\n/** Routes for the API client app and web, the same as modal + workspace routes */\nexport const ROUTES = [\n  {\n    path: '/@:namespace/:workspaceSlug',\n    children: [\n      {\n        path: 'document/:documentSlug',\n        children: [\n          // Example page\n          {\n            path: 'path/:pathEncoded/method/:method',\n            children: [\n              {\n                name: 'example',\n                path: 'example/:exampleName',\n                component: Operation,\n              },\n              {\n                name: 'operation',\n                path: '',\n                component: OperationCollection,\n                redirect: {\n                  name: 'operation.overview',\n                },\n                children: [\n                  {\n                    name: 'operation.overview',\n                    path: 'overview',\n                    component: Overview,\n                  },\n                  {\n                    name: 'operation.servers',\n                    path: 'servers',\n                    component: Servers,\n                  },\n                  {\n                    name: 'operation.authentication',\n                    path: 'authentication',\n                    component: Authentication,\n                  },\n                  {\n                    name: 'operation.editor',\n                    path: 'editor',\n                    component: Editor,\n                  },\n                ],\n              },\n            ],\n          },\n          // Document Page\n          {\n            name: 'document',\n            path: '',\n            component: DocumentCollection,\n            children: [\n              // Redirect to overview\n              {\n                name: 'document.redirect',\n                path: '',\n                redirect: {\n                  name: 'document.overview',\n                },\n              },\n              // Document overview\n              {\n                name: 'document.overview',\n                path: 'overview',\n                component: Overview,\n              },\n              // Document servers\n              {\n                name: 'document.servers',\n                path: 'servers',\n                component: Servers,\n              },\n              // Document environment\n              {\n                name: 'document.environment',\n                path: 'environment',\n                component: Environment,\n              },\n              // Document authentication\n              {\n                name: 'document.authentication',\n                path: 'authentication',\n                component: Authentication,\n              },\n              // Document cookies\n              {\n                name: 'document.cookies',\n                path: 'cookies',\n                component: Cookies,\n              },\n              // Document scripts (pre-request / post-response)\n              {\n                name: 'document.scripts',\n                path: 'scripts',\n                component: () => import('@/v2/features/collection/components/Scripts.vue'),\n              },\n              // Document runner\n              {\n                name: 'document.runner',\n                path: 'runner',\n                component: Runner,\n              },\n              // Document settings\n              {\n                name: 'document.settings',\n                path: 'settings',\n                component: Settings,\n              },\n            ],\n          },\n        ],\n      },\n      // Workspace page\n      {\n        name: 'workspace',\n        path: '',\n        component: WorkspaceCollection,\n        children: [\n          // Workspace environment\n          {\n            name: 'workspace.environment',\n            path: 'environment',\n            component: Environment,\n          },\n          // Workspace cookies\n          {\n            name: 'workspace.cookies',\n            path: 'cookies',\n            component: Cookies,\n          },\n          // Workspace settings\n          {\n            name: 'workspace.settings',\n            path: 'settings',\n            component: Settings,\n          },\n        ],\n      },\n    ],\n  },\n  {\n    path: '/:pathMatch(.*)*',\n    redirect: () => {\n      const DEFAULT_PATH = '/@local/default/document/drafts/overview'\n      const lastPath = workspaceStorage.getLastPath() ?? DEFAULT_PATH\n\n      // Set the default path to the last path so we don't go to an inifite loop if the last path is invalid\n      workspaceStorage.setCurrentPath(DEFAULT_PATH)\n\n      const url = new URL(lastPath, 'http://example.com')\n\n      const queryParameters = new URLSearchParams(window.location.search)\n\n      //Merge the query parameters with the last path\n      const mergedSearchParams = mergeSearchParams(url.searchParams, queryParameters)\n\n      // Preserve all query paramters\n      return `${url.pathname}?${mergedSearchParams.toString()}`\n    },\n  },\n] satisfies RouteRecordRaw[]\n"],"mappings":";;;;;;;;;;;;;;;;AAyFA,IAAa,SAAS,CACpB;CACE,MAAM;CACN,UAAU,CACR;EACE,MAAM;EACN,UAAU,CAER;GACE,MAAM;GACN,UAAU,CACR;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ,EACD;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACX,UAAU,EACR,MAAM,sBACP;IACD,UAAU;KACR;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACD;MACE,MAAM;MACN,MAAM;MACN,WAAW;MACZ;KACF;IACF,CACF;GACF,EAED;GACE,MAAM;GACN,MAAM;GACN,WAAW;GACX,UAAU;IAER;KACE,MAAM;KACN,MAAM;KACN,UAAU,EACR,MAAM,qBACP;KACF;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,iBAAiB,OAAO;KACzB;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IAED;KACE,MAAM;KACN,MAAM;KACN,WAAW;KACZ;IACF;GACF,CACF;EACF,EAED;EACE,MAAM;EACN,MAAM;EACN,WAAW;EACX,UAAU;GAER;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GAED;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GAED;IACE,MAAM;IACN,MAAM;IACN,WAAW;IACZ;GACF;EACF,CACF;CACF,EACD;CACE,MAAM;CACN,gBAAgB;EACd,MAAM,eAAe;EACrB,MAAM,WAAW,iBAAiB,aAAa,IAAI;AAGnD,mBAAiB,eAAe,aAAa;EAE7C,MAAM,MAAM,IAAI,IAAI,UAAU,qBAAqB;EAEnD,MAAM,kBAAkB,IAAI,gBAAgB,OAAO,SAAS,OAAO;EAGnE,MAAM,qBAAqB,kBAAkB,IAAI,cAAc,gBAAgB;AAG/E,SAAO,GAAG,IAAI,SAAS,GAAG,mBAAmB,UAAU;;CAE1D,CACF"}

package/dist/v2/features/app/index.js

@@ -1,7 +1,7 @@
-import { createAppState } from "./app-state.js";
-import CreateWorkspaceModal_default from "./components/CreateWorkspaceModal.vue.js";
 import CommandActionForm_default from "../command-palette/components/CommandActionForm.vue.js";
 import CommandActionInput_default from "../command-palette/components/CommandActionInput.vue.js";
+import { createAppState } from "./app-state.js";
+import CreateWorkspaceModal_default from "./components/CreateWorkspaceModal.vue.js";
 import { baseClientActions, baseRoutes, useCommandPaletteState } from "../command-palette/hooks/use-command-palette-state.js";
 import App_default from "./App.vue.js";
 import { createApiClientApp, createAppRouter } from "./helpers/create-api-client-app.js";

package/dist/v2/features/collection/DocumentCollection.vue.script.js

@@ -5,10 +5,10 @@ import SyncConflictResolutionEditor_default from "./components/SyncConflictResol
 import Tabs_default from "./components/Tabs.vue.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, ref, resolveDynamicComponent, unref, withCtx } from "vue";
 import { ScalarButton, ScalarModal, ScalarSavePrompt, useLoadingState, useModal } from "@scalar/components";
+import { ScalarIconCloudArrowDown, ScalarIconDownload, ScalarIconFloppyDisk, ScalarIconSpinner, ScalarIconWarning } from "@scalar/icons";
 import { useToasts } from "@scalar/use-toasts";
 import { RouterView } from "vue-router";
 import { LibraryIcon } from "@scalar/icons/library";
-import { ScalarIconCloudArrowDown, ScalarIconDownload, ScalarIconFloppyDisk, ScalarIconSpinner, ScalarIconWarning } from "@scalar/icons";
 import { apply } from "@scalar/json-magic/diff";
 import { deepClone } from "@scalar/workspace-store/helpers/deep-clone";
 //#region src/v2/features/collection/DocumentCollection.vue?vue&type=script&setup=true&lang.ts

package/dist/v2/features/collection/OperationCollection.vue.script.js

@@ -1,8 +1,8 @@
 import LabelInput_default from "./components/LabelInput.vue.js";
 import Tabs_default from "./components/Tabs.vue.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, unref, watch } from "vue";
-import { RouterView } from "vue-router";
 import { getResolvedRef } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { RouterView } from "vue-router";
 import { isHttpMethod } from "@scalar/helpers/http/is-http-method";
 //#region src/v2/features/collection/OperationCollection.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {

package/dist/v2/features/collection/components/Editor/helpers/parse-editor-object.js

@@ -1,5 +1,5 @@
-import { parse } from "yaml";
 import { isObject } from "@scalar/helpers/object/is-object";
+import { parse } from "yaml";
 //#region src/v2/features/collection/components/Editor/helpers/parse-editor-object.ts
 var safeParseJson = (value) => {
 	try {