xertica-ui 2.1.2 → 2.1.3

package/templates/src/pages/ForgotPasswordPage.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ForgotPasswordContent } from '../features/auth';
-
-export function ForgotPasswordPage() {
-  return <ForgotPasswordContent />;
-}
+import React from 'react';
+import { ForgotPasswordContent } from '../features/auth';
+
+export function ForgotPasswordPage() {
+  return <ForgotPasswordContent />;
+}

package/templates/src/pages/HomePage.tsx

@@ -1,57 +1,57 @@
-import React from 'react';
-import { XerticaAssistant, generateDemoResponse } from 'xertica-ui/assistant';
-import { useLayout } from 'xertica-ui/hooks';
-import { useNavigate } from 'react-router-dom';
-import { AppLayout } from '../app/components/AppLayout';
-import { HomeContent } from '../features/home';
-
-const richSuggestions = [
-  { id: 'chart-1', text: 'Ver análise de performance' },
-  { id: 'table-1', text: 'Gerar relatório de projetos' },
-  { id: 'doc-1', text: 'Criar documento de requisitos' },
-  { id: 'pod-1', text: 'Gerar podcast do resumo diário' },
-];
-
-const feedbackOptions = [
-  'Não era o que eu procurava',
-  'Informação incorreta',
-  'Resposta incompleta',
-];
-
-interface HomePageProps {
-  user: { email: string } | null;
-  onLogout: () => void;
-}
-
-export function HomePage({ user, onLogout }: HomePageProps) {
-  const { assistenteExpanded, toggleAssistente } = useLayout();
-  const navigate = useNavigate();
-
-  return (
-    <AppLayout
-      user={user}
-      onLogout={onLogout}
-      assistant={
-        <XerticaAssistant
-          isExpanded={assistenteExpanded}
-          onToggle={toggleAssistente}
-          defaultTab="chat"
-          demoMode={true}
-          userName="Ariel Santos"
-          responseGenerator={generateDemoResponse}
-          richSuggestions={richSuggestions}
-          feedbackOptions={feedbackOptions}
-          showHistory={false}
-          showFavorites={false}
-          onNavigateSettings={() => navigate('/settings')}
-          onNavigateFullPage={() => navigate('/assistente')}
-          onEvaluation={(messageId, type, reason) => {
-            console.log(`Avaliação recebida: ${type} na mensagem ${messageId}. Motivo: ${reason}`);
-          }}
-        />
-      }
-    >
-      <HomeContent user={user} />
-    </AppLayout>
-  );
-}
+import React from 'react';
+import { XerticaAssistant, generateDemoResponse } from 'xertica-ui/assistant';
+import { useLayout } from 'xertica-ui/hooks';
+import { useNavigate } from 'react-router-dom';
+import { AppLayout } from '../app/components/AppLayout';
+import { HomeContent } from '../features/home';
+
+const richSuggestions = [
+  { id: 'chart-1', text: 'Ver análise de performance' },
+  { id: 'table-1', text: 'Gerar relatório de projetos' },
+  { id: 'doc-1', text: 'Criar documento de requisitos' },
+  { id: 'pod-1', text: 'Gerar podcast do resumo diário' },
+];
+
+const feedbackOptions = [
+  'Não era o que eu procurava',
+  'Informação incorreta',
+  'Resposta incompleta',
+];
+
+interface HomePageProps {
+  user: { email: string } | null;
+  onLogout: () => void;
+}
+
+export function HomePage({ user, onLogout }: HomePageProps) {
+  const { assistenteExpanded, toggleAssistente } = useLayout();
+  const navigate = useNavigate();
+
+  return (
+    <AppLayout
+      user={user}
+      onLogout={onLogout}
+      assistant={
+        <XerticaAssistant
+          isExpanded={assistenteExpanded}
+          onToggle={toggleAssistente}
+          defaultTab="chat"
+          demoMode={true}
+          userName="Ariel Santos"
+          responseGenerator={generateDemoResponse}
+          richSuggestions={richSuggestions}
+          feedbackOptions={feedbackOptions}
+          showHistory={false}
+          showFavorites={false}
+          onNavigateSettings={() => navigate('/settings')}
+          onNavigateFullPage={() => navigate('/assistente')}
+          onEvaluation={(messageId, type, reason) => {
+            console.log(`Avaliação recebida: ${type} na mensagem ${messageId}. Motivo: ${reason}`);
+          }}
+        />
+      }
+    >
+      <HomeContent user={user} />
+    </AppLayout>
+  );
+}

package/templates/src/pages/LoginPage.tsx

@@ -1,10 +1,10 @@
-import React from 'react';
-import { LoginContent } from '../features/auth';
-
-interface LoginPageProps {
-  onLogin: (email: string, password: string) => boolean;
-}
-
-export function LoginPage({ onLogin }: LoginPageProps) {
-  return <LoginContent onLogin={onLogin} />;
-}
+import React from 'react';
+import { LoginContent } from '../features/auth';
+
+interface LoginPageProps {
+  onLogin: (email: string, password: string) => boolean;
+}
+
+export function LoginPage({ onLogin }: LoginPageProps) {
+  return <LoginContent onLogin={onLogin} />;
+}

