From a76ea381f5abf3c35465a1d19cdc53959c3ec3bb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Iv=C3=A1n=20Uruchurtu?= Date: Thu, 9 Jul 2026 21:23:05 -0600 Subject: [PATCH 1/5] feat(web): refresh account creation loading screen --- .../stories/AccountCreationScreen.stories.tsx | 25 +++++++++++++ .../web/src/app/account-verification/page.tsx | 28 +++++---------- .../components/auth/AccountCreationScreen.tsx | 16 +++++++++ .../auth/AccountCreationStatus.module.css | 33 ++++++++++++++++++ .../components/auth/AccountCreationStatus.tsx | 15 ++++++++ docs/images/account-creation-after.png | Bin 0 -> 9929 bytes docs/images/account-creation-before.png | Bin 0 -> 23399 bytes 7 files changed, 98 insertions(+), 19 deletions(-) create mode 100644 apps/storybook/stories/AccountCreationScreen.stories.tsx create mode 100644 apps/web/src/components/auth/AccountCreationScreen.tsx create mode 100644 apps/web/src/components/auth/AccountCreationStatus.module.css create mode 100644 apps/web/src/components/auth/AccountCreationStatus.tsx create mode 100644 docs/images/account-creation-after.png create mode 100644 docs/images/account-creation-before.png diff --git a/apps/storybook/stories/AccountCreationScreen.stories.tsx b/apps/storybook/stories/AccountCreationScreen.stories.tsx new file mode 100644 index 0000000000..788c102646 --- /dev/null +++ b/apps/storybook/stories/AccountCreationScreen.stories.tsx @@ -0,0 +1,25 @@ +import type { Meta, StoryObj } from '@storybook/nextjs'; +import { AccountCreationScreen } from '@/components/auth/AccountCreationScreen'; + +const meta = { + title: 'Auth/AccountCreationScreen', + component: AccountCreationScreen, + parameters: { + layout: 'fullscreen', + }, +} satisfies Meta; + +export default meta; +type Story = StoryObj; + +export const Desktop: Story = { + globals: { + viewport: { value: 'desktop', isRotated: false }, + }, +}; + +export const Mobile: Story = { + globals: { + viewport: { value: 'mobile2', isRotated: false }, + }, +}; diff --git a/apps/web/src/app/account-verification/page.tsx b/apps/web/src/app/account-verification/page.tsx index f681883e30..f47334fa58 100644 --- a/apps/web/src/app/account-verification/page.tsx +++ b/apps/web/src/app/account-verification/page.tsx @@ -2,11 +2,9 @@ import { redirect } from 'next/navigation'; import { headers } from 'next/headers'; import { Suspense } from 'react'; import { StytchClient } from '@/components/auth/StytchClient'; -import { AnimatedLogo } from '@/components/AnimatedLogo'; -import BigLoader from '@/components/BigLoader'; +import { AccountCreationScreen } from '@/components/auth/AccountCreationScreen'; import { getUserFromAuthOrRedirect } from '@/lib/user/server'; import { getStytchStatus, handleSignupPromotion, type SignupSource } from '@/lib/stytch'; -import { PageContainer } from '@/components/layouts/PageContainer'; import { isValidCallbackPath } from '@/lib/getSignInCallbackUrl'; import { maybeInterceptWithSurvey } from '@/lib/survey-redirect'; import { isOpenclawAdvisorCallback } from '@/lib/signup-source'; @@ -80,21 +78,13 @@ export default async function AccountVerificationPage({ searchParams }: AppPageP } return ( - -
-
- -
- {stytchStatus === null && ( - - - - )} - -
- © {new Date().getFullYear()} Kilo Code -
-
- + <> + {stytchStatus === null && ( + + + + )} + + ); } diff --git a/apps/web/src/components/auth/AccountCreationScreen.tsx b/apps/web/src/components/auth/AccountCreationScreen.tsx new file mode 100644 index 0000000000..e1bd01fac4 --- /dev/null +++ b/apps/web/src/components/auth/AccountCreationScreen.tsx @@ -0,0 +1,16 @@ +import dynamic from 'next/dynamic'; +import { PageContainer } from '@/components/layouts/PageContainer'; + +const AccountCreationStatus = dynamic(() => + import('@/components/auth/AccountCreationStatus').then(module => module.AccountCreationStatus) +); + +export function AccountCreationScreen() { + return ( + +
+ +
+ + ); +} diff --git a/apps/web/src/components/auth/AccountCreationStatus.module.css b/apps/web/src/components/auth/AccountCreationStatus.module.css new file mode 100644 index 0000000000..72261b203c --- /dev/null +++ b/apps/web/src/components/auth/AccountCreationStatus.module.css @@ -0,0 +1,33 @@ +.shimmer { + font-size: 0.9375rem; + color: var(--muted-foreground); + background-image: linear-gradient( + 100deg, + var(--foreground-subtle) 30%, + color-mix(in srgb, var(--foreground) 55%, var(--muted-foreground)) 50%, + var(--foreground-subtle) 70% + ); + background-size: 200% 100%; + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + animation: shimmer 3.2s linear infinite; +} + +@keyframes shimmer { + from { + background-position: 200% 50%; + } + + to { + background-position: -200% 50%; + } +} + +@media (prefers-reduced-motion: reduce) { + .shimmer { + background-image: none; + -webkit-text-fill-color: currentColor; + animation: none; + } +} diff --git a/apps/web/src/components/auth/AccountCreationStatus.tsx b/apps/web/src/components/auth/AccountCreationStatus.tsx new file mode 100644 index 0000000000..e1adc8b3c6 --- /dev/null +++ b/apps/web/src/components/auth/AccountCreationStatus.tsx @@ -0,0 +1,15 @@ +'use client'; + +import AnimatedKiloLogo from '@/components/AnimatedKiloLogo'; +import styles from './AccountCreationStatus.module.css'; + +export function AccountCreationStatus() { + return ( +
+ +

Creating your account

+
+ ); +} diff --git a/docs/images/account-creation-after.png b/docs/images/account-creation-after.png new file mode 100644 index 0000000000000000000000000000000000000000..ec9f20f3713a77ec3de3409e6189a7fbc5a67a90 GIT binary patch literal 9929 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 z zJ7iI^?A(-2F>g%Pv965HWBZLxbGgJr-B>s7Q*N>;-#k`~v`>(q0{z$5-FeU~;dMic zb#@K=!Izj;cHVTDXkiinZ<$U?^gJ5y{`yAK^JAB!qQ!*qLEw|q09ZdO(T4tJUFdM& zi;>Fn@QMwt+9_AVbNUAJ*iPDJp%d8nNX6qQ^FnQ~z}1E}2-RCUJu_p+uNSalMpA&i z)q4EEvL*sfmc)d$57X$`t{4#g=sD6;11+; M)YYN%i2v{Z00J`4q5uE@ literal 0 HcmV?d00001 diff --git a/docs/images/account-creation-before.png b/docs/images/account-creation-before.png new file mode 100644 index 0000000000000000000000000000000000000000..faed850ce83e39bd57814abf3280fd7e1b430712 GIT binary patch literal 23399 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 literal 0 HcmV?d00001 From 4dccdca162bc18568839c37b307e39caf7011edb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Iv=C3=A1n=20Uruchurtu?= Date: Fri, 10 Jul 2026 00:11:00 -0600 Subject: [PATCH 2/5] chore(storybook): remove account creation story --- .../stories/AccountCreationScreen.stories.tsx | 25 ------------------- 1 file changed, 25 deletions(-) delete mode 100644 apps/storybook/stories/AccountCreationScreen.stories.tsx diff --git a/apps/storybook/stories/AccountCreationScreen.stories.tsx b/apps/storybook/stories/AccountCreationScreen.stories.tsx deleted file mode 100644 index 788c102646..0000000000 --- a/apps/storybook/stories/AccountCreationScreen.stories.tsx +++ /dev/null @@ -1,25 +0,0 @@ -import type { Meta, StoryObj } from '@storybook/nextjs'; -import { AccountCreationScreen } from '@/components/auth/AccountCreationScreen'; - -const meta = { - title: 'Auth/AccountCreationScreen', - component: AccountCreationScreen, - parameters: { - layout: 'fullscreen', - }, -} satisfies Meta; - -export default meta; -type Story = StoryObj; - -export const Desktop: Story = { - globals: { - viewport: { value: 'desktop', isRotated: false }, - }, -}; - -export const Mobile: Story = { - globals: { - viewport: { value: 'mobile2', isRotated: false }, - }, -}; From 9ce361341afe55fd94621489fdcca603e82ffcbe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Iv=C3=A1n=20Uruchurtu?= Date: Fri, 10 Jul 2026 00:17:27 -0600 Subject: [PATCH 3/5] fix(web): disable SSR for account creation animation --- apps/web/src/components/auth/AccountCreationScreen.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/apps/web/src/components/auth/AccountCreationScreen.tsx b/apps/web/src/components/auth/AccountCreationScreen.tsx index e1bd01fac4..843b46f74e 100644 --- a/apps/web/src/components/auth/AccountCreationScreen.tsx +++ b/apps/web/src/components/auth/AccountCreationScreen.tsx @@ -1,8 +1,12 @@ +'use client'; + import dynamic from 'next/dynamic'; import { PageContainer } from '@/components/layouts/PageContainer'; -const AccountCreationStatus = dynamic(() => - import('@/components/auth/AccountCreationStatus').then(module => module.AccountCreationStatus) +const AccountCreationStatus = dynamic( + () => + import('@/components/auth/AccountCreationStatus').then(module => module.AccountCreationStatus), + { ssr: false } ); export function AccountCreationScreen() { From bbbb6881cb3029ecde62e47a773f9796c2bb78b6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Iv=C3=A1n=20Uruchurtu?= Date: Fri, 10 Jul 2026 00:19:13 -0600 Subject: [PATCH 4/5] chore(docs): remove account creation screenshots --- docs/images/account-creation-after.png | Bin 9929 -> 0 bytes docs/images/account-creation-before.png | Bin 23399 -> 0 bytes 2 files changed, 0 insertions(+), 0 deletions(-) delete mode 100644 docs/images/account-creation-after.png delete mode 100644 docs/images/account-creation-before.png diff --git a/docs/images/account-creation-after.png b/docs/images/account-creation-after.png deleted file mode 100644 index ec9f20f3713a77ec3de3409e6189a7fbc5a67a90..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 9929 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 z zJ7iI^?A(-2F>g%Pv965HWBZLxbGgJr-B>s7Q*N>;-#k`~v`>(q0{z$5-FeU~;dMic zb#@K=!Izj;cHVTDXkiinZ<$U?^gJ5y{`yAK^JAB!qQ!*qLEw|q09ZdO(T4tJUFdM& zi;>Fn@QMwt+9_AVbNUAJ*iPDJp%d8nNX6qQ^FnQ~z}1E}2-RCUJu_p+uNSalMpA&i z)q4EEvL*sfmc)d$57X$`t{4#g=sD6;11+; M)YYN%i2v{Z00J`4q5uE@ diff --git a/docs/images/account-creation-before.png b/docs/images/account-creation-before.png deleted file mode 100644 index faed850ce83e39bd57814abf3280fd7e1b430712..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 23399 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 From 9f276f58e9348848c62b462e8ccc129f80d30c67 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Iv=C3=A1n=20Uruchurtu?= Date: Fri, 10 Jul 2026 00:38:20 -0600 Subject: [PATCH 5/5] refactor(web): simplify account creation loading state --- apps/web/src/components/AnimatedKiloLogo.tsx | 15 ++++++++++++++- ...le.css => AccountCreationScreen.module.css} | 0 .../components/auth/AccountCreationScreen.tsx | 18 ++++++++---------- .../components/auth/AccountCreationStatus.tsx | 15 --------------- .../account-verification-redirect.test.ts | 11 ++--------- 5 files changed, 24 insertions(+), 35 deletions(-) rename apps/web/src/components/auth/{AccountCreationStatus.module.css => AccountCreationScreen.module.css} (100%) delete mode 100644 apps/web/src/components/auth/AccountCreationStatus.tsx diff --git a/apps/web/src/components/AnimatedKiloLogo.tsx b/apps/web/src/components/AnimatedKiloLogo.tsx index 5c2315fd08..2478eb6e87 100644 --- a/apps/web/src/components/AnimatedKiloLogo.tsx +++ b/apps/web/src/components/AnimatedKiloLogo.tsx @@ -1,7 +1,20 @@ 'use client'; -import { DotLottieReact } from '@lottiefiles/dotlottie-react'; +import dynamic from 'next/dynamic'; +import { useReducedMotion } from 'motion/react'; +import KiloLogo from '@/components/KiloLogo'; + +const DotLottieReact = dynamic( + () => import('@lottiefiles/dotlottie-react').then(module => module.DotLottieReact), + { ssr: false } +); export default function AnimatedKiloLogo() { + const reduceMotion = useReducedMotion(); + + if (reduceMotion === true) { + return ; + } + return ; } diff --git a/apps/web/src/components/auth/AccountCreationStatus.module.css b/apps/web/src/components/auth/AccountCreationScreen.module.css similarity index 100% rename from apps/web/src/components/auth/AccountCreationStatus.module.css rename to apps/web/src/components/auth/AccountCreationScreen.module.css diff --git a/apps/web/src/components/auth/AccountCreationScreen.tsx b/apps/web/src/components/auth/AccountCreationScreen.tsx index 843b46f74e..1f4a0f8712 100644 --- a/apps/web/src/components/auth/AccountCreationScreen.tsx +++ b/apps/web/src/components/auth/AccountCreationScreen.tsx @@ -1,19 +1,17 @@ -'use client'; - -import dynamic from 'next/dynamic'; +import AnimatedKiloLogo from '@/components/AnimatedKiloLogo'; import { PageContainer } from '@/components/layouts/PageContainer'; - -const AccountCreationStatus = dynamic( - () => - import('@/components/auth/AccountCreationStatus').then(module => module.AccountCreationStatus), - { ssr: false } -); +import styles from './AccountCreationScreen.module.css'; export function AccountCreationScreen() { return (
- +
+ +

Creating your account

+
); diff --git a/apps/web/src/components/auth/AccountCreationStatus.tsx b/apps/web/src/components/auth/AccountCreationStatus.tsx deleted file mode 100644 index e1adc8b3c6..0000000000 --- a/apps/web/src/components/auth/AccountCreationStatus.tsx +++ /dev/null @@ -1,15 +0,0 @@ -'use client'; - -import AnimatedKiloLogo from '@/components/AnimatedKiloLogo'; -import styles from './AccountCreationStatus.module.css'; - -export function AccountCreationStatus() { - return ( -
- -

Creating your account

-
- ); -} diff --git a/apps/web/src/tests/account-verification-redirect.test.ts b/apps/web/src/tests/account-verification-redirect.test.ts index 47e1714eb7..e1afd744c7 100644 --- a/apps/web/src/tests/account-verification-redirect.test.ts +++ b/apps/web/src/tests/account-verification-redirect.test.ts @@ -63,15 +63,8 @@ jest.mock('@/lib/credit-campaigns', () => ({ jest.mock('@/components/auth/StytchClient', () => ({ StytchClient: () => null, })); -jest.mock('@/components/AnimatedLogo', () => ({ - AnimatedLogo: () => null, -})); -jest.mock('@/components/BigLoader', () => ({ - __esModule: true, - default: () => null, -})); -jest.mock('@/components/layouts/PageContainer', () => ({ - PageContainer: ({ children }: { children: React.ReactNode }) => children, +jest.mock('@/components/auth/AccountCreationScreen', () => ({ + AccountCreationScreen: () => null, })); // isValidCallbackPath is NOT mocked — we use the real implementation