xertica-ui 2.3.0 → 2.4.1

package/components/pages/home-content/HomeContent.tsx

@@ -45,10 +45,7 @@ export function HomeContent() {
       <Header
         showThemeToggle={true}
         showLanguageSelector={true}
-        breadcrumbs={[
-          { label: t('nav.designSystem'), href: '/home' },
-          { label: t('nav.home') },
-        ]}
+        breadcrumbs={[{ label: t('nav.designSystem'), href: '/home' }, { label: t('nav.home') }]}
         renderLink={(href, props) => <Link to={href} {...props} />}
       />
 
@@ -56,60 +53,63 @@ export function HomeContent() {
         <ScrollArea className="h-full">
           <div className="p-5 sm:p-4 md:p-6">
             <div className="max-w-6xl mx-auto space-y-8">
-              <PageHeader
-                title={t('home.welcome')}
-                subtitle={t('home.subtitle')}
-              />
+              <PageHeader title={t('home.welcome')} subtitle={t('home.subtitle')} />
 
               <SectionErrorBoundary>
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-                {isLoading ? (
-                  <>
-                    <FeatureCardSkeleton showAction />
-                    <FeatureCardSkeleton showAction />
-                    <FeatureCardSkeleton showAction />
-                  </>
-                ) : (
-                  featureCards.map(card => (
-                    <Card
-                      key={card.id}
-                      className="hover:shadow-xl transition-shadow duration-200 flex flex-col h-full"
-                    >
-                      <CardHeader>
-                        <div className="flex items-center gap-3">
-                          <div className="p-2 bg-[var(--chart-2)]/20 rounded-[var(--radius)]">
-                            <FileText className="w-6 h-6 text-[var(--chart-2)]" />
+                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                  {isLoading ? (
+                    <>
+                      <FeatureCardSkeleton showAction />
+                      <FeatureCardSkeleton showAction />
+                      <FeatureCardSkeleton showAction />
+                    </>
+                  ) : (
+                    featureCards.map(card => (
+                      <Card
+                        key={card.id}
+                        className="hover:shadow-xl transition-shadow duration-200 flex flex-col h-full"
+                      >
+                        <CardHeader>
+                          <div className="flex items-center gap-3">
+                            <div className="p-2 bg-[var(--chart-2)]/20 rounded-[var(--radius)]">
+                              <FileText className="w-6 h-6 text-[var(--chart-2)]" />
+                            </div>
+                            <div className="flex items-center gap-2">
+                              <CardTitle className="text-sm">
+                                {t(`home.${card.id.replace(/-/g, '')}Title`, {
+                                  defaultValue: card.title,
+                                })}
+                              </CardTitle>
+                              {card.badge && (
+                                <Badge variant="default" className="text-xs">
+                                  {t(`home.${card.id.replace(/-/g, '')}badge`, {
+                                    defaultValue: card.badge,
+                                  })}
+                                </Badge>
+                              )}
+                            </div>
                           </div>
-                          <div className="flex items-center gap-2">
-                            <CardTitle className="text-sm">
-                              {t(`home.${card.id.replace(/-/g, '')}Title`, { defaultValue: card.title })}
-                            </CardTitle>
-                            {card.badge && (
-                              <Badge variant="default" className="text-xs">
-                                {t(`home.${card.id.replace(/-/g, '')}badge`, { defaultValue: card.badge })}
-                              </Badge>
-                            )}
-                          </div>
-                        </div>
-                      </CardHeader>
-                      <CardContent className="flex-1">
-                        <p className="text-muted-foreground">
-                          {t(`home.${card.id.replace(/-/g, '')}Description`, { defaultValue: card.description })}
-                        </p>
-                      </CardContent>
-                      <CardFooter>
-                        <Button
-                          variant="outline"
-                          className="w-full"
-                          onClick={() => navigate(card.href)}
-                        >
-                          {t('common.view')}
-                        </Button>
-                      </CardFooter>
-                    </Card>
-                  ))
-                )}
-              </div>
+                        </CardHeader>
+                        <CardContent className="flex-1">
+                          <p className="text-muted-foreground">
+                            {t(`home.${card.id.replace(/-/g, '')}Description`, {
+                              defaultValue: card.description,
+                            })}
+                          </p>
+                        </CardContent>
+                        <CardFooter>
+                          <Button
+                            variant="outline"
+                            className="w-full"
+                            onClick={() => navigate(card.href)}
+                          >
+                            {t('common.view')}
+                          </Button>
+                        </CardFooter>
+                      </Card>
+                    ))
+                  )}
+                </div>
               </SectionErrorBoundary>
             </div>
           </div>

package/components/pages/home-page/HomePage.tsx

@@ -7,7 +7,11 @@ import { gerarResposta } from '../../shared/assistant-utils';
 import { routes } from '../../shared/navigation';
 import { useOptionalLayout } from '../../../contexts/LayoutContext';
 import { useAuth } from '../../../contexts/AuthContext';
-import { useAssistantConfig, getMockRichSuggestions, getMockFeedbackOptions } from '../../../features/assistant';
+import {
+  useAssistantConfig,
+  getMockRichSuggestions,
+  getMockFeedbackOptions,
+} from '../../../features/assistant';
 
 /**
  * Root Dashboard page component.

package/components/pages/login-page/LoginPage.tsx

@@ -64,7 +64,7 @@ export function LoginPage({ onLogin }: LoginPageProps) {
   };
 
   return (
-    <div className="min-h-screen flex">
+    <div className="h-screen w-full flex overflow-y-auto">
       {/* Left side - Full background image */}
       <div className="hidden lg:flex lg:flex-1 relative overflow-hidden">
         {/* Background image filling all space */}
@@ -153,7 +153,9 @@ export function LoginPage({ onLogin }: LoginPageProps) {
               <div className="w-full border-t border-border"></div>
             </div>
             <div className="relative flex justify-center text-sm">
-              <span className="bg-muted px-2 text-muted-foreground">{t('login.orContinueWith')}</span>
+              <span className="bg-muted px-2 text-muted-foreground">
+                {t('login.orContinueWith')}
+              </span>
             </div>
           </div>
 

package/components/pages/reset-password-page/ResetPasswordPage.tsx

@@ -108,7 +108,7 @@ export function ResetPasswordPage() {
   };
 
   return (
-    <div className="min-h-screen flex">
+    <div className="h-screen w-full flex overflow-y-auto">
       {/* Left side - Full background image */}
       <div className="hidden lg:flex lg:flex-1 relative overflow-hidden">
         {/* Background image filling all space */}
@@ -210,13 +210,17 @@ export function ResetPasswordPage() {
                   <CheckCircle2
                     className={`w-4 h-4 ${password.length >= 6 ? 'text-[var(--chart-2)]' : 'text-muted-foreground'}`}
                   />
-                  <span className="text-sm text-muted-foreground">{t('resetPassword.requirementMinChars')}</span>
+                  <span className="text-sm text-muted-foreground">
+                    {t('resetPassword.requirementMinChars')}
+                  </span>
                 </div>
                 <div className="flex items-center gap-2">
                   <CheckCircle2
                     className={`w-4 h-4 ${password === confirmPassword && password.length > 0 ? 'text-[var(--chart-2)]' : 'text-muted-foreground'}`}
                   />
-                  <span className="text-sm text-muted-foreground">{t('resetPassword.requirementMatch')}</span>
+                  <span className="text-sm text-muted-foreground">
+                    {t('resetPassword.requirementMatch')}
+                  </span>
                 </div>
               </div>
             </div>