Upsell dialog

packages/db/prisma/migrations/20260509000000_add_license_table/migration.sql

@@ -1,6 +1,3 @@
--- AlterTable
-ALTER TABLE "Org" ADD COLUMN     "trialUsedAt" TIMESTAMP(3);
-
 -- CreateTable
 CREATE TABLE "License" (
     "id" TEXT NOT NULL,

packages/db/prisma/schema.prisma

@@ -293,10 +293,6 @@ model Org {
   chats Chat[]
 
   license License?
-
-  /// Set the first time this instance is seen to be on a trial subscription.
-  /// Never cleared. Used to gate the "Start trial" CTA in the UI.
-  trialUsedAt DateTime?
 }
 
 model License {

packages/shared/src/entitlements.ts

@@ -88,12 +88,12 @@ const getValidOfflineLicense = (): getValidOfflineLicense | null => {
     return payload;
 }
 
-// If the license hasn't successfully synced with Lighthouse for this long,                                                                                                                                                            
-// the locally-cached state is no longer trusted. This guards against an                                                                                                                                                             
-// operator blocking egress to prevent the license row from hearing about                                                                                                                                                            
-// a canceled or past-due subscription. 7 days absorbs week-long transient                                                                                                                                                             
-// outages (weekends, firewall rollouts) without punishing legitimate                                                                                                                                                                  
-// customers.                                                                                                                                                                                                                          
+// If the license hasn't successfully synced with Lighthouse for this long,
+// the locally-cached state is no longer trusted. This guards against an
+// operator blocking egress to prevent the license row from hearing about
+// a canceled or past-due subscription. 7 days absorbs week-long transient
+// outages (weekends, firewall rollouts) without punishing legitimate
+// customers.
 export const STALE_ONLINE_LICENSE_THRESHOLD_MS = 7 * 24 * 60 * 60 * 1000;
 
 // Surface a UI warning (banner + "refreshed" timestamp color) when the
@@ -116,6 +116,13 @@ const getValidOnlineLicense = (_license: License | null): License | null => {
     return null;
 }
 
+export const isValidLicenseActive = (_license: License | null): boolean => {
+    return (
+        getValidOfflineLicense() !== null ||
+        getValidOnlineLicense(_license) !== null
+    );
+}
+
 export const isAnonymousAccessAvailable = (_license: License | null): boolean => {
     const offlineKey = getValidOfflineLicense();
     if (offlineKey) {

packages/shared/src/index.server.ts

@@ -5,6 +5,7 @@ export {
     hasEntitlement as _hasEntitlement,
     getEntitlements as _getEntitlements,
     isAnonymousAccessAvailable as _isAnonymousAccessAvailable,
+    isValidLicenseActive as _isValidLicenseActive,
     getSeatCap,
     getOfflineLicenseMetadata,
     STALE_ONLINE_LICENSE_THRESHOLD_MS,

packages/web/src/__mocks__/prisma.ts

@@ -21,7 +21,6 @@ export const MOCK_ORG: Org = {
     memberApprovalRequired: false,
     inviteLinkEnabled: false,
     inviteLinkId: null,
-    trialUsedAt: null,
 }
 
 export const MOCK_API_KEY: ApiKey = {

packages/web/src/app/(app)/@sidebar/components/defaultSidebar/index.tsx

@@ -6,14 +6,13 @@ import { getConnectionStats } from "@/actions";
 import { getOrgAccountRequests } from "@/features/userManagement/actions";
 import { isServiceError } from "@/lib/utils";
 import { ServiceErrorException } from "@/lib/serviceError";
-import { __unsafePrisma } from "@/prisma";
-import { SINGLE_TENANT_ORG_ID } from "@/lib/constants";
 import { OrgRole } from "@prisma/client";
 import { SidebarBase } from "@/app/(app)/@sidebar/components/sidebarBase";
 import { Nav } from "./nav";
 import { ChatHistory } from "./chatHistory";
-import { withAuth } from "@/middleware/withAuth";
+import { getAuthContext, withAuth } from "@/middleware/withAuth";
 import { sew } from "@/middleware/sew";
+import { isValidLicenseActive } from "@/lib/entitlements";
 
 const SIDEBAR_CHAT_LIMIT = 30;
 
@@ -27,15 +26,13 @@ export async function DefaultSidebar() {
         throw new ServiceErrorException(chatHistory);
     }
 
+    const licenseActive = await isValidLicenseActive();
+
+    const authContext = await getAuthContext();
+    const isOwner = !isServiceError(authContext) && authContext.role === OrgRole.OWNER;
+
     const isSettingsNotificationVisible = await (async () => {
-        if (!session) {
-            return false;
-        }
-        const membership = await __unsafePrisma.userToOrg.findUnique({
-            where: { orgId_userId: { orgId: SINGLE_TENANT_ORG_ID, userId: session.user.id } },
-            select: { role: true },
-        });
-        if (membership?.role !== OrgRole.OWNER) {
+        if (!isOwner) {
             return false;
         }
         const connectionStats = await getConnectionStats();
@@ -49,6 +46,8 @@ export async function DefaultSidebar() {
         <SidebarBase
             session={session}
             collapsible="icon"
+            isValidLicenseActive={licenseActive}
+            isOwner={isOwner}
             headerContent={
                 <Nav
                     isSettingsNotificationVisible={isSettingsNotificationVisible}

packages/web/src/app/(app)/@sidebar/components/settingsSidebar/index.tsx

@@ -5,6 +5,9 @@ import { getSidebarNavGroups } from "@/app/(app)/settings/layout";
 import { SidebarBase } from "../sidebarBase";
 import { Nav } from "./nav";
 import { SettingsSidebarHeader } from "./header";
+import { isValidLicenseActive } from "@/lib/entitlements";
+import { getAuthContext } from "@/middleware/withAuth";
+import { OrgRole } from "@prisma/client";
 
 export async function SettingsSidebar() {
     const session = await auth();
@@ -14,10 +17,17 @@ export async function SettingsSidebar() {
         throw new ServiceErrorException(sidebarNavGroups);
     }
 
+    const licenseActive = await isValidLicenseActive();
+
+    const authContext = await getAuthContext();
+    const isOwner = !isServiceError(authContext) && authContext.role === OrgRole.OWNER;
+
     return (
         <SidebarBase
             session={session}
             collapsible="none"
+            isValidLicenseActive={licenseActive}
+            isOwner={isOwner}
             headerContent={<SettingsSidebarHeader />}
         >
             <Nav groups={sidebarNavGroups} />

packages/web/src/app/(app)/@sidebar/components/sidebarBase.tsx

@@ -31,7 +31,7 @@ import { useKeymapType } from "@/hooks/useKeymapType";
 import { KeymapType } from "@/lib/types";
 import { cn } from "@/lib/utils";
 import {
-    ArrowLeftToLineIcon, ArrowRightToLineIcon, ChevronsUpDown, CodeIcon,
+    ArrowLeftToLineIcon, ArrowRightToLineIcon, ArrowUpCircle, ChevronsUpDown, CodeIcon,
     Laptop, LogIn, LogOut, Moon, SettingsIcon, Sun, UserIcon
 } from "lucide-react";
 import { Session } from "next-auth";
@@ -44,15 +44,18 @@ import { KeyboardShortcutHint } from "@/app/components/keyboardShortcutHint";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
 import { Separator } from "@/components/ui/separator";
 import { WhatsNewSidebarButton } from "./whatsNewSidebarButton";
+import { UpsellBadge } from "./upsellBadge";
 
 interface SidebarBaseProps {
     session: Session | null;
     collapsible?: "icon" | "offcanvas" | "none";
     headerContent: ReactNode;
     children: ReactNode;
+    isValidLicenseActive: boolean;
+    isOwner: boolean;
 }
 
-export function SidebarBase({ session, collapsible = "icon", headerContent, children }: SidebarBaseProps) {
+export function SidebarBase({ session, collapsible = "icon", headerContent, children, isValidLicenseActive, isOwner }: SidebarBaseProps) {
     const [isScrolled, setIsScrolled] = useState(false);
     const contentRef = useRef<HTMLDivElement>(null);
 
@@ -86,6 +89,7 @@ export function SidebarBase({ session, collapsible = "icon", headerContent, chil
                 {children}
             </SidebarContent>
             <SidebarFooter className="border-t border-sidebar-border">
+                {!isValidLicenseActive && isOwner && <UpsellBadge />}
                 {collapsible !== "none" && <CollapseSidebarButton />}
                 <WhatsNewSidebarButton />
                 {session ? (

packages/web/src/app/(app)/@sidebar/components/upsellBadge.tsx

@@ -0,0 +1,40 @@
+'use client';
+
+import { ArrowUpCircle } from "lucide-react";
+import { useState } from "react";
+import { UpsellDialog } from "./upsellDialog";
+import { useOffers } from "@/ee/features/lighthouse/useOffers";
+import { Skeleton } from "@/components/ui/skeleton";
+
+export const UpsellBadge = () => {
+    const [isDialogOpen, setIsDialogOpen] = useState(false);
+
+    const { data: offers, isPending, isError } = useOffers();
+
+    if (isPending) {
+        return (
+            <Skeleton className="h-6 w-28 mt-1" />
+        )
+    }
+
+    if (isError) {
+        return null;
+    }
+
+    const label = offers.trial.eligible ? "Try Enterprise" : "Free plan";
+    return (
+        <>
+            <div className="group-data-[state=collapsed]:hidden px-2 pt-1">
+                <button
+                    type="button"
+                    onClick={() => setIsDialogOpen(true)}
+                    className="inline-flex items-center gap-1.5 rounded-full border border-border px-2.5 py-1 text-xs text-muted-foreground text-nowrap transition-colors hover:border-foreground hover:text-foreground"
+                >
+                    <ArrowUpCircle className="h-3.5 w-3.5" />
+                    {label}
+                </button>
+            </div>
+            <UpsellDialog open={isDialogOpen} onOpenChange={setIsDialogOpen} offers={offers}/>
+        </>
+    );
+}