Enable meeting briefs beta and other feature flags

apps/web/.env.example

@@ -136,3 +136,8 @@ LOOPS_API_SECRET=
 # Sanity config for blog. (Not needed. Only for blog):
 # NEXT_PUBLIC_SANITY_PROJECT_ID=
 # NEXT_PUBLIC_SANITY_DATASET="production"
+
+# Feature flags
+# NEXT_PUBLIC_DIGEST_ENABLED=true
+# NEXT_PUBLIC_MEETING_BRIEFS_ENABLED=true
+# NEXT_PUBLIC_INTEGRATIONS_ENABLED=true

apps/web/app/(app)/[emailAccountId]/assistant/RuleForm.tsx

@@ -52,6 +52,7 @@ import { getRuleConfig } from "@/utils/rule/consts";
 import { RuleSectionCard } from "@/app/(app)/[emailAccountId]/assistant/RuleSectionCard";
 import { ConditionSteps } from "@/app/(app)/[emailAccountId]/assistant/ConditionSteps";
 import { ActionSteps } from "@/app/(app)/[emailAccountId]/assistant/ActionSteps";
+import { env } from "@/env";
 
 export function Rule({
   ruleId,
@@ -493,22 +494,24 @@ export function RuleForm({
                   <ThreadsExplanation size="md" />
                 </div>
 
-                <div className="flex items-center space-x-2">
-                  <Toggle
-                    name="digest"
-                    labelRight="Include in daily digest"
-                    enabled={watch("digest") || false}
-                    onChange={(enabled) => {
-                      setValue("digest", enabled);
-                    }}
-                  />
+                {env.NEXT_PUBLIC_DIGEST_ENABLED && (
+                  <div className="flex items-center space-x-2">
+                    <Toggle
+                      name="digest"
+                      labelRight="Include in daily digest"
+                      enabled={watch("digest") || false}
+                      onChange={(enabled) => {
+                        setValue("digest", enabled);
+                      }}
+                    />
 
-                  <TooltipExplanation
-                    size="md"
-                    side="right"
-                    text="When enabled you will receive a summary of the emails that match this rule in your digest email."
-                  />
-                </div>
+                    <TooltipExplanation
+                      size="md"
+                      side="right"
+                      text="When enabled you will receive a summary of the emails that match this rule in your digest email."
+                    />
+                  </div>
+                )}
 
                 {!!rule.id && (
                   <div className="flex">

apps/web/app/(app)/[emailAccountId]/assistant/settings/SettingsTab.tsx

@@ -7,6 +7,7 @@ import { LearnedPatternsSetting } from "@/app/(app)/[emailAccountId]/assistant/s
 import { PersonalSignatureSetting } from "@/app/(app)/[emailAccountId]/assistant/settings/PersonalSignatureSetting";
 import { MultiRuleSetting } from "@/app/(app)/[emailAccountId]/assistant/settings/MultiRuleSetting";
 import { WritingStyleSetting } from "@/app/(app)/[emailAccountId]/assistant/settings/WritingStyleSetting";
+import { env } from "@/env";
 
 export function SettingsTab() {
   return (
@@ -16,7 +17,7 @@ export function SettingsTab() {
       <DraftKnowledgeSetting />
       <MultiRuleSetting />
       <AboutSetting />
-      <DigestSetting />
+      {env.NEXT_PUBLIC_DIGEST_ENABLED && <DigestSetting />}
       <PersonalSignatureSetting />
       <ReferralSignatureSetting />
       <LearnedPatternsSetting />

apps/web/components/SideNav.tsx

@@ -15,7 +15,6 @@ import {
   ChevronDownIcon,
   ChevronRightIcon,
   FileIcon,
-  HomeIcon,
   FileTextIcon,
   InboxIcon,
   type LucideIcon,
@@ -29,6 +28,7 @@ import {
   SparklesIcon,
   TagIcon,
   Users2Icon,
+  ZapIcon,
 } from "lucide-react";
 import { Logo } from "@/components/Logo";
 import { useComposeModal } from "@/providers/ComposeModalProvider";
@@ -53,6 +53,7 @@ import { useSplitLabels } from "@/hooks/useLabels";
 import { LoadingContent } from "@/components/LoadingContent";
 import {
   useCleanerEnabled,
+  useIntegrationsEnabled,
   useMeetingBriefsEnabled,
 } from "@/hooks/useFeatureFlags";
 import { ClientOnly } from "@/components/ClientOnly";
@@ -72,22 +73,19 @@ type NavItem = {
   target?: "_blank";
   count?: number;
   hideInMail?: boolean;
+  beta?: boolean;
 };
 
 export const useNavigation = () => {
   const showCleaner = useCleanerEnabled();
   const showMeetingBriefs = useMeetingBriefsEnabled();
+  const showIntegrations = useIntegrationsEnabled();
 
   const { emailAccountId, emailAccount, provider } = useAccount();
   const currentEmailAccountId = emailAccount?.id || emailAccountId;
 
   const navItems: NavItem[] = useMemo(
     () => [
-      // {
-      //   name: "Dashboard",
-      //   href: prefixPath(currentEmailAccountId, "/setup"),
-      //   icon: HomeIcon,
-      // },
       {
         name: "Assistant",
         href: prefixPath(currentEmailAccountId, "/automation"),
@@ -117,17 +115,28 @@ export const useNavigation = () => {
         href: prefixPath(currentEmailAccountId, "/calendars"),
         icon: CalendarIcon,
       },
+      ...(showIntegrations
+        ? [
+            {
+              name: "Integrations",
+              href: prefixPath(currentEmailAccountId, "/integrations"),
+              icon: ZapIcon,
+              beta: true,
+            },
+          ]
+        : []),
       ...(showMeetingBriefs
         ? [
             {
               name: "Meeting Briefs",
               href: prefixPath(currentEmailAccountId, "/briefs"),
               icon: FileTextIcon,
+              beta: true,
             },
           ]
         : []),
     ],
-    [currentEmailAccountId, provider, showMeetingBriefs],
+    [currentEmailAccountId, provider, showMeetingBriefs, showIntegrations],
   );
 
   const navItemsFiltered = useMemo(

apps/web/components/SideNavMenu.tsx

@@ -7,6 +7,7 @@ import {
   SidebarMenuButton,
   SidebarMenuItem,
 } from "@/components/ui/sidebar";
+import { Badge } from "@/components/ui/badge";
 
 type NavItem = {
   name: string;
@@ -16,6 +17,7 @@ type NavItem = {
   count?: number;
   hideInMail?: boolean;
   active?: boolean;
+  beta?: boolean;
 };
 
 export function SideNavMenu({
@@ -39,6 +41,11 @@ export function SideNavMenu({
             <Link href={item.href}>
               <item.icon />
               <span>{item.name}</span>
+              {item.beta && (
+                <Badge variant="secondary" className="ml-auto text-[10px]">
+                  Beta
+                </Badge>
+              )}
             </Link>
           </SidebarMenuButton>
         </SidebarMenuItem>

apps/web/env.ts

@@ -187,6 +187,9 @@ export const env = createEnv({
       .default(false),
     NEXT_PUBLIC_USE_AEONIK_FONT: z.coerce.boolean().optional().default(false),
     NEXT_PUBLIC_BYPASS_PREMIUM_CHECKS: z.coerce.boolean().optional(),
+    NEXT_PUBLIC_DIGEST_ENABLED: z.coerce.boolean().optional(),
+    NEXT_PUBLIC_MEETING_BRIEFS_ENABLED: z.coerce.boolean().optional(),
+    NEXT_PUBLIC_INTEGRATIONS_ENABLED: z.coerce.boolean().optional(),
   },
   // For Next.js >= 13.4.4, you only need to destructure client variables:
   experimental__runtimeEnv: {
@@ -243,5 +246,10 @@ export const env = createEnv({
     NEXT_PUBLIC_USE_AEONIK_FONT: process.env.NEXT_PUBLIC_USE_AEONIK_FONT,
     NEXT_PUBLIC_BYPASS_PREMIUM_CHECKS:
       process.env.NEXT_PUBLIC_BYPASS_PREMIUM_CHECKS,
+    NEXT_PUBLIC_DIGEST_ENABLED: process.env.NEXT_PUBLIC_DIGEST_ENABLED,
+    NEXT_PUBLIC_MEETING_BRIEFS_ENABLED:
+      process.env.NEXT_PUBLIC_MEETING_BRIEFS_ENABLED,
+    NEXT_PUBLIC_INTEGRATIONS_ENABLED:
+      process.env.NEXT_PUBLIC_INTEGRATIONS_ENABLED,
   },
 });

apps/web/hooks/useFeatureFlags.ts

@@ -2,13 +2,18 @@ import {
   useFeatureFlagEnabled,
   useFeatureFlagVariantKey,
 } from "posthog-js/react";
+import { env } from "@/env";
 
 export function useCleanerEnabled() {
   return useFeatureFlagEnabled("inbox-cleaner");
 }
 
 export function useMeetingBriefsEnabled() {
-  return useFeatureFlagEnabled("meeting-briefs");
+  return env.NEXT_PUBLIC_MEETING_BRIEFS_ENABLED;
+}
+
+export function useIntegrationsEnabled() {
+  return env.NEXT_PUBLIC_INTEGRATIONS_ENABLED;
 }
 
 const HERO_FLAG_NAME = "hero-copy-7";

apps/web/utils/action-item.ts

@@ -109,15 +109,15 @@ export const actionInputs: Record<
   },
   [ActionType.FORWARD]: {
     fields: [
+      {
+        name: "to",
+        label: "To",
+      },
       {
         name: "content",
         label: "Extra Content",
         textArea: true,
       },
-      {
-        name: "to",
-        label: "To",
-      },
       {
         name: "cc",
         label: "CC",

docs/hosting/environment-variables.md

@@ -85,6 +85,9 @@ cp apps/web/.env.example apps/web/.env
 | `NEXT_PUBLIC_CONTACTS_ENABLED` | No | Enable contacts feature | `false` |
 | `NEXT_PUBLIC_EMAIL_SEND_ENABLED` | No | Enable email sending | `true` |
 | `NEXT_PUBLIC_BYPASS_PREMIUM_CHECKS` | No | Bypass premium checks (recommended for self-hosting) | `true` |
+| `NEXT_PUBLIC_DIGEST_ENABLED` | No | Enable email digest feature, which sends periodic summaries of emails. Requires QStash to be configured. | `false` |
+| `NEXT_PUBLIC_MEETING_BRIEFS_ENABLED` | No | Enable meeting briefs, which automatically sends pre-meeting briefings to users. Requires the meeting briefs cron job to be running. | `false` |
+| `NEXT_PUBLIC_INTEGRATIONS_ENABLED` | No | Enable the integrations feature, allowing users to connect external services. | `false` |
 | **Debugging** ||||
 | `LOG_ZOD_ERRORS` | No | Log Zod validation errors | — |
 | `ENABLE_DEBUG_LOGS` | No | Enable debug logging | `false` |

turbo.json

@@ -128,7 +128,11 @@
         "NEXT_PUBLIC_AXIOM_DATASET",
         "NEXT_PUBLIC_AXIOM_TOKEN",
         "NEXT_PUBLIC_DUB_REFER_DOMAIN",
-        "NEXT_PUBLIC_USE_AEONIK_FONT"
+        "NEXT_PUBLIC_USE_AEONIK_FONT",
+        "NEXT_PUBLIC_BYPASS_PREMIUM_CHECKS",
+        "NEXT_PUBLIC_DIGEST_ENABLED",
+        "NEXT_PUBLIC_MEETING_BRIEFS_ENABLED",
+        "NEXT_PUBLIC_INTEGRATIONS_ENABLED"
       ],
       "outputs": [".next/**", "!.next/cache/**"]
     },

version.txt

@@ -1 +1 @@
-v2.23.0
+v2.23.1