@scalar/api-client 2.43.0 → 3.0.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/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 {

package/dist/v2/features/collection/components/Runner/components/Runner.vue.d.ts

@@ -0,0 +1,16 @@
+declare const __VLS_export: import("vue").DefineComponent<(import("../../../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document" | "operation";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+}), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<(import("../../../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document" | "operation";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+})> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=Runner.vue.d.ts.map

package/dist/v2/features/collection/components/Runner/components/Runner.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Runner.vue.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/components/Runner.vue"],"names":[],"mappings":"AA4xBA,QAAA,MAAM,YAAY;;;;;;;;;;;;kGAEhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/v2/features/collection/components/Runner/components/Runner.vue.js

@@ -0,0 +1,7 @@
+import Runner_vue_vue_type_script_setup_true_lang_default from "./Runner.vue.script.js";
+//#region src/v2/features/collection/components/Runner/components/Runner.vue
+var Runner_default = Runner_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Runner_default as default };
+
+//# sourceMappingURL=Runner.vue.js.map

package/dist/v2/features/collection/components/Runner/components/Runner.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Runner.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/Runner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconArrowCounterClockwise, ScalarIconPlay } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nimport { useRunnerExecution, useRunnerSelection } from '../hooks'\nimport RunnerCard from './RunnerCard.vue'\nimport RunnerOrderItem from './RunnerOrderItem.vue'\nimport RunnerResults from './RunnerResults.vue'\nimport RunnerTree from './RunnerTree.vue'\n\nconst { document, collectionType, workspaceStore, documentSlug, layout } =\n  defineProps<CollectionProps>()\n\nconst {\n  selectedOrder,\n  hasSelection,\n  isSelected,\n  toggle,\n  clearAll,\n  removeFromOrder,\n  dragState,\n  handleDragStart,\n  handleDragOver,\n  handleDragLeave,\n  handleDrop,\n  handleDragEnd,\n} = useRunnerSelection({\n  isLocked: () => isLocked.value,\n})\n\nconst {\n  isRunning,\n  hasRunCompleted,\n  currentRunIndex,\n  runLoader,\n  runSummary,\n  run,\n  rerun,\n  clearResults,\n  getResultAtIndex,\n  isResultPassed,\n  isResultSkipped,\n  getFailedTests,\n} = useRunnerExecution({\n  workspaceStore,\n  document,\n  documentName: documentSlug,\n  isWeb: layout === 'web',\n  selectedOrder: computed(() => selectedOrder.value),\n})\n\nconst isLocked = computed(() => isRunning.value || hasRunCompleted.value)\n\nconst { draggedIndex, dragOverIndex, dragOffset } = dragState\n\nconst navigationChildren = computed(() => {\n  return document?.['x-scalar-navigation']?.children ?? []\n})\n\nconst hasOperations = computed(() => navigationChildren.value.length > 0)\n</script>\n\n<template>\n  <Section v-if=\"collectionType === 'document'\">\n    <template #title>Runner</template>\n    <template #description>\n      Select operation examples, set the run order, then run them in sequence.\n      Variables set by pre-request or post-response scripts are shared between\n      runs.\n    </template>\n\n    <div class=\"flex flex-col gap-8 lg:flex-row lg:items-start\">\n      <!-- Left: Document operations tree -->\n      <RunnerCard\n        class=\"min-w-0 flex-1\"\n        subtitle=\"Check the examples you want to run. They will be added to the run order.\"\n        title=\"Select operations\">\n        <div\n          v-if=\"hasOperations\"\n          class=\"max-h-[28rem] overflow-y-auto\"\n          :class=\"{ 'opacity-60': isLocked }\">\n          <RunnerTree\n            :disabled=\"isLocked\"\n            :entries=\"navigationChildren\"\n            :isSelected=\"isSelected\"\n            :selectedOrder=\"selectedOrder\"\n            @toggle=\"toggle\" />\n        </div>\n        <div\n          v-else\n          class=\"py-6 text-center\">\n          <p class=\"text-c-3 text-sm\">No operations in this document.</p>\n          <p class=\"text-c-3 mt-1 text-xs\">\n            Add paths and methods to your API description to see them here.\n          </p>\n        </div>\n      </RunnerCard>\n\n      <!-- Right: Run order + actions + results -->\n      <div class=\"flex w-full shrink-0 flex-col gap-4 lg:w-96\">\n        <!-- Run order card -->\n        <RunnerCard title=\"Run order\">\n          <template #header>\n            <ScalarButton\n              class=\"transition-opacity duration-100\"\n              :class=\"\n                hasSelection && !isLocked\n                  ? 'opacity-100'\n                  : 'pointer-events-none opacity-0'\n              \"\n              size=\"xs\"\n              variant=\"ghost\"\n              @click=\"clearAll\">\n              <span class=\"hover:underline\">Clear all</span>\n            </ScalarButton>\n          </template>\n          <template #subtitle>\n            {{ selectedOrder.length }}\n            {{ selectedOrder.length === 1 ? 'item' : 'items' }} selected.\n            <template v-if=\"!isLocked\">Drag to reorder.</template>\n            <template v-else-if=\"hasRunCompleted\">\n              Clear results to modify.\n            </template>\n          </template>\n          <template #default>\n            <div\n              v-if=\"selectedOrder.length > 0\"\n              class=\"flex flex-col gap-0.5\"\n              :class=\"{ 'opacity-60': isLocked }\">\n              <RunnerOrderItem\n                v-for=\"(item, index) in selectedOrder\"\n                :key=\"item.id\"\n                :draggable=\"!isLocked\"\n                :exampleKey=\"item.exampleKey\"\n                :index=\"index\"\n                :isDragAfter=\"dragOverIndex === index && dragOffset === 'after'\"\n                :isDragBefore=\"\n                  dragOverIndex === index && dragOffset === 'before'\n                \"\n                :isDragging=\"draggedIndex === index\"\n                :isLocked=\"isLocked\"\n                :method=\"item.method\"\n                :path=\"item.path\"\n                @dragend=\"handleDragEnd\"\n                @dragleave=\"handleDragLeave\"\n                @dragover=\"handleDragOver(index, $event)\"\n                @dragstart=\"handleDragStart(index, $event)\"\n                @drop=\"handleDrop\"\n                @remove=\"removeFromOrder(item)\" />\n            </div>\n            <div\n              v-else\n              class=\"py-4 text-center\">\n              <p class=\"text-c-3 text-sm\">No items yet.</p>\n              <p class=\"text-c-3 mt-0.5 text-xs\">\n                Select operations from the list on the left.\n              </p>\n            </div>\n          </template>\n        </RunnerCard>\n\n        <!-- Run button -->\n        <div class=\"flex justify-end pt-1\">\n          <ScalarButton\n            v-if=\"!hasRunCompleted\"\n            class=\"min-w-40\"\n            :disabled=\"!hasSelection || isRunning\"\n            :icon=\"ScalarIconPlay\"\n            :loader=\"runLoader\"\n            size=\"md\"\n            variant=\"gradient\"\n            @click=\"run\">\n            Run sequence\n          </ScalarButton>\n          <ScalarButton\n            v-else\n            class=\"min-w-40\"\n            :disabled=\"!hasSelection || isRunning\"\n            :icon=\"ScalarIconArrowCounterClockwise\"\n            :loader=\"runLoader\"\n            size=\"md\"\n            variant=\"gradient\"\n            @click=\"rerun\">\n            Re-run sequence\n          </ScalarButton>\n        </div>\n\n        <!-- Running progress -->\n        <RunnerCard\n          v-if=\"\n            isRunning && currentRunIndex != null && selectedOrder.length > 0\n          \"\n          compact>\n          <p class=\"text-c-2 text-sm\">\n            Running step\n            <span class=\"text-c-1 font-medium\">\n              {{ currentRunIndex }} / {{ selectedOrder.length }}\n            </span>\n          </p>\n          <div\n            :aria-valuemax=\"selectedOrder.length\"\n            :aria-valuemin=\"0\"\n            :aria-valuenow=\"currentRunIndex\"\n            class=\"bg-b-3 mt-2 h-1.5 overflow-hidden rounded-full\"\n            role=\"progressbar\">\n            <div\n              class=\"bg-accent-color h-full rounded-full transition-[width] duration-200 ease-out\"\n              :style=\"{\n                width: `${(currentRunIndex / selectedOrder.length) * 100}%`,\n              }\" />\n          </div>\n        </RunnerCard>\n\n        <!-- Results -->\n        <RunnerResults\n          v-if=\"runSummary && hasRunCompleted\"\n          :getFailedTests=\"getFailedTests\"\n          :getResultAtIndex=\"getResultAtIndex\"\n          :isResultPassed=\"isResultPassed\"\n          :isResultSkipped=\"isResultSkipped\"\n          :selectedOrder=\"selectedOrder\"\n          :summary=\"runSummary\"\n          @clear=\"clearResults\" />\n      </div>\n    </div>\n  </Section>\n</template>\n"],"mappings":""}

