Template remove add, read-only, chips open modals

app/components/cards/RuleCard/RuleCard.container.tsx

@@ -31,6 +31,7 @@ const RuleCardContainer = memo<RuleCardProps>(
     logoUrl,
     logoAlt,
     communityInitials,
+    hideCategoryAddButton = false,
   }) => {
     const size = sizeProp ?? "L";
 
@@ -76,6 +77,7 @@ const RuleCardContainer = memo<RuleCardProps>(
         logoUrl={logoUrl}
         logoAlt={logoAlt}
         communityInitials={communityInitials}
+        hideCategoryAddButton={hideCategoryAddButton}
       />
     );
   },

app/components/cards/RuleCard/RuleCard.types.ts

@@ -26,6 +26,8 @@ export interface RuleCardProps {
   logoUrl?: string;
   logoAlt?: string;
   communityInitials?: string;
+  /** Hide the per-category "+" add chip affordance (e.g. read-only template review). */
+  hideCategoryAddButton?: boolean;
 }
 
 export interface RuleCardViewProps {
@@ -42,4 +44,5 @@ export interface RuleCardViewProps {
   logoUrl?: string;
   logoAlt?: string;
   communityInitials?: string;
+  hideCategoryAddButton?: boolean;
 }

app/components/cards/RuleCard/RuleCard.view.tsx

@@ -19,6 +19,7 @@ export function RuleCardView({
   logoUrl,
   logoAlt,
   communityInitials,
+  hideCategoryAddButton = false,
 }: RuleCardViewProps) {
   const t = useTranslation("ruleCard");
   const ariaLabel = t("ariaLabel")?.replace("{title}", title) || title;
@@ -280,7 +281,7 @@ export function RuleCardView({
                   onCustomChipClose={(chipId) => {
                     category.onCustomChipClose?.(category.name, chipId);
                   }}
-                  addButton={true}
+                  addButton={!hideCategoryAddButton}
                   addButtonText="" // Empty text for icon-only circular button
                   className="w-full"
                 />