@burtson-labs/bandit-engine 2.0.104 → 2.0.105

package/dist/index.js

@@ -35262,10 +35262,10 @@ var PersonalitiesTab = ({
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
-            minWidth: { xs: "42px", sm: "48px" },
-            height: { xs: "42px", sm: "48px" },
+            minWidth: { xs: "36px", sm: "38px" },
+            height: { xs: "36px", sm: "38px" },
             boxShadow: "0 4px 12px rgba(25,118,210,0.25)"
-          }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(RocketLaunchOutlinedIcon, { sx: { fontSize: { xs: "1.3rem", sm: "1.5rem" }, color: "common.white" } }) }),
+          }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(RocketLaunchOutlinedIcon, { sx: { fontSize: { xs: "1.15rem", sm: "1.25rem" }, color: "common.white" } }) }),
           /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { textAlign: { xs: "left", md: "initial" }, flex: 1 }, children: [
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
               import_material40.Typography,
@@ -35278,7 +35278,7 @@ var PersonalitiesTab = ({
                   WebkitBackgroundClip: "text",
                   WebkitTextFillColor: "transparent",
                   mb: { xs: 0.25, sm: 0.5 },
-                  fontSize: { xs: "1.35rem", sm: "1.75rem" }
+                  fontSize: { xs: "1.2rem", sm: "1.35rem" }
                 },
                 children: "Quick Start Templates"
               }
@@ -35309,7 +35309,7 @@ var PersonalitiesTab = ({
           }
         )
       ] }),
