Feat/quest creation wizard

[Kaylahray]

Closes #174

What I implemented

I built the Quest Creation Wizard for creating quests through a guided 7-step flow and connected it to the real quest creation API.

This includes:

• a dedicated quest creation route
• a full 7-step wizard flow
• step-by-step validation
• rich text editing for quest descriptions
• drag-and-drop deliverables builder
• token/reward configuration
• deadline and milestone handling
• timezone-aware timeline formatting and validation
• verification mode setup
• review and preview before publish
• draft save/load with autosave
• confirmation state after publishing
• E2E quest wizard coverage

Main changes

Wizard flow

Implemented the full multi-step quest creation experience with:

• Quest Basics
• Requirements & Criteria
• Reward Configuration
• Timeline
• Verification Settings
• Review & Preview
• Confirmation

Form features

Added support for:

• rich text description editing
• drag-and-drop deliverables
• reward asset selection
• reward amount and XP input
• deadline and milestone scheduling
• timezone selection
• verifier address display and validation

Validation

Added validation to prevent invalid progression and publishing, including:

• required basics fields
• short description limits
• skill and deliverable requirements
• reward validation
• future deadline validation
• milestone title/date validation
• milestone-before-deadline validation
• verification instructions and auto-criteria validation
• verifier address requirement before publish

Draft saving

Implemented draft persistence with:

• manual save
• autosave
• load draft
• clear draft
• step/progress persistence

API integration

Replaced the previous mock/admin creation flow with the real quests API flow.

Added:

• quest payload mapping for the backend contract
• real rewardAsset, rewardAmount, verifierAddress, deadline, requirements, and tags
• dedicated quest creation hook for submission

Preview improvements

Expanded preview to reflect the actual wizard data, including:

• description
• reward configuration
• deadline and timezone
• skills
• deliverables
• milestones
• verification instructions
• automation criteria
• verifier address

Files added/updated

• app/quests/create/page.tsx
• components/quest/QuestWizard.tsx
• components/quest/RequirementsBuilder.tsx
• components/quest/RewardConfigurator.tsx
• components/quest/QuestPreview.tsx
• components/quest/RichTextEditor.tsx
• components/quest/steps/*
• lib/schemas/quest.schema.ts
• lib/hooks/useQuestDraft.ts
• lib/hooks/useQuestCreation.ts
• tests/e2e/quest-wizard.spec.ts

Testing

Implemented quest wizard Playwright coverage for:

• full 7-step flow
• validation blocking
• draft save/load
• publish payload behavior

[drips-wave]

@Kaylahray Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits