@scalar/api-client 2.38.3 → 2.39.0

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

@@ -0,0 +1,80 @@
+import { getActiveProxyUrl } from "../../../helpers/get-active-proxy-url.js";
+import CollectionSettings_default from "../../settings/CollectionSettings.vue.js";
+import DocumentSettings_default from "../../settings/DocumentSettings.vue.js";
+import { createBlock, defineComponent, openBlock, unref } from "vue";
+//#region src/v2/features/collection/components/Settings.vue?vue&type=script&setup=true&lang.ts
+var Settings_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Settings",
+	props: {
+		documentSlug: {},
+		document: {},
+		eventBus: {},
+		layout: {},
+		path: {},
+		method: {},
+		exampleName: {},
+		environment: {},
+		securitySchemes: {},
+		workspaceStore: {},
+		activeWorkspace: {},
+		plugins: {},
+		customThemes: {},
+		currentTheme: {},
+		isDarkMode: { type: Boolean },
+		fetchRegistryDocument: { type: Function },
+		telemetry: { type: Boolean },
+		onUpdateTelemetry: { type: Function },
+		collectionType: {}
+	},
+	setup(__props) {
+		const handleUpdateWatchMode = (watchMode) => {
+			__props.eventBus.emit("document:update:watch-mode", watchMode);
+		};
+		const handleUpdateThemeSlug = (themeSlug) => {
+			__props.eventBus.emit("workspace:update:theme", themeSlug);
+		};
+		const handleUpdateActiveProxy = (proxy) => {
+			__props.eventBus.emit("workspace:update:active-proxy", proxy);
+		};
+		const handleUpdateColorMode = (colorMode) => {
+			__props.eventBus.emit("workspace:update:color-mode", colorMode);
+		};
+		return (_ctx, _cache) => {
+			return __props.collectionType === "document" ? (openBlock(), createBlock(unref(DocumentSettings_default), {
+				key: 0,
+				documentUrl: __props.document?.["x-scalar-original-source-url"],
+				isDraftDocument: __props.documentSlug === "drafts",
+				title: __props.document?.info.title ?? "",
+				watchMode: __props.document?.["x-scalar-watch-mode"],
+				"onDelete:document": _cache[0] || (_cache[0] = ($event) => __props.eventBus.emit("document:delete:document", { name: __props.documentSlug })),
+				"onUpdate:watchMode": handleUpdateWatchMode
+			}, null, 8, [
+				"documentUrl",
+				"isDraftDocument",
+				"title",
+				"watchMode"
+			])) : (openBlock(), createBlock(unref(CollectionSettings_default), {
+				key: 1,
+				activeProxyUrl: unref(getActiveProxyUrl)(__props.workspaceStore.workspace["x-scalar-active-proxy"], __props.layout),
+				activeThemeSlug: __props.workspaceStore.workspace["x-scalar-theme"] ?? "none",
+				colorMode: __props.workspaceStore.workspace["x-scalar-color-mode"] ?? "system",
+				customThemes: __props.customThemes,
+				telemetry: __props.telemetry,
+				"onUpdate:colorMode": handleUpdateColorMode,
+				"onUpdate:proxyUrl": handleUpdateActiveProxy,
+				"onUpdate:telemetry": _cache[1] || (_cache[1] = (value) => __props.onUpdateTelemetry?.(value)),
+				"onUpdate:themeSlug": handleUpdateThemeSlug
+			}, null, 8, [
+				"activeProxyUrl",
+				"activeThemeSlug",
+				"colorMode",
+				"customThemes",
+				"telemetry"
+			]));
+		};
+	}
+});
+//#endregion
+export { Settings_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Settings.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Settings.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Settings.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ColorMode } from '@scalar/workspace-store/schemas/workspace'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\nimport { CollectionSettings, DocumentSettings } from '@/v2/features/settings'\nimport { getActiveProxyUrl } from '@/v2/helpers/get-active-proxy-url'\n\nconst {\n  eventBus,\n  documentSlug,\n  document,\n  workspaceStore,\n  collectionType,\n  layout,\n  telemetry,\n  onUpdateTelemetry,\n} = defineProps<CollectionProps>()\n\nconst handleUpdateWatchMode = (watchMode: boolean) => {\n  eventBus.emit('document:update:watch-mode', watchMode)\n}\n\nconst handleUpdateThemeSlug = (themeSlug?: string) => {\n  eventBus.emit('workspace:update:theme', themeSlug)\n}\nconst handleUpdateActiveProxy = (proxy: string | null) => {\n  eventBus.emit('workspace:update:active-proxy', proxy)\n}\n\nconst handleUpdateColorMode = (colorMode: ColorMode) => {\n  eventBus.emit('workspace:update:color-mode', colorMode)\n}\n</script>\n<template>\n  <DocumentSettings\n    v-if=\"collectionType === 'document'\"\n    :documentUrl=\"document?.['x-scalar-original-source-url']\"\n    :isDraftDocument=\"documentSlug === 'drafts'\"\n    :title=\"document?.info.title ?? ''\"\n    :watchMode=\"document?.['x-scalar-watch-mode']\"\n    @delete:document=\"\n      eventBus.emit('document:delete:document', { name: documentSlug })\n    \"\n    @update:watchMode=\"handleUpdateWatchMode\" />\n  <CollectionSettings\n    v-else\n    :activeProxyUrl=\"\n      getActiveProxyUrl(\n        workspaceStore.workspace['x-scalar-active-proxy'],\n        layout,\n      )\n    \"\n    :activeThemeSlug=\"workspaceStore.workspace['x-scalar-theme'] ?? 'none'\"\n    :colorMode=\"workspaceStore.workspace['x-scalar-color-mode'] ?? 'system'\"\n    :customThemes=\"customThemes\"\n    :telemetry=\"telemetry\"\n    @update:colorMode=\"handleUpdateColorMode\"\n    @update:proxyUrl=\"handleUpdateActiveProxy\"\n    @update:telemetry=\"(value) => onUpdateTelemetry?.(value)\"\n    @update:themeSlug=\"handleUpdateThemeSlug\" />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,yBAAyB,cAAuB;AACpD,WAAA,SAAS,KAAK,8BAA8B,UAAS;;EAGvD,MAAM,yBAAyB,cAAuB;AACpD,WAAA,SAAS,KAAK,0BAA0B,UAAS;;EAEnD,MAAM,2BAA2B,UAAyB;AACxD,WAAA,SAAS,KAAK,iCAAiC,MAAK;;EAGtD,MAAM,yBAAyB,cAAyB;AACtD,WAAA,SAAS,KAAK,+BAA+B,UAAS;;;UAK9C,QAAA,mBAAc,cAAA,WAAA,EADtB,YAS8C,MAAA,yBAAA,EAAA;;IAP3C,aAAa,QAAA,WAAQ;IACrB,iBAAiB,QAAA,iBAAY;IAC7B,OAAO,QAAA,UAAU,KAAK,SAAK;IAC3B,WAAW,QAAA,WAAQ;IACnB,qBAAe,OAAA,OAAA,OAAA,MAAA,WAAS,QAAA,SAAS,KAAI,4BAAA,EAAA,MAAqC,QAAA,cAAY,CAAA;IAGtF,sBAAkB;;;;;;uBACrB,YAe8C,MAAA,2BAAA,EAAA;;IAb3C,gBAAuB,MAAA,kBAAiB,CAAU,QAAA,eAAe,UAAS,0BAAmC,QAAA,OAAA;IAM7G,iBAAiB,QAAA,eAAe,UAAS,qBAAA;IACzC,WAAW,QAAA,eAAe,UAAS,0BAAA;IACnC,cAAc,QAAA;IACd,WAAW,QAAA;IACX,sBAAkB;IAClB,qBAAiB;IACjB,sBAAgB,OAAA,OAAA,OAAA,MAAG,UAAU,QAAA,oBAAoB,MAAK;IACtD,sBAAkB"}

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

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_export-helper.js";
+import SyncConflictResolutionEditor_vue_vue_type_script_setup_true_lang_default from "./SyncConflictResolutionEditor.vue.script.js";
+/* empty css                                           */
+//#region src/v2/features/collection/components/SyncConflictResolutionEditor.vue
+var SyncConflictResolutionEditor_default = /* @__PURE__ */ _plugin_vue_export_helper_default(SyncConflictResolutionEditor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-a388e6a4"]]);
+//#endregion
+export { SyncConflictResolutionEditor_default as default };
+
+//# sourceMappingURL=SyncConflictResolutionEditor.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SyncConflictResolutionEditor.vue.js","names":[],"sources":["../../../../../src/v2/features/collection/components/SyncConflictResolutionEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { type merge } from '@scalar/json-magic/diff'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, onMounted, onUnmounted, ref } from 'vue'\n\nimport { useSplitResize } from '@/v2/components/resize'\nimport { useThreeWayMergeEditor } from '@/v2/features/editor/hooks/use-three-way-merge-editor'\n\nconst { conflicts, baseDocument, resolvedDocument } = defineProps<{\n  conflicts: ReturnType<typeof merge>['conflicts']\n  baseDocument: Record<string, unknown>\n  resolvedDocument: Record<string, unknown>\n}>()\n\nconst emit = defineEmits<{\n  applyChanges: [\n    payload: {\n      resolvedDocument: Record<string, unknown>\n    },\n  ]\n}>()\n\nconst { toast } = useToasts()\n\nconst splitContainerRef = ref<HTMLDivElement>()\nconst topEditorsRowRef = ref<HTMLDivElement>()\nconst topPaneSize = ref(50)\nconst leftPaneSize = ref(50)\n\nconst { onHorizontalResizeStart, onVerticalResizeStart, stopActiveResize } =\n  useSplitResize({\n    horizontalContainerRef: topEditorsRowRef,\n    verticalContainerRef: splitContainerRef,\n    leftPaneSize,\n    topPaneSize,\n    horizontalMin: 20,\n    horizontalMax: 80,\n    verticalMin: 25,\n    verticalMax: 75,\n  })\n\nconst mergeEditor = useThreeWayMergeEditor({\n  baseDocument,\n  resolvedDocument,\n  conflicts,\n  onApplyChanges: (resolvedDoc) =>\n    emit('applyChanges', { resolvedDocument: resolvedDoc }),\n  onError: (message) => toast(message, 'error'),\n})\n\nconst conflictsLeft = computed(() => mergeEditor.conflictsLeft.value)\n\nconst topPaneStyle = computed(() => ({ height: `${topPaneSize.value}%` }))\nconst leftPaneStyle = computed(() => ({ width: `${leftPaneSize.value}%` }))\nconst rightPaneStyle = computed(() => ({\n  width: `${100 - leftPaneSize.value}%`,\n}))\n\nconst localChangesEditorRef = ref<HTMLDivElement>()\nconst remoteChangesEditorRef = ref<HTMLDivElement>()\nconst resultEditorRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  const localEl = localChangesEditorRef.value\n  const remoteEl = remoteChangesEditorRef.value\n  const resultEl = resultEditorRef.value\n  if (localEl && remoteEl && resultEl) {\n    mergeEditor.init({\n      local: localEl,\n      remote: remoteEl,\n      result: resultEl,\n    })\n  }\n})\n\nonUnmounted(() => {\n  stopActiveResize()\n  mergeEditor.dispose()\n})\n</script>\n\n<template>\n  <p class=\"text-c-2 text-xs\">\n    Resolve conflicts inline in the full document editor. Use the buttons inside\n    the editor for each conflict.\n  </p>\n\n  <div\n    ref=\"splitContainerRef\"\n    class=\"flex min-h-0 flex-1 flex-col overflow-hidden\">\n    <div\n      ref=\"topEditorsRowRef\"\n      class=\"flex min-h-0 gap-1 p-1\"\n      :style=\"topPaneStyle\">\n      <div\n        class=\"sync-editor-pane border-c-3 flex min-h-0 flex-col overflow-hidden rounded-lg border\"\n        :style=\"leftPaneStyle\">\n        <div\n          class=\"sync-pane-title text-c-2 border-c-3 shrink-0 border-b px-2 py-1 text-[11px]\">\n          Current\n        </div>\n        <div\n          ref=\"localChangesEditorRef\"\n          class=\"min-h-0 flex-1\"></div>\n      </div>\n\n      <button\n        aria-label=\"Resize current and remote editors\"\n        class=\"resize-handle resize-handle-col\"\n        type=\"button\"\n        @pointerdown=\"onHorizontalResizeStart\" />\n\n      <div\n        class=\"sync-editor-pane border-c-3 flex min-h-0 flex-col overflow-hidden rounded-lg border\"\n        :style=\"rightPaneStyle\">\n        <div\n          class=\"sync-pane-title text-c-2 border-c-3 shrink-0 border-b px-2 py-1 text-[11px]\">\n          Remote\n        </div>\n        <div\n          ref=\"remoteChangesEditorRef\"\n          class=\"min-h-0 flex-1\"></div>\n      </div>\n    </div>\n\n    <button\n      aria-label=\"Resize top and result editors\"\n      class=\"resize-handle resize-handle-row\"\n      type=\"button\"\n      @pointerdown=\"onVerticalResizeStart\" />\n\n    <div\n      class=\"sync-editor-pane border-c-3 mx-1 mb-1 flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border\">\n      <div\n        class=\"sync-pane-title text-c-2 border-c-3 flex shrink-0 items-center justify-between border-b px-2 py-1 text-[11px]\">\n        <span> Result </span>\n        <div class=\"flex items-center gap-2\">\n          <span class=\"text-c-2 text-[11px] normal-case\">\n            {{ conflictsLeft }} conflict{{ conflictsLeft === 1 ? '' : 's' }}\n            left\n          </span>\n          <ScalarButton\n            :disabled=\"conflictsLeft === 0\"\n            size=\"xs\"\n            type=\"button\"\n            variant=\"outlined\"\n            @click=\"mergeEditor.goToNextConflict\">\n            Next Conflict\n          </ScalarButton>\n        </div>\n      </div>\n      <div\n        ref=\"resultEditorRef\"\n        class=\"min-h-0 flex-1\"></div>\n    </div>\n\n    <div class=\"flex shrink-0 items-center justify-end gap-2\">\n      <ScalarButton\n        :disabled=\"conflictsLeft > 0\"\n        size=\"xs\"\n        type=\"button\"\n        @click=\"mergeEditor.applyResolvedConflicts\">\n        Apply changes\n      </ScalarButton>\n    </div>\n  </div>\n</template>\n<style scoped>\n.editor-container {\n  width: 100%;\n  height: 100%;\n}\n\n.sync-layout-root {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-background-1, #1e1e1e) 96%,\n    transparent\n  );\n}\n\n.sync-editor-pane {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-background-1, #1e1e1e) 95%,\n    transparent\n  );\n}\n\n.sync-pane-title {\n  letter-spacing: 0.03em;\n  text-transform: uppercase;\n  font-weight: 600;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-background-2, #2d2d30) 85%,\n    transparent\n  );\n}\n\n.resize-handle {\n  position: relative;\n  display: block;\n  flex-shrink: 0;\n  border: none;\n  border-radius: 999px;\n  background: transparent;\n  transition:\n    background-color 0.12s ease,\n    box-shadow 0.12s ease;\n}\n\n.resize-handle::before {\n  content: '';\n  position: absolute;\n  border-radius: 999px;\n  opacity: 1;\n  transition:\n    background-color 0.12s ease,\n    transform 0.12s ease;\n}\n\n.resize-handle:hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-accent, #007acc) 12%,\n    transparent\n  );\n}\n\n.resize-handle:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-accent, #007acc) 18%,\n    transparent\n  );\n}\n\n.resize-handle:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 1px\n    color-mix(in srgb, var(--scalar-color-accent, #007acc) 70%, transparent);\n}\n\n.resize-handle-col {\n  width: 8px;\n  min-height: 44px;\n  margin: 2px 0;\n  cursor: col-resize;\n}\n\n.resize-handle-col::before {\n  top: 50%;\n  left: 50%;\n  width: 1px;\n  height: calc(100% - 8px);\n  transform: translate(-50%, -50%);\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-border, #3c3c3c) 85%,\n    transparent\n  );\n}\n\n.resize-handle-row {\n  height: 8px;\n  margin: 0 4px;\n  cursor: row-resize;\n}\n\n.resize-handle-row::before {\n  top: 50%;\n  left: 50%;\n  width: calc(100% - 8px);\n  height: 1px;\n  transform: translate(-50%, -50%);\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-border, #3c3c3c) 85%,\n    transparent\n  );\n}\n\n.resize-handle-col:hover::before,\n.resize-handle-col:active::before,\n.resize-handle-row:hover::before,\n.resize-handle-row:active::before {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-accent, #007acc) 78%,\n    transparent\n  );\n}\n\n:deep(.json-path-highlight) {\n  background-color: rgba(255, 200, 0, 0.35);\n  border-radius: 4px;\n}\n\n:deep(.json-focus-highlight-box-single) {\n  border: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  box-sizing: border-box;\n}\n\n:deep(.json-focus-highlight-box-top) {\n  border-top: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  box-sizing: border-box;\n}\n\n:deep(.json-focus-highlight-box-middle) {\n  border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  box-sizing: border-box;\n}\n\n:deep(.json-focus-highlight-box-bottom) {\n  border-bottom: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fde047 35%, transparent);\n  box-sizing: border-box;\n}\n</style>\n"],"mappings":""}

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

@@ -0,0 +1,136 @@
+import { useSplitResize } from "../../../components/resize/use-split-resize.js";
+import { useThreeWayMergeEditor } from "../../editor/hooks/use-three-way-merge-editor.js";
+import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeStyle, onMounted, onUnmounted, openBlock, ref, toDisplayString, unref, withCtx } from "vue";
+import { ScalarButton } from "@scalar/components";
+import { useToasts } from "@scalar/use-toasts";
+//#region src/v2/features/collection/components/SyncConflictResolutionEditor.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "sync-editor-pane border-c-3 mx-1 mb-1 flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border" };
+var _hoisted_2 = { class: "sync-pane-title text-c-2 border-c-3 flex shrink-0 items-center justify-between border-b px-2 py-1 text-[11px]" };
+var _hoisted_3 = { class: "flex items-center gap-2" };
+var _hoisted_4 = { class: "text-c-2 text-[11px] normal-case" };
+var _hoisted_5 = { class: "flex shrink-0 items-center justify-end gap-2" };
+var SyncConflictResolutionEditor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "SyncConflictResolutionEditor",
+	props: {
+		conflicts: {},
+		baseDocument: {},
+		resolvedDocument: {}
+	},
+	emits: ["applyChanges"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const { toast } = useToasts();
+		const splitContainerRef = ref();
+		const topEditorsRowRef = ref();
+		const topPaneSize = ref(50);
+		const leftPaneSize = ref(50);
+		const { onHorizontalResizeStart, onVerticalResizeStart, stopActiveResize } = useSplitResize({
+			horizontalContainerRef: topEditorsRowRef,
+			verticalContainerRef: splitContainerRef,
+			leftPaneSize,
+			topPaneSize,
+			horizontalMin: 20,
+			horizontalMax: 80,
+			verticalMin: 25,
+			verticalMax: 75
+		});
+		const mergeEditor = useThreeWayMergeEditor({
+			baseDocument: __props.baseDocument,
+			resolvedDocument: __props.resolvedDocument,
+			conflicts: __props.conflicts,
+			onApplyChanges: (resolvedDoc) => emit("applyChanges", { resolvedDocument: resolvedDoc }),
+			onError: (message) => toast(message, "error")
+		});
+		const conflictsLeft = computed(() => mergeEditor.conflictsLeft.value);
+		const topPaneStyle = computed(() => ({ height: `${topPaneSize.value}%` }));
+		const leftPaneStyle = computed(() => ({ width: `${leftPaneSize.value}%` }));
+		const rightPaneStyle = computed(() => ({ width: `${100 - leftPaneSize.value}%` }));
+		const localChangesEditorRef = ref();
+		const remoteChangesEditorRef = ref();
+		const resultEditorRef = ref();
+		onMounted(() => {
+			const localEl = localChangesEditorRef.value;
+			const remoteEl = remoteChangesEditorRef.value;
+			const resultEl = resultEditorRef.value;
+			if (localEl && remoteEl && resultEl) mergeEditor.init({
+				local: localEl,
+				remote: remoteEl,
+				result: resultEl
+			});
+		});
+		onUnmounted(() => {
+			stopActiveResize();
+			mergeEditor.dispose();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [_cache[7] || (_cache[7] = createElementVNode("p", { class: "text-c-2 text-xs" }, " Resolve conflicts inline in the full document editor. Use the buttons inside the editor for each conflict. ", -1)), createElementVNode("div", {
+				ref_key: "splitContainerRef",
+				ref: splitContainerRef,
+				class: "flex min-h-0 flex-1 flex-col overflow-hidden"
+			}, [
+				createElementVNode("div", {
+					ref_key: "topEditorsRowRef",
+					ref: topEditorsRowRef,
+					class: "flex min-h-0 gap-1 p-1",
+					style: normalizeStyle(topPaneStyle.value)
+				}, [
+					createElementVNode("div", {
+						class: "sync-editor-pane border-c-3 flex min-h-0 flex-col overflow-hidden rounded-lg border",
+						style: normalizeStyle(leftPaneStyle.value)
+					}, [_cache[2] || (_cache[2] = createElementVNode("div", { class: "sync-pane-title text-c-2 border-c-3 shrink-0 border-b px-2 py-1 text-[11px]" }, " Current ", -1)), createElementVNode("div", {
+						ref_key: "localChangesEditorRef",
+						ref: localChangesEditorRef,
+						class: "min-h-0 flex-1"
+					}, null, 512)], 4),
+					createElementVNode("button", {
+						"aria-label": "Resize current and remote editors",
+						class: "resize-handle resize-handle-col",
+						type: "button",
+						onPointerdown: _cache[0] || (_cache[0] = (...args) => unref(onHorizontalResizeStart) && unref(onHorizontalResizeStart)(...args))
+					}, null, 32),
+					createElementVNode("div", {
+						class: "sync-editor-pane border-c-3 flex min-h-0 flex-col overflow-hidden rounded-lg border",
+						style: normalizeStyle(rightPaneStyle.value)
+					}, [_cache[3] || (_cache[3] = createElementVNode("div", { class: "sync-pane-title text-c-2 border-c-3 shrink-0 border-b px-2 py-1 text-[11px]" }, " Remote ", -1)), createElementVNode("div", {
+						ref_key: "remoteChangesEditorRef",
+						ref: remoteChangesEditorRef,
+						class: "min-h-0 flex-1"
+					}, null, 512)], 4)
+				], 4),
+				createElementVNode("button", {
+					"aria-label": "Resize top and result editors",
+					class: "resize-handle resize-handle-row",
+					type: "button",
+					onPointerdown: _cache[1] || (_cache[1] = (...args) => unref(onVerticalResizeStart) && unref(onVerticalResizeStart)(...args))
+				}, null, 32),
+				createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [_cache[5] || (_cache[5] = createElementVNode("span", null, " Result ", -1)), createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(conflictsLeft.value) + " conflict" + toDisplayString(conflictsLeft.value === 1 ? "" : "s") + " left ", 1), createVNode(unref(ScalarButton), {
+					disabled: conflictsLeft.value === 0,
+					size: "xs",
+					type: "button",
+					variant: "outlined",
+					onClick: unref(mergeEditor).goToNextConflict
+				}, {
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Next Conflict ", -1)])]),
+					_: 1
+				}, 8, ["disabled", "onClick"])])]), createElementVNode("div", {
+					ref_key: "resultEditorRef",
+					ref: resultEditorRef,
+					class: "min-h-0 flex-1"
+				}, null, 512)]),
+				createElementVNode("div", _hoisted_5, [createVNode(unref(ScalarButton), {
+					disabled: conflictsLeft.value > 0,
+					size: "xs",
+					type: "button",
+					onClick: unref(mergeEditor).applyResolvedConflicts
+				}, {
+					default: withCtx(() => [..._cache[6] || (_cache[6] = [createTextVNode(" Apply changes ", -1)])]),
+					_: 1
+				}, 8, ["disabled", "onClick"])])
+			], 512)], 64);
+		};
+	}
+});
+//#endregion
+export { SyncConflictResolutionEditor_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SyncConflictResolutionEditor.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SyncConflictResolutionEditor.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/SyncConflictResolutionEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ScalarButton } from '@scalar/components'\nimport { type merge } from '@scalar/json-magic/diff'\nimport { useToasts } from '@scalar/use-toasts'\nimport { computed, onMounted, onUnmounted, ref } from 'vue'\n\nimport { useSplitResize } from '@/v2/components/resize'\nimport { useThreeWayMergeEditor } from '@/v2/features/editor/hooks/use-three-way-merge-editor'\n\nconst { conflicts, baseDocument, resolvedDocument } = defineProps<{\n  conflicts: ReturnType<typeof merge>['conflicts']\n  baseDocument: Record<string, unknown>\n  resolvedDocument: Record<string, unknown>\n}>()\n\nconst emit = defineEmits<{\n  applyChanges: [\n    payload: {\n      resolvedDocument: Record<string, unknown>\n    },\n  ]\n}>()\n\nconst { toast } = useToasts()\n\nconst splitContainerRef = ref<HTMLDivElement>()\nconst topEditorsRowRef = ref<HTMLDivElement>()\nconst topPaneSize = ref(50)\nconst leftPaneSize = ref(50)\n\nconst { onHorizontalResizeStart, onVerticalResizeStart, stopActiveResize } =\n  useSplitResize({\n    horizontalContainerRef: topEditorsRowRef,\n    verticalContainerRef: splitContainerRef,\n    leftPaneSize,\n    topPaneSize,\n    horizontalMin: 20,\n    horizontalMax: 80,\n    verticalMin: 25,\n    verticalMax: 75,\n  })\n\nconst mergeEditor = useThreeWayMergeEditor({\n  baseDocument,\n  resolvedDocument,\n  conflicts,\n  onApplyChanges: (resolvedDoc) =>\n    emit('applyChanges', { resolvedDocument: resolvedDoc }),\n  onError: (message) => toast(message, 'error'),\n})\n\nconst conflictsLeft = computed(() => mergeEditor.conflictsLeft.value)\n\nconst topPaneStyle = computed(() => ({ height: `${topPaneSize.value}%` }))\nconst leftPaneStyle = computed(() => ({ width: `${leftPaneSize.value}%` }))\nconst rightPaneStyle = computed(() => ({\n  width: `${100 - leftPaneSize.value}%`,\n}))\n\nconst localChangesEditorRef = ref<HTMLDivElement>()\nconst remoteChangesEditorRef = ref<HTMLDivElement>()\nconst resultEditorRef = ref<HTMLDivElement>()\n\nonMounted(() => {\n  const localEl = localChangesEditorRef.value\n  const remoteEl = remoteChangesEditorRef.value\n  const resultEl = resultEditorRef.value\n  if (localEl && remoteEl && resultEl) {\n    mergeEditor.init({\n      local: localEl,\n      remote: remoteEl,\n      result: resultEl,\n    })\n  }\n})\n\nonUnmounted(() => {\n  stopActiveResize()\n  mergeEditor.dispose()\n})\n</script>\n\n<template>\n  <p class=\"text-c-2 text-xs\">\n    Resolve conflicts inline in the full document editor. Use the buttons inside\n    the editor for each conflict.\n  </p>\n\n  <div\n    ref=\"splitContainerRef\"\n    class=\"flex min-h-0 flex-1 flex-col overflow-hidden\">\n    <div\n      ref=\"topEditorsRowRef\"\n      class=\"flex min-h-0 gap-1 p-1\"\n      :style=\"topPaneStyle\">\n      <div\n        class=\"sync-editor-pane border-c-3 flex min-h-0 flex-col overflow-hidden rounded-lg border\"\n        :style=\"leftPaneStyle\">\n        <div\n          class=\"sync-pane-title text-c-2 border-c-3 shrink-0 border-b px-2 py-1 text-[11px]\">\n          Current\n        </div>\n        <div\n          ref=\"localChangesEditorRef\"\n          class=\"min-h-0 flex-1\"></div>\n      </div>\n\n      <button\n        aria-label=\"Resize current and remote editors\"\n        class=\"resize-handle resize-handle-col\"\n        type=\"button\"\n        @pointerdown=\"onHorizontalResizeStart\" />\n\n      <div\n        class=\"sync-editor-pane border-c-3 flex min-h-0 flex-col overflow-hidden rounded-lg border\"\n        :style=\"rightPaneStyle\">\n        <div\n          class=\"sync-pane-title text-c-2 border-c-3 shrink-0 border-b px-2 py-1 text-[11px]\">\n          Remote\n        </div>\n        <div\n          ref=\"remoteChangesEditorRef\"\n          class=\"min-h-0 flex-1\"></div>\n      </div>\n    </div>\n\n    <button\n      aria-label=\"Resize top and result editors\"\n      class=\"resize-handle resize-handle-row\"\n      type=\"button\"\n      @pointerdown=\"onVerticalResizeStart\" />\n\n    <div\n      class=\"sync-editor-pane border-c-3 mx-1 mb-1 flex min-h-0 flex-1 flex-col overflow-hidden rounded-lg border\">\n      <div\n        class=\"sync-pane-title text-c-2 border-c-3 flex shrink-0 items-center justify-between border-b px-2 py-1 text-[11px]\">\n        <span> Result </span>\n        <div class=\"flex items-center gap-2\">\n          <span class=\"text-c-2 text-[11px] normal-case\">\n            {{ conflictsLeft }} conflict{{ conflictsLeft === 1 ? '' : 's' }}\n            left\n          </span>\n          <ScalarButton\n            :disabled=\"conflictsLeft === 0\"\n            size=\"xs\"\n            type=\"button\"\n            variant=\"outlined\"\n            @click=\"mergeEditor.goToNextConflict\">\n            Next Conflict\n          </ScalarButton>\n        </div>\n      </div>\n      <div\n        ref=\"resultEditorRef\"\n        class=\"min-h-0 flex-1\"></div>\n    </div>\n\n    <div class=\"flex shrink-0 items-center justify-end gap-2\">\n      <ScalarButton\n        :disabled=\"conflictsLeft > 0\"\n        size=\"xs\"\n        type=\"button\"\n        @click=\"mergeEditor.applyResolvedConflicts\">\n        Apply changes\n      </ScalarButton>\n    </div>\n  </div>\n</template>\n<style scoped>\n.editor-container {\n  width: 100%;\n  height: 100%;\n}\n\n.sync-layout-root {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-background-1, #1e1e1e) 96%,\n    transparent\n  );\n}\n\n.sync-editor-pane {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-background-1, #1e1e1e) 95%,\n    transparent\n  );\n}\n\n.sync-pane-title {\n  letter-spacing: 0.03em;\n  text-transform: uppercase;\n  font-weight: 600;\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-background-2, #2d2d30) 85%,\n    transparent\n  );\n}\n\n.resize-handle {\n  position: relative;\n  display: block;\n  flex-shrink: 0;\n  border: none;\n  border-radius: 999px;\n  background: transparent;\n  transition:\n    background-color 0.12s ease,\n    box-shadow 0.12s ease;\n}\n\n.resize-handle::before {\n  content: '';\n  position: absolute;\n  border-radius: 999px;\n  opacity: 1;\n  transition:\n    background-color 0.12s ease,\n    transform 0.12s ease;\n}\n\n.resize-handle:hover {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-accent, #007acc) 12%,\n    transparent\n  );\n}\n\n.resize-handle:active {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-accent, #007acc) 18%,\n    transparent\n  );\n}\n\n.resize-handle:focus-visible {\n  outline: none;\n  box-shadow: 0 0 0 1px\n    color-mix(in srgb, var(--scalar-color-accent, #007acc) 70%, transparent);\n}\n\n.resize-handle-col {\n  width: 8px;\n  min-height: 44px;\n  margin: 2px 0;\n  cursor: col-resize;\n}\n\n.resize-handle-col::before {\n  top: 50%;\n  left: 50%;\n  width: 1px;\n  height: calc(100% - 8px);\n  transform: translate(-50%, -50%);\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-border, #3c3c3c) 85%,\n    transparent\n  );\n}\n\n.resize-handle-row {\n  height: 8px;\n  margin: 0 4px;\n  cursor: row-resize;\n}\n\n.resize-handle-row::before {\n  top: 50%;\n  left: 50%;\n  width: calc(100% - 8px);\n  height: 1px;\n  transform: translate(-50%, -50%);\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-border, #3c3c3c) 85%,\n    transparent\n  );\n}\n\n.resize-handle-col:hover::before,\n.resize-handle-col:active::before,\n.resize-handle-row:hover::before,\n.resize-handle-row:active::before {\n  background: color-mix(\n    in srgb,\n    var(--scalar-color-accent, #007acc) 78%,\n    transparent\n  );\n}\n\n:deep(.json-path-highlight) {\n  background-color: rgba(255, 200, 0, 0.35);\n  border-radius: 4px;\n}\n\n:deep(.json-focus-highlight-box-single) {\n  border: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  box-sizing: border-box;\n}\n\n:deep(.json-focus-highlight-box-top) {\n  border-top: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  box-sizing: border-box;\n}\n\n:deep(.json-focus-highlight-box-middle) {\n  border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  box-sizing: border-box;\n}\n\n:deep(.json-focus-highlight-box-bottom) {\n  border-bottom: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  border-left: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  border-right: 2px solid color-mix(in srgb, #facc15 90%, #eab308 10%);\n  box-shadow: inset 0 0 0 1px color-mix(in srgb, #fde047 35%, transparent);\n  box-sizing: border-box;\n}\n</style>\n"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import type { CollectionProps } from '@/v2/features/app/helpers/routes';
+import type { CollectionProps } from '../../../../v2/features/app/helpers/routes.js';
 type __VLS_Props = {
     type: CollectionProps['collectionType'];
 };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { capitalize, computed } from 'vue'\nimport { RouterLink } from 'vue-router'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\n\nconst { type } = defineProps<{\n  type: CollectionProps['collectionType']\n}>()\n\n/** Different routes for workspace vs document */\nconst routes = computed(() => {\n  if (type === 'workspace') {\n    return ['environment', 'cookies', 'settings']\n  }\n\n  if (type === 'operation') {\n    return ['overview', 'servers', 'authentication', 'editor']\n  }\n\n  return [\n    'overview',\n    'servers',\n    'authentication',\n    'environment',\n    'cookies',\n    'settings',\n  ]\n})\n</script>\n\n<template>\n  <div class=\"flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0\">\n    <RouterLink\n      v-for=\"route in routes\"\n      :key=\"route\"\n      v-slot=\"{ isActive, href, navigate }\"\n      custom\n      :to=\"{ name: `${type}.${route}` }\">\n      <a\n        class=\"-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline\"\n        :href=\"href\"\n        @click=\"navigate\">\n        <span\n          class=\"flex-center hover:text-c-1 h-full border-b\"\n          :class=\"\n            isActive\n              ? 'text-c-1 border-c-1'\n              : 'text-c-2 hover:text-c-1 border-transparent'\n          \">\n          {{ capitalize(route) }}\n        </span>\n      </a>\n    </RouterLink>\n  </div>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,53 @@
