Merge pull request #1031 from trycompai/claudio/comp-225-clean-up-animated-flow-ai-loader-edited-convert-to-banner

[dev] [claudfuen] claudio/comp-225-clean-up-animated-flow-ai-loader-edited-convert-to-banner

Author: claudfuen

.github/workflows/release.yml

@@ -43,4 +43,5 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.GH_TOKEN || secrets.GITHUB_TOKEN }}
           # NPM_TOKEN: ${{ secrets.NPM_TOKEN }} # Uncomment if publishing to npm
           DISCORD_WEBHOOK: ${{ secrets.DISCORD_WEBHOOK }}
+          HUSKY: 0 # Skip husky hooks in CI
         run: npx semantic-release

apps/app/src/app/(app)/setup/components/AnimatedGradientBackgroundWrapper.tsx

@@ -7,21 +7,6 @@ export function AnimatedGradientBackgroundWrapper() {
   const [scale, setScale] = useState(0.7);
 
   useEffect(() => {
-    // Function to calculate scale from localStorage
-    const updateScale = () => {
-      if (typeof window !== 'undefined') {
-        const stepIndex = parseInt(localStorage.getItem('onboarding-step-index') || '0');
-        const totalSteps = parseInt(localStorage.getItem('onboarding-total-steps') || '9');
-
-        // Calculate scale based on step progress (0.7 to 1.5)
-        const progressScale = 0.7 + (stepIndex / (totalSteps - 1)) * 0.8;
-        setScale(progressScale);
-      }
-    };
-
-    // Initial load
-    updateScale();
-
     // Listen for step changes
     const handleStepChange = (event: Event) => {
       const customEvent = event as CustomEvent;

apps/app/src/app/(app)/setup/components/OrganizationSetupForm.tsx

@@ -62,23 +62,18 @@ export function OrganizationSetupForm({
 
   const hasExistingOrgs = existingOrganizations.length > 0;
 
-  // Save step progress to localStorage
+  // Dispatch custom event for background animation when step changes
   useEffect(() => {
     if (typeof window !== 'undefined') {
       if (isFinalizing) {
         // Set to max scale when finalizing
-        localStorage.setItem('onboarding-progress', '1');
         window.dispatchEvent(
           new CustomEvent('onboarding-step-change', {
             detail: { stepIndex: steps.length - 1, totalSteps: steps.length, progress: 1 },
           }),
         );
       } else {
         const progress = stepIndex / (steps.length - 1);
-        localStorage.setItem('onboarding-step-index', stepIndex.toString());
-        localStorage.setItem('onboarding-total-steps', steps.length.toString());
-        localStorage.setItem('onboarding-progress', progress.toString());
-
         // Dispatch custom event to notify the background wrapper
         window.dispatchEvent(
           new CustomEvent('onboarding-step-change', {

apps/app/src/app/(app)/setup/hooks/useOnboardingForm.ts

@@ -11,10 +11,9 @@ import { z } from 'zod';
 import { createOrganization } from '../actions/create-organization';
 import { createOrganizationMinimal } from '../actions/create-organization-minimal';
 import type { OnboardingFormFields } from '../components/OnboardingStepInput';
-import { STORAGE_KEY, companyDetailsSchema, steps } from '../lib/constants';
+import { companyDetailsSchema, steps } from '../lib/constants';
 import { updateSetupSession } from '../lib/setup-session';
 import type { CompanyDetails } from '../lib/types';
-import { useLocalStorage } from './useLocalStorage';
 
 interface UseOnboardingFormProps {
   setupId?: string;
@@ -29,9 +28,8 @@ export function useOnboardingForm({
 }: UseOnboardingFormProps = {}) {
   const router = useRouter();
 
-  // If we have a setupId, use the initialData from KV, otherwise use localStorage
-  const [savedAnswers, setSavedAnswers] = useLocalStorage<Partial<CompanyDetails>>(
-    STORAGE_KEY,
+  // Use state instead of localStorage - initialized from KV data if setupId exists
+  const [savedAnswers, setSavedAnswers] = useState<Partial<CompanyDetails>>(
     setupId && initialData ? initialData : {},
   );
 
@@ -108,6 +106,7 @@ export function useOnboardingForm({
         // Organization created, now redirect to plans page
         router.push(`/upgrade/${data.organizationId}`);
 
+        // Clear answers after successful creation
         setSavedAnswers({});
       } else {
         toast.error('Failed to create organization');