@cogito.ai/cli 0.4.1 → 0.4.3

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/(auth)/reset-password/page.tsx

@@ -0,0 +1,115 @@
+'use client'
+
+import { useActionState, useEffect } from 'react'
+import { useParams, useSearchParams } from 'next/navigation'
+import Link from 'next/link'
+import { useTranslations } from 'next-intl'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { GalleryVerticalEnd } from 'lucide-react'
+import { toast } from 'sonner'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Input } from '@/components/ui/input'
+import { Field, FieldDescription, FieldGroup, FieldLabel } from '@/components/ui/field'
+import { resetPassword } from '@/features/auth'
+import { resetPasswordSchema, type ResetPasswordInput } from '@/lib/validations/auth'
+import type { ActionResult } from '@/core/types/auth'
+
+export default function ResetPasswordPage() {
+  const t = useTranslations('auth')
+  const routeParams = useParams<{ locale: string }>()
+  const searchParams = useSearchParams()
+  const locale = routeParams.locale ?? 'en'
+  const error = searchParams.get('error')
+
+  const {
+    register,
+    formState: { errors },
+  } = useForm<ResetPasswordInput>({
+    resolver: zodResolver(resetPasswordSchema),
+    defaultValues: { password: '', confirmPassword: '' },
+  })
+
+  const [state, formAction, isPending] = useActionState<ActionResult | null, FormData>(
+    resetPassword,
+    null,
+  )
+
+  useEffect(() => {
+    if (state?.error) toast.error(state.error)
+  }, [state])
+
+  useEffect(() => {
+    if (error === 'link_expired') {
+      toast.error(t('resetLinkExpired'))
+    }
+  }, [error, t])
+
+  return (
+    <div className="flex min-h-svh flex-col items-center justify-center gap-6 bg-muted p-6 md:p-10">
+      <div className="flex w-full max-w-sm flex-col gap-6">
+        <Link href={`/${locale}`} className="flex items-center gap-2 self-center font-medium">
+          <div className="flex size-6 items-center justify-center rounded-md bg-primary text-primary-foreground">
+            <GalleryVerticalEnd className="size-4" />
+          </div>
+          AgentDock
+        </Link>
+
+        <Card>
+          <CardHeader className="text-center">
+            <CardTitle className="text-xl">{t('resetPasswordTitle')}</CardTitle>
+            <CardDescription>{t('resetPasswordSubtitle')}</CardDescription>
+          </CardHeader>
+          <CardContent>
+            <form action={formAction}>
+              <input type="hidden" name="locale" value={locale} />
+              <FieldGroup>
+                <Field>
+                  <FieldLabel htmlFor="password">{t('newPasswordLabel')}</FieldLabel>
+                  <Input
+                    id="password"
+                    type="password"
+                    placeholder={t('passwordPlaceholder')}
+                    autoComplete="new-password"
+                    {...register('password')}
+                  />
+                  {errors.password && (
+                    <FieldDescription className="text-destructive">
+                      {errors.password.message}
+                    </FieldDescription>
+                  )}
+                </Field>
+                <Field>
+                  <FieldLabel htmlFor="confirmPassword">{t('confirmPasswordLabel')}</FieldLabel>
+                  <Input
+                    id="confirmPassword"
+                    type="password"
+                    placeholder={t('confirmPasswordPlaceholder')}
+                    autoComplete="new-password"
+                    {...register('confirmPassword')}
+                  />
+                  {errors.confirmPassword && (
+                    <FieldDescription className="text-destructive">
+                      {errors.confirmPassword.message}
+                    </FieldDescription>
+                  )}
+                </Field>
+                <Field>
+                  <Button type="submit" className="w-full" disabled={isPending}>
+                    {isPending ? '\u2026' : t('resetPasswordButton')}
+                  </Button>
+                  <FieldDescription className="text-center">
+                    <Link href={`/${locale}/login`} className="underline underline-offset-4">
+                      {t('backToLogin')}
+                    </Link>
+                  </FieldDescription>
+                </Field>
+              </FieldGroup>
+            </form>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  )
+}

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/(auth)/signup/page.tsx

@@ -11,12 +11,7 @@ import { toast } from 'sonner'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 import { Input } from '@/components/ui/input'
-import {
-  Field,
-  FieldDescription,
-  FieldGroup,
-  FieldLabel,
-} from '@/components/ui/field'
+import { Field, FieldDescription, FieldGroup, FieldLabel } from '@/components/ui/field'
 import { signUp } from '@/features/auth'
 import { signUpSchema, type SignUpInput } from '@/lib/validations/auth'
 import type { ActionResult } from '@/core/types/auth'
