feat: add feature toggle for action cards and approval

Author: manfredsteyer

ai-server/src/mastra/tools/book-flight.ts

@@ -1,6 +1,7 @@
 import { createTool } from '@mastra/core/tools';
 import { z } from 'zod';
 
+import { USE_APPROVAL } from '../../../../feature-flags.js';
 import {
   addBooking,
   fetchFlight,
@@ -97,7 +98,7 @@ export const bookFlightTool = createTool({
       };
     }
 
-    if (resumeData?.approved !== true) {
+    if (USE_APPROVAL && resumeData?.approved !== true) {
       await suspend?.({
         action: 'book',
         flightId,

ai-server/src/mastra/tools/cancel-flight.ts

@@ -1,6 +1,7 @@
 import { createTool } from '@mastra/core/tools';
 import { z } from 'zod';
 
+import { USE_APPROVAL } from '../../../../feature-flags.js';
 import {
   fetchFlight,
   isBooked,
@@ -70,7 +71,7 @@ export const cancelFlightTool = createTool({
 
     const flight = await fetchFlight(flightId).catch(() => null);
 
-    if (resumeData?.approved !== true) {
+    if (USE_APPROVAL && resumeData?.approved !== true) {
       const flightContext = flight
         ? ` from ${flight.from} to ${flight.to} on ${formatFlightDate(flight.date)}`
         : '';

ai-server/tsconfig.json

@@ -13,5 +13,9 @@
     "isolatedModules": true,
     "outDir": "./out-tsc/ai-server"
   },
-  "include": ["src/**/*.ts", "../libs/ag-ui-server/**/*.ts"]
+  "include": [
+    "src/**/*.ts",
+    "../libs/ag-ui-server/**/*.ts",
+    "../feature-flags.ts"
+  ]
 }

feature-flags.ts

@@ -0,0 +1,2 @@
+export const USE_ACTION_CARDS = true;
+export const USE_APPROVAL = true;

sheriff.config.ts

@@ -24,18 +24,25 @@ export const config: SheriffConfig = {
   depRules: {
     root: '*',
 
-    'domain:*': [sameTag, 'domain:shared'],
-
-    'type:ai': ['type:ai', 'type:feature', 'type:ui', 'type:data', 'type:util'],
-
-    'type:feature': ['type:ui', 'type:data', 'type:util'],
-    'type:ui': ['type:ui', 'type:data', 'type:util'],
-    'type:data': ['type:util'],
-    'type:util': [],
+    'domain:*': [sameTag, 'domain:shared', 'root'],
+
+    'type:ai': [
+      'type:ai',
+      'type:feature',
+      'type:ui',
+      'type:data',
+      'type:util',
+      'root',
+    ],
+
+    'type:feature': ['type:ui', 'type:data', 'type:util', 'root'],
+    'type:ui': ['type:ui', 'type:data', 'type:util', 'root'],
+    'type:data': ['type:util', 'root'],
+    'type:util': ['root'],
 
     'lib:*': '*',
 
     testing: '*',
-    '*': ['testing', 'lib:*'],
+    '*': ['testing', 'lib:*', 'root'],
   },
 };

src/app/domains/ticketing/ai/ticketing-chat-service.ts

@@ -4,6 +4,7 @@ import {
   Injectable,
   runInInjectionContext,
 } from '@angular/core';
+import { USE_ACTION_CARDS } from '@flights42/feature-flags';
 import {
   type AgUiChatResourceRef,
   agUiResource,
@@ -23,6 +24,10 @@ import { bookFlightActionCard } from './widgets/book-flight-action-card';
 import { cancelFlightActionCard } from './widgets/cancel-flight-action-card';
 import { flightWidget } from './widgets/flight-widget';
 
+const ACTION_CARDS = USE_ACTION_CARDS
+  ? [bookFlightActionCard, cancelFlightActionCard]
+  : [];
+
 @Injectable({ providedIn: 'root' })
 export class TicketingChatService {
   private readonly config = inject(ConfigService);
@@ -33,6 +38,13 @@ export class TicketingChatService {
 
   public init(): void {
     if (!this.chat) {
+      const components = [
+        messageWidget,
+        flightWidget,
+        mcpAppsWidgetComponent,
+        ...ACTION_CARDS,
+      ];
+
       this.chat = runInInjectionContext(this.injector, () =>
         agUiResource({
           url: this.config.agUiUrl,
@@ -44,13 +56,7 @@ export class TicketingChatService {
             toggleFlightSelectionTool,
             getCurrentBasketTool,
             displayFlightDetailTool,
-            createShowComponentsTool([
-              messageWidget,
-              flightWidget,
-              mcpAppsWidgetComponent,
-              bookFlightActionCard,
-              cancelFlightActionCard,
-            ]),
+            createShowComponentsTool(components),
           ],
         }),
       );

tsconfig.app.json

@@ -9,6 +9,7 @@
   "include": [
     "src/**/*.ts",
     "libs/ag-ui-client/**/*.ts",
+    "feature-flags.ts",
     "src/app/domains/shared/signals/delegated-signal.spec.ts",
     "src/app/domains/ticketing/feature-booking/flight-search/flight-store.spec.ts"
   ],

tsconfig.json

@@ -16,7 +16,8 @@
     "module": "preserve",
     "paths": {
       "@internal/ag-ui-client": ["./libs/ag-ui-client/index.ts"],
-      "@internal/ag-ui-client/*": ["./libs/ag-ui-client/*"]
+      "@internal/ag-ui-client/*": ["./libs/ag-ui-client/*"],
+      "@flights42/feature-flags": ["./feature-flags.ts"]
     }
   },
   "angularCompilerOptions": {