@cogito.ai/cli 0.4.2 → 0.4.3

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

@@ -7,11 +7,7 @@ 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 }>
-}) {
+export default async function ProfilePage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
   const user = await getCurrentUser()
 
@@ -49,9 +45,7 @@ export default async function ProfilePage({
               <p className="text-sm text-muted-foreground">{email}</p>
             </div>
           </div>
-          <p className="text-sm text-muted-foreground">
-            Avatar upload feature coming soon.
-          </p>
+          <p className="text-sm text-muted-foreground">Avatar upload feature coming soon.</p>
         </CardContent>
       </Card>
 

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

@@ -1,10 +1,6 @@
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 
-export default async function AboutPage({
-  params,
-}: {
-  params: Promise<{ locale: string }>
-}) {
+export default async function AboutPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
 
   return (
@@ -16,7 +12,8 @@ export default async function AboutPage({
         </CardHeader>
         <CardContent>
           <p className="text-muted-foreground">
-            This page is a placeholder. Replace it with your actual about information before shipping.
+            This page is a placeholder. Replace it with your actual about information before
+            shipping.
           </p>
         </CardContent>
       </Card>

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

@@ -1,10 +1,6 @@
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
 
-export default async function HelpPage({
-  params,
-}: {
-  params: Promise<{ locale: string }>
-}) {
+export default async function HelpPage({ params }: { params: Promise<{ locale: string }> }) {
   const { locale } = await params
 
   return (

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,10 +1,6 @@
 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 (
@@ -16,7 +12,8 @@ export default async function PrivacyPage({
         </CardHeader>
         <CardContent>
           <p className="text-muted-foreground">
-            This template page is a placeholder. Replace it with your actual privacy policy before shipping.
+            This template page is a placeholder. Replace it with your actual privacy policy before
+            shipping.
           </p>
         </CardContent>
       </Card>

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

@@ -10,9 +10,8 @@ export async function GET(request: NextRequest) {
   const nextParam = searchParams.get('next')
 
   // Whitelist check to prevent open redirect attacks
-  const safePath = nextParam && ALLOWED_NEXT.includes(nextParam)
-    ? nextParam
-    : `/${defaultLocale}/dashboard`
+  const safePath =
+    nextParam && ALLOWED_NEXT.includes(nextParam) ? nextParam : `/${defaultLocale}/dashboard`
 
   if (code) {
     const supabase = await getServerClient()

package/dist/templates/web-nextjs/apps/web/src/components/dashboard/app-sidebar.tsx

@@ -1,6 +1,6 @@
-"use client"
+'use client'
 
-import * as React from "react"
+import * as React from 'react'
 import {
   IconDashboard,
   IconHelp,
@@ -8,11 +8,11 @@ import {
   IconInnerShadowTop,
   IconSettings,
   IconShield,
-} from "@tabler/icons-react"
+} from '@tabler/icons-react'
 
-import { NavMain } from "@/components/dashboard/nav-main"
-import { NavSecondary } from "@/components/dashboard/nav-secondary"
-import { NavUser } from "@/components/dashboard/nav-user"
+import { NavMain } from '@/components/dashboard/nav-main'
+import { NavSecondary } from '@/components/dashboard/nav-secondary'
+import { NavUser } from '@/components/dashboard/nav-user'
 import {
   Sidebar,
   SidebarContent,
@@ -21,7 +21,7 @@ import {
   SidebarMenu,
   SidebarMenuButton,
   SidebarMenuItem,
-} from "@/components/ui/sidebar"
+} from '@/components/ui/sidebar'
 
 export function AppSidebar({
   user,
@@ -33,12 +33,12 @@ export function AppSidebar({
 }) {
   const navMain = [
     {
-      title: "Dashboard",
+      title: 'Dashboard',
       url: `/${locale}/dashboard`,
       icon: IconDashboard,
     },
     {
-      title: "Settings",
+      title: 'Settings',
       url: `/${locale}/settings/profile`,
       icon: IconSettings,
     },
@@ -46,17 +46,17 @@ export function AppSidebar({
 
   const navSecondary = [
     {
-      title: "Help",
+      title: 'Help',
       url: `/${locale}/help`,
       icon: IconHelp,
     },
     {
-      title: "Privacy Policy",
+      title: 'Privacy Policy',
       url: `/${locale}/privacy`,
       icon: IconShield,
     },
     {
-      title: "About",
+      title: 'About',
       url: `/${locale}/about`,
       icon: IconInfoCircle,
     },
@@ -67,10 +67,7 @@ export function AppSidebar({
       <SidebarHeader>
         <SidebarMenu>
           <SidebarMenuItem>
-            <SidebarMenuButton
-              asChild
-              className="data-[slot=sidebar-menu-button]:p-1.5!"
-            >
+            <SidebarMenuButton asChild className="data-[slot=sidebar-menu-button]:p-1.5!">
               <a href={`/${locale}/dashboard`}>
                 <IconInnerShadowTop className="size-5!" />
                 <span className="text-base font-semibold">AgentDock</span>