Remove the Create role UI for now

Author: matt-aitken

apps/webapp/app/routes/_app.orgs.$organizationSlug.settings.roles/route.tsx

@@ -1,12 +1,9 @@
 import { CheckIcon, XMarkIcon } from "@heroicons/react/20/solid";
 import { type MetaFunction } from "@remix-run/react";
-import { useState } from "react";
 import { type UseDataFunctionReturn, typedjson, useTypedLoaderData } from "remix-typedjson";
 import { z } from "zod";
 import { PageBody, PageContainer } from "~/components/layout/AppLayout";
 import { Badge } from "~/components/primitives/Badge";
-import { Button } from "~/components/primitives/Buttons";
-import { Dialog, DialogContent, DialogHeader, DialogTrigger } from "~/components/primitives/Dialog";
 import { Header3 } from "~/components/primitives/Headers";
 import { NavBar, PageTitle } from "~/components/primitives/PageHeader";
 import { Paragraph } from "~/components/primitives/Paragraph";
@@ -24,7 +21,6 @@ import { $replica } from "~/db.server";
 import { useOrganization } from "~/hooks/useOrganizations";
 import { rbac } from "~/services/rbac.server";
 import { dashboardLoader } from "~/services/routeBuilders/dashboardBuilder";
-import { useCurrentPlan } from "../_app.orgs.$organizationSlug/route";
 import { TextLink } from "~/components/primitives/TextLink";
 
 export const meta: MetaFunction = () => {
@@ -99,9 +95,6 @@ export default function Page() {
   const { roles, assignableRoleIds, allPermissions, systemRoles, isUsingPlugin } =
     useTypedLoaderData<typeof loader>();
   const organization = useOrganization();
-  const plan = useCurrentPlan();
-  const planCode = plan?.v3Subscription?.plan?.code;
-  const isEnterprise = planCode === "enterprise";
 
   // Map role-id → role for fast cell lookup. Each role's permissions are
   // already the expanded `effectivePermissions` output (system roles
@@ -134,12 +127,6 @@ export default function Page() {
     <PageContainer>
       <NavBar>
         <PageTitle title="Roles" />
-        {/* Suppress the Enterprise-upsell button on OSS — there's no
-            plan to upgrade to in a self-hosted deployment, and the
-            dialog copy ("Available on the Enterprise plan") doesn't
-            apply. The not-supported empty state below makes the
-            absence of role infrastructure clear instead. */}
-        {isUsingPlugin && !isEnterprise ? <CreateRoleUpsell /> : null}
       </NavBar>
       <PageBody scrollable={false}>
         <div className="grid max-h-full min-h-full grid-rows-[auto_1fr]">
@@ -357,40 +344,3 @@ function groupPermissions(
   return Array.from(buckets, ([group, permissions]) => ({ group, permissions }));
 }
 
-function CreateRoleUpsell() {
-  const [open, setOpen] = useState(false);
-  return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogTrigger asChild>
-        <Button variant="primary/small">Create role</Button>
-      </DialogTrigger>
-      <DialogContent>
-        <DialogHeader>Custom roles are an Enterprise feature</DialogHeader>
-        <div className="flex flex-col gap-3 pt-2">
-          <Paragraph>
-            Define your own roles with bespoke permission sets — perfect for "Member, but no
-            production deploys" or a vendor/contractor role. Available on the Enterprise plan.
-          </Paragraph>
-          <Paragraph variant="small" className="text-text-dimmed">
-            Get in touch and we'll walk you through the Enterprise plan and how custom roles fit
-            your team.
-          </Paragraph>
-        </div>
-        <div className="mt-6 flex justify-end gap-2">
-          <Button variant="secondary/medium" onClick={() => setOpen(false)}>
-            Maybe later
-          </Button>
-          <Button
-            variant="primary/medium"
-            onClick={() => {
-              window.open("https://trigger.dev/contact", "_blank");
-              setOpen(false);
-            }}
-          >
-            Contact us
-          </Button>
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}