From 424e66ee2e0fd8d2eb193a83e0c057faa8dd1116 Mon Sep 17 00:00:00 2001
From: gsxdsm <gsxdsm@users.noreply.github.com>
Date: Thu, 2 Jul 2026 23:33:50 -0700
Subject: [PATCH] fix(dashboard): project setup asks for folder before name
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The project name auto-derives from the chosen directory, so present the folder/directory picker
before the Project Name field — picking the folder first pre-fills a sensible name instead of
asking for a name before there is a folder to base it on.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../app/components/SetupWizardModal.tsx       | 42 +++++++++++--------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/packages/dashboard/app/components/SetupWizardModal.tsx b/packages/dashboard/app/components/SetupWizardModal.tsx
index 21df88e3f6..071e41e604 100644
--- a/packages/dashboard/app/components/SetupWizardModal.tsx
+++ b/packages/dashboard/app/components/SetupWizardModal.tsx
@@ -467,6 +467,30 @@ export function SetupWizardModal({
                 </fieldset>
               </section>
 
+              {/*
+                FNXC:Onboarding 2026-07-03-08:20:
+                Folder selection comes BEFORE the project name: the name auto-derives from the chosen
+                directory, so picking the folder first pre-fills a sensible name (rather than asking for
+                a name before there's a folder to base it on).
+              */}
+              <div className="form-group">
+                <label htmlFor="project-path">{isCloneMode ? t("setup.destinationDirectory", "Destination Directory") : isInitMode ? t("setup.newRepositoryDirectory", "New Repository Directory") : t("setup.projectDirectory", "Project Directory")}</label>
+                <DirectoryPicker
+                  value={state.manualPath}
+                  onChange={handlePathChange}
+                  nodeId={state.manualNodeId || undefined}
+                  localNodeId={localNodeId}
+                  placeholder={isCloneMode ? t("setup.clonePathPlaceholder", "/path/for/new-clone") : isInitMode ? t("setup.initPathPlaceholder", "/path/to/new-project") : t("setup.projectPathPlaceholder", "/path/to/your/project")}
+                />
+                <p className="form-hint">
+                  {isCloneMode
+                    ? t("setup.clonePathHint", "Select or type an absolute destination path. Fusion will clone into this directory. The destination must be empty or absent.")
+                    : isInitMode
+                      ? t("setup.initPathHint", "Select or type an absolute path to an empty or non-git folder. Fusion will run git init during registration.")
+                      : t("setup.projectPathHint", "Select or type the absolute path to an existing git repository or workspace root.")}
+                </p>
+              </div>
+
               <div className="form-group">
                 <label htmlFor="project-name">{t("setup.projectName", "Project Name")}</label>
                 <input
@@ -487,24 +511,6 @@ export function SetupWizardModal({
                 </p>
               </div>
 
-              <div className="form-group">
-                <label htmlFor="project-path">{isCloneMode ? t("setup.destinationDirectory", "Destination Directory") : isInitMode ? t("setup.newRepositoryDirectory", "New Repository Directory") : t("setup.projectDirectory", "Project Directory")}</label>
-                <DirectoryPicker
-                  value={state.manualPath}
-                  onChange={handlePathChange}
-                  nodeId={state.manualNodeId || undefined}
-                  localNodeId={localNodeId}
-                  placeholder={isCloneMode ? t("setup.clonePathPlaceholder", "/path/for/new-clone") : isInitMode ? t("setup.initPathPlaceholder", "/path/to/new-project") : t("setup.projectPathPlaceholder", "/path/to/your/project")}
-                />
-                <p className="form-hint">
-                  {isCloneMode
-                    ? t("setup.clonePathHint", "Select or type an absolute destination path. Fusion will clone into this directory. The destination must be empty or absent.")
-                    : isInitMode
-                      ? t("setup.initPathHint", "Select or type an absolute path to an empty or non-git folder. Fusion will run git init during registration.")
-                      : t("setup.projectPathHint", "Select or type the absolute path to an existing git repository or workspace root.")}
-                </p>
-              </div>
-
               {isCloneMode && (
                 <div className="form-group">
                   <label htmlFor="project-clone-url">{t("setup.repositoryUrl", "Repository URL")}</label>