Fix: explore plans redirect (#4518)

packages/frontend-2/components/viewer/limits/Dialog.vue

@@ -18,6 +18,7 @@ import { modelRoute, settingsWorkspaceRoutes } from '~/lib/common/helpers/route'
 import { useEmbed } from '~/lib/viewer/composables/setup/embed'
 import { useWorkspaceLimits } from '~/lib/workspaces/composables/limits'
 import { useMixpanel } from '~/lib/core/composables/mp'
+import { useNavigation } from '~/lib/navigation/composables/navigation'
 
 type LimitType = 'version' | 'comment' | 'federated'
 
@@ -32,6 +33,7 @@ const props = defineProps<{
 const { isEnabled: isEmbedEnabled } = useEmbed()
 const { versionLimitFormatted } = useWorkspaceLimits(props.workspaceSlug)
 const mixpanel = useMixpanel()
+const { mutateActiveWorkspaceSlug } = useNavigation()
 
 const dialogOpen = defineModel<boolean>('open', {
   required: true
@@ -105,6 +107,7 @@ const explorePlansButton: LayoutDialogButton = {
       // eslint-disable-next-line camelcase
       workspace_id: props.workspaceSlug
     })
+    mutateActiveWorkspaceSlug(props.workspaceSlug)
     return navigateTo(settingsWorkspaceRoutes.billing.route(props.workspaceSlug || ''))
   }
 }

packages/frontend-2/components/workspace/plan/ProjectModelLimitReachedDialog.vue

@@ -20,6 +20,7 @@ import { settingsWorkspaceRoutes } from '~/lib/common/helpers/route'
 import { useWorkspaceLimits } from '~/lib/workspaces/composables/limits'
 import { formatName } from '~/lib/billing/helpers/plan'
 import { useMixpanel } from '~/lib/core/composables/mp'
+import { useNavigation } from '~/lib/navigation/composables/navigation'
 
 const props = defineProps<{
   workspaceSlug: string
@@ -32,6 +33,7 @@ const props = defineProps<{
 
 const mixpanel = useMixpanel()
 const { limits } = useWorkspaceLimits(props.workspaceSlug)
+const { mutateActiveWorkspaceSlug } = useNavigation()
 
 const dialogOpen = defineModel<boolean>('open', {
   required: true
@@ -48,6 +50,7 @@ const explorePlansButton: LayoutDialogButton = {
       // eslint-disable-next-line camelcase
       workspace_id: props.workspaceSlug
     })
+    mutateActiveWorkspaceSlug(props.workspaceSlug)
     return navigateTo(settingsWorkspaceRoutes.billing.route(props.workspaceSlug || ''))
   }
 }