@burtson-labs/bandit-engine 2.0.117 → 2.0.118

package/dist/index.js

@@ -26038,8 +26038,14 @@ var init_chat_app_bar = __esm({
         }
         void triggerSync({ force: true });
       };
-      const { hasTTS, hasSTT, isAdmin, getCurrentTier, hasLimitedAdminDashboard } = useFeatures();
+      const { hasTTS, hasSTT, isAdmin, getCurrentTier, hasLimitedAdminDashboard, isSubscribed } = useFeatures();
       const { showVoiceControls, showLimitedAdminPanel } = useFeatureVisibility();
+      const frontierEligible = (() => {
+        if (isAdmin() || isSubscribed()) return true;
+        const tier = String(getCurrentTier());
+        return tier !== "trial" && tier !== "expired" && tier !== "free" && tier !== "basic";
+      })();
+      const plansPath = "/plans";
       const isTTSAvailable = !!packageSettings?.gatewayApiUrl && preferences.ttsEnabled && hasTTS();
       const currentConversation = conversations.find((c) => c.id === currentId);
       const conversationCountDisplay = conversations.length > 99 ? "99+" : conversations.length.toString();
@@ -26418,12 +26424,14 @@ var init_chat_app_bar = __esm({
                               engine.thinking && "thinking",
                               engine.cloud && "cloud"
                             ].filter(Boolean);
+                            const isGated = engine.cloud && !frontierEligible;
                             return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
                               import_material26.MenuItem,
                               {
                                 selected: engine.id === resolvedEngineId,
-                                disabled: !engine.available,
+                                disabled: !engine.available || isGated,
                                 onClick: () => {
+                                  if (isGated) return;
                                   useEngineStore.getState().setSelectedEngine(engine.id);
                                   setEngineAnchorEl(null);
                                 },
@@ -26435,14 +26443,61 @@ var init_chat_app_bar = __esm({
                                   py: 1,
                                   px: 2,
                                   maxWidth: 360,
-                                  whiteSpace: "normal"
+                                  whiteSpace: "normal",
+                                  // Keep gated rows readable (MUI disabled dims to ~38%) so the
+                                  // upsell stays legible.
+                                  ...isGated ? { opacity: 1, "&.Mui-disabled": { opacity: 1 } } : {}
                                 },
                                 children: [
                                   /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material26.Box, { sx: { display: "flex", alignItems: "center", gap: 1, width: "100%" }, children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material26.Typography, { variant: "body2", sx: { fontWeight: 600, flex: 1 }, children: cleanEngineName(engine.displayName) }),
-                                    engine.id === resolvedEngineId && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material26.Box, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
+                                    isGated && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                                      LockIcon,
+                                      {
+                                        fontSize: "small",
+                                        sx: { fontSize: "0.95rem", color: theme.palette.text.secondary }
+                                      }
+                                    ),
+                                    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                                      import_material26.Typography,
+                                      {
+                                        variant: "body2",
+                                        sx: {
+                                          fontWeight: 600,
+                                          flex: 1,
+                                          color: isGated ? theme.palette.text.secondary : void 0
+                                        },
+                                        children: cleanEngineName(engine.displayName)
+                                      }
+                                    ),
+                                    engine.id === resolvedEngineId && !isGated && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material26.Box, { sx: { width: 8, height: 8, borderRadius: "50%", bgcolor: theme.palette.primary.main } })
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material26.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material26.Typography, { variant: "caption", sx: { color: theme.palette.text.secondary }, children: isGated ? "Premium engine \u2014 available on a paid plan." : engine.available ? engine.description : engine.unavailableReason || "Unavailable" }),
+                                  isGated && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+                                    import_material26.Button,
+                                    {
+                                      size: "small",
+                                      variant: "text",
+                                      startIcon: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LockIcon, { sx: { fontSize: "0.85rem" } }),
+                                      onClick: (e) => {
+                                        e.stopPropagation();
+                                        setEngineAnchorEl(null);
+                                        safeNavigate(plansPath);
+                                      },
+                                      sx: {
+                                        mt: 0.25,
+                                        px: 0.75,
+                                        py: 0.1,
+                                        minWidth: 0,
+                                        textTransform: "none",
+                                        fontSize: "0.7rem",
+                                        fontWeight: 600,
+                                        color: theme.palette.primary.main,
+                                        // Re-enable pointer events the disabled MenuItem strips.
+                                        pointerEvents: "auto"
+                                      },
+                                      children: "Upgrade to unlock"
+                                    }
+                                  ),
                                   badges.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material26.Box, { sx: { display: "flex", gap: 0.5, flexWrap: "wrap", mt: 0.25 }, children: badges.map((b) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                                     import_material26.Box,
                                     {
@@ -44934,7 +44989,9 @@ var Management = () => {
     "platform_admin"
   ]);
   const userRoles = (authenticationService.parseJwtClaims(authenticationService.getToken() ?? "")?.roles ?? []).map((r) => r.toLowerCase());
-  const isWorkspaceAdmin = userRoles.some((r) => platformAdminRoles.has(r));
+  const isWorkspaceAdmin = userRoles.some(
+    (r) => platformAdminRoles.has(r) || r.endsWith("-admin")
+  );
   const navTabs = allNavTabs.filter((tab) => {
     if (tab.requiresAdmin && !isWorkspaceAdmin) return false;
     if (tab.requiresFeature === "limitedAdminDashboard") {