@@ -28,15 +23,18 @@ export default function SignupPage() {
   const locale = routeParams.locale ?? 'en'
   const [verifyEmail, setVerifyEmail] = useState<string | null>(null)
 
-  const { register, formState: { errors } } = useForm<SignUpInput>({
+  const {
+    register,
+    formState: { errors },
+  } = useForm<SignUpInput>({
     resolver: zodResolver(signUpSchema),
     defaultValues: { email: '', password: '', confirmPassword: '' },
   })
 
-  const [state, formAction, isPending] = useActionState<ActionResult<SignUpSuccessData> | null, FormData>(
-    signUp,
-    null,
-  )
+  const [state, formAction, isPending] = useActionState<
+    ActionResult<SignUpSuccessData> | null,
+    FormData
+  >(signUp, null)
 
   useEffect(() => {
     if (state?.error) toast.error(state.error)
@@ -56,9 +54,7 @@ export default function SignupPage() {
           <Card>
             <CardHeader className="text-center">
               <CardTitle className="text-xl">{t('verifyEmailTitle')}</CardTitle>
-              <CardDescription>
-                {t('verifyEmailMessage', { email: verifyEmail })}
-              </CardDescription>
+              <CardDescription>{t('verifyEmailMessage', { email: verifyEmail })}</CardDescription>
             </CardHeader>
             <CardContent>
               <div className="text-center">
@@ -158,9 +154,14 @@ export default function SignupPage() {
           </Card>
           <FieldDescription className="px-6 text-center">
             {t('termsText')}{' '}
-            <Link href={`/${locale}/terms`} className="underline underline-offset-4">{t('termsLink')}</Link>
-            {' '}{t('andText')}{' '}
-            <Link href={`/${locale}/privacy`} className="underline underline-offset-4">{t('privacyLink')}</Link>.
+            <Link href={`/${locale}/terms`} className="underline underline-offset-4">
+              {t('termsLink')}
+            </Link>{' '}
+            {t('andText')}{' '}
+            <Link href={`/${locale}/privacy`} className="underline underline-offset-4">
+              {t('privacyLink')}
+            </Link>
+            .
           </FieldDescription>
         </div>
       </div>

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/(protected)/dashboard/page.tsx

@@ -8,11 +8,7 @@ import { getCurrentUser } from '@/features/auth/server'
 
 import data from '@/components/dashboard/data.json'
 
-export default async function DashboardPage({
-  params,
-}: {
-  params: Promise<{ locale: string }>
-}) {
+export default async function DashboardPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
   const user = await getCurrentUser()
 

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/(protected)/settings/layout.tsx

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react'
+
+export default function SettingsLayout({ children }: { children: ReactNode }) {
+  return <div className="container mx-auto max-w-4xl px-4 py-10">{children}</div>
+}

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/(protected)/settings/page.tsx

@@ -0,0 +1,9 @@
+import { redirect } from 'next/navigation'
+import { defaultLocale } from '@/i18n/config'
+
+export default function SettingsPage({ params }: { params: Promise<{ locale: string }> }) {
+  return (async () => {
+    const { locale } = await params
+    redirect(`/${locale}/settings/profile`)
+  })()
+}

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/(protected)/settings/profile/page.tsx

@@ -0,0 +1,91 @@
+import { redirect } from 'next/navigation'
+import Link from 'next/link'
+import { getCurrentUser } from '@/features/auth/server'
+import { ProfileForm } from '@/components/profile/profile-form'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'
+import { Button } from '@/components/ui/button'
+import { Separator } from '@/components/ui/separator'
+
+export default async function ProfilePage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = await params
+  const user = await getCurrentUser()
+
+  if (!user) {
+    redirect(`/${locale}/login`)
+  }
+
+  const displayName = user.user_metadata?.display_name ?? ''
+  const email = user.email ?? ''
+  const avatarUrl = user.user_metadata?.avatar_url ?? ''
+  const initials = email.charAt(0).toUpperCase()
+
+  return (
+    <div className="space-y-6">
+      <div>
+        <h1 className="text-2xl font-semibold">Profile Settings</h1>
+        <p className="text-muted-foreground">Manage your account settings and preferences.</p>
+      </div>
+      <Separator />
+
+      {/* Avatar & Basic Info */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Profile</CardTitle>
+          <CardDescription>Your public profile information.</CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          <div className="flex items-center gap-4">
+            <Avatar className="h-16 w-16">
+              <AvatarImage src={avatarUrl} alt={displayName || email} />
+              <AvatarFallback className="text-lg">{initials}</AvatarFallback>
+            </Avatar>
+            <div>
+              <p className="font-medium">{displayName || 'No display name set'}</p>
+              <p className="text-sm text-muted-foreground">{email}</p>
+            </div>
+          </div>
+          <p className="text-sm text-muted-foreground">Avatar upload feature coming soon.</p>
+        </CardContent>
+      </Card>
+
+      {/* Display Name */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Display Name</CardTitle>
+          <CardDescription>Update your display name shown across the app.</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <ProfileForm defaultName={displayName} locale={locale} />
+        </CardContent>
+      </Card>
+
+      {/* Email */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Email Address</CardTitle>
+          <CardDescription>Your primary email address.</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <p className="text-sm">{email}</p>
+          <p className="mt-2 text-sm text-muted-foreground">
+            To change your email, please contact support.
+          </p>
+        </CardContent>
+      </Card>
+
+      {/* Password */}
+      <Card>
+        <CardHeader>
+          <CardTitle>Password</CardTitle>
+          <CardDescription>Change your password.</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <Button asChild variant="outline">
+            <Link href={`/${locale}/forgot-password`}>Change Password</Link>
+          </Button>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/about/page.tsx

@@ -0,0 +1,22 @@
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+
+export default async function AboutPage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = await params
+
+  return (
+    <main className="mx-auto max-w-3xl px-4 py-10">
+      <Card>
+        <CardHeader>
+          <CardTitle>About Us</CardTitle>
+          <CardDescription>Learn more about AgentDock.</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <p className="text-muted-foreground">
+            This page is a placeholder. Replace it with your actual about information before
+            shipping.
+          </p>
+        </CardContent>
+      </Card>
+    </main>
+  )
+}

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/globals.css

@@ -1,12 +1,24 @@
 @import "../../styles/tw-animate.css";
 @import "../../styles/shadcn-tailwind.css";
 @import "tailwindcss";
+@import "../../styles/tokens.css";
 
 @custom-variant dark (&:is(.dark *));
 
 @theme inline {
-    --font-heading: var(--font-sans);
+    --font-heading: var(--font-geist, var(--font-sans));
     --font-sans: var(--font-sans);
+
+    /* Semantic tokens registered as Tailwind utilities */
+    --color-surface: var(--color-surface);
+    --color-surface-elevated: var(--color-surface-elevated);
+    --color-muted-custom: var(--color-muted);
+    --color-muted-foreground-custom: var(--color-muted-foreground);
+    --color-border-custom: var(--color-border);
+    --color-primary-custom: var(--color-primary);
+    --color-primary-foreground-custom: var(--color-primary-foreground);
+
+    /* shadcn/ui tokens */
     --color-sidebar-ring: var(--sidebar-ring);
     --color-sidebar-border: var(--sidebar-border);
     --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
@@ -119,11 +131,11 @@
 @layer base {
   * {
     @apply border-border outline-ring/50;
-    }
+  }
   body {
     @apply bg-background text-foreground;
-    }
+  }
   html {
     @apply font-sans;
-    }
-}
+  }
+}

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/help/page.tsx

@@ -0,0 +1,21 @@
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+
+export default async function HelpPage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = await params
+
+  return (
+    <main className="mx-auto max-w-3xl px-4 py-10">
+      <Card>
+        <CardHeader>
+          <CardTitle>Help Center</CardTitle>
+          <CardDescription>Find answers to common questions.</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <p className="text-muted-foreground">
+            We are currently compiling our help documentation. Please check back later.
+          </p>
+        </CardContent>
+      </Card>
+    </main>
+  )
+}

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/layout.tsx

@@ -1,15 +1,17 @@
 import type { Metadata } from 'next'
-import { Inter } from 'next/font/google'
+import { Geist } from 'next/font/google'
 import { NextIntlClientProvider } from 'next-intl'
 import { getMessages } from 'next-intl/server'
 import { notFound } from 'next/navigation'
 import { Toaster } from '@/components/ui/sonner'
+import { ThemeProvider } from '@/components/providers/theme-provider'
 import { isLocale } from '@/i18n/config'
 import './globals.css'
 
-const inter = Inter({
+const geist = Geist({
   subsets: ['latin'],
-  variable: '--font-sans',
+  variable: '--font-geist',
+  fallback: ['system-ui', 'sans-serif'],
 })
 
 export const metadata: Metadata = {
@@ -33,11 +35,11 @@ export default async function LocaleLayout({
   const messages = await getMessages()
 
   return (
-    <html lang={locale} suppressHydrationWarning>
-      <body className={`${inter.variable} min-h-screen bg-background font-sans antialiased`}>
-        <NextIntlClientProvider messages={messages}>
-          {children}
-        </NextIntlClientProvider>
+    <html lang={locale} suppressHydrationWarning className={geist.variable}>
+      <body className={`${geist.variable} min-h-screen bg-background font-sans antialiased`}>
+        <ThemeProvider>
+          <NextIntlClientProvider messages={messages}>{children}</NextIntlClientProvider>
+        </ThemeProvider>
         <Toaster />
       </body>
     </html>

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/page.tsx

@@ -1,12 +1,28 @@
 import { useTranslations } from 'next-intl'
+import { Header } from '@/components/landing/header'
+import { Hero } from '@/components/landing/hero'
+import { Features } from '@/components/landing/features'
+import { HowItWorks } from '@/components/landing/how-it-works'
+import { PricingTeaser } from '@/components/landing/pricing-teaser'
+import { Footer } from '@/components/landing/footer'
 
-export default function HomePage() {
-  const t = useTranslations('home')
+export default function HomePage({ params }: { params: Promise<{ locale: string }> }) {
+  return <HomePageContent params={params} />
+}
+
+async function HomePageContent({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = await params
 
   return (
-    <main className="flex min-h-screen flex-col items-center justify-center p-24">
-      <h1 className="text-4xl font-bold">{t('title')}</h1>
-      <p className="mt-4 text-gray-600">{t('description')}</p>
-    </main>
+    <div className="flex min-h-screen flex-col">
+      <Header locale={locale} />
+      <main className="flex-1">
+        <Hero locale={locale} />
+        <Features />
+        <HowItWorks />
+        <PricingTeaser />
+      </main>
+      <Footer locale={locale} />
+    </div>
   )
 }

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/privacy/page.tsx

@@ -1,23 +1,22 @@
-import Link from 'next/link'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 
-export default async function PrivacyPage({
-  params,
-}: {
-  params: Promise<{ locale: string }>
-}) {
+export default async function PrivacyPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
 
   return (
     <main className="mx-auto max-w-3xl px-4 py-10">
-      <h1 className="text-2xl font-semibold">Privacy Policy</h1>
-      <p className="mt-4 text-muted-foreground">
-        This template page is a placeholder. Replace it with your actual privacy policy before shipping.
-      </p>
-      <p className="mt-6">
-        <Link href={`/${locale}/signup`} className="underline underline-offset-4">
-          Back to sign up
-        </Link>
-      </p>
+      <Card>
+        <CardHeader>
+          <CardTitle>Privacy Policy</CardTitle>
+          <CardDescription>How we handle your data.</CardDescription>
+        </CardHeader>
+        <CardContent>
+          <p className="text-muted-foreground">
+            This template page is a placeholder. Replace it with your actual privacy policy before
+            shipping.
+          </p>
+        </CardContent>
+      </Card>
     </main>
   )
 }

package/dist/templates/web-nextjs/apps/web/src/app/[locale]/terms/page.tsx

@@ -1,10 +1,6 @@
 import Link from 'next/link'
 
-export default async function TermsPage({
-  params,
-}: {
-  params: Promise<{ locale: string }>
-}) {
+export default async function TermsPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
 
   return (

package/dist/templates/web-nextjs/apps/web/src/app/auth/callback/route.ts

@@ -2,18 +2,23 @@ import { NextRequest, NextResponse } from 'next/server'
 import { getServerClient } from '@/infra/db/client'
 import { defaultLocale } from '@/i18n/config'
 
+const ALLOWED_NEXT = ['/reset-password']
+
 export async function GET(request: NextRequest) {
   const { searchParams, origin } = new URL(request.url)
   const code = searchParams.get('code')
   const nextParam = searchParams.get('next')
-  const next = nextParam && nextParam.startsWith('/') ? nextParam : `/${defaultLocale}/dashboard`
+
+  // Whitelist check to prevent open redirect attacks
+  const safePath =
+    nextParam && ALLOWED_NEXT.includes(nextParam) ? nextParam : `/${defaultLocale}/dashboard`
 
   if (code) {
     const supabase = await getServerClient()
     const { error } = await supabase.auth.exchangeCodeForSession(code)
 
     if (!error) {
-      return NextResponse.redirect(`${origin}${next}`)
+      return NextResponse.redirect(`${origin}${safePath}`)
     }
   }