+
+
setProjectName(e.target.value)}
+ placeholder="my-awesome-app"
+ className="neo-input"
+ pattern="^[a-zA-Z0-9_-]+$"
+ autoFocus
+ />
+
+ Use letters, numbers, hyphens, and underscores only.
+
+
- {error && (
-
-
-
Creating project...
+ {error && (
+
+ {error}
+
+ )}
+
+
+
+
- )}
+
+ )}
+
+ {/* Step 2: Spec Method */}
+ {step === 'method' && (
+
+
+ How would you like to define your project?
+
-
-
-
-
- )}
+
+ {/* Claude option */}
+
+
+ {/* Manual option */}
+
+
- {/* Step 3: Complete */}
- {step === 'complete' && (
-
-
-
+ {error && (
+
+ {error}
+
+ )}
+
+ {createProject.isPending && (
+
+
+ Creating project...
+
+ )}
+
+
-
{projectName}
-
- Your project has been created successfully!
-
-
-
-
Redirecting...
+ )}
+
+ {/* Step 3: Complete */}
+ {step === 'complete' && (
+
+
+
+
+
+ {projectName}
+
+
+ Your project has been created successfully!
+
+
+
+ Redirecting...
+
-
- )}
-
-
+ )}
+
+
+