From 4754b331f236da9a23b6134c24a266f1e47dfb79 Mon Sep 17 00:00:00 2001
From: andrewwallacespeckle <andrew@speckle.systems>
Date: Thu, 24 Jul 2025 12:32:11 +0100
Subject: [PATCH] fix(fe): Add project menu hydration mismatch

---
 .../frontend-2/components/projects/Add.vue    | 20 ++++++++++---------
 .../components/workspace/AddProjectMenu.vue   |  1 +
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/packages/frontend-2/components/projects/Add.vue b/packages/frontend-2/components/projects/Add.vue
index 2b1db3db3..3ebf36a3e 100644
--- a/packages/frontend-2/components/projects/Add.vue
+++ b/packages/frontend-2/components/projects/Add.vue
@@ -1,16 +1,16 @@
 <template>
   <div>
-    <template v-if="workspace">
+    <template v-if="isWorkspaceMode">
       <ProjectsAddDialog
         v-model:open="openNewWorkspaceProject"
-        :workspace-id="workspace.id"
+        :workspace-id="workspaceId"
       />
       <WorkspacePlanProjectModelLimitReachedDialog
         v-model:open="openWorkspaceLimitsHit"
-        :workspace-name="workspace.name"
-        :plan="workspace.plan?.name"
-        :workspace-role="workspace.role"
-        :workspace-slug="workspace.slug || ''"
+        :workspace-name="workspace?.name"
+        :plan="workspace?.plan?.name"
+        :workspace-role="workspace?.role"
+        :workspace-slug="workspaceSlug || ''"
         :location="location"
       />
     </template>
@@ -62,12 +62,14 @@ const props = withDefaults(
   defineProps<{
     workspace?: MaybeNullOrUndefined<ProjectsAdd_WorkspaceFragment>
     location?: string
+    workspaceSlug?: string
   }>(),
   {
     location: 'add_project'
   }
 )
 
+const isWorkspaceMode = computed(() => !!props.workspaceSlug)
 const workspaceId = computed(() => props.workspace?.id || undefined)
 
 const canCreateWorkspace = useCanCreateWorkspaceProject({
@@ -81,7 +83,7 @@ const { openNewWorkspaceProject, openWorkspaceLimitsHit, openNewPersonalProject
       newWorkspaceProject: computed(
         () =>
           !!(
-            workspaceId.value &&
+            isWorkspaceMode.value &&
             !([WorkspaceLimitsReachedError.code] as string[]).includes(
               canCreateWorkspace.cantClickCreateCode.value || ''
             )
@@ -90,12 +92,12 @@ const { openNewWorkspaceProject, openWorkspaceLimitsHit, openNewPersonalProject
       workspaceLimitsHit: computed(
         () =>
           !!(
-            workspaceId.value &&
+            isWorkspaceMode.value &&
             canCreateWorkspace.cantClickCreateCode.value ===
               WorkspaceLimitsReachedError.code
           )
       ),
-      newPersonalProject: computed(() => !workspaceId.value)
+      newPersonalProject: computed(() => !isWorkspaceMode.value)
     }
   })
 </script>
diff --git a/packages/frontend-2/components/workspace/AddProjectMenu.vue b/packages/frontend-2/components/workspace/AddProjectMenu.vue
index 089c2a86f..fcead7525 100644
--- a/packages/frontend-2/components/workspace/AddProjectMenu.vue
+++ b/packages/frontend-2/components/workspace/AddProjectMenu.vue
@@ -32,6 +32,7 @@
     <ProjectsAdd
       v-model:open="showNewProjectDialog"
       :workspace="workspace"
+      :workspace-slug="workspaceSlug"
       location="add-project-menu"
     />
     <WorkspaceMoveProject