package/templates/src/pages/ResetPasswordPage.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { ResetPasswordContent } from '../features/auth';
-
-export function ResetPasswordPage() {
-  return <ResetPasswordContent />;
-}
+import React from 'react';
+import { ResetPasswordContent } from '../features/auth';
+
+export function ResetPasswordPage() {
+  return <ResetPasswordContent />;
+}

package/templates/src/pages/TemplatePage.tsx

@@ -1,30 +1,30 @@
-import React from 'react';
-import { XerticaAssistant } from 'xertica-ui/assistant';
-import { useLayout } from 'xertica-ui/hooks';
-import { AppLayout } from '../app/components/AppLayout';
-import { TemplateContent } from '../features/template';
-
-interface TemplatePageProps {
-  user: { email: string } | null;
-  onLogout: () => void;
-}
-
-export function TemplatePage({ user, onLogout }: TemplatePageProps) {
-  const { assistenteExpanded, toggleAssistente } = useLayout();
-
-  return (
-    <AppLayout
-      user={user}
-      onLogout={onLogout}
-      assistant={
-        <XerticaAssistant
-          isExpanded={assistenteExpanded}
-          onToggle={toggleAssistente}
-          onEvaluation={(id, type, reason) => console.log('Feedback:', id, type, reason)}
-        />
-      }
-    >
-      <TemplateContent />
-    </AppLayout>
-  );
-}
+import React from 'react';
+import { XerticaAssistant } from 'xertica-ui/assistant';
+import { useLayout } from 'xertica-ui/hooks';
+import { AppLayout } from '../app/components/AppLayout';
+import { TemplateContent } from '../features/template';
+
+interface TemplatePageProps {
+  user: { email: string } | null;
+  onLogout: () => void;
+}
+
+export function TemplatePage({ user, onLogout }: TemplatePageProps) {
+  const { assistenteExpanded, toggleAssistente } = useLayout();
+
+  return (
+    <AppLayout
+      user={user}
+      onLogout={onLogout}
+      assistant={
+        <XerticaAssistant
+          isExpanded={assistenteExpanded}
+          onToggle={toggleAssistente}
+          onEvaluation={(id, type, reason) => console.log('Feedback:', id, type, reason)}
+        />
+      }
+    >
+      <TemplateContent />
+    </AppLayout>
+  );
+}

package/templates/src/pages/VerifyEmailPage.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-import { VerifyEmailContent } from '../features/auth';
-
-export function VerifyEmailPage() {
-  return <VerifyEmailContent />;
-}
+import React from 'react';
+import { VerifyEmailContent } from '../features/auth';
+
+export function VerifyEmailPage() {
+  return <VerifyEmailContent />;
+}

package/templates/src/shared/config/navigation.ts

@@ -1,20 +1,20 @@
-import React from 'react';
-import { Home, FileText } from 'lucide-react';
-
-export interface RouteConfig {
-  path: string;
-  label: string;
-  icon: React.ComponentType<any>;
-  component?: React.ComponentType<any>;
-}
-
-export const routes: RouteConfig[] = [
-  { path: '/home', label: 'Home', icon: Home },
-  { path: '/template', label: 'Template', icon: FileText },
-];
-
-export const getRouteByPath = (path: string): RouteConfig | undefined =>
-  routes.find(route => route.path === path);
-
-export const isValidRoute = (path: string): boolean =>
-  routes.some(route => route.path === path);
+import React from 'react';
+import { Home, FileText } from 'lucide-react';
+
+export interface RouteConfig {
+  path: string;
+  label: string;
+  icon: React.ComponentType<any>;
+  component?: React.ComponentType<any>;
+}
+
+export const routes: RouteConfig[] = [
+  { path: '/home', label: 'Home', icon: Home },
+  { path: '/template', label: 'Template', icon: FileText },
+];
+
+export const getRouteByPath = (path: string): RouteConfig | undefined =>
+  routes.find(route => route.path === path);
+
+export const isValidRoute = (path: string): boolean =>
+  routes.some(route => route.path === path);

package/templates/src/shared/lib/auth.ts

@@ -1,20 +1,20 @@
-import type { User } from '../types/auth';
-
-const AUTH_KEY = 'app_user';
-
-export function getStoredUser(): User | null {
-  try {
-    const raw = localStorage.getItem(AUTH_KEY);
-    return raw ? (JSON.parse(raw) as User) : null;
-  } catch {
-    return null;
-  }
-}
-
-export function storeUser(user: User): void {
-  localStorage.setItem(AUTH_KEY, JSON.stringify(user));
-}
-
-export function clearStoredUser(): void {
-  localStorage.removeItem(AUTH_KEY);
-}
+import type { User } from '../types/auth';
+
+const AUTH_KEY = 'app_user';
+
+export function getStoredUser(): User | null {
+  try {
+    const raw = localStorage.getItem(AUTH_KEY);
+    return raw ? (JSON.parse(raw) as User) : null;
+  } catch {
+    return null;
+  }
+}
+
+export function storeUser(user: User): void {
+  localStorage.setItem(AUTH_KEY, JSON.stringify(user));
+}
+
+export function clearStoredUser(): void {
+  localStorage.removeItem(AUTH_KEY);
+}

