From 349066bcfa7846f91f54c1d77af8becdc1888b25 Mon Sep 17 00:00:00 2001
From: Developer <dev@headquarter.local>
Date: Tue, 9 Jun 2026 09:32:59 +0000
Subject: [PATCH] fix: render RepositoryCreateDialog on desktop when adding
 repository

RepositoryCreateDialog was only rendered inside the isMobile block.
Desktop 'Add Repository' clicks set state but the dialog never appeared.
Add conditional rendering in the desktop section.

Quality gates: tsc --noEmit pass, npm run build pass, 80/80 tests pass
---
 .../features/project/ProjectCard.tsx          |  5 +++-
 apps/web/src/pages/ProjectsPage.tsx           | 23 +++++++++++++++----
 apps/web/src/styles/pages/projects.css        |  1 -
 3 files changed, 22 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/features/project/ProjectCard.tsx b/apps/web/src/components/features/project/ProjectCard.tsx
index 65e7c89..674da3a 100644
--- a/apps/web/src/components/features/project/ProjectCard.tsx
+++ b/apps/web/src/components/features/project/ProjectCard.tsx
@@ -65,7 +65,10 @@ export const ProjectCard = ({
 						type="button"
 						aria-expanded={expanded}
 					>
-						<Icon name={expanded ? "chevron-down" : "chevron-right"} size="sm" />
+						<Icon
+							name={expanded ? "chevron-down" : "chevron-right"}
+							size="sm"
+						/>
 					</button>
 				)}
 				<div>
diff --git a/apps/web/src/pages/ProjectsPage.tsx b/apps/web/src/pages/ProjectsPage.tsx
index 15898e5..e25e8fa 100644
--- a/apps/web/src/pages/ProjectsPage.tsx
+++ b/apps/web/src/pages/ProjectsPage.tsx
@@ -127,11 +127,7 @@ export const ProjectsPage = () => {
 						}
 						onWorkspaceAction={(repoId, workspace, action) => {
 							if (action === "sync") {
-								void handleSyncWorkspace(
-									selectedProject.id,
-									repoId,
-									workspace,
-								);
+								void handleSyncWorkspace(selectedProject.id, repoId, workspace);
 							} else if (action === "delete") {
 								void handleDeleteWorkspace(workspace);
 							}
@@ -276,6 +272,23 @@ export const ProjectsPage = () => {
 					onCancel={closeDialog}
 				/>
 			)}
+
+			{mobileView === "create-repo" && selectedProject && (
+				<RepositoryCreateDialog
+					projectId={selectedProject.id}
+					open={true}
+					title="Add Repository"
+					onClose={() => {
+						setMobileView("list");
+						setSelectedProject(null);
+					}}
+					onCreated={async () => {
+						setMobileView("list");
+						setSelectedProject(null);
+						await reload();
+					}}
+				/>
+			)}
 		</section>
 	);
 };
diff --git a/apps/web/src/styles/pages/projects.css b/apps/web/src/styles/pages/projects.css
index fa51841..901e15f 100644
--- a/apps/web/src/styles/pages/projects.css
+++ b/apps/web/src/styles/pages/projects.css
@@ -137,4 +137,3 @@
 	display: flex;
 	justify-content: flex-start;
 }
-