Merge branch 'Features/Backend/Bootstrap-Reset'

Frontend/src/components/workspace-home/WorkspaceHome/WorkspaceHome.tsx

@@ -45,6 +45,7 @@ const bootstrapStepDefinitions: readonly BootstrapStepDefinition[] = [
 ];
 
 const bootstrapCompletionStorageKey = "moku.bootstrap.completed";
+const isDevelopmentEnvironment = import.meta.env.DEV;
 
 const defaultInstanceForm = {
 	protocol: "http",
@@ -57,7 +58,7 @@ const defaultModeForm = {
 } as const;
 
 const defaultAdminForm = {
-	displayName: "Admin",
+	displayName: "First admin",
 	email: "admin@example.com",
 	password: "",
 } as const;
@@ -291,6 +292,32 @@ export const WorkspaceHome = (props: WorkspaceHomeProps): JSX.Element => {
 		void submitCurrentStep();
 	};
 
+	const handleDevelopmentReset = async (): Promise<void> => {
+		const response = await fetch(`${apiBase()}/dev/bootstrap/reset`, {
+			method: "POST",
+			headers: {
+				Accept: "application/json",
+			},
+		});
+		const data = await readResponseBody(response);
+
+		if (!response.ok) {
+			throw new Error(
+				typeof data?.message === "string"
+					? data.message
+					: typeof data?.error?.message === "string"
+						? data.error.message
+						: "Failed to reset development bootstrap state.",
+			);
+		}
+
+		writeBootstrapCompletion(false);
+		setIsBootstrapComplete(false);
+		setIsWizardOpen(true);
+		resetWizardState();
+		await appShellData.reload();
+	};
+
 	const statusLabel = (state: BootstrapSubmissionState): string => {
 		switch (state.status) {
 			case "submitting":
@@ -352,6 +379,20 @@ export const WorkspaceHome = (props: WorkspaceHomeProps): JSX.Element => {
 							</button>
 						</div>
 					</Show>
+					<Show when={isDevelopmentEnvironment && isBootstrapStateResolved()}>
+						<div class={styles.heroActions}>
+							<button
+								type="button"
+								class={styles.secondaryButton}
+								data-slot="development-bootstrap-reset"
+								onClick={() => {
+									void handleDevelopmentReset();
+								}}
+							>
+								Reset development bootstrap state
+							</button>
+						</div>
+					</Show>
 				</section>
 			</main>
 
@@ -459,7 +500,7 @@ export const WorkspaceHome = (props: WorkspaceHomeProps): JSX.Element => {
 														type="text"
 														value={adminForm.displayName}
 														onInput={(event): void => setAdminForm("displayName", event.currentTarget.value)}
-												placeholder="Admin"
+														placeholder="First admin"
 													/>
 												</label>
 												<label class={styles.field}>