package/dist/v2/features/collection/components/Runner/components/Runner.vue.script.js

@@ -0,0 +1,220 @@
+import Section_default from "../../../../settings/components/Section.vue.js";
+import { useRunnerExecution } from "../hooks/use-runner-execution.js";
+import { useRunnerSelection } from "../hooks/use-runner-selection.js";
+import RunnerCard_default from "./RunnerCard.vue.js";
+import RunnerOrderItem_default from "./RunnerOrderItem.vue.js";
+import RunnerResults_default from "./RunnerResults.vue.js";
+import RunnerTree_default from "./RunnerTree.vue.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { ScalarIconArrowCounterClockwise, ScalarIconPlay } from "@scalar/icons";
+//#region src/v2/features/collection/components/Runner/components/Runner.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex flex-col gap-8 lg:flex-row lg:items-start" };
+var _hoisted_2 = {
+	key: 1,
+	class: "py-6 text-center"
+};
+var _hoisted_3 = { class: "flex w-full shrink-0 flex-col gap-4 lg:w-96" };
+var _hoisted_4 = {
+	key: 1,
+	class: "py-4 text-center"
+};
+var _hoisted_5 = { class: "flex justify-end pt-1" };
+var _hoisted_6 = { class: "text-c-2 text-sm" };
+var _hoisted_7 = { class: "text-c-1 font-medium" };
+var _hoisted_8 = ["aria-valuemax", "aria-valuenow"];
+var Runner_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Runner",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		telemetry: { type: Boolean },
+		onUpdateTelemetry: { type: Function },
+		collectionType: {}
+	},
+	setup(__props) {
+		const { selectedOrder, hasSelection, isSelected, toggle, clearAll, removeFromOrder, dragState, handleDragStart, handleDragOver, handleDragLeave, handleDrop, handleDragEnd } = useRunnerSelection({ isLocked: () => isLocked.value });
+		const { isRunning, hasRunCompleted, currentRunIndex, runLoader, runSummary, run, rerun, clearResults, getResultAtIndex, isResultPassed, isResultSkipped, getFailedTests } = useRunnerExecution({
+			workspaceStore: __props.workspaceStore,
+			document: __props.document,
+			documentName: __props.documentSlug,
+			isWeb: __props.layout === "web",
+			selectedOrder: computed(() => selectedOrder.value)
+		});
+		const isLocked = computed(() => isRunning.value || hasRunCompleted.value);
+		const { draggedIndex, dragOverIndex, dragOffset } = dragState;
+		const navigationChildren = computed(() => {
+			return __props.document?.["x-scalar-navigation"]?.children ?? [];
+		});
+		const hasOperations = computed(() => navigationChildren.value.length > 0);
+		return (_ctx, _cache) => {
+			return __props.collectionType === "document" ? (openBlock(), createBlock(Section_default, { key: 0 }, {
+				title: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode("Runner", -1)])]),
+				description: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" Select operation examples, set the run order, then run them in sequence. Variables set by pre-request or post-response scripts are shared between runs. ", -1)])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(RunnerCard_default, {
+					class: "min-w-0 flex-1",
+					subtitle: "Check the examples you want to run. They will be added to the run order.",
+					title: "Select operations"
+				}, {
+					default: withCtx(() => [hasOperations.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["max-h-[28rem] overflow-y-auto", { "opacity-60": isLocked.value }])
+					}, [createVNode(RunnerTree_default, {
+						disabled: isLocked.value,
+						entries: navigationChildren.value,
+						isSelected: unref(isSelected),
+						selectedOrder: unref(selectedOrder),
+						onToggle: unref(toggle)
+					}, null, 8, [
+						"disabled",
+						"entries",
+						"isSelected",
+						"selectedOrder",
+						"onToggle"
+					])], 2)) : (openBlock(), createElementBlock("div", _hoisted_2, [..._cache[2] || (_cache[2] = [createElementVNode("p", { class: "text-c-3 text-sm" }, "No operations in this document.", -1), createElementVNode("p", { class: "text-c-3 mt-1 text-xs" }, " Add paths and methods to your API description to see them here. ", -1)])]))]),
+					_: 1
+				}), createElementVNode("div", _hoisted_3, [
+					createVNode(RunnerCard_default, { title: "Run order" }, {
+						header: withCtx(() => [createVNode(unref(ScalarButton), {
+							class: normalizeClass(["transition-opacity duration-100", unref(hasSelection) && !isLocked.value ? "opacity-100" : "pointer-events-none opacity-0"]),
+							size: "xs",
+							variant: "ghost",
+							onClick: unref(clearAll)
+						}, {
+							default: withCtx(() => [..._cache[3] || (_cache[3] = [createElementVNode("span", { class: "hover:underline" }, "Clear all", -1)])]),
+							_: 1
+						}, 8, ["class", "onClick"])]),
+						subtitle: withCtx(() => [createTextVNode(toDisplayString(unref(selectedOrder).length) + " " + toDisplayString(unref(selectedOrder).length === 1 ? "item" : "items") + " selected. ", 1), !isLocked.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode("Drag to reorder.")], 64)) : unref(hasRunCompleted) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(" Clear results to modify. ")], 64)) : createCommentVNode("", true)]),
+						default: withCtx(() => [unref(selectedOrder).length > 0 ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(["flex flex-col gap-0.5", { "opacity-60": isLocked.value }])
+						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(selectedOrder), (item, index) => {
+							return openBlock(), createBlock(RunnerOrderItem_default, {
+								key: item.id,
+								draggable: !isLocked.value,
+								exampleKey: item.exampleKey,
+								index,
+								isDragAfter: unref(dragOverIndex) === index && unref(dragOffset) === "after",
+								isDragBefore: unref(dragOverIndex) === index && unref(dragOffset) === "before",
+								isDragging: unref(draggedIndex) === index,
+								isLocked: isLocked.value,
+								method: item.method,
+								path: item.path,
+								onDragend: unref(handleDragEnd),
+								onDragleave: unref(handleDragLeave),
+								onDragover: ($event) => unref(handleDragOver)(index, $event),
+								onDragstart: ($event) => unref(handleDragStart)(index, $event),
+								onDrop: unref(handleDrop),
+								onRemove: ($event) => unref(removeFromOrder)(item)
+							}, null, 8, [
+								"draggable",
+								"exampleKey",
+								"index",
+								"isDragAfter",
+								"isDragBefore",
+								"isDragging",
+								"isLocked",
+								"method",
+								"path",
+								"onDragend",
+								"onDragleave",
+								"onDragover",
+								"onDragstart",
+								"onDrop",
+								"onRemove"
+							]);
+						}), 128))], 2)) : (openBlock(), createElementBlock("div", _hoisted_4, [..._cache[4] || (_cache[4] = [createElementVNode("p", { class: "text-c-3 text-sm" }, "No items yet.", -1), createElementVNode("p", { class: "text-c-3 mt-0.5 text-xs" }, " Select operations from the list on the left. ", -1)])]))]),
+						_: 1
+					}),
+					createElementVNode("div", _hoisted_5, [!unref(hasRunCompleted) ? (openBlock(), createBlock(unref(ScalarButton), {
+						key: 0,
+						class: "min-w-40",
+						disabled: !unref(hasSelection) || unref(isRunning),
+						icon: unref(ScalarIconPlay),
+						loader: unref(runLoader),
+						size: "md",
+						variant: "gradient",
+						onClick: unref(run)
+					}, {
+						default: withCtx(() => [..._cache[5] || (_cache[5] = [createTextVNode(" Run sequence ", -1)])]),
+						_: 1
+					}, 8, [
+						"disabled",
+						"icon",
+						"loader",
+						"onClick"
+					])) : (openBlock(), createBlock(unref(ScalarButton), {
+						key: 1,
+						class: "min-w-40",
+						disabled: !unref(hasSelection) || unref(isRunning),
+						icon: unref(ScalarIconArrowCounterClockwise),
+						loader: unref(runLoader),
+						size: "md",
+						variant: "gradient",
+						onClick: unref(rerun)
+					}, {
+						default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" Re-run sequence ", -1)])]),
+						_: 1
+					}, 8, [
+						"disabled",
+						"icon",
+						"loader",
+						"onClick"
+					]))]),
+					unref(isRunning) && unref(currentRunIndex) != null && unref(selectedOrder).length > 0 ? (openBlock(), createBlock(RunnerCard_default, {
+						key: 0,
+						compact: ""
+					}, {
+						default: withCtx(() => [createElementVNode("p", _hoisted_6, [_cache[7] || (_cache[7] = createTextVNode(" Running step ", -1)), createElementVNode("span", _hoisted_7, toDisplayString(unref(currentRunIndex)) + " / " + toDisplayString(unref(selectedOrder).length), 1)]), createElementVNode("div", {
+							"aria-valuemax": unref(selectedOrder).length,
+							"aria-valuemin": 0,
+							"aria-valuenow": unref(currentRunIndex),
+							class: "bg-b-3 mt-2 h-1.5 overflow-hidden rounded-full",
+							role: "progressbar"
+						}, [createElementVNode("div", {
+							class: "bg-accent-color h-full rounded-full transition-[width] duration-200 ease-out",
+							style: normalizeStyle({ width: `${unref(currentRunIndex) / unref(selectedOrder).length * 100}%` })
+						}, null, 4)], 8, _hoisted_8)]),
+						_: 1
+					})) : createCommentVNode("", true),
+					unref(runSummary) && unref(hasRunCompleted) ? (openBlock(), createBlock(RunnerResults_default, {
+						key: 1,
+						getFailedTests: unref(getFailedTests),
+						getResultAtIndex: unref(getResultAtIndex),
+						isResultPassed: unref(isResultPassed),
+						isResultSkipped: unref(isResultSkipped),
+						selectedOrder: unref(selectedOrder),
+						summary: unref(runSummary),
+						onClear: unref(clearResults)
+					}, null, 8, [
+						"getFailedTests",
+						"getResultAtIndex",
+						"isResultPassed",
+						"isResultSkipped",
+						"selectedOrder",
+						"summary",
+						"onClear"
+					])) : createCommentVNode("", true)
+				])])]),
+				_: 1
+			})) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { Runner_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Runner.vue.script.js.map

package/dist/v2/features/collection/components/Runner/components/Runner.vue.script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Runner.vue.script.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/Runner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { ScalarIconArrowCounterClockwise, ScalarIconPlay } from '@scalar/icons'\nimport { computed } from 'vue'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport Section from '@/v2/features/settings/components/Section.vue'\n\nimport { useRunnerExecution, useRunnerSelection } from '../hooks'\nimport RunnerCard from './RunnerCard.vue'\nimport RunnerOrderItem from './RunnerOrderItem.vue'\nimport RunnerResults from './RunnerResults.vue'\nimport RunnerTree from './RunnerTree.vue'\n\nconst { document, collectionType, workspaceStore, documentSlug, layout } =\n  defineProps<CollectionProps>()\n\nconst {\n  selectedOrder,\n  hasSelection,\n  isSelected,\n  toggle,\n  clearAll,\n  removeFromOrder,\n  dragState,\n  handleDragStart,\n  handleDragOver,\n  handleDragLeave,\n  handleDrop,\n  handleDragEnd,\n} = useRunnerSelection({\n  isLocked: () => isLocked.value,\n})\n\nconst {\n  isRunning,\n  hasRunCompleted,\n  currentRunIndex,\n  runLoader,\n  runSummary,\n  run,\n  rerun,\n  clearResults,\n  getResultAtIndex,\n  isResultPassed,\n  isResultSkipped,\n  getFailedTests,\n} = useRunnerExecution({\n  workspaceStore,\n  document,\n  documentName: documentSlug,\n  isWeb: layout === 'web',\n  selectedOrder: computed(() => selectedOrder.value),\n})\n\nconst isLocked = computed(() => isRunning.value || hasRunCompleted.value)\n\nconst { draggedIndex, dragOverIndex, dragOffset } = dragState\n\nconst navigationChildren = computed(() => {\n  return document?.['x-scalar-navigation']?.children ?? []\n})\n\nconst hasOperations = computed(() => navigationChildren.value.length > 0)\n</script>\n\n<template>\n  <Section v-if=\"collectionType === 'document'\">\n    <template #title>Runner</template>\n    <template #description>\n      Select operation examples, set the run order, then run them in sequence.\n      Variables set by pre-request or post-response scripts are shared between\n      runs.\n    </template>\n\n    <div class=\"flex flex-col gap-8 lg:flex-row lg:items-start\">\n      <!-- Left: Document operations tree -->\n      <RunnerCard\n        class=\"min-w-0 flex-1\"\n        subtitle=\"Check the examples you want to run. They will be added to the run order.\"\n        title=\"Select operations\">\n        <div\n          v-if=\"hasOperations\"\n          class=\"max-h-[28rem] overflow-y-auto\"\n          :class=\"{ 'opacity-60': isLocked }\">\n          <RunnerTree\n            :disabled=\"isLocked\"\n            :entries=\"navigationChildren\"\n            :isSelected=\"isSelected\"\n            :selectedOrder=\"selectedOrder\"\n            @toggle=\"toggle\" />\n        </div>\n        <div\n          v-else\n          class=\"py-6 text-center\">\n          <p class=\"text-c-3 text-sm\">No operations in this document.</p>\n          <p class=\"text-c-3 mt-1 text-xs\">\n            Add paths and methods to your API description to see them here.\n          </p>\n        </div>\n      </RunnerCard>\n\n      <!-- Right: Run order + actions + results -->\n      <div class=\"flex w-full shrink-0 flex-col gap-4 lg:w-96\">\n        <!-- Run order card -->\n        <RunnerCard title=\"Run order\">\n          <template #header>\n            <ScalarButton\n              class=\"transition-opacity duration-100\"\n              :class=\"\n                hasSelection && !isLocked\n                  ? 'opacity-100'\n                  : 'pointer-events-none opacity-0'\n              \"\n              size=\"xs\"\n              variant=\"ghost\"\n              @click=\"clearAll\">\n              <span class=\"hover:underline\">Clear all</span>\n            </ScalarButton>\n          </template>\n          <template #subtitle>\n            {{ selectedOrder.length }}\n            {{ selectedOrder.length === 1 ? 'item' : 'items' }} selected.\n            <template v-if=\"!isLocked\">Drag to reorder.</template>\n            <template v-else-if=\"hasRunCompleted\">\n              Clear results to modify.\n            </template>\n          </template>\n          <template #default>\n            <div\n              v-if=\"selectedOrder.length > 0\"\n              class=\"flex flex-col gap-0.5\"\n              :class=\"{ 'opacity-60': isLocked }\">\n              <RunnerOrderItem\n                v-for=\"(item, index) in selectedOrder\"\n                :key=\"item.id\"\n                :draggable=\"!isLocked\"\n                :exampleKey=\"item.exampleKey\"\n                :index=\"index\"\n                :isDragAfter=\"dragOverIndex === index && dragOffset === 'after'\"\n                :isDragBefore=\"\n                  dragOverIndex === index && dragOffset === 'before'\n                \"\n                :isDragging=\"draggedIndex === index\"\n                :isLocked=\"isLocked\"\n                :method=\"item.method\"\n                :path=\"item.path\"\n                @dragend=\"handleDragEnd\"\n                @dragleave=\"handleDragLeave\"\n                @dragover=\"handleDragOver(index, $event)\"\n                @dragstart=\"handleDragStart(index, $event)\"\n                @drop=\"handleDrop\"\n                @remove=\"removeFromOrder(item)\" />\n            </div>\n            <div\n              v-else\n              class=\"py-4 text-center\">\n              <p class=\"text-c-3 text-sm\">No items yet.</p>\n              <p class=\"text-c-3 mt-0.5 text-xs\">\n                Select operations from the list on the left.\n              </p>\n            </div>\n          </template>\n        </RunnerCard>\n\n        <!-- Run button -->\n        <div class=\"flex justify-end pt-1\">\n          <ScalarButton\n            v-if=\"!hasRunCompleted\"\n            class=\"min-w-40\"\n            :disabled=\"!hasSelection || isRunning\"\n            :icon=\"ScalarIconPlay\"\n            :loader=\"runLoader\"\n            size=\"md\"\n            variant=\"gradient\"\n            @click=\"run\">\n            Run sequence\n          </ScalarButton>\n          <ScalarButton\n            v-else\n            class=\"min-w-40\"\n            :disabled=\"!hasSelection || isRunning\"\n            :icon=\"ScalarIconArrowCounterClockwise\"\n            :loader=\"runLoader\"\n            size=\"md\"\n            variant=\"gradient\"\n            @click=\"rerun\">\n            Re-run sequence\n          </ScalarButton>\n        </div>\n\n        <!-- Running progress -->\n        <RunnerCard\n          v-if=\"\n            isRunning && currentRunIndex != null && selectedOrder.length > 0\n          \"\n          compact>\n          <p class=\"text-c-2 text-sm\">\n            Running step\n            <span class=\"text-c-1 font-medium\">\n              {{ currentRunIndex }} / {{ selectedOrder.length }}\n            </span>\n          </p>\n          <div\n            :aria-valuemax=\"selectedOrder.length\"\n            :aria-valuemin=\"0\"\n            :aria-valuenow=\"currentRunIndex\"\n            class=\"bg-b-3 mt-2 h-1.5 overflow-hidden rounded-full\"\n            role=\"progressbar\">\n            <div\n              class=\"bg-accent-color h-full rounded-full transition-[width] duration-200 ease-out\"\n              :style=\"{\n                width: `${(currentRunIndex / selectedOrder.length) * 100}%`,\n              }\" />\n          </div>\n        </RunnerCard>\n\n        <!-- Results -->\n        <RunnerResults\n          v-if=\"runSummary && hasRunCompleted\"\n          :getFailedTests=\"getFailedTests\"\n          :getResultAtIndex=\"getResultAtIndex\"\n          :isResultPassed=\"isResultPassed\"\n          :isResultSkipped=\"isResultSkipped\"\n          :selectedOrder=\"selectedOrder\"\n          :summary=\"runSummary\"\n          @clear=\"clearResults\" />\n      </div>\n    </div>\n  </Section>\n</template>\n"],"mappings":"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"}

