@burtson-labs/bandit-engine 2.0.110 → 2.0.111

package/dist/index.js

@@ -44999,6 +44999,9 @@ var Management = () => {
         },
         MuiTextField: {
           defaultProps: { size: "small" }
+        },
+        MuiButton: {
+          defaultProps: { size: "small" }
         }
       }
     });
@@ -45141,82 +45144,46 @@ var Management = () => {
               if (isMobile) setSidebarOpen(false);
             },
             sx: {
-              minHeight: 56,
-              borderRadius: 3,
-              mx: 1,
-              my: 0.5,
-              px: 2,
-              py: 1.5,
-              border: tabIndex === idx ? (theme2) => `2px solid ${theme2.palette.primary.main}40` : "2px solid transparent",
-              bgcolor: tabIndex === idx ? (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.12)" : "rgba(25,118,210,0.08)" : "transparent",
+              minHeight: 36,
+              borderRadius: 1.5,
+              mx: 0.5,
+              my: 0.125,
+              px: 1.25,
+              py: 0.5,
+              bgcolor: tabIndex === idx ? (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.14)" : "rgba(25,118,210,0.10)" : "transparent",
               color: tabIndex === idx ? "primary.main" : "text.primary",
-              fontWeight: tabIndex === idx ? 700 : 500,
-              transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
+              transition: "background-color 0.15s ease, color 0.15s ease",
               position: "relative",
-              overflow: "hidden",
               "&:before": {
                 content: '""',
                 position: "absolute",
                 left: 0,
-                top: 0,
-                bottom: 0,
-                width: 4,
+                top: 5,
+                bottom: 5,
+                width: 3,
                 bgcolor: tabIndex === idx ? "primary.main" : "transparent",
-                borderRadius: "0 2px 2px 0",
-                transition: "all 0.2s"
+                borderRadius: "0 2px 2px 0"
               },
               "&:hover": {
-                bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(25,118,210,0.15)" : "rgba(25,118,210,0.10)",
-                color: "primary.main",
-                transform: "translateX(4px)",
-                "&:before": {
-                  bgcolor: "primary.main"
-                }
-              },
-              "&:active": {
-                transform: "translateX(2px) scale(0.98)"
+                bgcolor: (theme2) => theme2.palette.mode === "dark" ? "rgba(255,255,255,0.06)" : "rgba(0,0,0,0.04)",
+                color: "primary.main"
               },
               "& .MuiListItemIcon-root": {
-                minWidth: 44,
-                mr: 1.5
-              }
+                minWidth: 28,
+                mr: 1,
+                color: tabIndex === idx ? "primary.main" : "text.secondary"
+              },
+              "& .MuiListItemIcon-root svg": { width: 17, height: 17 }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                import_material52.ListItemIcon,
-                {
-                  sx: {
-                    color: tabIndex === idx ? "primary.main" : "text.secondary",
-                    fontSize: 24,
-                    transition: "all 0.2s"
-                  },
-                  children: tab.icon
-                }
-              ),
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_material52.ListItemIcon, { children: tab.icon }),
               /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 import_material52.ListItemText,
                 {
                   primary: tab.label,
                   primaryTypographyProps: {
-                    fontWeight: tabIndex === idx ? 700 : 600,
-                    fontSize: "1rem",
-                    letterSpacing: "-0.01em"
-                  }
-                }
-              ),
-              tabIndex === idx && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
-                import_material52.Box,
-                {
-                  sx: {
-                    position: "absolute",
-                    right: -10,
-                    top: -10,
-                    width: 90,
-                    height: 90,
-                    bgcolor: (theme2) => theme2.palette.primary.main,
-                    filter: "blur(45px)",
-                    opacity: 0.35,
-                    pointerEvents: "none"
+                    fontWeight: tabIndex === idx ? 700 : 500,
+                    fontSize: "0.85rem"
                   }
                 }
               )
@@ -45423,9 +45390,9 @@ var Management = () => {
             import_material52.Box,
             {
               sx: {
-                width: 280,
-                minWidth: 280,
-                maxWidth: 280,
+                width: 240,
+                minWidth: 240,
+                maxWidth: 240,
                 height: "100vh",
                 display: "flex",
                 flexDirection: "column",
@@ -45457,7 +45424,7 @@ var Management = () => {
                 display: "flex",
                 flexDirection: "column",
                 bgcolor: "background.default",
-                ml: isMobile ? 0 : "280px",
+                ml: isMobile ? 0 : "240px",
                 // Fixed left margin only on desktop
                 mt: 0,
                 transition: "margin-left 0.2s"