@scalar/api-client 2.42.0 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"app-events.js","names":[],"sources":["../../../../src/v2/features/app/app-events.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { OperationExampleMeta, WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { type ShallowRef, computed } from 'vue'\nimport { type NavigationFailure, NavigationFailureType, type Router } from 'vue-router'\n\nimport type { ScalarClientAppRouteParams } from '@/v2/features/app/helpers/routes'\nimport { initializeWorkspaceEventHandlers } from '@/v2/workspace-events'\n\nexport function initializeAppEventHandlers({\n  eventBus,\n  store,\n  router,\n  rebuildSidebar,\n  navigateToCurrentTab,\n  onSelectSidebarItem,\n  onAfterExampleCreation,\n  onCopyTabUrl,\n  onToggleSidebar,\n  closeSidebar,\n  renameWorkspace,\n}: {\n  eventBus: WorkspaceEventBus\n  store: ShallowRef<WorkspaceStore | null>\n  router: Router\n  rebuildSidebar: (documentName?: string) => void\n  navigateToCurrentTab: () => Promise<void>\n  onSelectSidebarItem: (id: string) => void\n  onAfterExampleCreation: (o: OperationExampleMeta & { documentName?: string }) => void\n  onCopyTabUrl: (tabIndex: number) => void\n  onToggleSidebar: () => void\n  closeSidebar: () => void\n  renameWorkspace: (name: string) => Promise<void>\n}) {\n  const currentRoute = computed(() => router.currentRoute?.value)\n\n  /**\n   * Checks if the current route params match the specified operation meta.\n   * Useful for determining if the sidebar or UI needs to be updated after changes to operations/examples.\n   *\n   * NOTE: It may be beneficial to compare to the active state instead of the router\n   */\n  const isRouteParamsMatch = ({\n    documentName,\n    path,\n    method,\n    exampleName,\n  }: {\n    documentName: string\n    path?: string\n    method?: HttpMethod\n    exampleName?: string\n  }) => {\n    if (documentName !== undefined && documentName !== currentRoute.value?.params.documentSlug) {\n      return false\n    }\n    if (path !== undefined && encodeURIComponent(path) !== currentRoute.value?.params.pathEncoded) {\n      return false\n    }\n    if (method !== undefined && method !== currentRoute.value?.params.method) {\n      return false\n    }\n    if (exampleName !== undefined && exampleName !== currentRoute.value?.params.exampleName) {\n      return false\n    }\n    return true\n  }\n\n  initializeWorkspaceEventHandlers({\n    eventBus,\n    store,\n    hooks: {\n      //------------------------------------------------------------------------------------\n      // Document Related Hooks\n      //------------------------------------------------------------------------------------\n      'document:delete:document': {\n        onAfterExecute: async (payload) => {\n          // Redirect to the workspace environment page if the document was deleted\n          if (currentRoute?.value?.params.documentSlug === payload.name) {\n            await router.push({\n              name: 'workspace.environment',\n            })\n          }\n        },\n      },\n      //------------------------------------------------------------------------------------\n      // Operation Related Hooks\n      //------------------------------------------------------------------------------------\n      'operation:update:pathMethod': {\n        onBeforeExecute: (payload) => ({\n          ...payload,\n          callback: async (status) => {\n            // Redirect to the new example if the mutation was successful\n            if (status === 'success') {\n              // Rebuild the sidebar with the updated order\n              rebuildSidebar(store.value?.workspace.activeDocument?.['x-scalar-navigation']?.name)\n\n              // Now this redirect works for any example\n              await router.replace({\n                name: 'example',\n                params: {\n                  method: payload.payload.method,\n                  pathEncoded: encodeURIComponent(payload.payload.path),\n                  exampleName: currentRoute.value?.params.exampleName,\n                },\n              })\n            }\n\n            payload.callback(status, payload.blurTargetSelector)\n          },\n        }),\n      },\n      'operation:upsert:parameter': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:update:extra-parameters': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:reload:history': {\n        onAfterExecute: (payload) => onAfterExampleCreation({ ...payload.meta, exampleKey: 'draft' }),\n      },\n      'operation:delete:operation': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n          const {\n            documentName,\n            meta: { path, method },\n          } = payload\n          // Navigate to the document overview page if the operation was deleted\n          if (\n            isRouteParamsMatch({\n              documentName,\n              path,\n              method,\n            })\n          ) {\n            await router.replace({\n              name: 'document.overview',\n              params: {\n                documentSlug: documentName,\n              },\n            })\n          }\n        },\n      },\n      'operation:create:draft-example': {\n        onAfterExecute: async (payload) => {\n          onAfterExampleCreation({ ...payload.meta, exampleKey: payload.exampleName })\n          await router.push({\n            name: 'example',\n            params: {\n              documentSlug: payload.documentName,\n              pathEncoded: encodeURIComponent(payload.meta.path),\n              method: payload.meta.method,\n              exampleName: payload.exampleName,\n            },\n          })\n        },\n      },\n      'operation:delete:example': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n\n          const {\n            documentName,\n            meta: { path, method, exampleKey },\n          } = payload\n          // Navigate to the default example if the example was deleted\n          if (\n            isRouteParamsMatch({\n              documentName,\n              path,\n              method,\n              exampleName: exampleKey,\n            })\n          ) {\n            await router.replace({\n              name: 'example',\n              params: {\n                pathEncoded: encodeURIComponent(path),\n                method,\n                documentSlug: documentName,\n                exampleName: 'default',\n              },\n            })\n          }\n        },\n      },\n      'operation:rename:example': {\n        onAfterExecute: async ({ meta, payload, documentName }) => {\n          // Refresh sidebar\n          onAfterExampleCreation({ ...meta, exampleKey: payload.name, documentName })\n\n          // Redirect to the new example if the mutation was successful and we are currently on the example\n          if (\n            isRouteParamsMatch({ documentName, path: meta.path, method: meta.method, exampleName: meta.exampleKey })\n          ) {\n            await router.replace({\n              name: 'example',\n              params: {\n                documentSlug: documentName,\n                pathEncoded: encodeURIComponent(meta.path),\n                method: meta.method,\n                exampleName: payload.name,\n              },\n            })\n          }\n        },\n      },\n      //------------------------------------------------------------------------------------\n      // Operation Request Body Related Hooks\n      //------------------------------------------------------------------------------------\n      'operation:update:requestBody:value': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:update:requestBody:formValue': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      //------------------------------------------------------------------------------------\n      // Tag Related Event Hooks\n      //------------------------------------------------------------------------------------\n      'tag:create:tag': {\n        onAfterExecute: (payload) => rebuildSidebar(payload.documentName),\n      },\n      'tag:edit:tag': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n\n          /**\n           * If the currently viewed operation is a child of the renamed tag, redirect to\n           * the same route so the sidebar and breadcrumbs reflect the new tag name\n           */\n          const isNestedUnderTag = payload.tag.children?.some(\n            (child) =>\n              child.type === 'operation' &&\n              isRouteParamsMatch({\n                documentName: payload.documentName,\n                path: child.path,\n                method: child.method,\n              }),\n          )\n\n          if (isNestedUnderTag) {\n            await router.replace({ ...currentRoute.value })\n          }\n        },\n      },\n      'tag:delete:tag': {\n        onAfterExecute: (payload) => rebuildSidebar(payload.documentName),\n      },\n      //------------------------------------------------------------------------------------\n      // Tabs Related Event Hooks\n      //------------------------------------------------------------------------------------\n      'tabs:add:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:close:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:focus:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:focus:tab-last': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:navigate:previous': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:navigate:next': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:update:tabs': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n    },\n  })\n\n  // Worksapce rename event handler\n  eventBus.on('workspace:update:name', (payload) => renameWorkspace(payload))\n\n  //------------------------------------------------------------------------------------\n  // Navigation Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('scroll-to:nav-item', ({ id }) => onSelectSidebarItem(id))\n\n  //------------------------------------------------------------------------------------\n  // UI Related Event Handlers\n  //------------------------------------------------------------------------------------\n  // Note: Command palette handler is colocated with the command palette component\n\n  eventBus.on('ui:toggle:sidebar', onToggleSidebar)\n\n  /**\n   * Bind the inernal navigation to a public api\n   */\n  eventBus.on('ui:navigate', async (payload) => {\n    const { replace = false } = payload\n    const fn = replace ? router.replace : router.push\n\n    const execCallback = (result: NavigationFailure | void | undefined) => {\n      if (!result) {\n        // Close the sidebar if it is open\n        closeSidebar()\n        return payload.callback?.('success')\n      }\n\n      const navigationFailure: 16 = NavigationFailureType.duplicated\n\n      if (result.type !== navigationFailure) {\n        return payload.callback?.('error')\n      }\n\n      return payload.callback?.('success')\n    }\n\n    type ValidParams = Partial<Record<ScalarClientAppRouteParams, string>>\n\n    if (payload.page === 'document') {\n      const params = {\n        documentSlug: payload.documentSlug,\n        workspaceSlug: payload.workspaceSlug,\n        namespace: payload.namespace,\n      } satisfies ValidParams\n\n      if (payload.path === 'overview') {\n        return execCallback(await fn({ name: 'document.overview', params }))\n      }\n      if (payload.path === 'servers') {\n        return execCallback(await fn({ name: 'document.servers', params }))\n      }\n      if (payload.path === 'environment') {\n        return execCallback(await fn({ name: 'document.environment', params }))\n      }\n      if (payload.path === 'authentication') {\n        return execCallback(await fn({ name: 'document.authentication', params }))\n      }\n      if (payload.path === 'cookies') {\n        return execCallback(await fn({ name: 'document.cookies', params }))\n      }\n      if (payload.path === 'settings') {\n        return execCallback(await fn({ name: 'document.settings', params }))\n      }\n    }\n\n    if (payload.page === 'workspace') {\n      const params = { workspaceSlug: payload.workspaceSlug, namespace: payload.namespace } satisfies ValidParams\n      if (payload.path === 'environment') {\n        return execCallback(await fn({ name: 'workspace.environment', params }))\n      }\n      if (payload.path === 'cookies') {\n        return execCallback(await fn({ name: 'workspace.cookies', params }))\n      }\n      if (payload.path === 'settings') {\n        return execCallback(await fn({ name: 'workspace.settings', params }))\n      }\n    }\n\n    if (payload.page === 'example') {\n      const params = {\n        namespace: payload.namespace,\n        workspaceSlug: payload.workspaceSlug,\n        documentSlug: payload.documentSlug,\n        pathEncoded: encodeURIComponent(payload.path),\n        method: payload.method,\n        exampleName: payload.exampleName,\n      } satisfies ValidParams\n      return execCallback(await fn({ name: 'example', params }))\n    }\n\n    if (payload.page === 'operation') {\n      const params = {\n        namespace: payload.namespace,\n        workspaceSlug: payload.workspaceSlug,\n        documentSlug: payload.documentSlug,\n        pathEncoded: encodeURIComponent(payload.operationPath),\n        method: payload.method,\n      } satisfies ValidParams\n      if (payload.path === 'overview') {\n        return execCallback(await fn({ name: 'operation.overview', params }))\n      }\n      if (payload.path === 'servers') {\n        return execCallback(await fn({ name: 'operation.servers', params }))\n      }\n      if (payload.path === 'authentication') {\n        return execCallback(await fn({ name: 'operation.authentication', params }))\n      }\n    }\n  })\n\n  //------------------------------------------------------------------------------------\n  // Tabs Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('tabs:copy:url', (payload) => onCopyTabUrl(payload.index))\n}\n"],"mappings":";;;;AASA,SAAgB,2BAA2B,EACzC,UACA,OACA,QACA,gBACA,sBACA,qBACA,wBACA,cACA,iBACA,cACA,mBAaC;CACD,MAAM,eAAe,eAAe,OAAO,cAAc,MAAM;;;;;;;CAQ/D,MAAM,sBAAsB,EAC1B,cACA,MACA,QACA,kBAMI;AACJ,MAAI,iBAAiB,KAAA,KAAa,iBAAiB,aAAa,OAAO,OAAO,aAC5E,QAAO;AAET,MAAI,SAAS,KAAA,KAAa,mBAAmB,KAAK,KAAK,aAAa,OAAO,OAAO,YAChF,QAAO;AAET,MAAI,WAAW,KAAA,KAAa,WAAW,aAAa,OAAO,OAAO,OAChE,QAAO;AAET,MAAI,gBAAgB,KAAA,KAAa,gBAAgB,aAAa,OAAO,OAAO,YAC1E,QAAO;AAET,SAAO;;AAGT,kCAAiC;EAC/B;EACA;EACA,OAAO;GAIL,4BAA4B,EAC1B,gBAAgB,OAAO,YAAY;AAEjC,QAAI,cAAc,OAAO,OAAO,iBAAiB,QAAQ,KACvD,OAAM,OAAO,KAAK,EAChB,MAAM,yBACP,CAAC;MAGP;GAID,+BAA+B,EAC7B,kBAAkB,aAAa;IAC7B,GAAG;IACH,UAAU,OAAO,WAAW;AAE1B,SAAI,WAAW,WAAW;AAExB,qBAAe,MAAM,OAAO,UAAU,iBAAiB,wBAAwB,KAAK;AAGpF,YAAM,OAAO,QAAQ;OACnB,MAAM;OACN,QAAQ;QACN,QAAQ,QAAQ,QAAQ;QACxB,aAAa,mBAAmB,QAAQ,QAAQ,KAAK;QACrD,aAAa,aAAa,OAAO,OAAO;QACzC;OACF,CAAC;;AAGJ,aAAQ,SAAS,QAAQ,QAAQ,mBAAmB;;IAEvD,GACF;GACD,8BAA8B,EAC5B,iBAAiB,YAAY,uBAAuB,QAAQ,KAAK,EAClE;GACD,qCAAqC,EACnC,iBAAiB,YAAY,uBAAuB,QAAQ,KAAK,EAClE;GACD,4BAA4B,EAC1B,iBAAiB,YAAY,uBAAuB;IAAE,GAAG,QAAQ;IAAM,YAAY;IAAS,CAAC,EAC9F;GACD,8BAA8B,EAC5B,gBAAgB,OAAO,YAAY;AACjC,mBAAe,QAAQ,aAAa;IACpC,MAAM,EACJ,cACA,MAAM,EAAE,MAAM,aACZ;AAEJ,QACE,mBAAmB;KACjB;KACA;KACA;KACD,CAAC,CAEF,OAAM,OAAO,QAAQ;KACnB,MAAM;KACN,QAAQ,EACN,cAAc,cACf;KACF,CAAC;MAGP;GACD,kCAAkC,EAChC,gBAAgB,OAAO,YAAY;AACjC,2BAAuB;KAAE,GAAG,QAAQ;KAAM,YAAY,QAAQ;KAAa,CAAC;AAC5E,UAAM,OAAO,KAAK;KAChB,MAAM;KACN,QAAQ;MACN,cAAc,QAAQ;MACtB,aAAa,mBAAmB,QAAQ,KAAK,KAAK;MAClD,QAAQ,QAAQ,KAAK;MACrB,aAAa,QAAQ;MACtB;KACF,CAAC;MAEL;GACD,4BAA4B,EAC1B,gBAAgB,OAAO,YAAY;AACjC,mBAAe,QAAQ,aAAa;IAEpC,MAAM,EACJ,cACA,MAAM,EAAE,MAAM,QAAQ,iBACpB;AAEJ,QACE,mBAAmB;KACjB;KACA;KACA;KACA,aAAa;KACd,CAAC,CAEF,OAAM,OAAO,QAAQ;KACnB,MAAM;KACN,QAAQ;MACN,aAAa,mBAAmB,KAAK;MACrC;MACA,cAAc;MACd,aAAa;MACd;KACF,CAAC;MAGP;GACD,4BAA4B,EAC1B,gBAAgB,OAAO,EAAE,MAAM,SAAS,mBAAmB;AAEzD,2BAAuB;KAAE,GAAG;KAAM,YAAY,QAAQ;KAAM;KAAc,CAAC;AAG3E,QACE,mBAAmB;KAAE;KAAc,MAAM,KAAK;KAAM,QAAQ,KAAK;KAAQ,aAAa,KAAK;KAAY,CAAC,CAExG,OAAM,OAAO,QAAQ;KACnB,MAAM;KACN,QAAQ;MACN,cAAc;MACd,aAAa,mBAAmB,KAAK,KAAK;MAC1C,QAAQ,KAAK;MACb,aAAa,QAAQ;MACtB;KACF,CAAC;MAGP;GAID,sCAAsC,EACpC,iBAAiB,YAAY,uBAAuB,QAAQ,KAAK,EAClE;GACD,0CAA0C,EACxC,iBAAiB,YAAY,uBAAuB,QAAQ,KAAK,EAClE;GAID,kBAAkB,EAChB,iBAAiB,YAAY,eAAe,QAAQ,aAAa,EAClE;GACD,gBAAgB,EACd,gBAAgB,OAAO,YAAY;AACjC,mBAAe,QAAQ,aAAa;AAgBpC,QAVyB,QAAQ,IAAI,UAAU,MAC5C,UACC,MAAM,SAAS,eACf,mBAAmB;KACjB,cAAc,QAAQ;KACtB,MAAM,MAAM;KACZ,QAAQ,MAAM;KACf,CAAC,CACL,CAGC,OAAM,OAAO,QAAQ,EAAE,GAAG,aAAa,OAAO,CAAC;MAGpD;GACD,kBAAkB,EAChB,iBAAiB,YAAY,eAAe,QAAQ,aAAa,EAClE;GAID,gBAAgB,EACd,gBAAgB,sBACjB;GACD,kBAAkB,EAChB,gBAAgB,sBACjB;GACD,kBAAkB,EAChB,gBAAgB,sBACjB;GACD,uBAAuB,EACrB,gBAAgB,sBACjB;GACD,0BAA0B,EACxB,gBAAgB,sBACjB;GACD,sBAAsB,EACpB,gBAAgB,sBACjB;GACD,oBAAoB,EAClB,gBAAgB,sBACjB;GACF;EACF,CAAC;AAGF,UAAS,GAAG,0BAA0B,YAAY,gBAAgB,QAAQ,CAAC;AAK3E,UAAS,GAAG,uBAAuB,EAAE,SAAS,oBAAoB,GAAG,CAAC;AAOtE,UAAS,GAAG,qBAAqB,gBAAgB;;;;AAKjD,UAAS,GAAG,eAAe,OAAO,YAAY;EAC5C,MAAM,EAAE,UAAU,UAAU;EAC5B,MAAM,KAAK,UAAU,OAAO,UAAU,OAAO;EAE7C,MAAM,gBAAgB,WAAiD;AACrE,OAAI,CAAC,QAAQ;AAEX,kBAAc;AACd,WAAO,QAAQ,WAAW,UAAU;;GAGtC,MAAM,oBAAwB,sBAAsB;AAEpD,OAAI,OAAO,SAAS,kBAClB,QAAO,QAAQ,WAAW,QAAQ;AAGpC,UAAO,QAAQ,WAAW,UAAU;;AAKtC,MAAI,QAAQ,SAAS,YAAY;GAC/B,MAAM,SAAS;IACb,cAAc,QAAQ;IACtB,eAAe,QAAQ;IACvB,WAAW,QAAQ;IACpB;AAED,OAAI,QAAQ,SAAS,WACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAAqB;IAAQ,CAAC,CAAC;AAEtE,OAAI,QAAQ,SAAS,UACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAAoB;IAAQ,CAAC,CAAC;AAErE,OAAI,QAAQ,SAAS,cACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAAwB;IAAQ,CAAC,CAAC;AAEzE,OAAI,QAAQ,SAAS,iBACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAA2B;IAAQ,CAAC,CAAC;AAE5E,OAAI,QAAQ,SAAS,UACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAAoB;IAAQ,CAAC,CAAC;AAErE,OAAI,QAAQ,SAAS,WACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAAqB;IAAQ,CAAC,CAAC;;AAIxE,MAAI,QAAQ,SAAS,aAAa;GAChC,MAAM,SAAS;IAAE,eAAe,QAAQ;IAAe,WAAW,QAAQ;IAAW;AACrF,OAAI,QAAQ,SAAS,cACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAAyB;IAAQ,CAAC,CAAC;AAE1E,OAAI,QAAQ,SAAS,UACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAAqB;IAAQ,CAAC,CAAC;AAEtE,OAAI,QAAQ,SAAS,WACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAAsB;IAAQ,CAAC,CAAC;;AAIzE,MAAI,QAAQ,SAAS,UASnB,QAAO,aAAa,MAAM,GAAG;GAAE,MAAM;GAAW,QARjC;IACb,WAAW,QAAQ;IACnB,eAAe,QAAQ;IACvB,cAAc,QAAQ;IACtB,aAAa,mBAAmB,QAAQ,KAAK;IAC7C,QAAQ,QAAQ;IAChB,aAAa,QAAQ;IACtB;GACuD,CAAC,CAAC;AAG5D,MAAI,QAAQ,SAAS,aAAa;GAChC,MAAM,SAAS;IACb,WAAW,QAAQ;IACnB,eAAe,QAAQ;IACvB,cAAc,QAAQ;IACtB,aAAa,mBAAmB,QAAQ,cAAc;IACtD,QAAQ,QAAQ;IACjB;AACD,OAAI,QAAQ,SAAS,WACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAAsB;IAAQ,CAAC,CAAC;AAEvE,OAAI,QAAQ,SAAS,UACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAAqB;IAAQ,CAAC,CAAC;AAEtE,OAAI,QAAQ,SAAS,iBACnB,QAAO,aAAa,MAAM,GAAG;IAAE,MAAM;IAA4B;IAAQ,CAAC,CAAC;;GAG/E;AAKF,UAAS,GAAG,kBAAkB,YAAY,aAAa,QAAQ,MAAM,CAAC"}
+{"version":3,"file":"app-events.js","names":[],"sources":["../../../../src/v2/features/app/app-events.ts"],"sourcesContent":["import type { HttpMethod } from '@scalar/helpers/http/http-methods'\nimport type { WorkspaceStore } from '@scalar/workspace-store/client'\nimport type { OperationExampleMeta, WorkspaceEventBus } from '@scalar/workspace-store/events'\nimport { type ShallowRef, computed } from 'vue'\nimport { type NavigationFailure, NavigationFailureType, type Router } from 'vue-router'\n\nimport type { ScalarClientAppRouteParams } from '@/v2/features/app/helpers/routes'\nimport { initializeWorkspaceEventHandlers } from '@/v2/workspace-events'\n\nexport function initializeAppEventHandlers({\n  eventBus,\n  store,\n  router,\n  rebuildSidebar,\n  navigateToCurrentTab,\n  onSelectSidebarItem,\n  onAfterExampleCreation,\n  onCopyTabUrl,\n  onToggleSidebar,\n  closeSidebar,\n  renameWorkspace,\n}: {\n  eventBus: WorkspaceEventBus\n  store: ShallowRef<WorkspaceStore | null>\n  router: Router\n  rebuildSidebar: (documentName?: string) => void\n  navigateToCurrentTab: () => Promise<void>\n  onSelectSidebarItem: (id: string) => void\n  onAfterExampleCreation: (o: OperationExampleMeta & { documentName?: string }) => void\n  onCopyTabUrl: (tabIndex: number) => void\n  onToggleSidebar: () => void\n  closeSidebar: () => void\n  renameWorkspace: (name: string) => Promise<void>\n}) {\n  const currentRoute = computed(() => router.currentRoute?.value)\n\n  /**\n   * Checks if the current route params match the specified operation meta.\n   * Useful for determining if the sidebar or UI needs to be updated after changes to operations/examples.\n   *\n   * NOTE: It may be beneficial to compare to the active state instead of the router\n   */\n  const isRouteParamsMatch = ({\n    documentName,\n    path,\n    method,\n    exampleName,\n  }: {\n    documentName: string\n    path?: string\n    method?: HttpMethod\n    exampleName?: string\n  }) => {\n    if (documentName !== undefined && documentName !== currentRoute.value?.params.documentSlug) {\n      return false\n    }\n    if (path !== undefined && encodeURIComponent(path) !== currentRoute.value?.params.pathEncoded) {\n      return false\n    }\n    if (method !== undefined && method !== currentRoute.value?.params.method) {\n      return false\n    }\n    if (exampleName !== undefined && exampleName !== currentRoute.value?.params.exampleName) {\n      return false\n    }\n    return true\n  }\n\n  initializeWorkspaceEventHandlers({\n    eventBus,\n    store,\n    hooks: {\n      //------------------------------------------------------------------------------------\n      // Document Related Hooks\n      //------------------------------------------------------------------------------------\n      'document:delete:document': {\n        onAfterExecute: async (payload) => {\n          // Redirect to the workspace environment page if the document was deleted\n          if (currentRoute?.value?.params.documentSlug === payload.name) {\n            await router.push({\n              name: 'workspace.environment',\n            })\n          }\n        },\n      },\n      //------------------------------------------------------------------------------------\n      // Operation Related Hooks\n      //------------------------------------------------------------------------------------\n      'operation:update:pathMethod': {\n        onBeforeExecute: (payload) => ({\n          ...payload,\n          callback: async (status) => {\n            // Redirect to the new example if the mutation was successful\n            if (status === 'success') {\n              // Rebuild the sidebar with the updated order\n              rebuildSidebar(store.value?.workspace.activeDocument?.['x-scalar-navigation']?.name)\n\n              // Now this redirect works for any example\n              await router.replace({\n                name: 'example',\n                params: {\n                  method: payload.payload.method,\n                  pathEncoded: encodeURIComponent(payload.payload.path),\n                  exampleName: currentRoute.value?.params.exampleName,\n                },\n              })\n            }\n\n            payload.callback(status, payload.blurTargetSelector)\n          },\n        }),\n      },\n      'operation:create:operation': {\n        onAfterExecute: (payload) => {\n          onAfterExampleCreation({\n            path: payload.path,\n            method: payload.method,\n            exampleKey: 'default',\n            documentName: payload.documentName,\n          })\n        },\n      },\n      'operation:upsert:parameter': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:update:extra-parameters': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:reload:history': {\n        onAfterExecute: (payload) => onAfterExampleCreation({ ...payload.meta, exampleKey: 'draft' }),\n      },\n      'operation:delete:operation': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n          const {\n            documentName,\n            meta: { path, method },\n          } = payload\n          // Navigate to the document overview page if the operation was deleted\n          if (\n            isRouteParamsMatch({\n              documentName,\n              path,\n              method,\n            })\n          ) {\n            await router.replace({\n              name: 'document.overview',\n              params: {\n                documentSlug: documentName,\n              },\n            })\n          }\n        },\n      },\n      'operation:create:draft-example': {\n        onAfterExecute: async (payload) => {\n          onAfterExampleCreation({ ...payload.meta, exampleKey: payload.exampleName })\n          await router.push({\n            name: 'example',\n            params: {\n              documentSlug: payload.documentName,\n              pathEncoded: encodeURIComponent(payload.meta.path),\n              method: payload.meta.method,\n              exampleName: payload.exampleName,\n            },\n          })\n        },\n      },\n      'operation:delete:example': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n\n          const {\n            documentName,\n            meta: { path, method, exampleKey },\n          } = payload\n          // Navigate to the default example if the example was deleted\n          if (\n            isRouteParamsMatch({\n              documentName,\n              path,\n              method,\n              exampleName: exampleKey,\n            })\n          ) {\n            await router.replace({\n              name: 'example',\n              params: {\n                pathEncoded: encodeURIComponent(path),\n                method,\n                documentSlug: documentName,\n                exampleName: 'default',\n              },\n            })\n          }\n        },\n      },\n      'operation:rename:example': {\n        onAfterExecute: async ({ meta, payload, documentName }) => {\n          // Refresh sidebar\n          onAfterExampleCreation({ ...meta, exampleKey: payload.name, documentName })\n\n          // Redirect to the new example if the mutation was successful and we are currently on the example\n          if (\n            isRouteParamsMatch({ documentName, path: meta.path, method: meta.method, exampleName: meta.exampleKey })\n          ) {\n            await router.replace({\n              name: 'example',\n              params: {\n                documentSlug: documentName,\n                pathEncoded: encodeURIComponent(meta.path),\n                method: meta.method,\n                exampleName: payload.name,\n              },\n            })\n          }\n        },\n      },\n      //------------------------------------------------------------------------------------\n      // Operation Request Body Related Hooks\n      //------------------------------------------------------------------------------------\n      'operation:update:requestBody:value': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      'operation:update:requestBody:formValue': {\n        onAfterExecute: (payload) => onAfterExampleCreation(payload.meta),\n      },\n      //------------------------------------------------------------------------------------\n      // Tag Related Event Hooks\n      //------------------------------------------------------------------------------------\n      'tag:create:tag': {\n        onAfterExecute: (payload) => rebuildSidebar(payload.documentName),\n      },\n      'tag:edit:tag': {\n        onAfterExecute: async (payload) => {\n          rebuildSidebar(payload.documentName)\n\n          /**\n           * If the currently viewed operation is a child of the renamed tag, redirect to\n           * the same route so the sidebar and breadcrumbs reflect the new tag name\n           */\n          const isNestedUnderTag = payload.tag.children?.some(\n            (child) =>\n              child.type === 'operation' &&\n              isRouteParamsMatch({\n                documentName: payload.documentName,\n                path: child.path,\n                method: child.method,\n              }),\n          )\n\n          if (isNestedUnderTag) {\n            await router.replace({ ...currentRoute.value })\n          }\n        },\n      },\n      'tag:delete:tag': {\n        onAfterExecute: (payload) => rebuildSidebar(payload.documentName),\n      },\n      //------------------------------------------------------------------------------------\n      // Tabs Related Event Hooks\n      //------------------------------------------------------------------------------------\n      'tabs:add:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:close:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:focus:tab': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:focus:tab-last': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:navigate:previous': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:navigate:next': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n      'tabs:update:tabs': {\n        onAfterExecute: navigateToCurrentTab,\n      },\n    },\n  })\n\n  // Worksapce rename event handler\n  eventBus.on('workspace:update:name', (payload) => renameWorkspace(payload))\n\n  //------------------------------------------------------------------------------------\n  // Navigation Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('scroll-to:nav-item', ({ id }) => onSelectSidebarItem(id))\n\n  //------------------------------------------------------------------------------------\n  // UI Related Event Handlers\n  //------------------------------------------------------------------------------------\n  // Note: Command palette handler is colocated with the command palette component\n\n  eventBus.on('ui:toggle:sidebar', onToggleSidebar)\n\n  /**\n   * Bind the inernal navigation to a public api\n   */\n  eventBus.on('ui:navigate', async (payload) => {\n    const { replace = false } = payload\n    const fn = replace ? router.replace : router.push\n\n    const execCallback = (result: NavigationFailure | void | undefined) => {\n      if (!result) {\n        // Close the sidebar if it is open\n        closeSidebar()\n        return payload.callback?.('success')\n      }\n\n      const navigationFailure: 16 = NavigationFailureType.duplicated\n\n      if (result.type !== navigationFailure) {\n        return payload.callback?.('error')\n      }\n\n      return payload.callback?.('success')\n    }\n\n    type ValidParams = Partial<Record<ScalarClientAppRouteParams, string>>\n\n    if (payload.page === 'document') {\n      const params = {\n        documentSlug: payload.documentSlug,\n        workspaceSlug: payload.workspaceSlug,\n        namespace: payload.namespace,\n      } satisfies ValidParams\n\n      if (payload.path === 'overview') {\n        return execCallback(await fn({ name: 'document.overview', params }))\n      }\n      if (payload.path === 'servers') {\n        return execCallback(await fn({ name: 'document.servers', params }))\n      }\n      if (payload.path === 'environment') {\n        return execCallback(await fn({ name: 'document.environment', params }))\n      }\n      if (payload.path === 'authentication') {\n        return execCallback(await fn({ name: 'document.authentication', params }))\n      }\n      if (payload.path === 'cookies') {\n        return execCallback(await fn({ name: 'document.cookies', params }))\n      }\n      if (payload.path === 'settings') {\n        return execCallback(await fn({ name: 'document.settings', params }))\n      }\n    }\n\n    if (payload.page === 'workspace') {\n      const params = { workspaceSlug: payload.workspaceSlug, namespace: payload.namespace } satisfies ValidParams\n      if (payload.path === 'environment') {\n        return execCallback(await fn({ name: 'workspace.environment', params }))\n      }\n      if (payload.path === 'cookies') {\n        return execCallback(await fn({ name: 'workspace.cookies', params }))\n      }\n      if (payload.path === 'settings') {\n        return execCallback(await fn({ name: 'workspace.settings', params }))\n      }\n    }\n\n    if (payload.page === 'example') {\n      const params = {\n        namespace: payload.namespace,\n        workspaceSlug: payload.workspaceSlug,\n        documentSlug: payload.documentSlug,\n        pathEncoded: encodeURIComponent(payload.path),\n        method: payload.method,\n        exampleName: payload.exampleName,\n      } satisfies ValidParams\n      return execCallback(await fn({ name: 'example', params }))\n    }\n\n    if (payload.page === 'operation') {\n      const params = {\n        namespace: payload.namespace,\n        workspaceSlug: payload.workspaceSlug,\n        documentSlug: payload.documentSlug,\n        pathEncoded: encodeURIComponent(payload.operationPath),\n        method: payload.method,\n      } satisfies ValidParams\n      if (payload.path === 'overview') {\n        return execCallback(await fn({ name: 'operation.overview', params }))\n      }\n      if (payload.path === 'servers') {\n        return execCallback(await fn({ name: 'operation.servers', params }))\n      }\n      if (payload.path === 'authentication') {\n        return execCallback(await fn({ name: 'operation.authentication', params }))\n      }\n    }\n  })\n\n  //------------------------------------------------------------------------------------\n  // Tabs Related Event Handlers\n  //------------------------------------------------------------------------------------\n  eventBus.on('tabs:copy:url', (payload) => onCopyTabUrl(payload.index))\n}\n"],"mappings":"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"}

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

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

