xertica-ui 1.3.5 → 1.3.7

package/components/HomePage.tsx

@@ -51,6 +51,10 @@ export function HomePage({ user, onLogout }: HomePageProps) {
         responseGenerator={generateDemoResponse}
         richSuggestions={richSuggestions}
         feedbackOptions={feedbackOptions}
+        onEvaluation={(messageId, type, reason) => {
+          console.log(`Avaliação recebida: ${type} na mensagem ${messageId}. Motivo: ${reason}`);
+          // Aqui você implementaria a lógica para salvar no backend
+        }}
       />
     </div>
   );

package/components/TemplateContent.tsx

@@ -41,7 +41,6 @@ export function TemplateContent({ }: TemplateContentProps) {
   return (
     <div
       className={`flex-1 flex flex-col overflow-hidden transition-all duration-300 ${sidebarExpanded ? 'md:pl-64' : 'md:pl-20'
-        } ${assistenteExpanded ? 'md:pr-[420px]' : 'md:pr-20'
         }`}
     >
       {/* Header fixo */}

package/components/TemplatePage.tsx

@@ -2,14 +2,8 @@ import React from 'react';
 import { useLocation, useNavigate } from 'react-router';
 import { Sidebar } from './Sidebar';
 import { TemplateContent } from './TemplateContent';
-import { AssistenteXertica } from './AssistenteXertica';
+import { XerticaAssistant } from './ui/xertica-assistant';
 import { routes } from '../routes';
-
-interface TemplatePageProps {
-  user: { email: string } | null;
-  onLogout: () => void;
-}
-
 import { useLayout } from '../contexts/LayoutContext';
 
 interface TemplatePageProps {
@@ -18,7 +12,7 @@ interface TemplatePageProps {
 }
 
 export function TemplatePage({ user, onLogout }: TemplatePageProps) {
-  const { sidebarExpanded, assistenteExpanded, toggleSidebar, toggleAssistente, toggleAssistenteWithTab } = useLayout();
+  const { sidebarExpanded, assistenteExpanded, toggleSidebar, toggleAssistente } = useLayout();
   const location = useLocation();
   const navigate = useNavigate();
 
@@ -34,10 +28,10 @@ export function TemplatePage({ user, onLogout }: TemplatePageProps) {
         routes={routes}
       />
       <TemplateContent />
-      <AssistenteXertica
+      <XerticaAssistant
         isExpanded={assistenteExpanded}
         onToggle={toggleAssistente}
-        onToggleWithTab={toggleAssistenteWithTab}
+        onEvaluation={(id, type, reason) => console.log('Feedback:', id, type, reason)}
       />
     </div>
   );

package/components/index.ts

@@ -45,9 +45,6 @@ export { Sidebar } from './Sidebar';
 export { ThemeToggle } from './ThemeToggle';
 export { LanguageSelector } from './LanguageSelector';
 
-// Connected Components (require Providers)
-export { AssistenteXertica } from './AssistenteXertica';
-
 // State Management & Contexts
 export * from '../contexts';
 

package/components/ui/xertica-assistant.tsx

@@ -487,9 +487,9 @@ export function XerticaAssistant({
     }
   }, [mensagens, abaSelecionada]);
 
-  // Sincronizar mensagens iniciais
+  // Sincronizar mensagens iniciais apenas quando elas mudarem e não forem vazias
   useEffect(() => {
-    if (initialMessages.length > 0) {
+    if (initialMessages && initialMessages.length > 0) {
       setMensagens(initialMessages);
     }
   }, [initialMessages]);
@@ -875,17 +875,22 @@ export function XerticaAssistant({
         {/* Header - Toggle Button - Apenas visível quando não está em fullPage */}
         {!isFullPage && (
           <div
-            className="border-b border-border flex items-center justify-between px-[22px] py-[16px]"
+            className={cn(
+              "border-b border-border flex items-center py-3",
+              isExpanded ? "justify-between px-4 py-4" : "justify-center px-0"
+            )}
           >
             {isExpanded && (
               <motion.div
-                initial={{ opacity: 0, x: 20 }}
+                initial={{ opacity: 0, x: -10 }}
                 animate={{ opacity: 1, x: 0 }}
-                exit={{ opacity: 0, x: 20 }}
-                className="flex items-center gap-2"
+                exit={{ opacity: 0, x: -10 }}
+                className="flex items-center gap-2 overflow-hidden"
               >
-                <XerticaOrbe size={32} />
-                <span className="text-foreground">Assistente Xertica</span>
+                <div className="flex-shrink-0">
+                  <XerticaOrbe size={32} />
+                </div>
+                <span className="text-foreground font-medium truncate">Assistente Xertica</span>
               </motion.div>
             )}
 
@@ -895,7 +900,7 @@ export function XerticaAssistant({
                   variant="ghost"
                   size="sm"
                   onClick={onNavigateFullPage}
-                  className="p-2 text-muted-foreground"
+                  className="h-8 w-8 p-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-full"
                   title="Expandir assistente"
                 >
                   <Maximize2 className="w-4 h-4" />
@@ -906,7 +911,10 @@ export function XerticaAssistant({
                 variant="ghost"
                 size="sm"
                 onClick={handleToggle}
-                className="p-2 text-muted-foreground"
+                className={cn(
+                  "h-8 w-8 p-0 text-muted-foreground hover:bg-accent hover:text-accent-foreground rounded-full",
+                  !isExpanded && "w-10 h-10" // Slightly larger touch target when collapsed if desired, or keep consistent
+                )}
               >
                 {isExpanded ? (
                   <ChevronRight className="w-4 h-4" />
@@ -926,7 +934,7 @@ export function XerticaAssistant({
               <TooltipTrigger asChild>
                 <button
                   onClick={handleToggle}
-                  className="flex items-center justify-center hover:opacity-90 transition-opacity duration-200 cursor-pointer"
+                  className="w-10 h-10 rounded-full flex items-center justify-center hover:bg-accent/50 transition-colors duration-200 cursor-pointer mx-auto"
                 >
                   <XerticaOrbe size={32} />
                 </button>

package/dist/components/TemplatePage.d.ts

@@ -4,11 +4,5 @@ interface TemplatePageProps {
     } | null;
     onLogout: () => void;
 }
-interface TemplatePageProps {
-    user: {
-        email: string;
-    } | null;
-    onLogout: () => void;
-}
 export declare function TemplatePage({ user, onLogout }: TemplatePageProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/index.d.ts

@@ -13,7 +13,6 @@ export { XerticaOrbe } from './XerticaOrbe';
 export { Sidebar } from './Sidebar';
 export { ThemeToggle } from './ThemeToggle';
 export { LanguageSelector } from './LanguageSelector';
-export { AssistenteXertica } from './AssistenteXertica';
 export * from '../contexts';
 export { Header } from './Header';
 export { DocumentEditor } from './DocumentEditor';

package/dist/components/ui/alert.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const alertVariants: (props?: ({
-    variant?: "default" | "error" | "success" | "info" | "warning" | null | undefined;
+    variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Alert({ className, variant, children, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
 declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "info" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | "info" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare function Badge({ className, variant, asChild, children, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;