package/dist/{components/Sidebar/SidebarButton.vue.d.ts → v2/features/collection/components/Runner/components/RunnerCard.vue.d.ts}

@@ -1,10 +1,12 @@
 type __VLS_Props = {
-    click: () => void;
-    hotkey?: string;
+    title?: string;
+    subtitle?: string;
+    compact?: boolean;
 };
-declare var __VLS_10: {};
-type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_10) => any;
+type __VLS_Slots = {
+    header?: () => unknown;
+    subtitle?: () => unknown;
+    default?: () => unknown;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -15,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=SidebarButton.vue.d.ts.map
+//# sourceMappingURL=RunnerCard.vue.d.ts.map

package/dist/v2/features/collection/components/Runner/components/RunnerCard.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerCard.vue.d.ts","sourceRoot":"","sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerCard.vue"],"names":[],"mappings":"AA6DA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAQF,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,OAAO,CAAA;CACxB,CAAC;AA2FF,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/v2/features/collection/components/Runner/components/RunnerCard.vue.js

@@ -0,0 +1,7 @@
+import RunnerCard_vue_vue_type_script_setup_true_lang_default from "./RunnerCard.vue.script.js";
+//#region src/v2/features/collection/components/Runner/components/RunnerCard.vue
+var RunnerCard_default = RunnerCard_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RunnerCard_default as default };
+
+//# sourceMappingURL=RunnerCard.vue.js.map