-      isMobile ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+      isMobile && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
         import_material40.Box,
         {
           sx: {
@@ -35336,32 +35336,12 @@ var PersonalitiesTab = ({
             /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Collapse, { in: showTemplateHelp, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", sx: { color: "text.secondary", fontSize: "0.8rem", lineHeight: 1.4, mt: 0.75 }, children: "Choose a setup you like, then tweak name, tone, and prompt details in the Create/Edit tab." }) })
           ]
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
-        import_material40.Alert,
-        {
-          severity: "info",
-          sx: {
-            mb: { xs: 2.5, md: 4 },
-            borderRadius: 2,
-            border: "1px solid rgba(25, 118, 210, 0.2)",
-            background: "linear-gradient(135deg, rgba(25, 118, 210, 0.05) 0%, rgba(66, 165, 245, 0.05) 100%)",
-            px: { xs: 1.5, sm: 2 },
-            py: { xs: 1.25, sm: 1.5 },
-            "& .MuiAlert-icon": {
-              color: "primary.main"
-            }
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { display: "flex", flexDirection: "column", gap: 0.5 }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", sx: { fontWeight: 600, color: "primary.main", fontSize: { xs: "0.85rem", sm: "0.9rem" } }, children: "Choose a template to get started instantly" }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", sx: { color: "text.secondary", fontSize: { xs: "0.85rem", sm: "0.9rem" }, lineHeight: 1.5 }, children: "Click any template to automatically fill the creation form with a proven personality setup. You can then customize it further to match your specific needs." })
-          ] })
-        }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
         import_material40.Card,
         {
           sx: {
-            mb: { xs: 2, md: 2.5 },
+            mb: { xs: 1.5, md: 2 },
             background: "linear-gradient(135deg, #1976d2 0%, #42a5f5 100%)",
             border: "2px solid transparent",
             borderRadius: { xs: 2.25, sm: 3 },
@@ -35398,7 +35378,7 @@ var PersonalitiesTab = ({
             setPersonalityTabIndex(1);
           },
           children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.CardContent, { sx: {
-            p: { xs: 1.75, sm: 2.5 },
+            p: { xs: 1.5, sm: 1.75 },
             color: "white",
             textAlign: "left",
             position: "relative",
@@ -35415,7 +35395,7 @@ var PersonalitiesTab = ({
               fontSize: 0,
               mb: 0,
               flexShrink: 0
-            }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AutoAwesomeIcon, { sx: { fontSize: { xs: 28, sm: 34 }, color: "common.white", filter: "drop-shadow(0 4px 12px rgba(0,0,0,0.25))" } }) }),
+            }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AutoAwesomeIcon, { sx: { fontSize: { xs: 24, sm: 28 }, color: "common.white", filter: "drop-shadow(0 4px 12px rgba(0,0,0,0.25))" } }) }),
             /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { flex: 1, minWidth: 0 }, children: [
               /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                 import_material40.Typography,
@@ -35425,7 +35405,7 @@ var PersonalitiesTab = ({
                     fontWeight: 700,
                     mb: 0.25,
                     textShadow: "0 2px 4px rgba(0,0,0,0.2)",
-                    fontSize: { xs: "1.1rem", sm: "1.25rem" }
+                    fontSize: { xs: "1rem", sm: "1.1rem" }
                   },
                   children: "Create from Scratch"
                 }
@@ -35489,7 +35469,7 @@ var PersonalitiesTab = ({
             border: "1px solid",
             borderColor: "rgba(255,255,255,0.1)",
             borderRadius: 3,
-            minHeight: { xs: "auto", md: "188px" },
+            minHeight: { xs: "auto", md: "150px" },
             display: "flex",
             flexDirection: "column",
             overflow: "hidden",
@@ -35530,7 +35510,7 @@ var PersonalitiesTab = ({
           },
           onClick: () => handleTemplateSelect(template),
           children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.CardContent, { sx: {
-            p: { xs: 2, sm: 3 },
+            p: { xs: 1.5, sm: 2 },
             display: "flex",
             flexDirection: "column",
             height: "100%",
@@ -35540,8 +35520,8 @@ var PersonalitiesTab = ({
               /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: {
                 display: "flex",
                 alignItems: "center",
-                mb: { xs: 1.25, md: 2.5 },
-                minHeight: { xs: "auto", md: "60px" }
+                mb: { xs: 1, md: 1.5 },
+                minHeight: { xs: "auto", md: "auto" }
               }, children: [
                 /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
                   import_material40.Avatar,
@@ -35549,8 +35529,8 @@ var PersonalitiesTab = ({
                     src: template.avatar,
                     alt: template.name,
                     sx: {
-                      width: { xs: 40, sm: 56, md: 60 },
-                      height: { xs: 40, sm: 56, md: 60 },
+                      width: { xs: 40, sm: 48, md: 52 },
+                      height: { xs: 40, sm: 48, md: 52 },
                       mr: { xs: 1.2, md: 2 },
                       transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
                       boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
@@ -35605,11 +35585,11 @@ var PersonalitiesTab = ({
                     lineHeight: 1.5,
                     fontSize: { xs: "0.82rem", sm: "0.85rem", md: "0.875rem" },
                     display: "-webkit-box",
-                    WebkitLineClamp: { xs: 2, sm: 4 },
+                    WebkitLineClamp: { xs: 2, sm: 3 },
                     WebkitBoxOrient: "vertical",
                     overflow: "hidden",
-                    mb: { xs: 1.25, md: 2 },
-                    minHeight: { xs: "auto", md: "84px" }
+                    mb: { xs: 1, md: 1.5 },
+                    minHeight: { xs: "auto", md: "auto" }
                   },
                   children: template.description
                 }
@@ -35644,18 +35624,7 @@ var PersonalitiesTab = ({
           ] })
         },
         index
-      )) }),
-      !isMobile && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
-        import_material40.Alert,
-        {
-          severity: "info",
-          sx: { mt: { xs: 2.5, md: 4 }, borderRadius: 2, px: { xs: 1.5, sm: 2 }, py: { xs: 1.25, sm: 1.5 } },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", sx: { fontWeight: 600, fontSize: { xs: "0.85rem", sm: "0.9rem" } }, children: "Pro Tip:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_material40.Typography, { variant: "body2", sx: { fontSize: { xs: "0.85rem", sm: "0.9rem" }, lineHeight: 1.5 }, children: "Click any template to automatically switch to the Create/Edit tab with the form pre-filled. Mix and match ideas to create your perfect AI personality!" })
-          ]
-        }
-      )
+      )) })
     ] })
   ] });
   const renderCreateEditTab = () => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_material40.Box, { sx: { p: { xs: 1.5, sm: 2 } }, children: [