+import { Fragment, capitalize, computed, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, toDisplayString, unref, withCtx } from "vue";
+import { RouterLink } from "vue-router";
+//#region src/v2/features/collection/components/Tabs.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0" };
+var _hoisted_2 = ["href", "onClick"];
+var Tabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "Tabs",
+	props: { type: {} },
+	setup(__props) {
+		/** Different routes for workspace vs document */
+		const routes = computed(() => {
+			if (__props.type === "workspace") return [
+				"environment",
+				"cookies",
+				"settings"
+			];
+			if (__props.type === "operation") return [
+				"overview",
+				"servers",
+				"authentication",
+				"editor"
+			];
+			return [
+				"overview",
+				"servers",
+				"authentication",
+				"environment",
+				"cookies",
+				"settings"
+			];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(routes.value, (route) => {
+				return openBlock(), createBlock(unref(RouterLink), {
+					key: route,
+					custom: "",
+					to: { name: `${__props.type}.${route}` }
+				}, {
+					default: withCtx(({ isActive, href, navigate }) => [createElementVNode("a", {
+						class: "-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline",
+						href,
+						onClick: navigate
+					}, [createElementVNode("span", { class: normalizeClass(["flex-center hover:text-c-1 h-full border-b", isActive ? "text-c-1 border-c-1" : "text-c-2 hover:text-c-1 border-transparent"]) }, toDisplayString(capitalize(route)), 3)], 8, _hoisted_2)]),
+					_: 2
+				}, 1032, ["to"]);
+			}), 128))]);
+		};
+	}
+});
+//#endregion
+export { Tabs_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Tabs.vue.script.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.vue.script.js","names":[],"sources":["../../../../../src/v2/features/collection/components/Tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { capitalize, computed } from 'vue'\nimport { RouterLink } from 'vue-router'\n\nimport type { CollectionProps } from '@/v2/features/app/helpers/routes'\n\nconst { type } = defineProps<{\n  type: CollectionProps['collectionType']\n}>()\n\n/** Different routes for workspace vs document */\nconst routes = computed(() => {\n  if (type === 'workspace') {\n    return ['environment', 'cookies', 'settings']\n  }\n\n  if (type === 'operation') {\n    return ['overview', 'servers', 'authentication', 'editor']\n  }\n\n  return [\n    'overview',\n    'servers',\n    'authentication',\n    'environment',\n    'cookies',\n    'settings',\n  ]\n})\n</script>\n\n<template>\n  <div class=\"flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0\">\n    <RouterLink\n      v-for=\"route in routes\"\n      :key=\"route\"\n      v-slot=\"{ isActive, href, navigate }\"\n      custom\n      :to=\"{ name: `${type}.${route}` }\">\n      <a\n        class=\"-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline\"\n        :href=\"href\"\n        @click=\"navigate\">\n        <span\n          class=\"flex-center hover:text-c-1 h-full border-b\"\n          :class=\"\n            isActive\n              ? 'text-c-1 border-c-1'\n              : 'text-c-2 hover:text-c-1 border-transparent'\n          \">\n          {{ capitalize(route) }}\n        </span>\n      </a>\n    </RouterLink>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;EAWA,MAAM,SAAS,eAAe;AAC5B,OAAI,QAAA,SAAS,YACX,QAAO;IAAC;IAAe;IAAW;IAAU;AAG9C,OAAI,QAAA,SAAS,YACX,QAAO;IAAC;IAAY;IAAW;IAAkB;IAAQ;AAG3D,UAAO;IACL;IACA;IACA;IACA;IACA;IACA;IACF;IACD;;uBAIC,mBAsBM,OAtBN,YAsBM,EAAA,UAAA,KAAA,EArBJ,mBAoBa,UAAA,MAAA,WAnBK,OAAA,QAAT,UAAK;wBADd,YAoBa,MAAA,WAAA,EAAA;KAlBV,KAAK;KAEN,QAAA;KACC,IAAE,EAAA,MAAA,GAAa,QAAA,KAAI,GAAI,SAAK;;uBAczB,EAhBM,UAAU,MAAM,eAAQ,CAGlC,mBAaI,KAAA;MAZF,OAAM;MACC;MACN,SAAO;SACR,mBAQO,QAAA,EAPL,OAAK,eAAA,CAAC,8CACe,WAAA,wBAAA,6CAAA,CAAA,EAAA,EAAA,gBAKlB,WAAW,MAAK,CAAA,EAAA,EAAA,CAAA,EAAA,GAAA,WAAA,CAAA,CAAA"}

