Feat: Prompt Test

- Se implementa el testeo de prompts en el panel de admin sin activación. - Se realizan mejoras visuales en los controles.
2025-12-05 13:12:02 -03:00
parent a87550b890
commit 5cef67a2bf
5 changed files with 370 additions and 83 deletions
--- a/chatbot-admin/src/theme.ts
+++ b/chatbot-admin/src/theme.ts
@@ -0,0 +1,87 @@
+import { createTheme, alpha } from '@mui/material/styles';
+
+const theme = createTheme({
+  palette: {
+    mode: 'dark',
+    primary: {
+      main: '#7c4dff', // Deep Purple
+      light: '#b47cff',
+      dark: '#3f1dcb',
+    },
+    secondary: {
+      main: '#ff4081', // Pink A200
+      light: '#ff79b0',
+      dark: '#c60055',
+    },
+    background: {
+      default: '#121212',
+      paper: '#1e1e1e',
+    },
+    text: {
+      primary: '#ffffff',
+      secondary: 'rgba(255, 255, 255, 0.7)',
+    }
+  },
+  typography: {
+    fontFamily: '"Inter", "Roboto", "Helvetica", "Arial", sans-serif',
+    h5: {
+      fontWeight: 600,
+    },
+    h4: {
+      fontWeight: 700,
+      background: 'linear-gradient(45deg, #7c4dff 30%, #ff4081 90%)',
+      WebkitBackgroundClip: 'text',
+      WebkitTextFillColor: 'transparent',
+    }
+  },
+  components: {
+    MuiCssBaseline: {
+      styleOverrides: {
+        body: {
+          // Optional: Background pattern or gradient
+          backgroundImage: 'radial-gradient(circle at 50% 50%, #1f1f1f 0%, #000000 100%)',
+          backgroundAttachment: 'fixed',
+        },
+      },
+    },
+    MuiPaper: {
+      styleOverrides: {
+        root: {
+          backgroundImage: 'none', // Remove default gradient
+        },
+      },
+    },
+    MuiCard: {
+      styleOverrides: {
+        root: {
+          backgroundColor: alpha('#1e1e1e', 0.6),
+          backdropFilter: 'blur(12px)',
+          border: '1px solid rgba(255, 255, 255, 0.12)',
+          transition: 'transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out',
+          '&:hover': {
+            transform: 'translateY(-4px)',
+            boxShadow: '0 8px 24px rgba(0,0,0,0.5)',
+            border: '1px solid rgba(124, 77, 255, 0.5)',
+          }
+        }
+      }
+    },
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          textTransform: 'none',
+          borderRadius: 8,
+          fontWeight: 600,
+        },
+        contained: {
+          boxShadow: 'none',
+          '&:hover': {
+            boxShadow: '0 4px 12px rgba(124, 77, 255, 0.4)',
+          }
+        }
+      },
+    },
+  },
+});
+
+export default theme;