@scalar/api-client 2.39.4 → 2.41.0

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

@@ -1 +1 @@
-{"version":3,"file":"app-state.js","names":[],"sources":["../../../../src/v2/features/app/app-state.ts"],"sourcesContent":["import type { ScalarListboxOption, WorkspaceGroup } from '@scalar/components'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { sortByOrder } from '@scalar/helpers/array/sort-by-order'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { migrateLocalStorageToIndexDb } from '@scalar/oas-utils/migrations'\nimport { createSidebarState, generateReverseIndex } from '@scalar/sidebar'\nimport type { Theme } from '@scalar/themes'\nimport { type WorkspaceStore, createWorkspaceStore } from '@scalar/workspace-store/client'\nimport {\n  type OperationExampleMeta,\n  type WorkspaceEventBus,\n  createWorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport { generateUniqueValue } from '@scalar/workspace-store/helpers/generate-unique-value'\nimport { getParentEntry } from '@scalar/workspace-store/navigation'\nimport { createWorkspaceStorePersistence, getWorkspaceId } from '@scalar/workspace-store/persistence'\nimport { persistencePlugin } from '@scalar/workspace-store/plugins/client'\nimport type { Workspace, WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport { extensions } from '@scalar/workspace-store/schemas/extensions'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace/x-scalar-tabs'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport {\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n  type ShallowRef,\n  computed,\n  readonly,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\nimport type { RouteLocationNormalizedGeneric, RouteLocationRaw, Router } from 'vue-router'\n\nimport { getRouteParam } from '@/v2/features/app/helpers/get-route-param'\nimport { groupWorkspacesByTeam } from '@/v2/features/app/helpers/group-workspaces'\nimport { useTheme } from '@/v2/features/app/hooks/use-theme'\nimport { getActiveEnvironment } from '@/v2/helpers/get-active-environment'\nimport { getTabDetails } from '@/v2/helpers/get-tab-details'\nimport { slugify } from '@/v2/helpers/slugify'\nimport { workspaceStorage } from '@/v2/helpers/storage'\n\nimport { initializeAppEventHandlers } from './app-events'\nimport { canLoadWorkspace, filterWorkspacesByTeam } from './helpers/filter-workspaces'\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\nexport type GetEntryByLocation = (location: {\n  document: string\n  path?: string\n  method?: HttpMethod\n  example?: string\n}) =>\n  | (TraversedEntry & {\n      parent?: TraversedEntry | undefined\n    })\n  | undefined\n\ntype WorkspaceOption = ScalarListboxOption & { teamUid: string; namespace: string; slug: string }\n\n/** Defines the overall application state structure and its main feature modules */\nexport type AppState = {\n  /** The workspace store */\n  store: ShallowRef<WorkspaceStore | null>\n  /** The sidebar management */\n  sidebar: {\n    /** The sidebar state */\n    state: ReturnType<typeof createSidebarState<TraversedEntry>>\n    /** The width of the sidebar */\n    width: ComputedRef<number>\n    /** Whether the sidebar is open */\n    isOpen: Ref<boolean>\n    /** Handles the selection of an item in the sidebar */\n    handleSelectItem: (id: string) => void\n    /** Handles the width update of the sidebar */\n    handleSidebarWidthUpdate: (width: number) => void\n    /** Gets the entry by location */\n    getEntryByLocation: GetEntryByLocation\n  }\n  /** The tabs management */\n  tabs: {\n    /** The tabs state */\n    state: Ref<Tab[]>\n    /** The active tab index */\n    activeTabIndex: Ref<number>\n    /** Copies the URL of the tab at the given index to the clipboard */\n    copyTabUrl: (index: number) => Promise<void>\n  }\n  /** The workspace management */\n  workspace: {\n    /** Creates a new workspace and navigates to it */\n    create: (payload: {\n      teamUid?: string\n      namespace?: string\n      slug?: string\n      name: string\n    }) => Promise<{ name: string; namespace: string; slug: string; teamUid: string } | undefined>\n    /** All workspace list */\n    workspaceList: Ref<WorkspaceOption[]>\n    /** Filtered workspace list, based on the current teamUid */\n    filteredWorkspaceList: ComputedRef<WorkspaceOption[]>\n    /**\n     * Groups workspaces into team and local categories for display in the workspace picker.\n     * Team workspaces are shown first (when not on local team), followed by local workspaces.\n     */\n    workspaceGroups: ComputedRef<WorkspaceGroup[]>\n    /** The currently active workspace */\n    activeWorkspace: ShallowRef<{ id: string; label: string } | null>\n    /** Navigates to the specified workspace */\n    navigateToWorkspace: (namespace?: string, slug?: string) => Promise<void>\n    /** Whether the workspace page is open */\n    isOpen: ComputedRef<boolean>\n  }\n  /** The workspace event bus for handling workspace-level events */\n  eventBus: WorkspaceEventBus\n  /** The router instance */\n  router: Router\n  /** The current route derived from the router */\n  currentRoute: Ref<RouteLocationNormalizedGeneric | null>\n  /** Whether the workspace is currently syncing */\n  loading: Ref<boolean>\n  /** The currently active entities */\n  activeEntities: {\n    /** The namespace of the current entity, e.g. \"default\" or a custom namespace */\n    namespace: Ref<string | undefined>\n    /** The slug identifying the current workspace */\n    workspaceSlug: Ref<string | undefined>\n    /** The slug of the currently selected document in the workspace */\n    documentSlug: Ref<string | undefined>\n    /** The API path currently selected (e.g. \"/users/{id}\") */\n    path: Ref<string | undefined>\n    /** The HTTP method for the currently selected API path (e.g. GET, POST) */\n    method: Ref<HttpMethod | undefined>\n    /** The name of the currently selected example (for examples within an endpoint) */\n    exampleName: Ref<string | undefined>\n    /** The unique identifier for the selected team context (read-only; use setTeamUid to change) */\n    teamUid: Readonly<Ref<string>>\n    /** Sets the current team context by team UID */\n    setTeamUid: (value: string) => void\n  }\n  /** The currently active environment */\n  environment: ComputedRef<XScalarEnvironment>\n  /** The currently active document */\n  document: ComputedRef<WorkspaceDocument | null>\n  /** Whether the current color mode is dark */\n  isDarkMode: ComputedRef<boolean>\n  /** The currently active theme */\n  theme: {\n    /** The computed CSS styles for the current theme, as a string */\n    styles: ComputedRef<{ themeStyles: string; themeSlug: string }>\n    /** The computed value for the <style> tag containing the current theme styles */\n    themeStyleTag: ComputedRef<string>\n    /** The custom themes to use */\n    customThemes: MaybeRefOrGetter<Theme[]>\n  }\n  telemetry: Ref<boolean>\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n/** Default debounce delay in milliseconds for workspace store persistence. */\nconst DEFAULT_DEBOUNCE_DELAY = 1000\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n// ---------------------------------------------------------------------------\n// App State\n// ---------------------------------------------------------------------------\nexport const createAppState = async ({\n  router,\n  fileLoader,\n  fallbackThemeSlug = () => 'default',\n  customThemes = () => [],\n  telemetryDefault,\n}: {\n  router: Router\n  fileLoader?: LoaderPlugin\n  customThemes?: MaybeRefOrGetter<Theme[]>\n  fallbackThemeSlug?: MaybeRefOrGetter<string>\n  telemetryDefault?: boolean\n}): Promise<AppState> => {\n  /** Workspace event bus for handling workspace-level events. */\n  const eventBus = createWorkspaceEventBus({\n    debug: import.meta.env.DEV,\n  })\n\n  const { workspace: persistence } = await createWorkspaceStorePersistence()\n\n  /**\n   * Run migration from localStorage to IndexedDB if needed\n   * This happens once per user and transforms old data structure to new workspace format\n   */\n  await migrateLocalStorageToIndexDb()\n\n  // ---------------------------------------------------------------------------\n  // Active entities\n  // ---------------------------------------------------------------------------\n  const teamUid = ref<string>('local')\n  const namespace = ref<string | undefined>(undefined)\n  const workspaceSlug = ref<string | undefined>(undefined)\n  const documentSlug = ref<string | undefined>(undefined)\n  const method = ref<HttpMethod | undefined>(undefined)\n  const path = ref<string | undefined>(undefined)\n  const exampleName = ref<string | undefined>(undefined)\n\n  // ---------------------------------------------------------------------------\n  // Loading states\n  const isSyncingWorkspace = ref(false)\n\n  // ---------------------------------------------------------------------------\n  // Router state\n  router.afterEach((to) => handleRouteChange(to))\n  const currentRoute = computed(() => router.currentRoute.value ?? null)\n\n  // ---------------------------------------------------------------------------\n  // Workspace persistence state management\n  const activeWorkspace = shallowRef<{ id: string; label: string } | null>(null)\n  const workspaces = ref<WorkspaceOption[]>([])\n  const filteredWorkspaces = computed(() => filterWorkspacesByTeam(workspaces.value, teamUid.value))\n  const workspaceGroups = computed(() => groupWorkspacesByTeam(filteredWorkspaces.value, teamUid.value))\n  const store = shallowRef<WorkspaceStore | null>(null)\n\n  // Load persisted telemetry preference, falling back to the provided default\n  const persistedTelemetry = workspaceStorage.getTelemetry()\n  const telemetry = ref(persistedTelemetry !== null ? persistedTelemetry : Boolean(telemetryDefault))\n  watch(telemetry, (value) => workspaceStorage.setTelemetry(value))\n\n  const activeDocument = computed(() => {\n    return store.value?.workspace.documents[documentSlug.value ?? ''] || null\n  })\n\n  /**\n   * Merged environment variables from workspace and document levels.\n   * Variables from both sources are combined, with document variables\n   * taking precedence in case of naming conflicts.\n   */\n  const environment = computed<XScalarEnvironment>(() => getActiveEnvironment(store.value, activeDocument.value))\n\n  /** Update the workspace list when the component is mounted */\n  workspaces.value = await persistence.getAll().then((w) =>\n    w.map(({ teamUid, namespace, slug, name }) => ({\n      id: getWorkspaceId(namespace, slug),\n      teamUid,\n      namespace,\n      slug,\n      label: name,\n    })),\n  )\n\n  /**\n   * Renames the currently active workspace.\n   * Updates the workspace name in persistence and updates activeWorkspace if successful.\n   * Returns early if namespace or workspaceSlug is not set, or if update fails.\n   */\n  const renameWorkspace = async (name: string) => {\n    const namespaceValue = namespace.value\n    const slugValue = workspaceSlug.value\n    if (!namespaceValue || !slugValue) {\n      return\n    }\n    const workspaceId = getWorkspaceId(namespaceValue, slugValue)\n    const updateResult = await persistence.updateName({ namespace: namespaceValue, slug: slugValue }, name)\n\n    // If the update fails, return early\n    if (updateResult === undefined) {\n      return\n    }\n\n    // Update the workspace list\n    workspaces.value = workspaces.value.map((workspace) => {\n      // If the workspace is the currently active workspace, update the label\n      if (workspace.id === workspaceId) {\n        return { ...workspace, label: name }\n      }\n      return workspace\n    })\n    activeWorkspace.value = { id: workspaceId, label: name }\n  }\n\n  /**\n   * Creates a client-side workspace store with persistence enabled for the given workspace id.\n   */\n  const createClientStore = async ({\n    namespace,\n    slug,\n  }: {\n    namespace: string\n    slug: string\n  }): Promise<WorkspaceStore> => {\n    return createWorkspaceStore({\n      plugins: [\n        await persistencePlugin({\n          workspaceId: getWorkspaceId(namespace, slug),\n          debounceDelay: DEFAULT_DEBOUNCE_DELAY,\n        }),\n      ],\n      fileLoader,\n    })\n  }\n\n  /**\n   * Attempts to load and activate a workspace by id.\n   * Returns true when the workspace was found and activated.\n   */\n  const loadWorkspace = async (\n    namespace: string,\n    slug: string,\n  ): Promise<{ success: true; workspace: Workspace } | { success: false }> => {\n    const workspace = await persistence.getItem({ namespace, slug })\n\n    if (!workspace) {\n      return {\n        success: false,\n      }\n    }\n\n    const client = await createClientStore({ namespace, slug })\n    client.loadWorkspace(workspace.workspace)\n    activeWorkspace.value = { id: getWorkspaceId(workspace.namespace, workspace.slug), label: workspace.name }\n    store.value = client\n\n    return {\n      success: true,\n      workspace: client.workspace,\n    }\n  }\n\n  /**\n   * Creates and persists the default workspace with a blank draft document.\n   * Used when no workspaces exist yet.\n   */\n  const createAndPersistWorkspace = async ({\n    name,\n    teamUid,\n    namespace,\n    slug,\n  }: {\n    name: string\n    teamUid?: string\n    namespace?: string\n    slug: string\n  }) => {\n    const draftStore = createWorkspaceStore()\n    await draftStore.addDocument({\n      name: 'drafts',\n      document: {\n        openapi: '3.1.0',\n        info: {\n          title: 'Drafts',\n          version: '1.0.0',\n        },\n        paths: {\n          '/': {\n            get: {},\n          },\n        },\n        'x-scalar-original-document-hash': 'drafts',\n        'x-scalar-icon': 'interface-edit-tool-pencil',\n      },\n    })\n\n    // Persist the workspace\n    const workspace = await persistence.setItem(\n      { namespace, slug },\n      {\n        name: name,\n        teamUid,\n        workspace: draftStore.exportWorkspace(),\n      },\n    )\n\n    // Update the workspace list\n    workspaces.value.push({\n      id: getWorkspaceId(workspace.namespace, workspace.slug),\n      teamUid: workspace.teamUid,\n      namespace: workspace.namespace,\n      slug: workspace.slug,\n      label: workspace.name,\n    })\n    return workspace\n  }\n\n  /**\n   * Navigates to the overview page of the specified workspace.\n   *\n   * @param namespace - The workspace namespace.\n   * @param slug - The unique workspace slug (identifier).\n   */\n  const navigateToWorkspace = async (namespace?: string, slug?: string): Promise<void> => {\n    if (!namespace || !slug) {\n      await router.push('/')\n      return\n    }\n\n    // We should always have this drafts document available in a new workspace\n    await router.push({\n      name: 'example',\n      params: {\n        namespace,\n        workspaceSlug: slug,\n        documentSlug: 'drafts',\n        pathEncoded: encodeURIComponent('/'),\n        method: 'get',\n        exampleName: 'default',\n      },\n    })\n  }\n\n  /**\n   * Creates a new workspace with the provided name.\n   * - Generates a unique slug for the workspace (uses the provided slug if it is unique, otherwise generates a unique slug).\n   * - Adds a default blank document (\"drafts\") to the workspace.\n   * - Persists the workspace and navigates to it.\n   *\n   * Example usage:\n   *   await createWorkspace({ name: 'My Awesome API' })\n   *   // -> Navigates to /workspace/my-awesome-api (if available)\n   */\n  const createWorkspace = async ({\n    teamUid,\n    namespace,\n    slug,\n    name,\n  }: {\n    teamUid?: string\n    namespace?: string\n    slug?: string\n    name: string\n  }) => {\n    // Clear up the current store, in order to show the loading state\n    store.value = null\n\n    // Generate a unique slug/id for the workspace, based on the name.\n    const newWorkspaceSlug = await generateUniqueValue({\n      defaultValue: slug ?? name, // Use the provided id if it exists, otherwise use the name\n      validation: async (value) => !(await persistence.has({ namespace: namespace ?? 'local', slug: value })),\n      maxRetries: 100,\n      transformation: slugify,\n    })\n\n    // Failed to generate a unique workspace id, so we can't create the workspace.\n    if (!newWorkspaceSlug) {\n      return undefined\n    }\n\n    const newWorkspaceDetails = {\n      teamUid,\n      namespace,\n      slug: newWorkspaceSlug,\n      name,\n    }\n\n    // Create a new client store with the workspace ID and add a default document.\n    const createdWorkspace = await createAndPersistWorkspace(newWorkspaceDetails)\n\n    // Navigate to the newly created workspace.\n    await navigateToWorkspace(createdWorkspace.namespace, createdWorkspace.slug)\n    return createdWorkspace\n  }\n\n  /**\n   * Handles changing the active workspace when the workspace slug changes in the route.\n   * This function:\n   *  - Clears the current workspace store and sets loading state.\n   *  - Attempts to load the workspace by slug.\n   *    - If found, navigates to the active tab path (if available).\n   *    - If not found, creates the default workspace and navigates to it.\n   */\n  const changeWorkspace = async (namespace: string, slug: string) => {\n    // Clear the current store and set loading to true before loading new workspace.\n    store.value = null\n    isSyncingWorkspace.value = true\n\n    // Try to load the workspace\n    const result = await loadWorkspace(namespace, slug)\n\n    if (result.success) {\n      // Navigate to the correct tab if the workspace has a tab already\n      const index = result.workspace['x-scalar-active-tab'] ?? 0\n      const tabs = result.workspace['x-scalar-tabs']\n      const tab = tabs?.[index]\n\n      if (tab) {\n        // Preserve query parameters when navigating to the active tab\n        await router.replace({\n          path: tab.path,\n          query: currentRoute.value?.query ?? {},\n        })\n      }\n\n      // Heal the active tab index if it is out of bounds\n      if (tabs && index >= tabs.length) {\n        eventBus.emit('tabs:update:tabs', {\n          'x-scalar-active-tab': 0,\n        })\n      }\n\n      // Initialize the tabs if they does not exist\n      if (!tabs) {\n        eventBus.emit('tabs:update:tabs', {\n          'x-scalar-tabs': [createTabFromRoute(currentRoute.value)],\n          'x-scalar-active-tab': 0,\n        })\n      }\n\n      isSyncingWorkspace.value = false\n      return\n    }\n\n    // Navigate to the default workspace, or fall back to the first available workspace\n    const targetWorkspace =\n      filteredWorkspaces.value.find((workspace) => workspace.teamUid === 'local' && workspace.slug === 'default') ??\n      filteredWorkspaces.value[0]\n\n    if (targetWorkspace) {\n      return navigateToWorkspace(targetWorkspace.namespace, targetWorkspace.slug)\n    }\n\n    // If loading failed (workspace does not exist), create the default workspace and navigate to it.\n    const createResult = await createWorkspace({\n      name: 'Default Workspace',\n      slug: 'default',\n    })\n\n    isSyncingWorkspace.value = false\n\n    if (!createResult) {\n      return console.error('Failed to create the default workspace, something went wrong, can not load the workspace')\n    }\n\n    // Must reset the sidebar state when the workspace changes\n    sidebarState.reset()\n  }\n\n  /**\n   * Sets the current team context. If the active workspace is not accessible\n   * with the new team, navigates to the default workspace for that team.\n   */\n  const setTeamUid = (value: string) => {\n    // Update the new teamUid\n    teamUid.value = value\n\n    // Find the current workspace\n    const workspace = filteredWorkspaces.value.find(\n      (w) => w.namespace === namespace.value && w.slug === workspaceSlug.value,\n    )\n\n    // Check if new teamUid is accessible to the current workspace\n    if (workspace && canLoadWorkspace(workspace.teamUid, value)) {\n      return\n    }\n\n    return navigateToWorkspace('local', 'default')\n  }\n\n  // ---------------------------------------------------------------------------\n  // Sidebar state management\n\n  const entries = computed(() => {\n    const activeStore = store.value\n    if (!activeStore) {\n      return []\n    }\n\n    const order = activeStore.workspace['x-scalar-order'] ?? Object.keys(activeStore.workspace.documents)\n\n    return sortByOrder(Object.keys(activeStore.workspace.documents), order, (item) => item)\n      .map((doc) => activeStore.workspace.documents[doc]?.['x-scalar-navigation'])\n      .filter(isDefined) as TraversedEntry[]\n  })\n\n  const sidebarState = createSidebarState(entries)\n\n  /**\n   * Generates a unique string ID for an API location, based on the document, path, method, and example.\n   * Filters out undefined values and serializes the composite array into a stable string.\n   *\n   * @param params - An object containing document, path, method, and optional example name.\n   * @returns A stringified array representing the unique location identifier.\n   *\n   * Example:\n   *   generateId({ document: 'mydoc', path: '/users', method: 'get', example: 'default' })\n   *   // => '[\"mydoc\",\"/users\",\"get\",\"default\"]'\n   */\n  const generateId = ({\n    document,\n    path,\n    method,\n    example,\n  }: {\n    document: string\n    path?: string\n    method?: HttpMethod\n    example?: string\n  }) => {\n    return JSON.stringify([document, path, method, example].filter(isDefined))\n  }\n\n  /**\n   * Computed index for fast lookup of sidebar nodes by their unique API location.\n   *\n   * - Only indexes nodes of type 'document', 'operation', or 'example'.\n   * - The lookup key is a serialized array of: [documentName, operationPath, operationMethod, exampleName?].\n   * - Supports precise resolution of sidebar entries given an API \"location\".\n   */\n  const locationIndex = computed(() =>\n    generateReverseIndex({\n      items: entries.value,\n      nestedKey: 'children',\n      filter: (node) => node.type === 'document' || node.type === 'operation' || node.type === 'example',\n      getId: (node) => {\n        const document = getParentEntry('document', node)\n        const operation = getParentEntry('operation', node)\n        return generateId({\n          document: document?.name ?? '',\n          path: operation?.path,\n          method: operation?.method,\n          example: node.type === 'example' ? node.name : undefined,\n        })\n      },\n    }),\n  )\n\n  /**\n   * Looks up a sidebar entry by its unique API location.\n   * - First tries to find an entry matching all provided properties (including example).\n   * - If not found, falls back to matching only the operation (ignores example field).\n   * This allows resolving either examples, operations, or documents as appropriate.\n   *\n   * @param location - Object specifying the document name, path, method, and optional example name.\n   * @returns The matching sidebar entry, or undefined if none found.\n   *\n   * Example:\n   *   const entry = getEntryByLocation({\n   *     document: 'pets',\n   *     path: '/pets',\n   *     method: 'get',\n   *     example: 'default',\n   *   })\n   */\n  const getEntryByLocation: GetEntryByLocation = (location) => {\n    // Try to find an entry with the most-specific location (including example)\n    const entryWithExample = locationIndex.value.get(generateId(location))\n\n    if (entryWithExample) {\n      return entryWithExample\n    }\n\n    // Fallback to the operation (ignoring example) if an example wasn't found or specified\n    return locationIndex.value.get(\n      generateId({\n        document: location.document,\n        path: location.path,\n        method: location.method,\n      }),\n    )\n  }\n\n  /**\n   * Handles item selection from the sidebar and routes navigation accordingly.\n   *\n   * Example:\n   *   handleSelectItem('id-of-entry')\n   */\n  const handleSelectItem = (id: string) => {\n    const entry = sidebarState.getEntryById(id)\n\n    if (!entry) {\n      console.warn(`Could not find sidebar entry with id ${id} to select`)\n      return\n    }\n\n    /** Close sidebar and navigate. Used for every branch that performs navigation. */\n    const navigate = (route: RouteLocationRaw) => {\n      isSidebarOpen.value = false\n      return router.push(route)\n    }\n\n    // Navigate to the document overview page\n    if (entry.type === 'document') {\n      // If we are already in the document, just toggle expansion\n      if (sidebarState.selectedItem.value === id) {\n        sidebarState.setExpanded(id, !sidebarState.isExpanded(id))\n        return\n      }\n\n      // Otherwise, select it\n      sidebarState.setSelected(id)\n      sidebarState.setExpanded(id, true)\n      return navigate({\n        name: 'document.overview',\n        params: { documentSlug: entry.name },\n      })\n    }\n\n    // Navigate to the example page\n    if (entry.type === 'operation') {\n      // If we are already in an operation child we just want to toggle the explanstion\n      if (sidebarState.isSelected(id) && sidebarState.selectedItem.value !== id) {\n        sidebarState.setExpanded(id, !sidebarState.isExpanded(id))\n        return\n      }\n\n      // Otherwise, select the first example\n      const firstExample = entry.children?.find((child) => child.type === 'example')\n\n      if (firstExample) {\n        sidebarState.setSelected(firstExample.id)\n        sidebarState.setExpanded(firstExample.id, true)\n      } else {\n        sidebarState.setSelected(id)\n      }\n\n      return navigate({\n        name: 'example',\n        params: {\n          documentSlug: getParentEntry('document', entry)?.name,\n          pathEncoded: encodeURIComponent(entry.path),\n          method: entry.method,\n          exampleName: firstExample?.name ?? 'default',\n        },\n      })\n    }\n\n    // Navigate to the example page\n    if (entry.type === 'example') {\n      sidebarState.setSelected(id)\n      const operation = getParentEntry('operation', entry)\n      return navigate({\n        name: 'example',\n        params: {\n          documentSlug: getParentEntry('document', entry)?.name,\n          pathEncoded: encodeURIComponent(operation?.path ?? ''),\n          method: operation?.method,\n          exampleName: entry.name,\n        },\n      })\n    }\n\n    if (entry.type === 'text') {\n      return navigate({\n        name: 'document.overview',\n        params: {\n          documentSlug: getParentEntry('document', entry)?.name,\n        },\n      })\n    }\n\n    sidebarState.setExpanded(id, !sidebarState.isExpanded(id))\n    return\n  }\n\n  /**\n   * Navigates to the currently active tab's path using the router.\n   * Returns early if the workspace store or active tab is unavailable.\n   */\n  const navigateToCurrentTab = async (): Promise<void> => {\n    if (!store.value) {\n      return\n    }\n\n    const activeTabIndex = store.value.workspace['x-scalar-active-tab'] ?? 0\n    const activeTab = store.value.workspace['x-scalar-tabs']?.[activeTabIndex]\n    if (!activeTab) {\n      return\n    }\n\n    await router.replace(activeTab.path)\n  }\n\n  /**\n   * Rebuilds the sidebar for the given document.\n   * This is used to refresh the sidebar state after structural changes (e.g. after adding or removing items).\n   *\n   * @param documentName - The name (id) of the document for which to rebuild the sidebar\n   */\n  const rebuildSidebar = (documentName: string | undefined) => {\n    if (documentName) {\n      store.value?.buildSidebar(documentName)\n    }\n  }\n\n  /**\n   * Ensures the sidebar is refreshed after a new example is created.\n   *\n   * If the sidebar entry for the new example does not exist or is of a different type,\n   * this will rebuild the sidebar for the current document. This helps keep the sidebar state\n   * consistent (e.g., after adding a new example via the UI).\n   */\n  const refreshSidebarAfterExampleCreation = (payload: OperationExampleMeta & { documentName?: string }) => {\n    const documentName = payload.documentName ?? activeDocument.value?.['x-scalar-navigation']?.name\n    if (!documentName) {\n      return\n    }\n\n    const entry = getEntryByLocation({\n      document: documentName,\n      path: payload.path,\n      method: payload.method,\n      example: payload.exampleKey,\n    })\n\n    if (!entry || entry.type !== 'example') {\n      // Sidebar entry for this example doesn't exist, so rebuild sidebar for consistency.\n      rebuildSidebar(documentName)\n      if (currentRoute.value) {\n        syncSidebar(currentRoute.value)\n      }\n    }\n    return\n  }\n\n  /** Width of the sidebar, with fallback to default. */\n  const sidebarWidth = computed(() => store.value?.workspace?.['x-scalar-sidebar-width'] ?? DEFAULT_SIDEBAR_WIDTH)\n\n  /** Handler for sidebar width changes. */\n  const handleSidebarWidthUpdate = (width: number) => store.value?.update('x-scalar-sidebar-width', width)\n\n  /** Controls the visibility of the sidebar. */\n  const isSidebarOpen = ref(false)\n  // ---------------------------------------------------------------------------\n  // Tab Management\n\n  /** Constants for workspace store keys */\n  const TABS_KEY = 'x-scalar-tabs' as const\n  const ACTIVE_TAB_KEY = 'x-scalar-active-tab' as const\n\n  /**\n   * Creates a tab object based on the current route and workspace state.\n   * Used as a fallback when no tabs exist or when creating new tabs.\n   */\n  const createTabFromRoute = (to: RouteLocationNormalizedGeneric | null): Tab => {\n    const method = getRouteParam('method', to)\n    const path = getRouteParam('pathEncoded', to)\n    const document = getRouteParam('documentSlug', to)\n    const workspace = getRouteParam('workspaceSlug', to)\n    return {\n      ...getTabDetails({\n        workspace,\n        document,\n        path,\n        method,\n        getEntryByLocation,\n      }),\n      path: currentRoute.value?.path ?? '',\n    }\n  }\n\n  const tabs = computed(() => {\n    return store.value?.workspace[TABS_KEY] ?? [createTabFromRoute(currentRoute.value)]\n  })\n\n  const activeTabIndex = computed(() => {\n    return store.value?.workspace[ACTIVE_TAB_KEY] ?? 0\n  })\n\n  /**\n   * Copies the URL of the tab at the given index to the clipboard.\n   * Constructs the full URL using the current origin and the tab path.\n   *\n   * Note: Will silently fail if clipboard API is unavailable or the tab does not exist.\n   */\n  const copyTabUrl = async (index: number): Promise<void> => {\n    const tab = tabs.value[index]\n\n    if (!tab) {\n      console.warn(`Cannot copy URL: tab at index ${index} does not exist`)\n      return\n    }\n\n    const url = `${window.location.origin}${tab.path}`\n\n    try {\n      await navigator.clipboard.writeText(url)\n    } catch (error) {\n      console.error('Failed to copy URL to clipboard:', error)\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Path syncing\n\n  /** When the route changes we need to update the active entities in the store */\n  const handleRouteChange = (to: RouteLocationNormalizedGeneric) => {\n    const slug = getRouteParam('workspaceSlug', to)\n    const document = getRouteParam('documentSlug', to)\n    const namespaceValue = getRouteParam('namespace', to)\n\n    // Must have an active workspace to syncs\n    if (!namespaceValue || !slug) {\n      return\n    }\n\n    // Try to see if the user can load this workspace based on the teamUid and namespace\n    const workspace = workspaces.value.find(\n      (workspace) => workspace.slug === slug && workspace.namespace === namespaceValue,\n    )\n\n    // If the workspace is not found or the teamUid does not match, try to redirect to the default workspace\n    if (workspace && !canLoadWorkspace(workspace.teamUid, teamUid.value)) {\n      // try to redirect to the default workspace\n      return navigateToWorkspace('local', 'default')\n    }\n\n    namespace.value = namespaceValue\n    workspaceSlug.value = slug\n    documentSlug.value = document\n    method.value = getRouteParam('method', to)\n    path.value = getRouteParam('pathEncoded', to)\n    exampleName.value = getRouteParam('exampleName', to)\n\n    // Save the current path to the persistence storage\n    if (to.path !== '') {\n      workspaceStorage.setCurrentPath(to.path)\n    }\n\n    if (getWorkspaceId(namespace.value, slug) !== activeWorkspace.value?.id) {\n      return changeWorkspace(namespace.value, slug)\n    }\n\n    // Update the active document if the document slug has changes\n    if (document && document !== store.value?.workspace[extensions.workspace.activeDocument]) {\n      store?.value?.update('x-scalar-active-document', document)\n    }\n\n    syncTabs(to)\n    syncSidebar(to)\n    return\n  }\n\n  /** Aligns the tabs with any potential slug changes */\n  const syncTabs = (to: RouteLocationNormalizedGeneric) => {\n    const tabs = store.value?.workspace['x-scalar-tabs'] ?? []\n    const index = store.value?.workspace['x-scalar-active-tab'] ?? 0\n\n    const tab = tabs[index]\n\n    // If there is no tab or the tab path is the same we leave the tab state alone\n    if (!tab || tab.path === to.path) {\n      // Already on the correct path, do nothing\n      return\n    }\n\n    // Otherwise we replace the tab content with the new route\n    tabs[index] = createTabFromRoute(to)\n  }\n\n  /** Aligns the sidebar state with any potential slug changes */\n  const syncSidebar = (to: RouteLocationNormalizedGeneric) => {\n    const document = getRouteParam('documentSlug', to)\n\n    if (!document) {\n      // Reset selection if no document is selected\n      sidebarState.setSelected(null)\n      return\n    }\n\n    const entry = getEntryByLocation({\n      document,\n      path: getRouteParam('pathEncoded', to),\n      method: getRouteParam('method', to),\n      example: getRouteParam('exampleName', to),\n    })\n\n    if (entry) {\n      sidebarState.setSelected(entry.id)\n      sidebarState.setExpanded(entry.id, true)\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Events handling\n\n  initializeAppEventHandlers({\n    eventBus,\n    router,\n    store,\n    navigateToCurrentTab,\n    rebuildSidebar,\n    onAfterExampleCreation: refreshSidebarAfterExampleCreation,\n    onSelectSidebarItem: handleSelectItem,\n    onCopyTabUrl: (index) => copyTabUrl(index),\n    onToggleSidebar: () => (isSidebarOpen.value = !isSidebarOpen.value),\n    closeSidebar: () => (isSidebarOpen.value = false),\n    renameWorkspace,\n  })\n\n  const theme = useTheme({\n    fallbackThemeSlug,\n    customThemes,\n    store: store,\n  })\n\n  const isDarkMode = computed(() => {\n    const colorMode = store.value?.workspace['x-scalar-color-mode'] ?? 'system'\n    if (colorMode === 'system') {\n      return window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ?? false\n    }\n    return colorMode === 'dark'\n  })\n\n  return {\n    /** Active workspace store */\n    store,\n    sidebar: {\n      state: sidebarState,\n      width: sidebarWidth,\n      isOpen: isSidebarOpen,\n      handleSelectItem,\n      handleSidebarWidthUpdate,\n      getEntryByLocation,\n    },\n    tabs: {\n      state: tabs,\n      activeTabIndex,\n      copyTabUrl,\n    },\n    workspace: {\n      create: createWorkspace,\n      workspaceList: workspaces,\n      filteredWorkspaceList: filteredWorkspaces,\n      workspaceGroups,\n      activeWorkspace,\n      navigateToWorkspace,\n      isOpen: computed(() => Boolean(workspaceSlug.value && !documentSlug.value)),\n    },\n    eventBus,\n    router,\n    currentRoute,\n    loading: isSyncingWorkspace,\n    activeEntities: {\n      namespace,\n      workspaceSlug,\n      documentSlug,\n      path,\n      method,\n      exampleName,\n      teamUid: readonly(teamUid),\n      setTeamUid,\n    },\n    environment,\n    document: activeDocument,\n    isDarkMode,\n    theme: {\n      styles: theme.themeStyles,\n      themeStyleTag: theme.themeStyleTag,\n      customThemes,\n    },\n    telemetry,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"app-state.js","names":[],"sources":["../../../../src/v2/features/app/app-state.ts"],"sourcesContent":["import type { ScalarListboxOption, WorkspaceGroup } from '@scalar/components'\nimport { isDefined } from '@scalar/helpers/array/is-defined'\nimport { sortByOrder } from '@scalar/helpers/array/sort-by-order'\nimport type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { LoaderPlugin } from '@scalar/json-magic/bundle'\nimport { migrateLocalStorageToIndexDb } from '@scalar/oas-utils/migrations'\nimport { createSidebarState, generateReverseIndex } from '@scalar/sidebar'\nimport type { Theme } from '@scalar/themes'\nimport { type WorkspaceStore, createWorkspaceStore } from '@scalar/workspace-store/client'\nimport {\n  type OperationExampleMeta,\n  type WorkspaceEventBus,\n  createWorkspaceEventBus,\n} from '@scalar/workspace-store/events'\nimport { generateUniqueValue } from '@scalar/workspace-store/helpers/generate-unique-value'\nimport { getParentEntry } from '@scalar/workspace-store/navigation'\nimport { createWorkspaceStorePersistence, getWorkspaceId } from '@scalar/workspace-store/persistence'\nimport { persistencePlugin } from '@scalar/workspace-store/plugins/client'\nimport { getActiveEnvironment } from '@scalar/workspace-store/request-example'\nimport type { Workspace, WorkspaceDocument } from '@scalar/workspace-store/schemas'\nimport { extensions } from '@scalar/workspace-store/schemas/extensions'\nimport type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments'\nimport type { Tab } from '@scalar/workspace-store/schemas/extensions/workspace/x-scalar-tabs'\nimport type { TraversedEntry } from '@scalar/workspace-store/schemas/navigation'\nimport {\n  type ComputedRef,\n  type MaybeRefOrGetter,\n  type Ref,\n  type ShallowRef,\n  computed,\n  readonly,\n  ref,\n  shallowRef,\n  watch,\n} from 'vue'\nimport type { RouteLocationNormalizedGeneric, RouteLocationRaw, Router } from 'vue-router'\n\nimport { getRouteParam } from '@/v2/features/app/helpers/get-route-param'\nimport { groupWorkspacesByTeam } from '@/v2/features/app/helpers/group-workspaces'\nimport { useTheme } from '@/v2/features/app/hooks/use-theme'\nimport { getTabDetails } from '@/v2/helpers/get-tab-details'\nimport { slugify } from '@/v2/helpers/slugify'\nimport { workspaceStorage } from '@/v2/helpers/storage'\n\nimport { initializeAppEventHandlers } from './app-events'\nimport { canLoadWorkspace, filterWorkspacesByTeam } from './helpers/filter-workspaces'\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\nexport type GetEntryByLocation = (location: {\n  document: string\n  path?: string\n  method?: HttpMethod\n  example?: string\n}) =>\n  | (TraversedEntry & {\n      parent?: TraversedEntry | undefined\n    })\n  | undefined\n\ntype WorkspaceOption = ScalarListboxOption & { teamUid: string; namespace: string; slug: string }\n\n/** Defines the overall application state structure and its main feature modules */\nexport type AppState = {\n  /** The workspace store */\n  store: ShallowRef<WorkspaceStore | null>\n  /** The sidebar management */\n  sidebar: {\n    /** The sidebar state */\n    state: ReturnType<typeof createSidebarState<TraversedEntry>>\n    /** The width of the sidebar */\n    width: ComputedRef<number>\n    /** Whether the sidebar is open */\n    isOpen: Ref<boolean>\n    /** Handles the selection of an item in the sidebar */\n    handleSelectItem: (id: string) => void\n    /** Handles the width update of the sidebar */\n    handleSidebarWidthUpdate: (width: number) => void\n    /** Gets the entry by location */\n    getEntryByLocation: GetEntryByLocation\n  }\n  /** The tabs management */\n  tabs: {\n    /** The tabs state */\n    state: Ref<Tab[]>\n    /** The active tab index */\n    activeTabIndex: Ref<number>\n    /** Copies the URL of the tab at the given index to the clipboard */\n    copyTabUrl: (index: number) => Promise<void>\n  }\n  /** The workspace management */\n  workspace: {\n    /** Creates a new workspace and navigates to it */\n    create: (payload: {\n      teamUid?: string\n      namespace?: string\n      slug?: string\n      name: string\n    }) => Promise<{ name: string; namespace: string; slug: string; teamUid: string } | undefined>\n    /** All workspace list */\n    workspaceList: Ref<WorkspaceOption[]>\n    /** Filtered workspace list, based on the current teamUid */\n    filteredWorkspaceList: ComputedRef<WorkspaceOption[]>\n    /**\n     * Groups workspaces into team and local categories for display in the workspace picker.\n     * Team workspaces are shown first (when not on local team), followed by local workspaces.\n     */\n    workspaceGroups: ComputedRef<WorkspaceGroup[]>\n    /** The currently active workspace */\n    activeWorkspace: ShallowRef<{ id: string; label: string } | null>\n    /** Navigates to the specified workspace */\n    navigateToWorkspace: (namespace?: string, slug?: string) => Promise<void>\n    /** Whether the workspace page is open */\n    isOpen: ComputedRef<boolean>\n  }\n  /** The workspace event bus for handling workspace-level events */\n  eventBus: WorkspaceEventBus\n  /** The router instance */\n  router: Router\n  /** The current route derived from the router */\n  currentRoute: Ref<RouteLocationNormalizedGeneric | null>\n  /** Whether the workspace is currently syncing */\n  loading: Ref<boolean>\n  /** The currently active entities */\n  activeEntities: {\n    /** The namespace of the current entity, e.g. \"default\" or a custom namespace */\n    namespace: Ref<string | undefined>\n    /** The slug identifying the current workspace */\n    workspaceSlug: Ref<string | undefined>\n    /** The slug of the currently selected document in the workspace */\n    documentSlug: Ref<string | undefined>\n    /** The API path currently selected (e.g. \"/users/{id}\") */\n    path: Ref<string | undefined>\n    /** The HTTP method for the currently selected API path (e.g. GET, POST) */\n    method: Ref<HttpMethod | undefined>\n    /** The name of the currently selected example (for examples within an endpoint) */\n    exampleName: Ref<string | undefined>\n    /** The unique identifier for the selected team context (read-only; use setTeamUid to change) */\n    teamUid: Readonly<Ref<string>>\n    /** Sets the current team context by team UID */\n    setTeamUid: (value: string) => void\n  }\n  /** The currently active environment */\n  environment: ComputedRef<XScalarEnvironment>\n  /** The currently active document */\n  document: ComputedRef<WorkspaceDocument | null>\n  /** Whether the current color mode is dark */\n  isDarkMode: ComputedRef<boolean>\n  /** The currently active theme */\n  theme: {\n    /** The computed CSS styles for the current theme, as a string */\n    styles: ComputedRef<{ themeStyles: string; themeSlug: string }>\n    /** The computed value for the <style> tag containing the current theme styles */\n    themeStyleTag: ComputedRef<string>\n    /** The custom themes to use */\n    customThemes: MaybeRefOrGetter<Theme[]>\n  }\n  telemetry: Ref<boolean>\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n/** Default debounce delay in milliseconds for workspace store persistence. */\nconst DEFAULT_DEBOUNCE_DELAY = 1000\n/** Default sidebar width in pixels. */\nconst DEFAULT_SIDEBAR_WIDTH = 288\n\n// ---------------------------------------------------------------------------\n// App State\n// ---------------------------------------------------------------------------\nexport const createAppState = async ({\n  router,\n  fileLoader,\n  fallbackThemeSlug = () => 'default',\n  customThemes = () => [],\n  telemetryDefault,\n}: {\n  router: Router\n  fileLoader?: LoaderPlugin\n  customThemes?: MaybeRefOrGetter<Theme[]>\n  fallbackThemeSlug?: MaybeRefOrGetter<string>\n  telemetryDefault?: boolean\n}): Promise<AppState> => {\n  /** Workspace event bus for handling workspace-level events. */\n  const eventBus = createWorkspaceEventBus({\n    debug: import.meta.env.DEV,\n  })\n\n  const { workspace: persistence } = await createWorkspaceStorePersistence()\n\n  /**\n   * Run migration from localStorage to IndexedDB if needed\n   * This happens once per user and transforms old data structure to new workspace format\n   */\n  await migrateLocalStorageToIndexDb()\n\n  // ---------------------------------------------------------------------------\n  // Active entities\n  // ---------------------------------------------------------------------------\n  const teamUid = ref<string>('local')\n  const namespace = ref<string | undefined>(undefined)\n  const workspaceSlug = ref<string | undefined>(undefined)\n  const documentSlug = ref<string | undefined>(undefined)\n  const method = ref<HttpMethod | undefined>(undefined)\n  const path = ref<string | undefined>(undefined)\n  const exampleName = ref<string | undefined>(undefined)\n\n  // ---------------------------------------------------------------------------\n  // Loading states\n  const isSyncingWorkspace = ref(false)\n\n  // ---------------------------------------------------------------------------\n  // Router state\n  router.afterEach((to) => handleRouteChange(to))\n  const currentRoute = computed(() => router.currentRoute.value ?? null)\n\n  // ---------------------------------------------------------------------------\n  // Workspace persistence state management\n  const activeWorkspace = shallowRef<{ id: string; label: string } | null>(null)\n  const workspaces = ref<WorkspaceOption[]>([])\n  const filteredWorkspaces = computed(() => filterWorkspacesByTeam(workspaces.value, teamUid.value))\n  const workspaceGroups = computed(() => groupWorkspacesByTeam(filteredWorkspaces.value, teamUid.value))\n  const store = shallowRef<WorkspaceStore | null>(null)\n\n  // Load persisted telemetry preference, falling back to the provided default\n  const persistedTelemetry = workspaceStorage.getTelemetry()\n  const telemetry = ref(persistedTelemetry !== null ? persistedTelemetry : Boolean(telemetryDefault))\n  watch(telemetry, (value) => workspaceStorage.setTelemetry(value))\n\n  const activeDocument = computed(() => {\n    return store.value?.workspace.documents[documentSlug.value ?? ''] || null\n  })\n\n  /**\n   * Merged environment variables from workspace and document levels.\n   * Variables from both sources are combined, with document variables\n   * taking precedence in case of naming conflicts.\n   */\n  const environment = computed<XScalarEnvironment>(\n    () => getActiveEnvironment(store.value, activeDocument.value).environment,\n  )\n\n  /** Update the workspace list when the component is mounted */\n  workspaces.value = await persistence.getAll().then((w) =>\n    w.map(({ teamUid, namespace, slug, name }) => ({\n      id: getWorkspaceId(namespace, slug),\n      teamUid,\n      namespace,\n      slug,\n      label: name,\n    })),\n  )\n\n  /**\n   * Renames the currently active workspace.\n   * Updates the workspace name in persistence and updates activeWorkspace if successful.\n   * Returns early if namespace or workspaceSlug is not set, or if update fails.\n   */\n  const renameWorkspace = async (name: string) => {\n    const namespaceValue = namespace.value\n    const slugValue = workspaceSlug.value\n    if (!namespaceValue || !slugValue) {\n      return\n    }\n    const workspaceId = getWorkspaceId(namespaceValue, slugValue)\n    const updateResult = await persistence.updateName({ namespace: namespaceValue, slug: slugValue }, name)\n\n    // If the update fails, return early\n    if (updateResult === undefined) {\n      return\n    }\n\n    // Update the workspace list\n    workspaces.value = workspaces.value.map((workspace) => {\n      // If the workspace is the currently active workspace, update the label\n      if (workspace.id === workspaceId) {\n        return { ...workspace, label: name }\n      }\n      return workspace\n    })\n    activeWorkspace.value = { id: workspaceId, label: name }\n  }\n\n  /**\n   * Creates a client-side workspace store with persistence enabled for the given workspace id.\n   */\n  const createClientStore = async ({\n    namespace,\n    slug,\n  }: {\n    namespace: string\n    slug: string\n  }): Promise<WorkspaceStore> => {\n    return createWorkspaceStore({\n      plugins: [\n        await persistencePlugin({\n          workspaceId: getWorkspaceId(namespace, slug),\n          debounceDelay: DEFAULT_DEBOUNCE_DELAY,\n        }),\n      ],\n      fileLoader,\n    })\n  }\n\n  /**\n   * Attempts to load and activate a workspace by id.\n   * Returns true when the workspace was found and activated.\n   */\n  const loadWorkspace = async (\n    namespace: string,\n    slug: string,\n  ): Promise<{ success: true; workspace: Workspace } | { success: false }> => {\n    const workspace = await persistence.getItem({ namespace, slug })\n\n    if (!workspace) {\n      return {\n        success: false,\n      }\n    }\n\n    const client = await createClientStore({ namespace, slug })\n    client.loadWorkspace(workspace.workspace)\n    activeWorkspace.value = { id: getWorkspaceId(workspace.namespace, workspace.slug), label: workspace.name }\n    store.value = client\n\n    return {\n      success: true,\n      workspace: client.workspace,\n    }\n  }\n\n  /**\n   * Creates and persists the default workspace with a blank draft document.\n   * Used when no workspaces exist yet.\n   */\n  const createAndPersistWorkspace = async ({\n    name,\n    teamUid,\n    namespace,\n    slug,\n  }: {\n    name: string\n    teamUid?: string\n    namespace?: string\n    slug: string\n  }) => {\n    const draftStore = createWorkspaceStore()\n    await draftStore.addDocument({\n      name: 'drafts',\n      document: {\n        openapi: '3.1.0',\n        info: {\n          title: 'Drafts',\n          version: '1.0.0',\n        },\n        paths: {\n          '/': {\n            get: {},\n          },\n        },\n        'x-scalar-original-document-hash': 'drafts',\n        'x-scalar-icon': 'interface-edit-tool-pencil',\n      },\n    })\n\n    // Persist the workspace\n    const workspace = await persistence.setItem(\n      { namespace, slug },\n      {\n        name: name,\n        teamUid,\n        workspace: draftStore.exportWorkspace(),\n      },\n    )\n\n    // Update the workspace list\n    workspaces.value.push({\n      id: getWorkspaceId(workspace.namespace, workspace.slug),\n      teamUid: workspace.teamUid,\n      namespace: workspace.namespace,\n      slug: workspace.slug,\n      label: workspace.name,\n    })\n    return workspace\n  }\n\n  /**\n   * Navigates to the overview page of the specified workspace.\n   *\n   * @param namespace - The workspace namespace.\n   * @param slug - The unique workspace slug (identifier).\n   */\n  const navigateToWorkspace = async (namespace?: string, slug?: string): Promise<void> => {\n    if (!namespace || !slug) {\n      await router.push('/')\n      return\n    }\n\n    // We should always have this drafts document available in a new workspace\n    await router.push({\n      name: 'example',\n      params: {\n        namespace,\n        workspaceSlug: slug,\n        documentSlug: 'drafts',\n        pathEncoded: encodeURIComponent('/'),\n        method: 'get',\n        exampleName: 'default',\n      },\n    })\n  }\n\n  /**\n   * Creates a new workspace with the provided name.\n   * - Generates a unique slug for the workspace (uses the provided slug if it is unique, otherwise generates a unique slug).\n   * - Adds a default blank document (\"drafts\") to the workspace.\n   * - Persists the workspace and navigates to it.\n   *\n   * Example usage:\n   *   await createWorkspace({ name: 'My Awesome API' })\n   *   // -> Navigates to /workspace/my-awesome-api (if available)\n   */\n  const createWorkspace = async ({\n    teamUid,\n    namespace,\n    slug,\n    name,\n  }: {\n    teamUid?: string\n    namespace?: string\n    slug?: string\n    name: string\n  }) => {\n    // Clear up the current store, in order to show the loading state\n    store.value = null\n\n    // Generate a unique slug/id for the workspace, based on the name.\n    const newWorkspaceSlug = await generateUniqueValue({\n      defaultValue: slug ?? name, // Use the provided id if it exists, otherwise use the name\n      validation: async (value) => !(await persistence.has({ namespace: namespace ?? 'local', slug: value })),\n      maxRetries: 100,\n      transformation: slugify,\n    })\n\n    // Failed to generate a unique workspace id, so we can't create the workspace.\n    if (!newWorkspaceSlug) {\n      return undefined\n    }\n\n    const newWorkspaceDetails = {\n      teamUid,\n      namespace,\n      slug: newWorkspaceSlug,\n      name,\n    }\n\n    // Create a new client store with the workspace ID and add a default document.\n    const createdWorkspace = await createAndPersistWorkspace(newWorkspaceDetails)\n\n    // Navigate to the newly created workspace.\n    await navigateToWorkspace(createdWorkspace.namespace, createdWorkspace.slug)\n    return createdWorkspace\n  }\n\n  /**\n   * Handles changing the active workspace when the workspace slug changes in the route.\n   * This function:\n   *  - Clears the current workspace store and sets loading state.\n   *  - Attempts to load the workspace by slug.\n   *    - If found, navigates to the active tab path (if available).\n   *    - If not found, creates the default workspace and navigates to it.\n   */\n  const changeWorkspace = async (namespace: string, slug: string) => {\n    // Clear the current store and set loading to true before loading new workspace.\n    store.value = null\n    isSyncingWorkspace.value = true\n\n    // Try to load the workspace\n    const result = await loadWorkspace(namespace, slug)\n\n    if (result.success) {\n      // Navigate to the correct tab if the workspace has a tab already\n      const index = result.workspace['x-scalar-active-tab'] ?? 0\n      const tabs = result.workspace['x-scalar-tabs']\n      const tab = tabs?.[index]\n\n      if (tab) {\n        // Preserve query parameters when navigating to the active tab\n        await router.replace({\n          path: tab.path,\n          query: currentRoute.value?.query ?? {},\n        })\n      }\n\n      // Heal the active tab index if it is out of bounds\n      if (tabs && index >= tabs.length) {\n        eventBus.emit('tabs:update:tabs', {\n          'x-scalar-active-tab': 0,\n        })\n      }\n\n      // Initialize the tabs if they does not exist\n      if (!tabs) {\n        eventBus.emit('tabs:update:tabs', {\n          'x-scalar-tabs': [createTabFromRoute(currentRoute.value)],\n          'x-scalar-active-tab': 0,\n        })\n      }\n\n      isSyncingWorkspace.value = false\n      return\n    }\n\n    // Navigate to the default workspace, or fall back to the first available workspace\n    const targetWorkspace =\n      filteredWorkspaces.value.find((workspace) => workspace.teamUid === 'local' && workspace.slug === 'default') ??\n      filteredWorkspaces.value[0]\n\n    if (targetWorkspace) {\n      return navigateToWorkspace(targetWorkspace.namespace, targetWorkspace.slug)\n    }\n\n    // If loading failed (workspace does not exist), create the default workspace and navigate to it.\n    const createResult = await createWorkspace({\n      name: 'Default Workspace',\n      slug: 'default',\n    })\n\n    isSyncingWorkspace.value = false\n\n    if (!createResult) {\n      return console.error('Failed to create the default workspace, something went wrong, can not load the workspace')\n    }\n\n    // Must reset the sidebar state when the workspace changes\n    sidebarState.reset()\n  }\n\n  /**\n   * Sets the current team context. If the active workspace is not accessible\n   * with the new team, navigates to the default workspace for that team.\n   */\n  const setTeamUid = (value: string) => {\n    // Update the new teamUid\n    teamUid.value = value\n\n    // Find the current workspace\n    const workspace = filteredWorkspaces.value.find(\n      (w) => w.namespace === namespace.value && w.slug === workspaceSlug.value,\n    )\n\n    // Check if new teamUid is accessible to the current workspace\n    if (workspace && canLoadWorkspace(workspace.teamUid, value)) {\n      return\n    }\n\n    return navigateToWorkspace('local', 'default')\n  }\n\n  // ---------------------------------------------------------------------------\n  // Sidebar state management\n\n  const entries = computed(() => {\n    const activeStore = store.value\n    if (!activeStore) {\n      return []\n    }\n\n    const order = activeStore.workspace['x-scalar-order'] ?? Object.keys(activeStore.workspace.documents)\n\n    return sortByOrder(Object.keys(activeStore.workspace.documents), order, (item) => item)\n      .map((doc) => activeStore.workspace.documents[doc]?.['x-scalar-navigation'])\n      .filter(isDefined) as TraversedEntry[]\n  })\n\n  const sidebarState = createSidebarState(entries)\n\n  /**\n   * Generates a unique string ID for an API location, based on the document, path, method, and example.\n   * Filters out undefined values and serializes the composite array into a stable string.\n   *\n   * @param params - An object containing document, path, method, and optional example name.\n   * @returns A stringified array representing the unique location identifier.\n   *\n   * Example:\n   *   generateId({ document: 'mydoc', path: '/users', method: 'get', example: 'default' })\n   *   // => '[\"mydoc\",\"/users\",\"get\",\"default\"]'\n   */\n  const generateId = ({\n    document,\n    path,\n    method,\n    example,\n  }: {\n    document: string\n    path?: string\n    method?: HttpMethod\n    example?: string\n  }) => {\n    return JSON.stringify([document, path, method, example].filter(isDefined))\n  }\n\n  /**\n   * Computed index for fast lookup of sidebar nodes by their unique API location.\n   *\n   * - Only indexes nodes of type 'document', 'operation', or 'example'.\n   * - The lookup key is a serialized array of: [documentName, operationPath, operationMethod, exampleName?].\n   * - Supports precise resolution of sidebar entries given an API \"location\".\n   */\n  const locationIndex = computed(() =>\n    generateReverseIndex({\n      items: entries.value,\n      nestedKey: 'children',\n      filter: (node) => node.type === 'document' || node.type === 'operation' || node.type === 'example',\n      getId: (node) => {\n        const document = getParentEntry('document', node)\n        const operation = getParentEntry('operation', node)\n        return generateId({\n          document: document?.name ?? '',\n          path: operation?.path,\n          method: operation?.method,\n          example: node.type === 'example' ? node.name : undefined,\n        })\n      },\n    }),\n  )\n\n  /**\n   * Looks up a sidebar entry by its unique API location.\n   * - First tries to find an entry matching all provided properties (including example).\n   * - If not found, falls back to matching only the operation (ignores example field).\n   * This allows resolving either examples, operations, or documents as appropriate.\n   *\n   * @param location - Object specifying the document name, path, method, and optional example name.\n   * @returns The matching sidebar entry, or undefined if none found.\n   *\n   * Example:\n   *   const entry = getEntryByLocation({\n   *     document: 'pets',\n   *     path: '/pets',\n   *     method: 'get',\n   *     example: 'default',\n   *   })\n   */\n  const getEntryByLocation: GetEntryByLocation = (location) => {\n    // Try to find an entry with the most-specific location (including example)\n    const entryWithExample = locationIndex.value.get(generateId(location))\n\n    if (entryWithExample) {\n      return entryWithExample\n    }\n\n    // Fallback to the operation (ignoring example) if an example wasn't found or specified\n    return locationIndex.value.get(\n      generateId({\n        document: location.document,\n        path: location.path,\n        method: location.method,\n      }),\n    )\n  }\n\n  /**\n   * Handles item selection from the sidebar and routes navigation accordingly.\n   *\n   * Example:\n   *   handleSelectItem('id-of-entry')\n   */\n  const handleSelectItem = (id: string) => {\n    const entry = sidebarState.getEntryById(id)\n\n    if (!entry) {\n      console.warn(`Could not find sidebar entry with id ${id} to select`)\n      return\n    }\n\n    /** Close sidebar and navigate. Used for every branch that performs navigation. */\n    const navigate = (route: RouteLocationRaw) => {\n      isSidebarOpen.value = false\n      return router.push(route)\n    }\n\n    // Navigate to the document overview page\n    if (entry.type === 'document') {\n      // If we are already in the document, just toggle expansion\n      if (sidebarState.selectedItem.value === id) {\n        sidebarState.setExpanded(id, !sidebarState.isExpanded(id))\n        return\n      }\n\n      // Otherwise, select it\n      sidebarState.setSelected(id)\n      sidebarState.setExpanded(id, true)\n      return navigate({\n        name: 'document.overview',\n        params: { documentSlug: entry.name },\n      })\n    }\n\n    // Navigate to the example page\n    if (entry.type === 'operation') {\n      // If we are already in an operation child we just want to toggle the explanstion\n      if (sidebarState.isSelected(id) && sidebarState.selectedItem.value !== id) {\n        sidebarState.setExpanded(id, !sidebarState.isExpanded(id))\n        return\n      }\n\n      // Otherwise, select the first example\n      const firstExample = entry.children?.find((child) => child.type === 'example')\n\n      if (firstExample) {\n        sidebarState.setSelected(firstExample.id)\n        sidebarState.setExpanded(firstExample.id, true)\n      } else {\n        sidebarState.setSelected(id)\n      }\n\n      return navigate({\n        name: 'example',\n        params: {\n          documentSlug: getParentEntry('document', entry)?.name,\n          pathEncoded: encodeURIComponent(entry.path),\n          method: entry.method,\n          exampleName: firstExample?.name ?? 'default',\n        },\n      })\n    }\n\n    // Navigate to the example page\n    if (entry.type === 'example') {\n      sidebarState.setSelected(id)\n      const operation = getParentEntry('operation', entry)\n      return navigate({\n        name: 'example',\n        params: {\n          documentSlug: getParentEntry('document', entry)?.name,\n          pathEncoded: encodeURIComponent(operation?.path ?? ''),\n          method: operation?.method,\n          exampleName: entry.name,\n        },\n      })\n    }\n\n    if (entry.type === 'text') {\n      return navigate({\n        name: 'document.overview',\n        params: {\n          documentSlug: getParentEntry('document', entry)?.name,\n        },\n      })\n    }\n\n    sidebarState.setExpanded(id, !sidebarState.isExpanded(id))\n    return\n  }\n\n  /**\n   * Navigates to the currently active tab's path using the router.\n   * Returns early if the workspace store or active tab is unavailable.\n   */\n  const navigateToCurrentTab = async (): Promise<void> => {\n    if (!store.value) {\n      return\n    }\n\n    const activeTabIndex = store.value.workspace['x-scalar-active-tab'] ?? 0\n    const activeTab = store.value.workspace['x-scalar-tabs']?.[activeTabIndex]\n    if (!activeTab) {\n      return\n    }\n\n    await router.replace(activeTab.path)\n  }\n\n  /**\n   * Rebuilds the sidebar for the given document.\n   * This is used to refresh the sidebar state after structural changes (e.g. after adding or removing items).\n   *\n   * @param documentName - The name (id) of the document for which to rebuild the sidebar\n   */\n  const rebuildSidebar = (documentName: string | undefined) => {\n    if (documentName) {\n      store.value?.buildSidebar(documentName)\n    }\n  }\n\n  /**\n   * Ensures the sidebar is refreshed after a new example is created.\n   *\n   * If the sidebar entry for the new example does not exist or is of a different type,\n   * this will rebuild the sidebar for the current document. This helps keep the sidebar state\n   * consistent (e.g., after adding a new example via the UI).\n   */\n  const refreshSidebarAfterExampleCreation = (payload: OperationExampleMeta & { documentName?: string }) => {\n    const documentName = payload.documentName ?? activeDocument.value?.['x-scalar-navigation']?.name\n    if (!documentName) {\n      return\n    }\n\n    const entry = getEntryByLocation({\n      document: documentName,\n      path: payload.path,\n      method: payload.method,\n      example: payload.exampleKey,\n    })\n\n    if (!entry || entry.type !== 'example') {\n      // Sidebar entry for this example doesn't exist, so rebuild sidebar for consistency.\n      rebuildSidebar(documentName)\n      if (currentRoute.value) {\n        syncSidebar(currentRoute.value)\n      }\n    }\n    return\n  }\n\n  /** Width of the sidebar, with fallback to default. */\n  const sidebarWidth = computed(() => store.value?.workspace?.['x-scalar-sidebar-width'] ?? DEFAULT_SIDEBAR_WIDTH)\n\n  /** Handler for sidebar width changes. */\n  const handleSidebarWidthUpdate = (width: number) => store.value?.update('x-scalar-sidebar-width', width)\n\n  /** Controls the visibility of the sidebar. */\n  const isSidebarOpen = ref(false)\n  // ---------------------------------------------------------------------------\n  // Tab Management\n\n  /** Constants for workspace store keys */\n  const TABS_KEY = 'x-scalar-tabs' as const\n  const ACTIVE_TAB_KEY = 'x-scalar-active-tab' as const\n\n  /**\n   * Creates a tab object based on the current route and workspace state.\n   * Used as a fallback when no tabs exist or when creating new tabs.\n   */\n  const createTabFromRoute = (to: RouteLocationNormalizedGeneric | null): Tab => {\n    const method = getRouteParam('method', to)\n    const path = getRouteParam('pathEncoded', to)\n    const document = getRouteParam('documentSlug', to)\n    const workspace = getRouteParam('workspaceSlug', to)\n    return {\n      ...getTabDetails({\n        workspace,\n        document,\n        path,\n        method,\n        getEntryByLocation,\n      }),\n      path: currentRoute.value?.path ?? '',\n    }\n  }\n\n  const tabs = computed(() => {\n    return store.value?.workspace[TABS_KEY] ?? [createTabFromRoute(currentRoute.value)]\n  })\n\n  const activeTabIndex = computed(() => {\n    return store.value?.workspace[ACTIVE_TAB_KEY] ?? 0\n  })\n\n  /**\n   * Copies the URL of the tab at the given index to the clipboard.\n   * Constructs the full URL using the current origin and the tab path.\n   *\n   * Note: Will silently fail if clipboard API is unavailable or the tab does not exist.\n   */\n  const copyTabUrl = async (index: number): Promise<void> => {\n    const tab = tabs.value[index]\n\n    if (!tab) {\n      console.warn(`Cannot copy URL: tab at index ${index} does not exist`)\n      return\n    }\n\n    const url = `${window.location.origin}${tab.path}`\n\n    try {\n      await navigator.clipboard.writeText(url)\n    } catch (error) {\n      console.error('Failed to copy URL to clipboard:', error)\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Path syncing\n\n  /** When the route changes we need to update the active entities in the store */\n  const handleRouteChange = (to: RouteLocationNormalizedGeneric) => {\n    const slug = getRouteParam('workspaceSlug', to)\n    const document = getRouteParam('documentSlug', to)\n    const namespaceValue = getRouteParam('namespace', to)\n\n    // Must have an active workspace to syncs\n    if (!namespaceValue || !slug) {\n      return\n    }\n\n    // Try to see if the user can load this workspace based on the teamUid and namespace\n    const workspace = workspaces.value.find(\n      (workspace) => workspace.slug === slug && workspace.namespace === namespaceValue,\n    )\n\n    // If the workspace is not found or the teamUid does not match, try to redirect to the default workspace\n    if (workspace && !canLoadWorkspace(workspace.teamUid, teamUid.value)) {\n      // try to redirect to the default workspace\n      return navigateToWorkspace('local', 'default')\n    }\n\n    namespace.value = namespaceValue\n    workspaceSlug.value = slug\n    documentSlug.value = document\n    method.value = getRouteParam('method', to)\n    path.value = getRouteParam('pathEncoded', to)\n    exampleName.value = getRouteParam('exampleName', to)\n\n    // Save the current path to the persistence storage\n    if (to.path !== '') {\n      workspaceStorage.setCurrentPath(to.path)\n    }\n\n    if (getWorkspaceId(namespace.value, slug) !== activeWorkspace.value?.id) {\n      return changeWorkspace(namespace.value, slug)\n    }\n\n    // Update the active document if the document slug has changes\n    if (document && document !== store.value?.workspace[extensions.workspace.activeDocument]) {\n      store?.value?.update('x-scalar-active-document', document)\n    }\n\n    syncTabs(to)\n    syncSidebar(to)\n    return\n  }\n\n  /** Aligns the tabs with any potential slug changes */\n  const syncTabs = (to: RouteLocationNormalizedGeneric) => {\n    const tabs = store.value?.workspace['x-scalar-tabs'] ?? []\n    const index = store.value?.workspace['x-scalar-active-tab'] ?? 0\n\n    const tab = tabs[index]\n\n    // If there is no tab or the tab path is the same we leave the tab state alone\n    if (!tab || tab.path === to.path) {\n      // Already on the correct path, do nothing\n      return\n    }\n\n    // Otherwise we replace the tab content with the new route\n    tabs[index] = createTabFromRoute(to)\n  }\n\n  /** Aligns the sidebar state with any potential slug changes */\n  const syncSidebar = (to: RouteLocationNormalizedGeneric) => {\n    const document = getRouteParam('documentSlug', to)\n\n    if (!document) {\n      // Reset selection if no document is selected\n      sidebarState.setSelected(null)\n      return\n    }\n\n    const entry = getEntryByLocation({\n      document,\n      path: getRouteParam('pathEncoded', to),\n      method: getRouteParam('method', to),\n      example: getRouteParam('exampleName', to),\n    })\n\n    if (entry) {\n      sidebarState.setSelected(entry.id)\n      sidebarState.setExpanded(entry.id, true)\n    }\n  }\n\n  // ---------------------------------------------------------------------------\n  // Events handling\n\n  initializeAppEventHandlers({\n    eventBus,\n    router,\n    store,\n    navigateToCurrentTab,\n    rebuildSidebar,\n    onAfterExampleCreation: refreshSidebarAfterExampleCreation,\n    onSelectSidebarItem: handleSelectItem,\n    onCopyTabUrl: (index) => copyTabUrl(index),\n    onToggleSidebar: () => (isSidebarOpen.value = !isSidebarOpen.value),\n    closeSidebar: () => (isSidebarOpen.value = false),\n    renameWorkspace,\n  })\n\n  const theme = useTheme({\n    fallbackThemeSlug,\n    customThemes,\n    store: store,\n  })\n\n  const isDarkMode = computed(() => {\n    const colorMode = store.value?.workspace['x-scalar-color-mode'] ?? 'system'\n    if (colorMode === 'system') {\n      return window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ?? false\n    }\n    return colorMode === 'dark'\n  })\n\n  return {\n    /** Active workspace store */\n    store,\n    sidebar: {\n      state: sidebarState,\n      width: sidebarWidth,\n      isOpen: isSidebarOpen,\n      handleSelectItem,\n      handleSidebarWidthUpdate,\n      getEntryByLocation,\n    },\n    tabs: {\n      state: tabs,\n      activeTabIndex,\n      copyTabUrl,\n    },\n    workspace: {\n      create: createWorkspace,\n      workspaceList: workspaces,\n      filteredWorkspaceList: filteredWorkspaces,\n      workspaceGroups,\n      activeWorkspace,\n      navigateToWorkspace,\n      isOpen: computed(() => Boolean(workspaceSlug.value && !documentSlug.value)),\n    },\n    eventBus,\n    router,\n    currentRoute,\n    loading: isSyncingWorkspace,\n    activeEntities: {\n      namespace,\n      workspaceSlug,\n      documentSlug,\n      path,\n      method,\n      exampleName,\n      teamUid: readonly(teamUid),\n      setTeamUid,\n    },\n    environment,\n    document: activeDocument,\n    isDarkMode,\n    theme: {\n      styles: theme.themeStyles,\n      themeStyleTag: theme.themeStyleTag,\n      customThemes,\n    },\n    telemetry,\n  }\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"names":[],"mappings":"AAmhBA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAA;AAQ3B,OAAO,KAAK,EAA6B,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,4CAA4C,CAAA;AAWnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,MAAM,EAAE,YAAY,CAAA;IAEpB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAE1C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C;;;OAGG;IACH,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B;;;OAGG;IACH,QAAQ,EAAE,iBAAiB,CAAA;IAC3B;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;AAiBJ,KAAK,WAAW,GAAG;IACjB,oEAAoE;IACpE,kBAAkB,CAAC,IAAI,OAAO,CAAA;CAC/B,CAAC;AAmMF,KAAK,gBAAgB,GAAG;IACxB,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAspBxD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;kFAGd,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"}
+{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"names":[],"mappings":"AAmhBA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,oBAAoB,CAAA;AAQ3B,OAAO,KAAK,EAA6B,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EACV,cAAc,EAEf,MAAM,4CAA4C,CAAA;AAWnD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,KAAK,WAAW,GAAG;IACf;;OAEG;IACH,MAAM,EAAE,YAAY,CAAA;IAEpB;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IAE1C;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,eAAe,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC9C;;;OAGG;IACH,UAAU,EAAE,cAAc,EAAE,CAAA;IAC5B;;;OAGG;IACH,QAAQ,EAAE,iBAAiB,CAAA;IAC3B;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;AAiBJ,KAAK,WAAW,GAAG;IACjB,oEAAoE;IACpE,kBAAkB,CAAC,IAAI,OAAO,CAAA;CAC/B,CAAC;AAmMF,KAAK,gBAAgB,GAAG;IACxB,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,cAAc,EAAE,MAAM,CAAC;CACtB,CAAC;AAMF,KAAK,iBAAiB,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAmpBxD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;kFAGd,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/app/components/AppSidebar.vue.js

@@ -2,7 +2,7 @@ import _plugin_vue_export_helper_default from "../../../../_virtual/_plugin-vue_
 import AppSidebar_vue_vue_type_script_setup_true_lang_default from "./AppSidebar.vue.script.js";
 /* empty css                         */
 //#region src/v2/features/app/components/AppSidebar.vue
-var AppSidebar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AppSidebar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8621f58a"]]);
+var AppSidebar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AppSidebar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6f80f8d3"]]);
 //#endregion
 export { AppSidebar_default as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIconButton,\n  ScalarModal,\n  ScalarSidebarItem,\n  useModal,\n  type WorkspaceGroup,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport {\n  ScalarIconDotsThree,\n  ScalarIconGearSix,\n  ScalarIconPlus,\n} from '@scalar/icons'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { DraggingItem, HoveredItem, SidebarState } from '@scalar/sidebar'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getParentEntry } from '@scalar/workspace-store/navigation'\nimport type {\n  TraversedEntry,\n  TraversedOperation,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { capitalize, computed, nextTick, ref } from 'vue'\n\nimport Rabbit from '@/assets/rabbit.ascii?raw'\nimport RabbitJump from '@/assets/rabbitjump.ascii?raw'\nimport ScalarAsciiArt from '@/components/ScalarAsciiArt.vue'\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport { Sidebar } from '@/v2/components/sidebar'\nimport DownloadAppButton from '@/v2/features/app/components/DownloadAppButton.vue'\nimport SidebarItemMenu from '@/v2/features/app/components/SidebarItemMenu.vue'\nimport { dragHandleFactory } from '@/v2/helpers/drag-handle-factory'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { sidebarState, layout, activeWorkspace, workspaces, store, eventBus } =\n  defineProps<{\n    /**\n     * The current layout of the app (e.g., 'desktop', 'web')\n     */\n    layout: ClientLayout\n\n    /**\n     * The sidebar state, holding navigation items and state\n     */\n    sidebarState: SidebarState<TraversedEntry>\n\n    /**\n     * Whether the workspace overview sidebar is currently open\n     */\n    isWorkspaceOpen?: boolean\n    /**\n     * The currently active workspace.\n     * This represents the workspace that the user is currently working in.\n     */\n    activeWorkspace: { id: string; label: string }\n    /**\n     * The list of all available workspaces.\n     * Used to render options for workspace switching and selection.\n     */\n    workspaces: WorkspaceGroup[]\n    /**\n     * The workspace event bus for handling workspace-level events.\n     * Used for triggering and responding to workspace changes and actions.\n     */\n    eventBus: WorkspaceEventBus\n    /**\n     * The WorkspaceStore instance for managing workspace state and actions.\n     * Provides methods and state for interacting with the current workspace.\n     */\n    store: WorkspaceStore\n  }>()\n\nconst emit = defineEmits<{\n  /** Emitted when the workspace button in the sidebar is clicked */\n  (e: 'click:workspace'): void\n  /** Emitted when a navigation or sidebar item is selected by ID */\n  (e: 'selectItem', id: string): void\n  /** Emitted when a workspace is selected by optional ID */\n  (e: 'select:workspace', id?: string): void\n  /** Emitted when the user requests to create a new workspace */\n  (e: 'create:workspace'): void\n}>()\n\ndefineSlots<{\n  /** Slot for customizing the actions section of the sidebar menu. */\n  sidebarMenuActions?(): unknown\n}>()\n\n/** The label for the workspace button in the sidebar */\nconst workspaceLabel = computed(() => capitalize(activeWorkspace.label))\n\n/** Controls the visibility of the sidebar */\nconst isSidebarOpen = defineModel<boolean>('isSidebarOpen', {\n  required: true,\n})\n\n/** Controls the width of the sidebar */\nconst sidebarWidth = defineModel<number>('sidebarWidth', {\n  required: true,\n  default: 288,\n})\n\n/** Calculate if we should show the getting started section */\nconst showGettingStarted = computed(() => sidebarState.items.value.length <= 1)\n\n/*\n * Setup drag and drop handlers for sidebar items.\n * The dragHandleFactory takes the current workspace store and sidebar state,\n * and returns the appropriate handlers for drag ending and droppability.\n *\n * We use computed to ensure the handlers are recreated when the store or sidebarState changes,\n * so they always have access to the latest values.\n */\nconst dragHandlers = computed(() =>\n  dragHandleFactory({\n    store,\n    sidebarState,\n  }),\n)\n\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => {\n  return dragHandlers.value.handleDragEnd(draggingItem, hoveredItem)\n}\n\nconst isDroppable = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => {\n  return dragHandlers.value.isDroppable(draggingItem, hoveredItem)\n}\n\n/** The current target for the dropdown menu */\nconst menuTarget = ref<{\n  /** The sidebar item that the menu is targeting */\n  item: TraversedEntry\n  /** A reference to the element that the menu is for */\n  el: HTMLElement\n  /** Whether or not to show the menu */\n  showMenu: boolean\n} | null>(null)\n\nconst deleteModalState = useModal()\n\n/** Computes the message for the delete modal */\nconst deleteMessage = computed(() => {\n  const item = menuTarget.value?.item\n\n  if (item?.type === 'document') {\n    return \"This cannot be undone. You're about to delete the document and all tags and operations inside it.\"\n  }\n\n  return `Are you sure you want to delete this ${item?.type ?? 'item'}? This action cannot be undone.`\n})\n\n/** Deletes an item from the sidebar by emitting the appropriate event */\nconst handleDelete = () => {\n  const item = menuTarget.value?.item\n\n  if (!item) {\n    return\n  }\n\n  const result = sidebarState.getEntryById(item.id)\n\n  const document = getParentEntry('document', result)\n  const operation = getParentEntry('operation', result)\n\n  if (!document) {\n    return\n  }\n\n  if (item.type === 'document') {\n    eventBus.emit('document:delete:document', { name: document.name })\n  } else if (item.type === 'tag') {\n    eventBus.emit('tag:delete:tag', {\n      documentName: document.name,\n      name: item.name,\n    })\n  } else if (item.type === 'operation') {\n    if (!operation) {\n      return\n    }\n\n    eventBus.emit('operation:delete:operation', {\n      meta: {\n        method: operation.method,\n        path: operation.path,\n      },\n      documentName: document.name,\n    })\n  } else if (item.type === 'example') {\n    if (!operation) {\n      return\n    }\n\n    eventBus.emit('operation:delete:example', {\n      meta: {\n        method: operation.method,\n        path: operation.path,\n        exampleKey: item.name,\n      },\n      documentName: document.name,\n    })\n  }\n\n  /** Clean up after deletion */\n  deleteModalState.hide()\n  menuTarget.value = null\n}\n\n/** Opens the dropdown menu for the given item */\nconst openMenu = async (\n  event: MouseEvent | KeyboardEvent,\n  item: TraversedEntry,\n) => {\n  if (menuTarget.value?.showMenu) {\n    return\n  }\n\n  const el = event.currentTarget as HTMLElement\n  menuTarget.value = { item, el, showMenu: true }\n\n  // Wait for the target to bind to the element\n  await nextTick()\n\n  // Re-dispatch the event on the target to open the menu\n  const cloned =\n    event instanceof MouseEvent\n      ? new MouseEvent(event.type, event)\n      : new KeyboardEvent(event.type, event)\n\n  menuTarget.value?.el.dispatchEvent(cloned)\n}\n\n/** Closes the dropdown menu */\nconst closeMenu = () => {\n  if (menuTarget.value) {\n    menuTarget.value.showMenu = false\n  }\n}\n\n/** Opens the command palette with the payload needed to create a request */\nconst handleAddEmptyFolder = (item: TraversedEntry) => {\n  const itemWithParent = sidebarState.getEntryById(item.id)\n  const documentEntry = getParentEntry('document', itemWithParent)\n  const tag = getParentEntry('tag', itemWithParent)\n\n  eventBus.emit('ui:open:command-palette', {\n    action: 'create-request',\n    payload: {\n      documentName: documentEntry?.name,\n      tagId: tag?.name,\n    },\n  })\n}\n\n/**\n * Navigates to the operations page for the provided operation item.\n * Emits a navigation event for the operation overview page.\n */\nconst navigateToOperationsPage = (item: TraversedOperation) => {\n  const operationWithParent = sidebarState.getEntryById(item.id)\n  const documentSlug = getParentEntry('document', operationWithParent)?.name\n\n  eventBus.emit('ui:navigate', {\n    page: 'operation',\n    path: 'overview',\n    operationPath: item.path,\n    method: item.method,\n    documentSlug: documentSlug,\n  })\n}\n</script>\n\n<template>\n  <div class=\"flex\">\n    <Sidebar\n      v-model:sidebarWidth=\"sidebarWidth\"\n      :activeWorkspace=\"activeWorkspace\"\n      :class=\"[\n        'max-md:inset-y-0 max-md:z-2 max-md:w-full!',\n        isSidebarOpen ? 'max-md:fixed! max-md:flex!' : 'max-md:hidden!',\n      ]\"\n      :documents=\"Object.values(store.workspace.documents)\"\n      :isDroppable=\"isDroppable\"\n      :layout=\"layout\"\n      :sidebarState=\"sidebarState\"\n      :workspaces=\"workspaces\"\n      @create:workspace=\"emit('create:workspace')\"\n      @navigate:to:settings=\"\n        eventBus.emit('ui:navigate', { page: 'workspace', path: 'settings' })\n      \"\n      @reorder=\"\n        (draggingItem, hoveredItem) => handleDragEnd(draggingItem, hoveredItem)\n      \"\n      @select:workspace=\"(id) => emit('select:workspace', id)\"\n      @selectItem=\"(id) => emit('selectItem', id)\">\n      <template #sidebarMenuActions>\n        <slot name=\"sidebarMenuActions\" />\n      </template>\n      <!-- Workspace Identifier -->\n      <template #workspaceButton>\n        <ScalarSidebarItem\n          is=\"button\"\n          :active=\"isWorkspaceOpen\"\n          @click=\"emit('click:workspace')\">\n          {{ workspaceLabel }}\n        </ScalarSidebarItem>\n      </template>\n\n      <!-- Decorator dropdown menu -->\n      <template #decorator=\"{ item }\">\n        <div class=\"flex items-center gap-0.5\">\n          <ScalarIconButton\n            v-if=\"item.type === 'operation'\"\n            :icon=\"ScalarIconGearSix\"\n            label=\"Operation settings\"\n            size=\"sm\"\n            weight=\"bold\"\n            @click.stop=\"navigateToOperationsPage(item)\"\n            @keydown.enter.stop=\"navigateToOperationsPage(item)\"\n            @keydown.space.stop=\"navigateToOperationsPage(item)\" />\n          <ScalarIconButton\n            aria-expanded=\"false\"\n            aria-haspopup=\"menu\"\n            :icon=\"ScalarIconDotsThree\"\n            label=\"More options\"\n            size=\"sm\"\n            weight=\"bold\"\n            @click.stop=\"(e: MouseEvent) => openMenu(e, item)\"\n            @keydown.down.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.enter.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.space.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.up.stop=\"(e: KeyboardEvent) => openMenu(e, item)\" />\n        </div>\n      </template>\n\n      <!-- Dirty document icon slot -->\n      <template #icon=\"{ item }\">\n        <template\n          v-if=\"\n            item.type === 'document' &&\n            store.workspace.documents[item.name]?.['x-scalar-is-dirty'] === true\n          \">\n          <div class=\"relative flex items-center\">\n            <LibraryIcon\n              class=\"block\"\n              :src=\"\n                ('icon' in item && item.icon) || 'interface-content-folder'\n              \" />\n            <div\n              class=\"bg-orange absolute -top-1.25 -right-1.25 flex h-2.5 w-2.5 items-center justify-center rounded-full text-[9px] font-bold text-white\">\n              !\n            </div>\n          </div>\n        </template>\n      </template>\n\n      <!-- Empty folder slot -->\n      <template #empty=\"{ item }\">\n        <ScalarSidebarItem\n          is=\"button\"\n          @click=\"handleAddEmptyFolder(item)\">\n          <template #icon>\n            <ScalarIconPlus />\n          </template>\n          <template #default>Add operation</template>\n        </ScalarSidebarItem>\n      </template>\n\n      <!-- Getting started section -->\n      <template\n        v-if=\"layout !== 'modal'\"\n        #footer>\n        <div\n          :class=\"{\n            'empty-sidebar-item border-t': showGettingStarted,\n          }\">\n          <div\n            v-if=\"showGettingStarted\"\n            class=\"empty-sidebar-item-content overflow-hidden px-2.5 py-2.5\">\n            <div class=\"rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]\">\n              <ScalarAsciiArt\n                :art=\"Rabbit\"\n                class=\"rabbitsit font-bold\" />\n              <ScalarAsciiArt\n                :art=\"RabbitJump\"\n                class=\"rabbitjump absolute top-0 left-0 font-bold\" />\n            </div>\n            <div class=\"mt-2 mb-2 text-center text-sm text-balance\">\n              <b class=\"font-medium\">Let's Get Started</b>\n              <p class=\"mt-2 leading-5\">\n                Create request, folder, collection or import from\n                OpenAPI/Postman\n              </p>\n            </div>\n          </div>\n\n          <div class=\"flex flex-col gap-1.5 p-2\">\n            <ScalarButton\n              v-if=\"showGettingStarted\"\n              class=\"w-full\"\n              size=\"sm\"\n              @click=\"\n                eventBus.emit('ui:open:command-palette', {\n                  action: 'import-from-openapi-swagger-postman-curl',\n                  payload: undefined,\n                })\n              \">\n              Import Collection\n            </ScalarButton>\n\n            <ScalarButton\n              class=\"w-full\"\n              hotkey=\"K\"\n              size=\"sm\"\n              variant=\"outlined\"\n              @click=\"eventBus.emit('ui:open:command-palette')\">\n              Add Item &nbsp;\n\n              <span\n                class=\"text-sidebar-c-2 rounded border px-1.25 py-1 text-xs leading-none font-medium uppercase\">\n                <template v-if=\"isMacOS()\">\n                  <span class=\"sr-only\">Command</span>\n                  <span aria-hidden=\"true\">⌘</span>\n                </template>\n                <template v-else>\n                  <span class=\"sr-only\">CTRL</span>\n                  <span aria-hidden=\"true\">⌃</span>\n                </template>\n                K\n              </span>\n            </ScalarButton>\n            <DownloadAppButton v-if=\"layout === 'web'\" />\n          </div>\n        </div>\n      </template>\n    </Sidebar>\n    <SidebarItemMenu\n      v-if=\"menuTarget?.showMenu\"\n      :eventBus=\"eventBus\"\n      :item=\"menuTarget.item\"\n      :sidebarState=\"sidebarState\"\n      :target=\"menuTarget.el\"\n      @closeMenu=\"closeMenu\"\n      @showDeleteModal=\"deleteModalState.show()\" />\n\n    <!-- Delete Modal -->\n    <ScalarModal\n      v-if=\"menuTarget\"\n      size=\"xxs\"\n      :state=\"deleteModalState\"\n      :title=\"`Delete ${menuTarget.item.title}`\">\n      <DeleteSidebarListElement\n        :variableName=\"menuTarget.item.title\"\n        :warningMessage=\"deleteMessage\"\n        @close=\"deleteModalState.hide()\"\n        @delete=\"handleDelete\" />\n    </ScalarModal>\n  </div>\n</template>\n\n<style scoped>\n.empty-sidebar-item-content {\n  display: none;\n}\n.empty-sidebar-item .empty-sidebar-item-content {\n  display: block;\n}\n.rabbitjump {\n  opacity: 0;\n}\n.empty-sidebar-item:hover .rabbitjump {\n  opacity: 1;\n  animation: rabbitAnimation 0.5s steps(1) infinite;\n}\n.empty-sidebar-item:hover .rabbitsit {\n  opacity: 0;\n  animation: rabbitAnimation2 0.5s steps(1) infinite;\n}\n.empty-sidebar-item:hover .rabbit-ascii {\n  animation: rabbitRun 8s infinite linear;\n}\n@keyframes rabbitRun {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n  25% {\n    transform: translate3d(250px, 0, 0);\n  }\n  25.01% {\n    transform: translate3d(-250px, 0, 0);\n  }\n  75% {\n    transform: translate3d(250px, 0, 0);\n  }\n  75.01% {\n    transform: translate3d(-250px, 0, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes rabbitAnimation {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n  }\n}\n@keyframes rabbitAnimation2 {\n  0%,\n  100% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n    transform: translate3d(0, -8px, 0);\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AppSidebar.vue.js","names":[],"sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIconButton,\n  ScalarModal,\n  ScalarSidebarItem,\n  useModal,\n  type WorkspaceGroup,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport {\n  ScalarIconDotsThree,\n  ScalarIconGearSix,\n  ScalarIconPlus,\n} from '@scalar/icons'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { DraggingItem, HoveredItem, SidebarState } from '@scalar/sidebar'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getParentEntry } from '@scalar/workspace-store/navigation'\nimport type {\n  TraversedEntry,\n  TraversedOperation,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { capitalize, computed, nextTick, ref } from 'vue'\n\nimport Rabbit from '@/assets/rabbit.ascii?raw'\nimport RabbitJump from '@/assets/rabbitjump.ascii?raw'\nimport ScalarAsciiArt from '@/components/ScalarAsciiArt.vue'\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport { Sidebar } from '@/v2/components/sidebar'\nimport DownloadAppButton from '@/v2/features/app/components/DownloadAppButton.vue'\nimport SidebarItemMenu from '@/v2/features/app/components/SidebarItemMenu.vue'\nimport { dragHandleFactory } from '@/v2/helpers/drag-handle-factory'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { sidebarState, layout, activeWorkspace, workspaces, store, eventBus } =\n  defineProps<{\n    /**\n     * The current layout of the app (e.g., 'desktop', 'web')\n     */\n    layout: ClientLayout\n\n    /**\n     * The sidebar state, holding navigation items and state\n     */\n    sidebarState: SidebarState<TraversedEntry>\n\n    /**\n     * Whether the workspace overview sidebar is currently open\n     */\n    isWorkspaceOpen?: boolean\n    /**\n     * The currently active workspace.\n     * This represents the workspace that the user is currently working in.\n     */\n    activeWorkspace: { id: string; label: string }\n    /**\n     * The list of all available workspaces.\n     * Used to render options for workspace switching and selection.\n     */\n    workspaces: WorkspaceGroup[]\n    /**\n     * The workspace event bus for handling workspace-level events.\n     * Used for triggering and responding to workspace changes and actions.\n     */\n    eventBus: WorkspaceEventBus\n    /**\n     * The WorkspaceStore instance for managing workspace state and actions.\n     * Provides methods and state for interacting with the current workspace.\n     */\n    store: WorkspaceStore\n  }>()\n\nconst emit = defineEmits<{\n  /** Emitted when the workspace button in the sidebar is clicked */\n  (e: 'click:workspace'): void\n  /** Emitted when a navigation or sidebar item is selected by ID */\n  (e: 'selectItem', id: string): void\n  /** Emitted when a workspace is selected by optional ID */\n  (e: 'select:workspace', id?: string): void\n  /** Emitted when the user requests to create a new workspace */\n  (e: 'create:workspace'): void\n}>()\n\ndefineSlots<{\n  /** Slot for customizing the actions section of the sidebar menu. */\n  sidebarMenuActions?(): unknown\n}>()\n\n/** The label for the workspace button in the sidebar */\nconst workspaceLabel = computed(() => capitalize(activeWorkspace.label))\n\n/** Controls the visibility of the sidebar */\nconst isSidebarOpen = defineModel<boolean>('isSidebarOpen', {\n  required: true,\n})\n\n/** Controls the width of the sidebar */\nconst sidebarWidth = defineModel<number>('sidebarWidth', {\n  required: true,\n  default: 288,\n})\n\n/** Calculate if we should show the getting started section */\nconst showGettingStarted = computed(() => sidebarState.items.value.length <= 1)\n\n/*\n * Setup drag and drop handlers for sidebar items.\n * The dragHandleFactory takes the current workspace store and sidebar state,\n * and returns the appropriate handlers for drag ending and droppability.\n *\n * We use computed to ensure the handlers are recreated when the store or sidebarState changes,\n * so they always have access to the latest values.\n */\nconst dragHandlers = computed(() =>\n  dragHandleFactory({\n    store,\n    sidebarState,\n  }),\n)\n\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => {\n  return dragHandlers.value.handleDragEnd(draggingItem, hoveredItem)\n}\n\nconst isDroppable = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => {\n  return dragHandlers.value.isDroppable(draggingItem, hoveredItem)\n}\n\n/** The current target for the dropdown menu */\nconst menuTarget = ref<{\n  /** The sidebar item that the menu is targeting */\n  item: TraversedEntry\n  /** A reference to the element that the menu is for */\n  el: HTMLElement\n  /** Whether or not to show the menu */\n  showMenu: boolean\n} | null>(null)\n\nconst deleteModalState = useModal()\n\n/** Computes the message for the delete modal */\nconst deleteMessage = computed(() => {\n  const item = menuTarget.value?.item\n\n  if (item?.type === 'document') {\n    return \"This cannot be undone. You're about to delete the document and all tags and operations inside it.\"\n  }\n\n  return `Are you sure you want to delete this ${item?.type ?? 'item'}? This action cannot be undone.`\n})\n\n/** Deletes an item from the sidebar by emitting the appropriate event */\nconst handleDelete = () => {\n  const item = menuTarget.value?.item\n\n  if (!item) {\n    return\n  }\n\n  const result = sidebarState.getEntryById(item.id)\n\n  const document = getParentEntry('document', result)\n  const operation = getParentEntry('operation', result)\n\n  if (!document) {\n    return\n  }\n\n  if (item.type === 'document') {\n    eventBus.emit('document:delete:document', { name: document.name })\n  } else if (item.type === 'tag') {\n    eventBus.emit('tag:delete:tag', {\n      documentName: document.name,\n      name: item.name,\n    })\n  } else if (item.type === 'operation') {\n    if (!operation) {\n      return\n    }\n\n    eventBus.emit('operation:delete:operation', {\n      meta: {\n        method: operation.method,\n        path: operation.path,\n      },\n      documentName: document.name,\n    })\n  } else if (item.type === 'example') {\n    if (!operation) {\n      return\n    }\n\n    eventBus.emit('operation:delete:example', {\n      meta: {\n        method: operation.method,\n        path: operation.path,\n        exampleKey: item.name,\n      },\n      documentName: document.name,\n    })\n  }\n\n  /** Clean up after deletion */\n  deleteModalState.hide()\n  menuTarget.value = null\n}\n\n/** Opens the dropdown menu for the given item */\nconst openMenu = async (\n  event: MouseEvent | KeyboardEvent,\n  item: TraversedEntry,\n) => {\n  if (menuTarget.value?.showMenu) {\n    return\n  }\n\n  const el = event.currentTarget as HTMLElement\n  menuTarget.value = { item, el, showMenu: true }\n\n  // Wait for the target to bind to the element\n  await nextTick()\n\n  // Re-dispatch the event on the target to open the menu\n  const cloned =\n    event instanceof MouseEvent\n      ? new MouseEvent(event.type, event)\n      : new KeyboardEvent(event.type, event)\n\n  menuTarget.value?.el.dispatchEvent(cloned)\n}\n\n/** Closes the dropdown menu */\nconst closeMenu = () => {\n  if (menuTarget.value) {\n    menuTarget.value.showMenu = false\n  }\n}\n\n/** Opens the command palette with the payload needed to create a request */\nconst handleAddEmptyFolder = (item: TraversedEntry) => {\n  const itemWithParent = sidebarState.getEntryById(item.id)\n  const documentEntry = getParentEntry('document', itemWithParent)\n  const tag = getParentEntry('tag', itemWithParent)\n\n  eventBus.emit('ui:open:command-palette', {\n    action: 'create-request',\n    payload: {\n      documentName: documentEntry?.name,\n      tagId: tag?.name,\n    },\n  })\n}\n\n/**\n * Navigates to the operations page for the provided operation item.\n * Emits a navigation event for the operation overview page.\n */\nconst navigateToOperationsPage = (item: TraversedOperation) => {\n  const operationWithParent = sidebarState.getEntryById(item.id)\n  const documentSlug = getParentEntry('document', operationWithParent)?.name\n\n  eventBus.emit('ui:navigate', {\n    page: 'operation',\n    path: 'overview',\n    operationPath: item.path,\n    method: item.method,\n    documentSlug: documentSlug,\n  })\n}\n</script>\n\n<template>\n  <div class=\"flex\">\n    <Sidebar\n      v-model:sidebarWidth=\"sidebarWidth\"\n      :activeWorkspace=\"activeWorkspace\"\n      :class=\"[\n        'max-md:inset-y-0 max-md:z-2 max-md:w-full!',\n        isSidebarOpen ? 'max-md:fixed! max-md:flex!' : 'max-md:hidden!',\n      ]\"\n      :documents=\"Object.values(store.workspace.documents)\"\n      :isDroppable=\"isDroppable\"\n      :layout=\"layout\"\n      :sidebarState=\"sidebarState\"\n      :workspaces=\"workspaces\"\n      @create:workspace=\"emit('create:workspace')\"\n      @navigate:to:settings=\"\n        eventBus.emit('ui:navigate', { page: 'workspace', path: 'settings' })\n      \"\n      @reorder=\"\n        (draggingItem, hoveredItem) => handleDragEnd(draggingItem, hoveredItem)\n      \"\n      @select:workspace=\"(id) => emit('select:workspace', id)\"\n      @selectItem=\"(id) => emit('selectItem', id)\">\n      <template #sidebarMenuActions>\n        <slot name=\"sidebarMenuActions\" />\n      </template>\n      <!-- Workspace Identifier -->\n      <template #workspaceButton>\n        <ScalarSidebarItem\n          is=\"button\"\n          :active=\"isWorkspaceOpen\"\n          @click=\"emit('click:workspace')\">\n          {{ workspaceLabel }}\n        </ScalarSidebarItem>\n      </template>\n\n      <!-- Decorator dropdown menu -->\n      <template #decorator=\"{ item }\">\n        <div class=\"flex items-center gap-0.5\">\n          <ScalarIconButton\n            v-if=\"item.type === 'operation'\"\n            :icon=\"ScalarIconGearSix\"\n            label=\"Operation settings\"\n            size=\"sm\"\n            weight=\"bold\"\n            @click.stop=\"navigateToOperationsPage(item)\"\n            @keydown.enter.stop=\"navigateToOperationsPage(item)\"\n            @keydown.space.stop=\"navigateToOperationsPage(item)\" />\n          <ScalarIconButton\n            aria-expanded=\"false\"\n            aria-haspopup=\"menu\"\n            :icon=\"ScalarIconDotsThree\"\n            label=\"More options\"\n            size=\"sm\"\n            weight=\"bold\"\n            @click.stop=\"(e: MouseEvent) => openMenu(e, item)\"\n            @keydown.down.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.enter.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.space.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.up.stop=\"(e: KeyboardEvent) => openMenu(e, item)\" />\n        </div>\n      </template>\n\n      <!-- Dirty document icon slot -->\n      <template #icon=\"{ item }\">\n        <template\n          v-if=\"\n            item.type === 'document' &&\n            store.workspace.documents[item.name]?.['x-scalar-is-dirty'] === true\n          \">\n          <div class=\"relative flex items-center\">\n            <LibraryIcon\n              class=\"block\"\n              :src=\"\n                ('icon' in item && item.icon) || 'interface-content-folder'\n              \" />\n            <div\n              class=\"bg-c-accent absolute -top-0.5 -right-0.5 size-1.5 rounded-full\">\n              <span class=\"sr-only\">Unsaved changes</span>\n            </div>\n          </div>\n        </template>\n      </template>\n\n      <!-- Empty folder slot -->\n      <template #empty=\"{ item }\">\n        <ScalarSidebarItem\n          is=\"button\"\n          @click=\"handleAddEmptyFolder(item)\">\n          <template #icon>\n            <ScalarIconPlus />\n          </template>\n          <template #default>Add operation</template>\n        </ScalarSidebarItem>\n      </template>\n\n      <!-- Getting started section -->\n      <template\n        v-if=\"layout !== 'modal'\"\n        #footer>\n        <div\n          :class=\"{\n            'empty-sidebar-item border-t': showGettingStarted,\n          }\">\n          <div\n            v-if=\"showGettingStarted\"\n            class=\"empty-sidebar-item-content overflow-hidden px-2.5 py-2.5\">\n            <div class=\"rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]\">\n              <ScalarAsciiArt\n                :art=\"Rabbit\"\n                class=\"rabbitsit font-bold\" />\n              <ScalarAsciiArt\n                :art=\"RabbitJump\"\n                class=\"rabbitjump absolute top-0 left-0 font-bold\" />\n            </div>\n            <div class=\"mt-2 mb-2 text-center text-sm text-balance\">\n              <b class=\"font-medium\">Let's Get Started</b>\n              <p class=\"mt-2 leading-5\">\n                Create request, folder, collection or import from\n                OpenAPI/Postman\n              </p>\n            </div>\n          </div>\n\n          <div class=\"flex flex-col gap-1.5 p-2\">\n            <ScalarButton\n              v-if=\"showGettingStarted\"\n              class=\"w-full\"\n              size=\"sm\"\n              @click=\"\n                eventBus.emit('ui:open:command-palette', {\n                  action: 'import-from-openapi-swagger-postman-curl',\n                  payload: undefined,\n                })\n              \">\n              Import Collection\n            </ScalarButton>\n\n            <ScalarButton\n              class=\"w-full\"\n              hotkey=\"K\"\n              size=\"sm\"\n              variant=\"outlined\"\n              @click=\"eventBus.emit('ui:open:command-palette')\">\n              Add Item &nbsp;\n\n              <span\n                class=\"text-sidebar-c-2 rounded border px-1.25 py-1 text-xs leading-none font-medium uppercase\">\n                <template v-if=\"isMacOS()\">\n                  <span class=\"sr-only\">Command</span>\n                  <span aria-hidden=\"true\">⌘</span>\n                </template>\n                <template v-else>\n                  <span class=\"sr-only\">CTRL</span>\n                  <span aria-hidden=\"true\">⌃</span>\n                </template>\n                K\n              </span>\n            </ScalarButton>\n            <DownloadAppButton v-if=\"layout === 'web'\" />\n          </div>\n        </div>\n      </template>\n    </Sidebar>\n    <SidebarItemMenu\n      v-if=\"menuTarget?.showMenu\"\n      :eventBus=\"eventBus\"\n      :item=\"menuTarget.item\"\n      :sidebarState=\"sidebarState\"\n      :target=\"menuTarget.el\"\n      @closeMenu=\"closeMenu\"\n      @showDeleteModal=\"deleteModalState.show()\" />\n\n    <!-- Delete Modal -->\n    <ScalarModal\n      v-if=\"menuTarget\"\n      size=\"xxs\"\n      :state=\"deleteModalState\"\n      :title=\"`Delete ${menuTarget.item.title}`\">\n      <DeleteSidebarListElement\n        :variableName=\"menuTarget.item.title\"\n        :warningMessage=\"deleteMessage\"\n        @close=\"deleteModalState.hide()\"\n        @delete=\"handleDelete\" />\n    </ScalarModal>\n  </div>\n</template>\n\n<style scoped>\n.empty-sidebar-item-content {\n  display: none;\n}\n.empty-sidebar-item .empty-sidebar-item-content {\n  display: block;\n}\n.rabbitjump {\n  opacity: 0;\n}\n.empty-sidebar-item:hover .rabbitjump {\n  opacity: 1;\n  animation: rabbitAnimation 0.5s steps(1) infinite;\n}\n.empty-sidebar-item:hover .rabbitsit {\n  opacity: 0;\n  animation: rabbitAnimation2 0.5s steps(1) infinite;\n}\n.empty-sidebar-item:hover .rabbit-ascii {\n  animation: rabbitRun 8s infinite linear;\n}\n@keyframes rabbitRun {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n  25% {\n    transform: translate3d(250px, 0, 0);\n  }\n  25.01% {\n    transform: translate3d(-250px, 0, 0);\n  }\n  75% {\n    transform: translate3d(250px, 0, 0);\n  }\n  75.01% {\n    transform: translate3d(-250px, 0, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes rabbitAnimation {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n  }\n}\n@keyframes rabbitAnimation2 {\n  0%,\n  100% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n    transform: translate3d(0, -8px, 0);\n  }\n}\n</style>\n"],"mappings":""}

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

@@ -227,7 +227,7 @@ var AppSidebar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					icon: withCtx(({ item }) => [item.type === "document" && __props.store.workspace.documents[item.name]?.["x-scalar-is-dirty"] === true ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(LibraryIcon), {
 						class: "block",
 						src: "icon" in item && item.icon || "interface-content-folder"
-					}, null, 8, ["src"]), _cache[11] || (_cache[11] = createElementVNode("div", { class: "bg-orange absolute -top-1.25 -right-1.25 flex h-2.5 w-2.5 items-center justify-center rounded-full text-[9px] font-bold text-white" }, " ! ", -1))])) : createCommentVNode("", true)]),
+					}, null, 8, ["src"]), _cache[11] || (_cache[11] = createElementVNode("div", { class: "bg-c-accent absolute -top-0.5 -right-0.5 size-1.5 rounded-full" }, [createElementVNode("span", { class: "sr-only" }, "Unsaved changes")], -1))])) : createCommentVNode("", true)]),
 					empty: withCtx(({ item }) => [createVNode(unref(ScalarSidebarItem), {
 						is: "button",
 						onClick: ($event) => handleAddEmptyFolder(item)

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIconButton,\n  ScalarModal,\n  ScalarSidebarItem,\n  useModal,\n  type WorkspaceGroup,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport {\n  ScalarIconDotsThree,\n  ScalarIconGearSix,\n  ScalarIconPlus,\n} from '@scalar/icons'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { DraggingItem, HoveredItem, SidebarState } from '@scalar/sidebar'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getParentEntry } from '@scalar/workspace-store/navigation'\nimport type {\n  TraversedEntry,\n  TraversedOperation,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { capitalize, computed, nextTick, ref } from 'vue'\n\nimport Rabbit from '@/assets/rabbit.ascii?raw'\nimport RabbitJump from '@/assets/rabbitjump.ascii?raw'\nimport ScalarAsciiArt from '@/components/ScalarAsciiArt.vue'\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport { Sidebar } from '@/v2/components/sidebar'\nimport DownloadAppButton from '@/v2/features/app/components/DownloadAppButton.vue'\nimport SidebarItemMenu from '@/v2/features/app/components/SidebarItemMenu.vue'\nimport { dragHandleFactory } from '@/v2/helpers/drag-handle-factory'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { sidebarState, layout, activeWorkspace, workspaces, store, eventBus } =\n  defineProps<{\n    /**\n     * The current layout of the app (e.g., 'desktop', 'web')\n     */\n    layout: ClientLayout\n\n    /**\n     * The sidebar state, holding navigation items and state\n     */\n    sidebarState: SidebarState<TraversedEntry>\n\n    /**\n     * Whether the workspace overview sidebar is currently open\n     */\n    isWorkspaceOpen?: boolean\n    /**\n     * The currently active workspace.\n     * This represents the workspace that the user is currently working in.\n     */\n    activeWorkspace: { id: string; label: string }\n    /**\n     * The list of all available workspaces.\n     * Used to render options for workspace switching and selection.\n     */\n    workspaces: WorkspaceGroup[]\n    /**\n     * The workspace event bus for handling workspace-level events.\n     * Used for triggering and responding to workspace changes and actions.\n     */\n    eventBus: WorkspaceEventBus\n    /**\n     * The WorkspaceStore instance for managing workspace state and actions.\n     * Provides methods and state for interacting with the current workspace.\n     */\n    store: WorkspaceStore\n  }>()\n\nconst emit = defineEmits<{\n  /** Emitted when the workspace button in the sidebar is clicked */\n  (e: 'click:workspace'): void\n  /** Emitted when a navigation or sidebar item is selected by ID */\n  (e: 'selectItem', id: string): void\n  /** Emitted when a workspace is selected by optional ID */\n  (e: 'select:workspace', id?: string): void\n  /** Emitted when the user requests to create a new workspace */\n  (e: 'create:workspace'): void\n}>()\n\ndefineSlots<{\n  /** Slot for customizing the actions section of the sidebar menu. */\n  sidebarMenuActions?(): unknown\n}>()\n\n/** The label for the workspace button in the sidebar */\nconst workspaceLabel = computed(() => capitalize(activeWorkspace.label))\n\n/** Controls the visibility of the sidebar */\nconst isSidebarOpen = defineModel<boolean>('isSidebarOpen', {\n  required: true,\n})\n\n/** Controls the width of the sidebar */\nconst sidebarWidth = defineModel<number>('sidebarWidth', {\n  required: true,\n  default: 288,\n})\n\n/** Calculate if we should show the getting started section */\nconst showGettingStarted = computed(() => sidebarState.items.value.length <= 1)\n\n/*\n * Setup drag and drop handlers for sidebar items.\n * The dragHandleFactory takes the current workspace store and sidebar state,\n * and returns the appropriate handlers for drag ending and droppability.\n *\n * We use computed to ensure the handlers are recreated when the store or sidebarState changes,\n * so they always have access to the latest values.\n */\nconst dragHandlers = computed(() =>\n  dragHandleFactory({\n    store,\n    sidebarState,\n  }),\n)\n\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => {\n  return dragHandlers.value.handleDragEnd(draggingItem, hoveredItem)\n}\n\nconst isDroppable = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => {\n  return dragHandlers.value.isDroppable(draggingItem, hoveredItem)\n}\n\n/** The current target for the dropdown menu */\nconst menuTarget = ref<{\n  /** The sidebar item that the menu is targeting */\n  item: TraversedEntry\n  /** A reference to the element that the menu is for */\n  el: HTMLElement\n  /** Whether or not to show the menu */\n  showMenu: boolean\n} | null>(null)\n\nconst deleteModalState = useModal()\n\n/** Computes the message for the delete modal */\nconst deleteMessage = computed(() => {\n  const item = menuTarget.value?.item\n\n  if (item?.type === 'document') {\n    return \"This cannot be undone. You're about to delete the document and all tags and operations inside it.\"\n  }\n\n  return `Are you sure you want to delete this ${item?.type ?? 'item'}? This action cannot be undone.`\n})\n\n/** Deletes an item from the sidebar by emitting the appropriate event */\nconst handleDelete = () => {\n  const item = menuTarget.value?.item\n\n  if (!item) {\n    return\n  }\n\n  const result = sidebarState.getEntryById(item.id)\n\n  const document = getParentEntry('document', result)\n  const operation = getParentEntry('operation', result)\n\n  if (!document) {\n    return\n  }\n\n  if (item.type === 'document') {\n    eventBus.emit('document:delete:document', { name: document.name })\n  } else if (item.type === 'tag') {\n    eventBus.emit('tag:delete:tag', {\n      documentName: document.name,\n      name: item.name,\n    })\n  } else if (item.type === 'operation') {\n    if (!operation) {\n      return\n    }\n\n    eventBus.emit('operation:delete:operation', {\n      meta: {\n        method: operation.method,\n        path: operation.path,\n      },\n      documentName: document.name,\n    })\n  } else if (item.type === 'example') {\n    if (!operation) {\n      return\n    }\n\n    eventBus.emit('operation:delete:example', {\n      meta: {\n        method: operation.method,\n        path: operation.path,\n        exampleKey: item.name,\n      },\n      documentName: document.name,\n    })\n  }\n\n  /** Clean up after deletion */\n  deleteModalState.hide()\n  menuTarget.value = null\n}\n\n/** Opens the dropdown menu for the given item */\nconst openMenu = async (\n  event: MouseEvent | KeyboardEvent,\n  item: TraversedEntry,\n) => {\n  if (menuTarget.value?.showMenu) {\n    return\n  }\n\n  const el = event.currentTarget as HTMLElement\n  menuTarget.value = { item, el, showMenu: true }\n\n  // Wait for the target to bind to the element\n  await nextTick()\n\n  // Re-dispatch the event on the target to open the menu\n  const cloned =\n    event instanceof MouseEvent\n      ? new MouseEvent(event.type, event)\n      : new KeyboardEvent(event.type, event)\n\n  menuTarget.value?.el.dispatchEvent(cloned)\n}\n\n/** Closes the dropdown menu */\nconst closeMenu = () => {\n  if (menuTarget.value) {\n    menuTarget.value.showMenu = false\n  }\n}\n\n/** Opens the command palette with the payload needed to create a request */\nconst handleAddEmptyFolder = (item: TraversedEntry) => {\n  const itemWithParent = sidebarState.getEntryById(item.id)\n  const documentEntry = getParentEntry('document', itemWithParent)\n  const tag = getParentEntry('tag', itemWithParent)\n\n  eventBus.emit('ui:open:command-palette', {\n    action: 'create-request',\n    payload: {\n      documentName: documentEntry?.name,\n      tagId: tag?.name,\n    },\n  })\n}\n\n/**\n * Navigates to the operations page for the provided operation item.\n * Emits a navigation event for the operation overview page.\n */\nconst navigateToOperationsPage = (item: TraversedOperation) => {\n  const operationWithParent = sidebarState.getEntryById(item.id)\n  const documentSlug = getParentEntry('document', operationWithParent)?.name\n\n  eventBus.emit('ui:navigate', {\n    page: 'operation',\n    path: 'overview',\n    operationPath: item.path,\n    method: item.method,\n    documentSlug: documentSlug,\n  })\n}\n</script>\n\n<template>\n  <div class=\"flex\">\n    <Sidebar\n      v-model:sidebarWidth=\"sidebarWidth\"\n      :activeWorkspace=\"activeWorkspace\"\n      :class=\"[\n        'max-md:inset-y-0 max-md:z-2 max-md:w-full!',\n        isSidebarOpen ? 'max-md:fixed! max-md:flex!' : 'max-md:hidden!',\n      ]\"\n      :documents=\"Object.values(store.workspace.documents)\"\n      :isDroppable=\"isDroppable\"\n      :layout=\"layout\"\n      :sidebarState=\"sidebarState\"\n      :workspaces=\"workspaces\"\n      @create:workspace=\"emit('create:workspace')\"\n      @navigate:to:settings=\"\n        eventBus.emit('ui:navigate', { page: 'workspace', path: 'settings' })\n      \"\n      @reorder=\"\n        (draggingItem, hoveredItem) => handleDragEnd(draggingItem, hoveredItem)\n      \"\n      @select:workspace=\"(id) => emit('select:workspace', id)\"\n      @selectItem=\"(id) => emit('selectItem', id)\">\n      <template #sidebarMenuActions>\n        <slot name=\"sidebarMenuActions\" />\n      </template>\n      <!-- Workspace Identifier -->\n      <template #workspaceButton>\n        <ScalarSidebarItem\n          is=\"button\"\n          :active=\"isWorkspaceOpen\"\n          @click=\"emit('click:workspace')\">\n          {{ workspaceLabel }}\n        </ScalarSidebarItem>\n      </template>\n\n      <!-- Decorator dropdown menu -->\n      <template #decorator=\"{ item }\">\n        <div class=\"flex items-center gap-0.5\">\n          <ScalarIconButton\n            v-if=\"item.type === 'operation'\"\n            :icon=\"ScalarIconGearSix\"\n            label=\"Operation settings\"\n            size=\"sm\"\n            weight=\"bold\"\n            @click.stop=\"navigateToOperationsPage(item)\"\n            @keydown.enter.stop=\"navigateToOperationsPage(item)\"\n            @keydown.space.stop=\"navigateToOperationsPage(item)\" />\n          <ScalarIconButton\n            aria-expanded=\"false\"\n            aria-haspopup=\"menu\"\n            :icon=\"ScalarIconDotsThree\"\n            label=\"More options\"\n            size=\"sm\"\n            weight=\"bold\"\n            @click.stop=\"(e: MouseEvent) => openMenu(e, item)\"\n            @keydown.down.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.enter.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.space.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.up.stop=\"(e: KeyboardEvent) => openMenu(e, item)\" />\n        </div>\n      </template>\n\n      <!-- Dirty document icon slot -->\n      <template #icon=\"{ item }\">\n        <template\n          v-if=\"\n            item.type === 'document' &&\n            store.workspace.documents[item.name]?.['x-scalar-is-dirty'] === true\n          \">\n          <div class=\"relative flex items-center\">\n            <LibraryIcon\n              class=\"block\"\n              :src=\"\n                ('icon' in item && item.icon) || 'interface-content-folder'\n              \" />\n            <div\n              class=\"bg-orange absolute -top-1.25 -right-1.25 flex h-2.5 w-2.5 items-center justify-center rounded-full text-[9px] font-bold text-white\">\n              !\n            </div>\n          </div>\n        </template>\n      </template>\n\n      <!-- Empty folder slot -->\n      <template #empty=\"{ item }\">\n        <ScalarSidebarItem\n          is=\"button\"\n          @click=\"handleAddEmptyFolder(item)\">\n          <template #icon>\n            <ScalarIconPlus />\n          </template>\n          <template #default>Add operation</template>\n        </ScalarSidebarItem>\n      </template>\n\n      <!-- Getting started section -->\n      <template\n        v-if=\"layout !== 'modal'\"\n        #footer>\n        <div\n          :class=\"{\n            'empty-sidebar-item border-t': showGettingStarted,\n          }\">\n          <div\n            v-if=\"showGettingStarted\"\n            class=\"empty-sidebar-item-content overflow-hidden px-2.5 py-2.5\">\n            <div class=\"rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]\">\n              <ScalarAsciiArt\n                :art=\"Rabbit\"\n                class=\"rabbitsit font-bold\" />\n              <ScalarAsciiArt\n                :art=\"RabbitJump\"\n                class=\"rabbitjump absolute top-0 left-0 font-bold\" />\n            </div>\n            <div class=\"mt-2 mb-2 text-center text-sm text-balance\">\n              <b class=\"font-medium\">Let's Get Started</b>\n              <p class=\"mt-2 leading-5\">\n                Create request, folder, collection or import from\n                OpenAPI/Postman\n              </p>\n            </div>\n          </div>\n\n          <div class=\"flex flex-col gap-1.5 p-2\">\n            <ScalarButton\n              v-if=\"showGettingStarted\"\n              class=\"w-full\"\n              size=\"sm\"\n              @click=\"\n                eventBus.emit('ui:open:command-palette', {\n                  action: 'import-from-openapi-swagger-postman-curl',\n                  payload: undefined,\n                })\n              \">\n              Import Collection\n            </ScalarButton>\n\n            <ScalarButton\n              class=\"w-full\"\n              hotkey=\"K\"\n              size=\"sm\"\n              variant=\"outlined\"\n              @click=\"eventBus.emit('ui:open:command-palette')\">\n              Add Item &nbsp;\n\n              <span\n                class=\"text-sidebar-c-2 rounded border px-1.25 py-1 text-xs leading-none font-medium uppercase\">\n                <template v-if=\"isMacOS()\">\n                  <span class=\"sr-only\">Command</span>\n                  <span aria-hidden=\"true\">⌘</span>\n                </template>\n                <template v-else>\n                  <span class=\"sr-only\">CTRL</span>\n                  <span aria-hidden=\"true\">⌃</span>\n                </template>\n                K\n              </span>\n            </ScalarButton>\n            <DownloadAppButton v-if=\"layout === 'web'\" />\n          </div>\n        </div>\n      </template>\n    </Sidebar>\n    <SidebarItemMenu\n      v-if=\"menuTarget?.showMenu\"\n      :eventBus=\"eventBus\"\n      :item=\"menuTarget.item\"\n      :sidebarState=\"sidebarState\"\n      :target=\"menuTarget.el\"\n      @closeMenu=\"closeMenu\"\n      @showDeleteModal=\"deleteModalState.show()\" />\n\n    <!-- Delete Modal -->\n    <ScalarModal\n      v-if=\"menuTarget\"\n      size=\"xxs\"\n      :state=\"deleteModalState\"\n      :title=\"`Delete ${menuTarget.item.title}`\">\n      <DeleteSidebarListElement\n        :variableName=\"menuTarget.item.title\"\n        :warningMessage=\"deleteMessage\"\n        @close=\"deleteModalState.hide()\"\n        @delete=\"handleDelete\" />\n    </ScalarModal>\n  </div>\n</template>\n\n<style scoped>\n.empty-sidebar-item-content {\n  display: none;\n}\n.empty-sidebar-item .empty-sidebar-item-content {\n  display: block;\n}\n.rabbitjump {\n  opacity: 0;\n}\n.empty-sidebar-item:hover .rabbitjump {\n  opacity: 1;\n  animation: rabbitAnimation 0.5s steps(1) infinite;\n}\n.empty-sidebar-item:hover .rabbitsit {\n  opacity: 0;\n  animation: rabbitAnimation2 0.5s steps(1) infinite;\n}\n.empty-sidebar-item:hover .rabbit-ascii {\n  animation: rabbitRun 8s infinite linear;\n}\n@keyframes rabbitRun {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n  25% {\n    transform: translate3d(250px, 0, 0);\n  }\n  25.01% {\n    transform: translate3d(-250px, 0, 0);\n  }\n  75% {\n    transform: translate3d(250px, 0, 0);\n  }\n  75.01% {\n    transform: translate3d(-250px, 0, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes rabbitAnimation {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n  }\n}\n@keyframes rabbitAnimation2 {\n  0%,\n  100% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n    transform: translate3d(0, -8px, 0);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EA,MAAM,OAAO;;EAiBb,MAAM,iBAAiB,eAAe,WAAW,QAAA,gBAAgB,MAAM,CAAA;;EAGvE,MAAM,gBAAgB,SAAoB,SAAC,gBAE1C;;EAGD,MAAM,eAAe,SAAmB,SAAC,eAGxC;;EAGD,MAAM,qBAAqB,eAAe,QAAA,aAAa,MAAM,MAAM,UAAU,EAAC;EAU9E,MAAM,eAAe,eACnB,kBAAkB;GAChB,OAAI,QAAA;GACJ,cAAW,QAAA;GACZ,CAAC,CACJ;EAEA,MAAM,iBACJ,cACA,gBACY;AACZ,UAAO,aAAa,MAAM,cAAc,cAAc,YAAW;;EAGnE,MAAM,eACJ,cACA,gBACY;AACZ,UAAO,aAAa,MAAM,YAAY,cAAc,YAAW;;;EAIjE,MAAM,aAAa,IAOT,KAAI;EAEd,MAAM,mBAAmB,UAAS;;EAGlC,MAAM,gBAAgB,eAAe;GACnC,MAAM,OAAO,WAAW,OAAO;AAE/B,OAAI,MAAM,SAAS,WACjB,QAAO;AAGT,UAAO,wCAAwC,MAAM,QAAQ,OAAO;IACrE;;EAGD,MAAM,qBAAqB;GACzB,MAAM,OAAO,WAAW,OAAO;AAE/B,OAAI,CAAC,KACH;GAGF,MAAM,SAAS,QAAA,aAAa,aAAa,KAAK,GAAE;GAEhD,MAAM,WAAW,eAAe,YAAY,OAAM;GAClD,MAAM,YAAY,eAAe,aAAa,OAAM;AAEpD,OAAI,CAAC,SACH;AAGF,OAAI,KAAK,SAAS,WAChB,SAAA,SAAS,KAAK,4BAA4B,EAAE,MAAM,SAAS,MAAM,CAAA;YACxD,KAAK,SAAS,MACvB,SAAA,SAAS,KAAK,kBAAkB;IAC9B,cAAc,SAAS;IACvB,MAAM,KAAK;IACZ,CAAA;YACQ,KAAK,SAAS,aAAa;AACpC,QAAI,CAAC,UACH;AAGF,YAAA,SAAS,KAAK,8BAA8B;KAC1C,MAAM;MACJ,QAAQ,UAAU;MAClB,MAAM,UAAU;MACjB;KACD,cAAc,SAAS;KACxB,CAAA;cACQ,KAAK,SAAS,WAAW;AAClC,QAAI,CAAC,UACH;AAGF,YAAA,SAAS,KAAK,4BAA4B;KACxC,MAAM;MACJ,QAAQ,UAAU;MAClB,MAAM,UAAU;MAChB,YAAY,KAAK;MAClB;KACD,cAAc,SAAS;KACxB,CAAA;;;AAIH,oBAAiB,MAAK;AACtB,cAAW,QAAQ;;;EAIrB,MAAM,WAAW,OACf,OACA,SACG;AACH,OAAI,WAAW,OAAO,SACpB;AAIF,cAAW,QAAQ;IAAE;IAAM,IADhB,MAAM;IACc,UAAU;IAAK;AAG9C,SAAM,UAAS;GAGf,MAAM,SACJ,iBAAiB,aACb,IAAI,WAAW,MAAM,MAAM,MAAK,GAChC,IAAI,cAAc,MAAM,MAAM,MAAK;AAEzC,cAAW,OAAO,GAAG,cAAc,OAAM;;;EAI3C,MAAM,kBAAkB;AACtB,OAAI,WAAW,MACb,YAAW,MAAM,WAAW;;;EAKhC,MAAM,wBAAwB,SAAyB;GACrD,MAAM,iBAAiB,QAAA,aAAa,aAAa,KAAK,GAAE;GACxD,MAAM,gBAAgB,eAAe,YAAY,eAAc;GAC/D,MAAM,MAAM,eAAe,OAAO,eAAc;AAEhD,WAAA,SAAS,KAAK,2BAA2B;IACvC,QAAQ;IACR,SAAS;KACP,cAAc,eAAe;KAC7B,OAAO,KAAK;KACb;IACF,CAAA;;;;;;EAOH,MAAM,4BAA4B,SAA6B;GAE7D,MAAM,eAAe,eAAe,YADR,QAAA,aAAa,aAAa,KAAK,GAAE,CACO,EAAE;AAEtE,WAAA,SAAS,KAAK,eAAe;IAC3B,MAAM;IACN,MAAM;IACN,eAAe,KAAK;IACpB,QAAQ,KAAK;IACC;IACf,CAAA;;;uBAKD,mBAwLM,OAxLN,YAwLM;IAvLJ,YAiKU,MAAA,gBAAA,EAAA;KAhKA,cAAc,aAAA;iFAAY,QAAA;KACjC,iBAAiB,QAAA;KACjB,OAAK,eAAA,CAAA,8CAAkE,cAAA,QAAa,+BAAA,iBAAA,CAAA;KAIpF,WAAW,OAAO,OAAO,QAAA,MAAM,UAAU,UAAS;KACrC;KACb,QAAQ,QAAA;KACR,cAAc,QAAA;KACd,YAAY,QAAA;KACZ,sBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAA;KACtB,0BAAoB,OAAA,OAAA,OAAA,MAAA,WAAW,QAAA,SAAS,KAAI,eAAA;MAAA,MAAA;MAAA,MAAA;MAAA,CAAA;KAG5C,WAAO,OAAA,OAAA,OAAA,MAAY,cAAc,gBAAgB,cAAc,cAAc,YAAW;KAGxF,sBAAgB,OAAA,OAAA,OAAA,MAAG,OAAO,KAAI,oBAAqB,GAAE;KACrD,cAAU,OAAA,OAAA,OAAA,MAAG,OAAO,KAAI,cAAe,GAAE;;KAC/B,oBAAkB,cACO,CAAlC,WAAkC,KAAA,QAAA,sBAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA;KAGzB,iBAAe,cAMJ,CALpB,YAKoB,MAAA,kBAAA,EAAA;MAJlB,IAAG;MACF,QAAQ,QAAA;MACR,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,kBAAA;;6BACQ,CAAA,gBAAA,gBAAjB,eAAA,MAAc,EAAA,EAAA,CAAA,CAAA;;;KAKV,WAAS,SAuBZ,EAvBgB,WAAI,CAC1B,mBAsBM,OAtBN,YAsBM,CApBI,KAAK,SAAI,eAAA,WAAA,EADjB,YAQyD,MAAA,iBAAA,EAAA;;MANtD,MAAM,MAAA,kBAAiB;MACxB,OAAM;MACN,MAAK;MACL,QAAO;MACN,SAAK,eAAA,WAAO,yBAAyB,KAAI,EAAA,CAAA,OAAA,CAAA;MACzC,WAAO,CAAA,SAAA,eAAA,WAAa,yBAAyB,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,SAAA,eAAA,WAC7B,yBAAyB,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;;;;;yCACpD,YAW+D,MAAA,iBAAA,EAAA;MAV7D,iBAAc;MACd,iBAAc;MACb,MAAM,MAAA,oBAAmB;MAC1B,OAAM;MACN,MAAK;MACL,QAAO;MACN,SAAK,eAAQ,MAAkB,SAAS,GAAG,KAAI,EAAA,CAAA,OAAA,CAAA;MAC/C,WAAO;+BAAa,MAAqB,SAAS,GAAG,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA;+BACpC,MAAqB,SAAS,GAAG,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA;+BACrC,MAAqB,SAAS,GAAG,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA;+BACxC,MAAqB,SAAS,GAAG,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,KAAA,CAAA;;;;;;;KAKnD,MAAI,SAiBF,EAjBM,WAAI,CAEA,KAAK,SAAI,cAA+B,QAAA,MAAM,UAAU,UAAU,KAAK,QAAI,yBAAA,QAAA,WAAA,EAI9F,mBAUM,OAVN,YAUM,CATJ,YAIM,MAAA,YAAA,EAAA;MAHJ,OAAM;MACL,KAAA,UAAiC,QAAQ,KAAK,QAAI;uDAGrD,mBAGM,OAAA,EAFJ,OAAM,sIAAoI,EAAC,OAE7I,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;KAMK,OAAK,SAQM,EARF,WAAI,CACtB,YAOoB,MAAA,kBAAA,EAAA;MANlB,IAAG;MACF,UAAK,WAAE,qBAAqB,KAAI;;MACtB,MAAI,cACK,CAAlB,YAAkB,MAAA,eAAA,CAAA,CAAA,CAAA;MAET,SAAO,cAAc,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA;;;;QAM5B,QAAA,WAAM,UAAA;WACX;uBA8DK,CA7DN,mBA6DM,OAAA,EA5DH,OAAK,eAAA,EAAA,+BAA+C,mBAAA,OAAA,CAAA,EAAA,EAAA,CAI7C,mBAAA,SAAA,WAAA,EADR,mBAkBM,OAlBN,YAkBM,CAfJ,mBAOM,OAPN,YAOM,CANJ,YAEgC,wBAAA;MAD7B,KAAK,MAAA,eAAM;MACZ,OAAM;2BACR,YAEuD,wBAAA;MADpD,KAAK,MAAA,mBAAU;MAChB,OAAM;yDAEV,mBAMM,OAAA,EAND,OAAM,8CAA4C,EAAA,CACrD,mBAA4C,KAAA,EAAzC,OAAM,eAAa,EAAC,oBAAiB,EACxC,mBAGI,KAAA,EAHD,OAAM,kBAAgB,EAAC,sEAG1B,CAAA,EAAA,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAIJ,mBAoCM,OApCN,YAoCM;MAlCI,mBAAA,SAAA,WAAA,EADR,YAWe,MAAA,aAAA,EAAA;;OATb,OAAM;OACN,MAAK;OACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAmB,QAAA,SAAS,KAAI,2BAAA;;iBAA+H,KAAA;;;8BAOvK,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAFI,uBAEJ,GAAA,CAAA,EAAA,CAAA;;;MAEA,YAoBe,MAAA,aAAA,EAAA;OAnBb,OAAM;OACN,QAAO;OACP,MAAK;OACL,SAAQ;OACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,0BAAA;;8BAGrB,CAAA,OAAA,QAAA,OAAA,MAAA,gBAHkD,mBAGlD,GAAA,GAAA,mBAWO,QAXP,YAWO,CATW,MAAA,QAAO,EAAA,IAAA,WAAA,EAAvB,mBAGW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,OAAA,QAAA,OAAA,MAFT,mBAAoC,QAAA,EAA9B,OAAM,WAAS,EAAC,WAAO,GAAA,GAAA,OAAA,QAAA,OAAA,MAC7B,mBAAiC,QAAA,EAA3B,eAAY,QAAM,EAAC,KAAC,GAAA,EAAA,EAAA,GAAA,KAAA,WAAA,EAE5B,mBAGW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,OAAA,QAAA,OAAA,MAFT,mBAAiC,QAAA,EAA3B,OAAM,WAAS,EAAC,QAAI,GAAA,GAAA,OAAA,QAAA,OAAA,MAC1B,mBAAiC,QAAA,EAA3B,eAAY,QAAM,EAAC,KAAC,GAAA,EAAA,EAAA,GAAA,GAAA,OAAA,QAAA,OAAA,MAAA,gBACjB,OAEb,GAAA,EAAA,CAAA,CAAA,CAAA;;;MAEuB,QAAA,WAAM,SAAA,WAAA,EAA/B,YAA6C,2BAAA,EAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;;;;;;;;;;;;IAM7C,WAAA,OAAY,YAAA,WAAA,EADpB,YAO+C,yBAAA;;KAL5C,UAAU,QAAA;KACV,MAAM,WAAA,MAAW;KACjB,cAAc,QAAA;KACd,QAAQ,WAAA,MAAW;KACnB,aAAW;KACX,mBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,iBAAgB,CAAC,MAAI;;;;;;;IAIjC,WAAA,SAAA,WAAA,EADR,YAUc,MAAA,YAAA,EAAA;;KARZ,MAAK;KACJ,OAAO,MAAA,iBAAgB;KACvB,OAAK,UAAY,WAAA,MAAW,KAAK;;4BAKP,CAJ3B,YAI2B,kCAAA;MAHxB,cAAc,WAAA,MAAW,KAAK;MAC9B,gBAAgB,cAAA;MAChB,SAAK,OAAA,QAAA,OAAA,OAAA,WAAE,MAAA,iBAAgB,CAAC,MAAI;MAC5B,UAAQ"}
+{"version":3,"file":"AppSidebar.vue.script.js","names":[],"sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  ScalarButton,\n  ScalarIconButton,\n  ScalarModal,\n  ScalarSidebarItem,\n  useModal,\n  type WorkspaceGroup,\n} from '@scalar/components'\nimport { isMacOS } from '@scalar/helpers/general/is-mac-os'\nimport {\n  ScalarIconDotsThree,\n  ScalarIconGearSix,\n  ScalarIconPlus,\n} from '@scalar/icons'\nimport { LibraryIcon } from '@scalar/icons/library'\nimport type { DraggingItem, HoveredItem, SidebarState } from '@scalar/sidebar'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { getParentEntry } from '@scalar/workspace-store/navigation'\nimport type {\n  TraversedEntry,\n  TraversedOperation,\n} from '@scalar/workspace-store/schemas/navigation'\nimport { capitalize, computed, nextTick, ref } from 'vue'\n\nimport Rabbit from '@/assets/rabbit.ascii?raw'\nimport RabbitJump from '@/assets/rabbitjump.ascii?raw'\nimport ScalarAsciiArt from '@/components/ScalarAsciiArt.vue'\nimport DeleteSidebarListElement from '@/components/Sidebar/Actions/DeleteSidebarListElement.vue'\nimport { Sidebar } from '@/v2/components/sidebar'\nimport DownloadAppButton from '@/v2/features/app/components/DownloadAppButton.vue'\nimport SidebarItemMenu from '@/v2/features/app/components/SidebarItemMenu.vue'\nimport { dragHandleFactory } from '@/v2/helpers/drag-handle-factory'\nimport type { ClientLayout } from '@/v2/types/layout'\n\nconst { sidebarState, layout, activeWorkspace, workspaces, store, eventBus } =\n  defineProps<{\n    /**\n     * The current layout of the app (e.g., 'desktop', 'web')\n     */\n    layout: ClientLayout\n\n    /**\n     * The sidebar state, holding navigation items and state\n     */\n    sidebarState: SidebarState<TraversedEntry>\n\n    /**\n     * Whether the workspace overview sidebar is currently open\n     */\n    isWorkspaceOpen?: boolean\n    /**\n     * The currently active workspace.\n     * This represents the workspace that the user is currently working in.\n     */\n    activeWorkspace: { id: string; label: string }\n    /**\n     * The list of all available workspaces.\n     * Used to render options for workspace switching and selection.\n     */\n    workspaces: WorkspaceGroup[]\n    /**\n     * The workspace event bus for handling workspace-level events.\n     * Used for triggering and responding to workspace changes and actions.\n     */\n    eventBus: WorkspaceEventBus\n    /**\n     * The WorkspaceStore instance for managing workspace state and actions.\n     * Provides methods and state for interacting with the current workspace.\n     */\n    store: WorkspaceStore\n  }>()\n\nconst emit = defineEmits<{\n  /** Emitted when the workspace button in the sidebar is clicked */\n  (e: 'click:workspace'): void\n  /** Emitted when a navigation or sidebar item is selected by ID */\n  (e: 'selectItem', id: string): void\n  /** Emitted when a workspace is selected by optional ID */\n  (e: 'select:workspace', id?: string): void\n  /** Emitted when the user requests to create a new workspace */\n  (e: 'create:workspace'): void\n}>()\n\ndefineSlots<{\n  /** Slot for customizing the actions section of the sidebar menu. */\n  sidebarMenuActions?(): unknown\n}>()\n\n/** The label for the workspace button in the sidebar */\nconst workspaceLabel = computed(() => capitalize(activeWorkspace.label))\n\n/** Controls the visibility of the sidebar */\nconst isSidebarOpen = defineModel<boolean>('isSidebarOpen', {\n  required: true,\n})\n\n/** Controls the width of the sidebar */\nconst sidebarWidth = defineModel<number>('sidebarWidth', {\n  required: true,\n  default: 288,\n})\n\n/** Calculate if we should show the getting started section */\nconst showGettingStarted = computed(() => sidebarState.items.value.length <= 1)\n\n/*\n * Setup drag and drop handlers for sidebar items.\n * The dragHandleFactory takes the current workspace store and sidebar state,\n * and returns the appropriate handlers for drag ending and droppability.\n *\n * We use computed to ensure the handlers are recreated when the store or sidebarState changes,\n * so they always have access to the latest values.\n */\nconst dragHandlers = computed(() =>\n  dragHandleFactory({\n    store,\n    sidebarState,\n  }),\n)\n\nconst handleDragEnd = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => {\n  return dragHandlers.value.handleDragEnd(draggingItem, hoveredItem)\n}\n\nconst isDroppable = (\n  draggingItem: DraggingItem,\n  hoveredItem: HoveredItem,\n): boolean => {\n  return dragHandlers.value.isDroppable(draggingItem, hoveredItem)\n}\n\n/** The current target for the dropdown menu */\nconst menuTarget = ref<{\n  /** The sidebar item that the menu is targeting */\n  item: TraversedEntry\n  /** A reference to the element that the menu is for */\n  el: HTMLElement\n  /** Whether or not to show the menu */\n  showMenu: boolean\n} | null>(null)\n\nconst deleteModalState = useModal()\n\n/** Computes the message for the delete modal */\nconst deleteMessage = computed(() => {\n  const item = menuTarget.value?.item\n\n  if (item?.type === 'document') {\n    return \"This cannot be undone. You're about to delete the document and all tags and operations inside it.\"\n  }\n\n  return `Are you sure you want to delete this ${item?.type ?? 'item'}? This action cannot be undone.`\n})\n\n/** Deletes an item from the sidebar by emitting the appropriate event */\nconst handleDelete = () => {\n  const item = menuTarget.value?.item\n\n  if (!item) {\n    return\n  }\n\n  const result = sidebarState.getEntryById(item.id)\n\n  const document = getParentEntry('document', result)\n  const operation = getParentEntry('operation', result)\n\n  if (!document) {\n    return\n  }\n\n  if (item.type === 'document') {\n    eventBus.emit('document:delete:document', { name: document.name })\n  } else if (item.type === 'tag') {\n    eventBus.emit('tag:delete:tag', {\n      documentName: document.name,\n      name: item.name,\n    })\n  } else if (item.type === 'operation') {\n    if (!operation) {\n      return\n    }\n\n    eventBus.emit('operation:delete:operation', {\n      meta: {\n        method: operation.method,\n        path: operation.path,\n      },\n      documentName: document.name,\n    })\n  } else if (item.type === 'example') {\n    if (!operation) {\n      return\n    }\n\n    eventBus.emit('operation:delete:example', {\n      meta: {\n        method: operation.method,\n        path: operation.path,\n        exampleKey: item.name,\n      },\n      documentName: document.name,\n    })\n  }\n\n  /** Clean up after deletion */\n  deleteModalState.hide()\n  menuTarget.value = null\n}\n\n/** Opens the dropdown menu for the given item */\nconst openMenu = async (\n  event: MouseEvent | KeyboardEvent,\n  item: TraversedEntry,\n) => {\n  if (menuTarget.value?.showMenu) {\n    return\n  }\n\n  const el = event.currentTarget as HTMLElement\n  menuTarget.value = { item, el, showMenu: true }\n\n  // Wait for the target to bind to the element\n  await nextTick()\n\n  // Re-dispatch the event on the target to open the menu\n  const cloned =\n    event instanceof MouseEvent\n      ? new MouseEvent(event.type, event)\n      : new KeyboardEvent(event.type, event)\n\n  menuTarget.value?.el.dispatchEvent(cloned)\n}\n\n/** Closes the dropdown menu */\nconst closeMenu = () => {\n  if (menuTarget.value) {\n    menuTarget.value.showMenu = false\n  }\n}\n\n/** Opens the command palette with the payload needed to create a request */\nconst handleAddEmptyFolder = (item: TraversedEntry) => {\n  const itemWithParent = sidebarState.getEntryById(item.id)\n  const documentEntry = getParentEntry('document', itemWithParent)\n  const tag = getParentEntry('tag', itemWithParent)\n\n  eventBus.emit('ui:open:command-palette', {\n    action: 'create-request',\n    payload: {\n      documentName: documentEntry?.name,\n      tagId: tag?.name,\n    },\n  })\n}\n\n/**\n * Navigates to the operations page for the provided operation item.\n * Emits a navigation event for the operation overview page.\n */\nconst navigateToOperationsPage = (item: TraversedOperation) => {\n  const operationWithParent = sidebarState.getEntryById(item.id)\n  const documentSlug = getParentEntry('document', operationWithParent)?.name\n\n  eventBus.emit('ui:navigate', {\n    page: 'operation',\n    path: 'overview',\n    operationPath: item.path,\n    method: item.method,\n    documentSlug: documentSlug,\n  })\n}\n</script>\n\n<template>\n  <div class=\"flex\">\n    <Sidebar\n      v-model:sidebarWidth=\"sidebarWidth\"\n      :activeWorkspace=\"activeWorkspace\"\n      :class=\"[\n        'max-md:inset-y-0 max-md:z-2 max-md:w-full!',\n        isSidebarOpen ? 'max-md:fixed! max-md:flex!' : 'max-md:hidden!',\n      ]\"\n      :documents=\"Object.values(store.workspace.documents)\"\n      :isDroppable=\"isDroppable\"\n      :layout=\"layout\"\n      :sidebarState=\"sidebarState\"\n      :workspaces=\"workspaces\"\n      @create:workspace=\"emit('create:workspace')\"\n      @navigate:to:settings=\"\n        eventBus.emit('ui:navigate', { page: 'workspace', path: 'settings' })\n      \"\n      @reorder=\"\n        (draggingItem, hoveredItem) => handleDragEnd(draggingItem, hoveredItem)\n      \"\n      @select:workspace=\"(id) => emit('select:workspace', id)\"\n      @selectItem=\"(id) => emit('selectItem', id)\">\n      <template #sidebarMenuActions>\n        <slot name=\"sidebarMenuActions\" />\n      </template>\n      <!-- Workspace Identifier -->\n      <template #workspaceButton>\n        <ScalarSidebarItem\n          is=\"button\"\n          :active=\"isWorkspaceOpen\"\n          @click=\"emit('click:workspace')\">\n          {{ workspaceLabel }}\n        </ScalarSidebarItem>\n      </template>\n\n      <!-- Decorator dropdown menu -->\n      <template #decorator=\"{ item }\">\n        <div class=\"flex items-center gap-0.5\">\n          <ScalarIconButton\n            v-if=\"item.type === 'operation'\"\n            :icon=\"ScalarIconGearSix\"\n            label=\"Operation settings\"\n            size=\"sm\"\n            weight=\"bold\"\n            @click.stop=\"navigateToOperationsPage(item)\"\n            @keydown.enter.stop=\"navigateToOperationsPage(item)\"\n            @keydown.space.stop=\"navigateToOperationsPage(item)\" />\n          <ScalarIconButton\n            aria-expanded=\"false\"\n            aria-haspopup=\"menu\"\n            :icon=\"ScalarIconDotsThree\"\n            label=\"More options\"\n            size=\"sm\"\n            weight=\"bold\"\n            @click.stop=\"(e: MouseEvent) => openMenu(e, item)\"\n            @keydown.down.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.enter.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.space.stop=\"(e: KeyboardEvent) => openMenu(e, item)\"\n            @keydown.up.stop=\"(e: KeyboardEvent) => openMenu(e, item)\" />\n        </div>\n      </template>\n\n      <!-- Dirty document icon slot -->\n      <template #icon=\"{ item }\">\n        <template\n          v-if=\"\n            item.type === 'document' &&\n            store.workspace.documents[item.name]?.['x-scalar-is-dirty'] === true\n          \">\n          <div class=\"relative flex items-center\">\n            <LibraryIcon\n              class=\"block\"\n              :src=\"\n                ('icon' in item && item.icon) || 'interface-content-folder'\n              \" />\n            <div\n              class=\"bg-c-accent absolute -top-0.5 -right-0.5 size-1.5 rounded-full\">\n              <span class=\"sr-only\">Unsaved changes</span>\n            </div>\n          </div>\n        </template>\n      </template>\n\n      <!-- Empty folder slot -->\n      <template #empty=\"{ item }\">\n        <ScalarSidebarItem\n          is=\"button\"\n          @click=\"handleAddEmptyFolder(item)\">\n          <template #icon>\n            <ScalarIconPlus />\n          </template>\n          <template #default>Add operation</template>\n        </ScalarSidebarItem>\n      </template>\n\n      <!-- Getting started section -->\n      <template\n        v-if=\"layout !== 'modal'\"\n        #footer>\n        <div\n          :class=\"{\n            'empty-sidebar-item border-t': showGettingStarted,\n          }\">\n          <div\n            v-if=\"showGettingStarted\"\n            class=\"empty-sidebar-item-content overflow-hidden px-2.5 py-2.5\">\n            <div class=\"rabbit-ascii relative m-auto mt-2 h-[68px] w-[60px]\">\n              <ScalarAsciiArt\n                :art=\"Rabbit\"\n                class=\"rabbitsit font-bold\" />\n              <ScalarAsciiArt\n                :art=\"RabbitJump\"\n                class=\"rabbitjump absolute top-0 left-0 font-bold\" />\n            </div>\n            <div class=\"mt-2 mb-2 text-center text-sm text-balance\">\n              <b class=\"font-medium\">Let's Get Started</b>\n              <p class=\"mt-2 leading-5\">\n                Create request, folder, collection or import from\n                OpenAPI/Postman\n              </p>\n            </div>\n          </div>\n\n          <div class=\"flex flex-col gap-1.5 p-2\">\n            <ScalarButton\n              v-if=\"showGettingStarted\"\n              class=\"w-full\"\n              size=\"sm\"\n              @click=\"\n                eventBus.emit('ui:open:command-palette', {\n                  action: 'import-from-openapi-swagger-postman-curl',\n                  payload: undefined,\n                })\n              \">\n              Import Collection\n            </ScalarButton>\n\n            <ScalarButton\n              class=\"w-full\"\n              hotkey=\"K\"\n              size=\"sm\"\n              variant=\"outlined\"\n              @click=\"eventBus.emit('ui:open:command-palette')\">\n              Add Item &nbsp;\n\n              <span\n                class=\"text-sidebar-c-2 rounded border px-1.25 py-1 text-xs leading-none font-medium uppercase\">\n                <template v-if=\"isMacOS()\">\n                  <span class=\"sr-only\">Command</span>\n                  <span aria-hidden=\"true\">⌘</span>\n                </template>\n                <template v-else>\n                  <span class=\"sr-only\">CTRL</span>\n                  <span aria-hidden=\"true\">⌃</span>\n                </template>\n                K\n              </span>\n            </ScalarButton>\n            <DownloadAppButton v-if=\"layout === 'web'\" />\n          </div>\n        </div>\n      </template>\n    </Sidebar>\n    <SidebarItemMenu\n      v-if=\"menuTarget?.showMenu\"\n      :eventBus=\"eventBus\"\n      :item=\"menuTarget.item\"\n      :sidebarState=\"sidebarState\"\n      :target=\"menuTarget.el\"\n      @closeMenu=\"closeMenu\"\n      @showDeleteModal=\"deleteModalState.show()\" />\n\n    <!-- Delete Modal -->\n    <ScalarModal\n      v-if=\"menuTarget\"\n      size=\"xxs\"\n      :state=\"deleteModalState\"\n      :title=\"`Delete ${menuTarget.item.title}`\">\n      <DeleteSidebarListElement\n        :variableName=\"menuTarget.item.title\"\n        :warningMessage=\"deleteMessage\"\n        @close=\"deleteModalState.hide()\"\n        @delete=\"handleDelete\" />\n    </ScalarModal>\n  </div>\n</template>\n\n<style scoped>\n.empty-sidebar-item-content {\n  display: none;\n}\n.empty-sidebar-item .empty-sidebar-item-content {\n  display: block;\n}\n.rabbitjump {\n  opacity: 0;\n}\n.empty-sidebar-item:hover .rabbitjump {\n  opacity: 1;\n  animation: rabbitAnimation 0.5s steps(1) infinite;\n}\n.empty-sidebar-item:hover .rabbitsit {\n  opacity: 0;\n  animation: rabbitAnimation2 0.5s steps(1) infinite;\n}\n.empty-sidebar-item:hover .rabbit-ascii {\n  animation: rabbitRun 8s infinite linear;\n}\n@keyframes rabbitRun {\n  0% {\n    transform: translate3d(0, 0, 0);\n  }\n  25% {\n    transform: translate3d(250px, 0, 0);\n  }\n  25.01% {\n    transform: translate3d(-250px, 0, 0);\n  }\n  75% {\n    transform: translate3d(250px, 0, 0);\n  }\n  75.01% {\n    transform: translate3d(-250px, 0, 0);\n  }\n  100% {\n    transform: translate3d(0, 0, 0);\n  }\n}\n@keyframes rabbitAnimation {\n  0%,\n  100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0;\n  }\n}\n@keyframes rabbitAnimation2 {\n  0%,\n  100% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n    transform: translate3d(0, -8px, 0);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EA,MAAM,OAAO;;EAiBb,MAAM,iBAAiB,eAAe,WAAW,QAAA,gBAAgB,MAAM,CAAA;;EAGvE,MAAM,gBAAgB,SAAoB,SAAC,gBAE1C;;EAGD,MAAM,eAAe,SAAmB,SAAC,eAGxC;;EAGD,MAAM,qBAAqB,eAAe,QAAA,aAAa,MAAM,MAAM,UAAU,EAAC;EAU9E,MAAM,eAAe,eACnB,kBAAkB;GAChB,OAAI,QAAA;GACJ,cAAW,QAAA;GACZ,CAAC,CACJ;EAEA,MAAM,iBACJ,cACA,gBACY;AACZ,UAAO,aAAa,MAAM,cAAc,cAAc,YAAW;;EAGnE,MAAM,eACJ,cACA,gBACY;AACZ,UAAO,aAAa,MAAM,YAAY,cAAc,YAAW;;;EAIjE,MAAM,aAAa,IAOT,KAAI;EAEd,MAAM,mBAAmB,UAAS;;EAGlC,MAAM,gBAAgB,eAAe;GACnC,MAAM,OAAO,WAAW,OAAO;AAE/B,OAAI,MAAM,SAAS,WACjB,QAAO;AAGT,UAAO,wCAAwC,MAAM,QAAQ,OAAO;IACrE;;EAGD,MAAM,qBAAqB;GACzB,MAAM,OAAO,WAAW,OAAO;AAE/B,OAAI,CAAC,KACH;GAGF,MAAM,SAAS,QAAA,aAAa,aAAa,KAAK,GAAE;GAEhD,MAAM,WAAW,eAAe,YAAY,OAAM;GAClD,MAAM,YAAY,eAAe,aAAa,OAAM;AAEpD,OAAI,CAAC,SACH;AAGF,OAAI,KAAK,SAAS,WAChB,SAAA,SAAS,KAAK,4BAA4B,EAAE,MAAM,SAAS,MAAM,CAAA;YACxD,KAAK,SAAS,MACvB,SAAA,SAAS,KAAK,kBAAkB;IAC9B,cAAc,SAAS;IACvB,MAAM,KAAK;IACZ,CAAA;YACQ,KAAK,SAAS,aAAa;AACpC,QAAI,CAAC,UACH;AAGF,YAAA,SAAS,KAAK,8BAA8B;KAC1C,MAAM;MACJ,QAAQ,UAAU;MAClB,MAAM,UAAU;MACjB;KACD,cAAc,SAAS;KACxB,CAAA;cACQ,KAAK,SAAS,WAAW;AAClC,QAAI,CAAC,UACH;AAGF,YAAA,SAAS,KAAK,4BAA4B;KACxC,MAAM;MACJ,QAAQ,UAAU;MAClB,MAAM,UAAU;MAChB,YAAY,KAAK;MAClB;KACD,cAAc,SAAS;KACxB,CAAA;;;AAIH,oBAAiB,MAAK;AACtB,cAAW,QAAQ;;;EAIrB,MAAM,WAAW,OACf,OACA,SACG;AACH,OAAI,WAAW,OAAO,SACpB;AAIF,cAAW,QAAQ;IAAE;IAAM,IADhB,MAAM;IACc,UAAU;IAAK;AAG9C,SAAM,UAAS;GAGf,MAAM,SACJ,iBAAiB,aACb,IAAI,WAAW,MAAM,MAAM,MAAK,GAChC,IAAI,cAAc,MAAM,MAAM,MAAK;AAEzC,cAAW,OAAO,GAAG,cAAc,OAAM;;;EAI3C,MAAM,kBAAkB;AACtB,OAAI,WAAW,MACb,YAAW,MAAM,WAAW;;;EAKhC,MAAM,wBAAwB,SAAyB;GACrD,MAAM,iBAAiB,QAAA,aAAa,aAAa,KAAK,GAAE;GACxD,MAAM,gBAAgB,eAAe,YAAY,eAAc;GAC/D,MAAM,MAAM,eAAe,OAAO,eAAc;AAEhD,WAAA,SAAS,KAAK,2BAA2B;IACvC,QAAQ;IACR,SAAS;KACP,cAAc,eAAe;KAC7B,OAAO,KAAK;KACb;IACF,CAAA;;;;;;EAOH,MAAM,4BAA4B,SAA6B;GAE7D,MAAM,eAAe,eAAe,YADR,QAAA,aAAa,aAAa,KAAK,GAAE,CACO,EAAE;AAEtE,WAAA,SAAS,KAAK,eAAe;IAC3B,MAAM;IACN,MAAM;IACN,eAAe,KAAK;IACpB,QAAQ,KAAK;IACC;IACf,CAAA;;;uBAKD,mBAwLM,OAxLN,YAwLM;IAvLJ,YAiKU,MAAA,gBAAA,EAAA;KAhKA,cAAc,aAAA;iFAAY,QAAA;KACjC,iBAAiB,QAAA;KACjB,OAAK,eAAA,CAAA,8CAAkE,cAAA,QAAa,+BAAA,iBAAA,CAAA;KAIpF,WAAW,OAAO,OAAO,QAAA,MAAM,UAAU,UAAS;KACrC;KACb,QAAQ,QAAA;KACR,cAAc,QAAA;KACd,YAAY,QAAA;KACZ,sBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAA;KACtB,0BAAoB,OAAA,OAAA,OAAA,MAAA,WAAW,QAAA,SAAS,KAAI,eAAA;MAAA,MAAA;MAAA,MAAA;MAAA,CAAA;KAG5C,WAAO,OAAA,OAAA,OAAA,MAAY,cAAc,gBAAgB,cAAc,cAAc,YAAW;KAGxF,sBAAgB,OAAA,OAAA,OAAA,MAAG,OAAO,KAAI,oBAAqB,GAAE;KACrD,cAAU,OAAA,OAAA,OAAA,MAAG,OAAO,KAAI,cAAe,GAAE;;KAC/B,oBAAkB,cACO,CAAlC,WAAkC,KAAA,QAAA,sBAAA,EAAA,EAAA,KAAA,GAAA,KAAA,CAAA,CAAA;KAGzB,iBAAe,cAMJ,CALpB,YAKoB,MAAA,kBAAA,EAAA;MAJlB,IAAG;MACF,QAAQ,QAAA;MACR,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,kBAAA;;6BACQ,CAAA,gBAAA,gBAAjB,eAAA,MAAc,EAAA,EAAA,CAAA,CAAA;;;KAKV,WAAS,SAuBZ,EAvBgB,WAAI,CAC1B,mBAsBM,OAtBN,YAsBM,CApBI,KAAK,SAAI,eAAA,WAAA,EADjB,YAQyD,MAAA,iBAAA,EAAA;;MANtD,MAAM,MAAA,kBAAiB;MACxB,OAAM;MACN,MAAK;MACL,QAAO;MACN,SAAK,eAAA,WAAO,yBAAyB,KAAI,EAAA,CAAA,OAAA,CAAA;MACzC,WAAO,CAAA,SAAA,eAAA,WAAa,yBAAyB,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,SAAA,eAAA,WAC7B,yBAAyB,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;;;;;yCACpD,YAW+D,MAAA,iBAAA,EAAA;MAV7D,iBAAc;MACd,iBAAc;MACb,MAAM,MAAA,oBAAmB;MAC1B,OAAM;MACN,MAAK;MACL,QAAO;MACN,SAAK,eAAQ,MAAkB,SAAS,GAAG,KAAI,EAAA,CAAA,OAAA,CAAA;MAC/C,WAAO;+BAAa,MAAqB,SAAS,GAAG,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA;+BACpC,MAAqB,SAAS,GAAG,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA;+BACrC,MAAqB,SAAS,GAAG,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA;+BACxC,MAAqB,SAAS,GAAG,KAAI,EAAA,CAAA,OAAA,CAAA,EAAA,CAAA,KAAA,CAAA;;;;;;;KAKnD,MAAI,SAiBF,EAjBM,WAAI,CAEA,KAAK,SAAI,cAA+B,QAAA,MAAM,UAAU,UAAU,KAAK,QAAI,yBAAA,QAAA,WAAA,EAI9F,mBAUM,OAVN,YAUM,CATJ,YAIM,MAAA,YAAA,EAAA;MAHJ,OAAM;MACL,KAAA,UAAiC,QAAQ,KAAK,QAAI;uDAGrD,mBAGM,OAAA,EAFJ,OAAM,kEAAgE,EAAA,CACtE,mBAA4C,QAAA,EAAtC,OAAM,WAAS,EAAC,kBAAe,CAAA,EAAA,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;KAOlC,OAAK,SAQM,EARF,WAAI,CACtB,YAOoB,MAAA,kBAAA,EAAA;MANlB,IAAG;MACF,UAAK,WAAE,qBAAqB,KAAI;;MACtB,MAAI,cACK,CAAlB,YAAkB,MAAA,eAAA,CAAA,CAAA,CAAA;MAET,SAAO,cAAc,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAAb,iBAAa,GAAA,CAAA,EAAA,CAAA;;;;QAM5B,QAAA,WAAM,UAAA;WACX;uBA8DK,CA7DN,mBA6DM,OAAA,EA5DH,OAAK,eAAA,EAAA,+BAA+C,mBAAA,OAAA,CAAA,EAAA,EAAA,CAI7C,mBAAA,SAAA,WAAA,EADR,mBAkBM,OAlBN,YAkBM,CAfJ,mBAOM,OAPN,YAOM,CANJ,YAEgC,wBAAA;MAD7B,KAAK,MAAA,eAAM;MACZ,OAAM;2BACR,YAEuD,wBAAA;MADpD,KAAK,MAAA,mBAAU;MAChB,OAAM;yDAEV,mBAMM,OAAA,EAND,OAAM,8CAA4C,EAAA,CACrD,mBAA4C,KAAA,EAAzC,OAAM,eAAa,EAAC,oBAAiB,EACxC,mBAGI,KAAA,EAHD,OAAM,kBAAgB,EAAC,sEAG1B,CAAA,EAAA,GAAA,EAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAIJ,mBAoCM,OApCN,YAoCM;MAlCI,mBAAA,SAAA,WAAA,EADR,YAWe,MAAA,aAAA,EAAA;;OATb,OAAM;OACN,MAAK;OACJ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAmB,QAAA,SAAS,KAAI,2BAAA;;iBAA+H,KAAA;;;8BAOvK,CAAA,GAAA,OAAA,QAAA,OAAA,MAAA,CAAA,gBAFI,uBAEJ,GAAA,CAAA,EAAA,CAAA;;;MAEA,YAoBe,MAAA,aAAA,EAAA;OAnBb,OAAM;OACN,QAAO;OACP,MAAK;OACL,SAAQ;OACP,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,QAAA,SAAS,KAAI,0BAAA;;8BAGrB,CAAA,OAAA,QAAA,OAAA,MAAA,gBAHkD,mBAGlD,GAAA,GAAA,mBAWO,QAXP,YAWO,CATW,MAAA,QAAO,EAAA,IAAA,WAAA,EAAvB,mBAGW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,OAAA,QAAA,OAAA,MAFT,mBAAoC,QAAA,EAA9B,OAAM,WAAS,EAAC,WAAO,GAAA,GAAA,OAAA,QAAA,OAAA,MAC7B,mBAAiC,QAAA,EAA3B,eAAY,QAAM,EAAC,KAAC,GAAA,EAAA,EAAA,GAAA,KAAA,WAAA,EAE5B,mBAGW,UAAA,EAAA,KAAA,GAAA,EAAA,CAAA,OAAA,QAAA,OAAA,MAFT,mBAAiC,QAAA,EAA3B,OAAM,WAAS,EAAC,QAAI,GAAA,GAAA,OAAA,QAAA,OAAA,MAC1B,mBAAiC,QAAA,EAA3B,eAAY,QAAM,EAAC,KAAC,GAAA,EAAA,EAAA,GAAA,GAAA,OAAA,QAAA,OAAA,MAAA,gBACjB,OAEb,GAAA,EAAA,CAAA,CAAA,CAAA;;;MAEuB,QAAA,WAAM,SAAA,WAAA,EAA/B,YAA6C,2BAAA,EAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,KAAA;;;;;;;;;;;;IAM7C,WAAA,OAAY,YAAA,WAAA,EADpB,YAO+C,yBAAA;;KAL5C,UAAU,QAAA;KACV,MAAM,WAAA,MAAW;KACjB,cAAc,QAAA;KACd,QAAQ,WAAA,MAAW;KACnB,aAAW;KACX,mBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,iBAAgB,CAAC,MAAI;;;;;;;IAIjC,WAAA,SAAA,WAAA,EADR,YAUc,MAAA,YAAA,EAAA;;KARZ,MAAK;KACJ,OAAO,MAAA,iBAAgB;KACvB,OAAK,UAAY,WAAA,MAAW,KAAK;;4BAKP,CAJ3B,YAI2B,kCAAA;MAHxB,cAAc,WAAA,MAAW,KAAK;MAC9B,gBAAgB,cAAA;MAChB,SAAK,OAAA,QAAA,OAAA,OAAA,WAAE,MAAA,iBAAgB,CAAC,MAAI;MAC5B,UAAQ"}

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

@@ -5,7 +5,6 @@ import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
-import type { MergedSecuritySchemes } from '../../../../v2/blocks/scalar-auth-selector-block/helpers/merge-security.js';
 import type { ImportDocumentFromRegistry } from '../../../../v2/types/configuration';
 import type { ClientLayout } from '../../../../v2/types/layout';
 /** These props are provided at the route level */
@@ -26,8 +25,6 @@ export type RouteProps = {
     exampleName?: string;
     /** The currently active environment */
     environment: XScalarEnvironment;
-    /** The merged security schemes */
-    securitySchemes: MergedSecuritySchemes;
     /** The workspace store */
     workspaceStore: WorkspaceStore;
     /** The currently active workspace */

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

@@ -1,4 +1,3 @@
-import Operation_default from "../../operation/Operation.vue.js";
 import { workspaceStorage } from "../../../helpers/storage.js";
 import Authentication_default from "../../collection/components/Authentication.vue.js";
 import Cookies_default from "../../collection/components/Cookies.vue.js";
@@ -10,6 +9,7 @@ import Settings_default from "../../collection/components/Settings.vue.js";
 import DocumentCollection_default from "../../collection/DocumentCollection.vue.js";
 import OperationCollection_default from "../../collection/OperationCollection.vue.js";
 import WorkspaceCollection_default from "../../collection/WorkspaceCollection.vue.js";
+import Operation_default from "../../operation/Operation.vue.js";
 import { mergeSearchParams } from "@scalar/helpers/url/merge-urls";
 //#region src/v2/features/app/helpers/routes.ts
 /** Routes for the API client app and web, the same as modal + workspace routes */

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 type { MergedSecuritySchemes } from '@/v2/blocks/scalar-auth-selector-block/helpers/merge-security'\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 merged security schemes */\n  securitySchemes: MergedSecuritySchemes\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            ],\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":";;;;;;;;;;;;;;;AA2FA,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;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 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            ],\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;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/collection/DocumentCollection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"names":[],"mappings":"AAsfA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAQlE;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY,gSA67Bd,CAAC"}
+{"version":3,"file":"DocumentCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"names":[],"mappings":"AA2eA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAQlE;;;;;;;GAOG;wBACkB,OAAO,YAAY;AAAxC,wBAAyC;AAKzC,QAAA,MAAM,YAAY,gSA23Bd,CAAC"}