package/dist/v2/features/collection/helpers/get-default-operation-security-toggle.js

@@ -0,0 +1,19 @@
+//#region src/v2/features/collection/helpers/get-default-operation-security-toggle.ts
+/**
+* Determines the default toggle state for operation security.
+* Returns false for 'document' type, undefined if path/method is missing,
+* otherwise checks if there are selected auth schemas for the operation.
+*/
+var getDefaultOperationSecurityToggle = ({ authStore, documentName, ...payload }) => {
+	if (payload.type === "document") return false;
+	return authStore.getAuthSelectedSchemas({
+		type: "operation",
+		documentName,
+		path: payload.path,
+		method: payload.method
+	}) !== void 0;
+};
+//#endregion
+export { getDefaultOperationSecurityToggle };
+
+//# sourceMappingURL=get-default-operation-security-toggle.js.map

package/dist/v2/features/collection/helpers/get-default-operation-security-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-default-operation-security-toggle.js","names":[],"sources":["../../../../../src/v2/features/collection/helpers/get-default-operation-security-toggle.ts"],"sourcesContent":["import type { AuthStore } from '@scalar/workspace-store/entities/auth'\nimport type { AuthMeta } from '@scalar/workspace-store/events'\n\n/**\n * Determines the default toggle state for operation security.\n * Returns false for 'document' type, undefined if path/method is missing,\n * otherwise checks if there are selected auth schemas for the operation.\n */\nexport const getDefaultOperationSecurityToggle = ({\n  authStore,\n  documentName,\n  ...payload\n}: {\n  authStore: AuthStore\n  documentName: string\n} & AuthMeta) => {\n  // If the payload type is 'document', security toggle should be off by default\n  if (payload.type === 'document') {\n    return false\n  }\n\n  // Check if there are any selected authentication schemas for this operation\n  return (\n    authStore.getAuthSelectedSchemas({\n      type: 'operation',\n      documentName,\n      path: payload.path,\n      method: payload.method,\n    }) !== undefined\n  )\n}\n"],"mappings":";;;;;;AAQA,IAAa,qCAAqC,EAChD,WACA,cACA,GAAG,cAIY;AAEf,KAAI,QAAQ,SAAS,WACnB,QAAO;AAIT,QACE,UAAU,uBAAuB;EAC/B,MAAM;EACN;EACA,MAAM,QAAQ;EACd,QAAQ,QAAQ;EACjB,CAAC,KAAK,KAAA"}

package/dist/v2/features/command-palette/TheCommandPalette.vue.d.ts

@@ -1,6 +1,6 @@
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
-import type { CommandPaletteState } from './hooks/use-command-palette-state';
+import type { CommandPaletteState } from './hooks/use-command-palette-state.js';
 /**
  * The Command Palette Component
  *

package/dist/v2/features/command-palette/TheCommandPalette.vue.js

@@ -0,0 +1,9 @@
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import TheCommandPalette_vue_vue_type_script_setup_true_lang_default from "./TheCommandPalette.vue.script.js";
+/* empty css                                */
+//#region src/v2/features/command-palette/TheCommandPalette.vue
+var TheCommandPalette_default = /* @__PURE__ */ _plugin_vue_export_helper_default(TheCommandPalette_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-29778ab7"]]);
+//#endregion
+export { TheCommandPalette_default as default };
+
+//# sourceMappingURL=TheCommandPalette.vue.js.map

package/dist/v2/features/command-palette/TheCommandPalette.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TheCommandPalette.vue.js","names":[],"sources":["../../../../src/v2/features/command-palette/TheCommandPalette.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * The Command Palette Component\n *\n * A keyboard-driven command menu for quick access to common actions like:\n * - Creating documents, requests, tags, and examples\n * - Importing from OpenAPI, Swagger, Postman, or cURL\n * - Navigating to different routes\n *\n * Supports:\n * - Fuzzy search filtering\n * - Keyboard navigation (arrow keys, enter, escape)\n * - Command grouping and organization\n * - Dynamic command components with props\n *\n * @example\n * <TheCommandPalette\n *   :paletteState=\"paletteState\"\n *   :workspaceStore=\"workspaceStore\"\n *   :eventBus=\"eventBus\"\n * />\n */\nexport default {}\n</script>\n\n<script setup lang=\"ts\">\nimport { Dialog, DialogPanel, DialogTitle } from '@headlessui/vue'\nimport { ScalarIconCaretLeft, ScalarIconMagnifyingGlass } from '@scalar/icons'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type {\n  CommandPaletteAction,\n  CommandPalettePayload,\n  KeyboardEventPayload,\n  WorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport {\n  computed,\n  nextTick,\n  onBeforeMount,\n  onBeforeUnmount,\n  ref,\n  watch,\n} from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport type {\n  CommandPaletteEntry,\n  CommandPaletteState,\n} from './hooks/use-command-palette-state'\n\nconst { paletteState, workspaceStore, eventBus } = defineProps<{\n  /** The command palette state management hook */\n  paletteState: CommandPaletteState\n  /** The workspace store for accessing documents and operations */\n  workspaceStore: WorkspaceStore\n  /** Event bus for emitting workspace events */\n  eventBus: WorkspaceEventBus\n}>()\n\n/** Starting index when no search result is selected */\nconst NO_SELECTION_INDEX = -1\n\nconst router = useRouter()\n\nconst selectedSearchResult = ref<number>(NO_SELECTION_INDEX)\nconst commandInputRef = ref<HTMLInputElement | null>(null)\n\n/**\n * Flattens the filtered commands into a single array for keyboard navigation.\n * Makes it easier to track the selected index across all groups.\n */\nconst flattenedCommands = computed<CommandPaletteEntry[]>(() =>\n  paletteState.filteredCommands.value.flatMap((group) => group.commands),\n)\n\n/** The currently selected command based on keyboard navigation */\nconst selectedCommand = computed<CommandPaletteEntry | undefined>(\n  () => flattenedCommands.value[selectedSearchResult.value],\n)\n\n/**\n * Watch for search query changes and auto-select first result.\n * Resets selection when query is cleared.\n */\nwatch(\n  () => paletteState.filterQuery.value,\n  (newQuery: string) => {\n    selectedSearchResult.value =\n      newQuery && flattenedCommands.value.length > 0 ? 0 : NO_SELECTION_INDEX\n  },\n)\n\n/**\n * Handle input changes in the search field.\n * Updates the filter query and redirects to cURL import if detected.\n */\nconst handleInput = (value: string): void => {\n  paletteState.setFilterQuery(value)\n\n  if (value.trim().toLowerCase().startsWith('curl')) {\n    paletteState.open('import-curl-command', { inputValue: value })\n  }\n}\n\n/**\n * Handle arrow key navigation in the command list.\n * Loops around to the beginning or end when reaching boundaries.\n */\nconst handleArrowKey = (\n  direction: 'up' | 'down',\n  event: KeyboardEvent,\n): void => {\n  if (!paletteState.isOpen.value) {\n    return\n  }\n  event.preventDefault()\n\n  const offset = direction === 'up' ? -1 : 1\n  const length = flattenedCommands.value.length\n\n  selectedSearchResult.value =\n    (selectedSearchResult.value + offset + length) % length\n}\n\n/**\n * Handle enter key to execute the selected command.\n * Only works when a command is selected and no active command is open.\n */\nconst handleSelect = (event: KeyboardEvent): void => {\n  if (!selectedCommand.value || paletteState.activeCommand.value) {\n    return\n  }\n  event.preventDefault()\n  event.stopPropagation()\n  handleCommandClick(selectedCommand.value)\n}\n\n/**\n * Handle command selection (via click or enter key).\n * Routes to navigation commands or opens folder commands.\n */\nconst handleCommandClick = (command: CommandPaletteEntry): void => {\n  /** Navigate to route commands and close palette */\n  if ('to' in command) {\n    router.push(command.to)\n    closeHandler()\n    return\n  }\n\n  // We are sure that the ids are of type FolderCommandIds because of the type assertion\n  paletteState.open(command.id as keyof CommandPalettePayload, {})\n}\n\n/**\n * Handle back navigation from active command.\n * Returns to the main command list and refocuses the search input.\n */\nconst handleBackEvent = (): void => {\n  paletteState.reset()\n  nextTick(() => commandInputRef.value?.focus())\n}\n\n/** Handle close event from active command components */\nconst handleCloseEvent = (): void => {\n  paletteState.close()\n}\n/**\n * Close the command palette and reset state.\n * Resets search results and closes the dialog.\n */\nconst closeHandler = (): void => {\n  paletteState.close()\n  selectedSearchResult.value = NO_SELECTION_INDEX\n}\n\nconst paletteProps = computed(() => ({\n  workspaceStore,\n  eventBus,\n  ...paletteState.activeCommandProps.value,\n}))\n\nconst onOpen = (\n  payload: CommandPaletteAction | KeyboardEventPayload | undefined,\n) => {\n  // We want to disable the default behaviour\n  if (payload?.event) {\n    payload.event.preventDefault()\n  }\n\n  if (payload && 'action' in payload) {\n    paletteState.open(payload.action, payload.payload)\n  } else {\n    paletteState.open()\n  }\n}\n\nonBeforeMount(() => eventBus.on('ui:open:command-palette', onOpen))\nonBeforeUnmount(() => eventBus.off('ui:open:command-palette', onOpen))\n</script>\n<template>\n  <Dialog\n    :open=\"paletteState.isOpen.value\"\n    @close=\"closeHandler\">\n    <!-- Backdrop overlay -->\n    <div class=\"commandmenu-overlay z-overlay\" />\n\n    <DialogPanel class=\"commandmenu z-overlay flex flex-col\">\n      <DialogTitle class=\"sr-only\">API Client Command Menu</DialogTitle>\n\n      <!-- Main command list view -->\n      <div\n        v-if=\"!paletteState.activeCommand.value\"\n        class=\"custom-scroll max-h-[50dvh] min-h-0 flex-1 rounded-lg p-1.5\">\n        <!-- Search input with icon -->\n        <div\n          class=\"bg-b-2 focus-within:bg-b-1 sticky top-0 flex items-center rounded-md border border-transparent pl-2 shadow-[0_-8px_0_8px_var(--scalar-background-1),0_0_8px_8px_var(--scalar-background-1)] focus-within:border-(--scalar-background-3)\">\n          <label for=\"commandmenu\">\n            <ScalarIconMagnifyingGlass\n              class=\"text-c-2 mr-2.5\"\n              size=\"md\"\n              thickness=\"1.5\" />\n          </label>\n          <input\n            id=\"commandmenu\"\n            ref=\"commandInputRef\"\n            autocomplete=\"off\"\n            autofocus\n            class=\"w-full rounded border-none bg-none py-1.5 text-sm focus:outline-none\"\n            placeholder=\"Search commands...\"\n            type=\"text\"\n            :value=\"paletteState.filterQuery.value\"\n            @input=\"handleInput(($event.target as HTMLInputElement).value)\"\n            @keydown.down.stop=\"handleArrowKey('down', $event)\"\n            @keydown.enter.stop=\"handleSelect\"\n            @keydown.up.stop=\"handleArrowKey('up', $event)\" />\n        </div>\n\n        <!-- Command groups and items -->\n        <template\n          v-for=\"group in paletteState.filteredCommands.value\"\n          :key=\"group.label || '100'\">\n          <!-- Group label -->\n          <div\n            v-show=\"group.commands.length > 0\"\n            class=\"text-c-3 mt-2 mb-1 px-2 text-xs font-medium\">\n            {{ group.label }}\n          </div>\n\n          <!-- Command items in the group -->\n          <button\n            v-for=\"command in group.commands\"\n            :id=\"command.id\"\n            :key=\"command.id\"\n            class=\"commandmenu-item hover:bg-b-2 flex w-full cursor-pointer items-center rounded px-2 py-1.5 text-left text-sm\"\n            :class=\"{\n              'bg-b-2': command.id === selectedCommand?.id,\n            }\"\n            type=\"button\"\n            @click=\"handleCommandClick(command)\">\n            <component\n              :is=\"command.icon\"\n              v-if=\"'icon' in command\"\n              class=\"text-c-2 mr-2.5\"\n              size=\"md\"\n              thickness=\"1.5\" />\n            {{ command.name }}\n          </button>\n        </template>\n\n        <!-- Empty state when no commands match search -->\n        <div\n          v-if=\"\n            !paletteState.filteredCommands.value.flatMap((p) => p.commands)\n              .length\n          \"\n          class=\"text-c-3 p-2 pt-3 text-center text-sm\">\n          No commands found\n        </div>\n      </div>\n\n      <!-- Active command view (specific action form) -->\n      <div\n        v-else\n        class=\"flex-1 p-1.5\">\n        <!-- Back button to return to command list -->\n        <button\n          class=\"hover:bg-b-3 text-c-3 active:text-c-1 absolute z-1 mt-[0.5px] rounded p-1.5\"\n          type=\"button\"\n          @click=\"handleBackEvent\">\n          <ScalarIconCaretLeft size=\"md\" />\n        </button>\n\n        <!-- Dynamic command component -->\n        <component\n          :is=\"paletteState.activeCommand.value.component\"\n          v-if=\"paletteState.activeCommand.value\"\n          v-bind=\"paletteProps\"\n          @back=\"handleBackEvent\"\n          @close=\"handleCloseEvent\" />\n      </div>\n    </DialogPanel>\n  </Dialog>\n</template>\n<style scoped>\n/**\n * Command Palette Styles\n * Centered dialog with fade-in animation and backdrop overlay\n */\n\n/** Main command menu dialog */\n.commandmenu {\n  box-shadow: var(--scalar-shadow-2);\n  border-radius: var(--scalar-radius-lg);\n  background-color: var(--scalar-background-1);\n  max-height: 80dvh;\n  width: 100%;\n  max-width: 580px;\n  margin: 12px;\n  position: fixed;\n  left: 50%;\n  top: 150px;\n  opacity: 0;\n  transform: translate3d(-50%, 10px, 0);\n  animation: fadeincommandmenu ease-in-out 0.3s forwards;\n  animation-delay: 0.1s;\n}\n\n/** Backdrop overlay with fade-in */\n.commandmenu-overlay {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.2);\n  animation: fadeincommand ease-in-out 0.3s forwards;\n  cursor: pointer;\n}\n\n/** Fade-in animation for overlay */\n@keyframes fadeincommand {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n/** Fade-in and slide-up animation for command menu */\n@keyframes fadeincommandmenu {\n  0% {\n    opacity: 0;\n    transform: translate3d(-50%, 10px, 0);\n  }\n  100% {\n    opacity: 1;\n    transform: translate3d(-50%, 0, 0);\n  }\n}\n</style>\n"],"mappings":""}