package/dist/v2/features/collection/components/Runner/components/RunnerCard.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RunnerCard.vue.js","names":[],"sources":["../../../../../../../src/v2/features/collection/components/Runner/components/RunnerCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nconst {\n  title,\n  subtitle,\n  compact = false,\n} = defineProps<{\n  title?: string\n  subtitle?: string\n  compact?: boolean\n}>()\n\nconst slots = defineSlots<{\n  header?: () => unknown\n  subtitle?: () => unknown\n  default?: () => unknown\n}>()\n\nconst hasSubtitle = computed(() => subtitle || slots.subtitle)\n</script>\n\n<template>\n  <div\n    class=\"border-border-color bg-b-2 rounded-xl border\"\n    :class=\"compact ? 'px-5 py-3' : 'px-5 py-4'\">\n    <!-- Header row: title + subtitle on left, header slot on right -->\n    <div\n      v-if=\"title || hasSubtitle || slots.header\"\n      class=\"mb-4 flex items-start justify-between gap-4\">\n      <div class=\"min-w-0 flex-1\">\n        <h3\n          v-if=\"title\"\n          class=\"text-c-1 m-0 text-sm font-bold tracking-wide\">\n          {{ title }}\n        </h3>\n        <p\n          v-if=\"subtitle\"\n          class=\"text-c-2 m-0 mt-1 text-xs\">\n          {{ subtitle }}\n        </p>\n        <p\n          v-else-if=\"slots.subtitle\"\n          class=\"text-c-2 m-0 mt-1 text-xs\">\n          <slot name=\"subtitle\" />\n        </p>\n      </div>\n      <div\n        v-if=\"slots.header\"\n        class=\"shrink-0\">\n        <slot name=\"header\" />\n      </div>\n    </div>\n    <slot />\n  </div>\n</template>\n"],"mappings":""}