package/dist/v2/features/app/components/AppSidebar.vue.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;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"}
+{"version":3,"file":"AppSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/AppSidebar.vue"],"names":[],"mappings":"AA6hBA,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;AAYnD,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;AA2MF,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;AAqpBxD,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-6f80f8d3"]]);
+var AppSidebar_default = /* @__PURE__ */ _plugin_vue_export_helper_default(AppSidebar_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-96a54993"]]);
 //#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-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":""}
+{"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 { createTempOperation } from '@/v2/features/app/helpers/create-temp-operation'\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/**\n * Creates a new operation directly from the empty folder slot.\n * Uses a unique temporary path to avoid conflicts, then navigates to the operation,\n * updates the path to `/`, and focuses the address bar so the user can immediately start typing.\n */\nconst handleAddEmptyFolder = (item: TraversedEntry) => {\n  const itemWithParent = sidebarState.getEntryById(item.id)\n  const documentName = getParentEntry('document', itemWithParent)?.name\n  const tagName = getParentEntry('tag', itemWithParent)?.name\n\n  if (!documentName) {\n    console.error('Document name not found')\n    return\n  }\n  createTempOperation(documentName, {\n    existingPaths: new Set(\n      Object.keys(store.workspace.documents[documentName]?.paths ?? {}),\n    ),\n    eventBus,\n    tags: tagName ? [tagName] : undefined,\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      :workspaceStore=\"store\"\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

@@ -4,14 +4,15 @@ import rabbit_default from "../../../../assets/rabbit.ascii.virtual.js";
 import rabbitjump_default from "../../../../assets/rabbitjump.ascii.virtual.js";
 import DeleteSidebarListElement_default from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
 import DownloadAppButton_default from "./DownloadAppButton.vue.js";
+import { createTempOperation } from "../helpers/create-temp-operation.js";
 import SidebarItemMenu_default from "./SidebarItemMenu.vue.js";
 import { dragHandleFactory } from "../../../helpers/drag-handle-factory.js";
 import { Fragment, capitalize, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, useModel, withCtx, withKeys, withModifiers } from "vue";
 import { ScalarButton, ScalarIconButton, ScalarModal, ScalarSidebarItem, useModal } from "@scalar/components";
-import { LibraryIcon } from "@scalar/icons/library";
-import { isMacOS } from "@scalar/helpers/general/is-mac-os";
 import { ScalarIconDotsThree, ScalarIconGearSix, ScalarIconPlus } from "@scalar/icons";
 import { getParentEntry } from "@scalar/workspace-store/navigation";
+import { LibraryIcon } from "@scalar/icons/library";
+import { isMacOS } from "@scalar/helpers/general/is-mac-os";
 //#region src/v2/features/app/components/AppSidebar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex" };
 var _hoisted_2 = { class: "flex items-center gap-0.5" };
@@ -136,17 +137,23 @@ var AppSidebar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		const closeMenu = () => {
 			if (menuTarget.value) menuTarget.value.showMenu = false;
 		};
-		/** Opens the command palette with the payload needed to create a request */
+		/**
+		* Creates a new operation directly from the empty folder slot.
+		* Uses a unique temporary path to avoid conflicts, then navigates to the operation,
+		* updates the path to `/`, and focuses the address bar so the user can immediately start typing.
+		*/
 		const handleAddEmptyFolder = (item) => {
 			const itemWithParent = __props.sidebarState.getEntryById(item.id);
-			const documentEntry = getParentEntry("document", itemWithParent);
-			const tag = getParentEntry("tag", itemWithParent);
-			__props.eventBus.emit("ui:open:command-palette", {
-				action: "create-request",
-				payload: {
-					documentName: documentEntry?.name,
-					tagId: tag?.name
-				}
+			const documentName = getParentEntry("document", itemWithParent)?.name;
+			const tagName = getParentEntry("tag", itemWithParent)?.name;
+			if (!documentName) {
+				console.error("Document name not found");
+				return;
+			}
+			createTempOperation(documentName, {
+				existingPaths: new Set(Object.keys(__props.store.workspace.documents[documentName]?.paths ?? {})),
+				eventBus: __props.eventBus,
+				tags: tagName ? [tagName] : void 0
 			});
 		};
 		/**
@@ -286,13 +293,15 @@ var AppSidebar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					item: menuTarget.value.item,
 					sidebarState: __props.sidebarState,
 					target: menuTarget.value.el,
+					workspaceStore: __props.store,
 					onCloseMenu: closeMenu,
 					onShowDeleteModal: _cache[9] || (_cache[9] = ($event) => unref(deleteModalState).show())
 				}, null, 8, [
 					"eventBus",
 					"item",
 					"sidebarState",
-					"target"
+					"target",
+					"workspaceStore"
 				])) : createCommentVNode("", true),
 				menuTarget.value ? (openBlock(), createBlock(unref(ScalarModal), {
 					key: 1,

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-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":"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"}
+{"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 { createTempOperation } from '@/v2/features/app/helpers/create-temp-operation'\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/**\n * Creates a new operation directly from the empty folder slot.\n * Uses a unique temporary path to avoid conflicts, then navigates to the operation,\n * updates the path to `/`, and focuses the address bar so the user can immediately start typing.\n */\nconst handleAddEmptyFolder = (item: TraversedEntry) => {\n  const itemWithParent = sidebarState.getEntryById(item.id)\n  const documentName = getParentEntry('document', itemWithParent)?.name\n  const tagName = getParentEntry('tag', itemWithParent)?.name\n\n  if (!documentName) {\n    console.error('Document name not found')\n    return\n  }\n  createTempOperation(documentName, {\n    existingPaths: new Set(\n      Object.keys(store.workspace.documents[documentName]?.paths ?? {}),\n    ),\n    eventBus,\n    tags: tagName ? [tagName] : undefined,\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      :workspaceStore=\"store\"\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":"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"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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