package/templates/src/shared/types/auth.ts

@@ -1,3 +1,3 @@
-export interface User {
-  email: string;
-}
+export interface User {
+  email: string;
+}

package/templates/src/styles/xertica/tokens.css

@@ -40,8 +40,8 @@
   --success-foreground: rgba(250, 250, 250, 1);
   --info: rgba(37, 99, 235, 1);
   --info-foreground: rgba(250, 250, 250, 1);
-  --warning: rgba(245, 158, 11, 1);
-  --warning-foreground: rgba(24, 24, 27, 1);
+  --warning: rgba(234, 179, 8, 1);
+  --warning-foreground: rgba(28, 25, 23, 1);
 
   --border: rgba(228, 228, 231, 1);
   --input: rgba(244, 244, 245, 0.5);
@@ -58,12 +58,23 @@
   --sidebar-border: rgba(65, 61, 107, 1);
   --sidebar-ring: rgba(161, 161, 170, 1);
 
-  /* Charts */
-  --chart-1: rgba(44, 39, 91, 1);
-  --chart-2: rgba(5, 150, 105, 1);
+  /* Charts — vibrant, accessible, harmonious palette */
+  --chart-1: rgba(99, 91, 255, 1);
+  /* indigo-violet — brand-adjacent */
+  --chart-2: rgba(16, 185, 129, 1);
+  /* emerald — success-adjacent */
   --chart-3: rgba(245, 158, 11, 1);
-  --chart-4: rgba(37, 99, 235, 1);
+  /* amber — warm accent */
+  --chart-4: rgba(59, 130, 246, 1);
+  /* blue — info-adjacent */
   --chart-5: rgba(239, 68, 68, 1);
+  /* red — destructive-adjacent */
+  --chart-6: rgba(168, 85, 247, 1);
+  /* purple — extended palette */
+  --chart-7: rgba(20, 184, 166, 1);
+  /* teal — extended palette */
+  --chart-8: rgba(251, 113, 133, 1);
+  /* rose — extended palette */
 
   /* Gradients */
   --gradient-diagonal: linear-gradient(135deg, #FDB0F2 0%, #72CDFD 100%);
@@ -116,9 +127,9 @@
   --toast-success-border: rgba(5, 150, 105, 1);
   --toast-success-icon: rgba(5, 150, 105, 1);
   /* Toast - Warning */
-  --toast-warning-bg: rgba(254, 243, 199, 1);
-  --toast-warning-border: rgba(245, 158, 11, 1);
-  --toast-warning-icon: rgba(245, 158, 11, 1);
+  --toast-warning-bg: rgba(254, 249, 195, 1);
+  --toast-warning-border: rgba(161, 98, 7, 1);
+  --toast-warning-icon: rgba(161, 98, 7, 1);
   /* Toast - Info */
   --toast-info-bg: rgba(219, 234, 254, 1);
   --toast-info-border: rgba(37, 99, 235, 1);
@@ -176,6 +187,24 @@
 
   --elevation-sm: 0px 0px 48px 0px rgba(0, 0, 0, 0.3);
 
+  /* Charts — dark mode: slightly lighter/more saturated for contrast on dark bg */
+  --chart-1: rgba(129, 122, 255, 1);
+  /* indigo-violet lighter */
+  --chart-2: rgba(52, 211, 153, 1);
+  /* emerald lighter */
+  --chart-3: rgba(251, 191, 36, 1);
+  /* amber lighter */
+  --chart-4: rgba(96, 165, 250, 1);
+  /* blue lighter */
+  --chart-5: rgba(248, 113, 113, 1);
+  /* red lighter */
+  --chart-6: rgba(196, 132, 252, 1);
+  /* purple lighter */
+  --chart-7: rgba(45, 212, 191, 1);
+  /* teal lighter */
+  --chart-8: rgba(253, 164, 175, 1);
+  /* rose lighter */
+
   /* Sidebar */
   --sidebar-foreground: rgba(250, 250, 250, 1);
   --sidebar-primary: rgba(255, 255, 255, 1);
@@ -204,4 +233,4 @@
   --toast-error-bg: rgba(127, 29, 29, 1);
   --toast-error-border: rgba(248, 113, 113, 1);
   --toast-error-icon: rgba(248, 113, 113, 1);
-}
+}

package/templates/tsconfig.json

@@ -20,13 +20,13 @@
     "noFallthroughCasesInSwitch": true,
     "noEmit": true
   },
-  "include": [
-    "src",
-    "vite-env.d.ts"
-  ],
+  "include": [
+    "src",
+    "vite-env.d.ts"
+  ],
   "references": [
     {
       "path": "./tsconfig.node.json"
     }
   ]
-}
+}