feat(automation): add enterprise feature check and user guidance (#2131)

Co-authored-by: Tofik Hasanov <annexcies@gmail.com>

Author: github-actions[bot]

apps/app/src/app/(app)/[orgId]/tasks/[taskId]/automation/[automationId]/actions/task-automation-actions.ts

@@ -34,7 +34,10 @@ function getEnterpriseConfig() {
   const enterpriseApiKey = process.env.ENTERPRISE_API_SECRET;
 
   if (!enterpriseApiKey) {
-    throw new Error('Not authorized to access enterprise API');
+    throw new EnterpriseApiError(
+      'Task automations require an enterprise license. Please contact sales@trycomp.ai to learn more.',
+      403,
+    );
   }
 
   return { enterpriseApiUrl, enterpriseApiKey };

apps/app/src/app/(app)/[orgId]/tasks/[taskId]/automation/[automationId]/page.tsx

@@ -1,4 +1,6 @@
 import { db } from '@db';
+import { ArrowLeft, Lock } from 'lucide-react';
+import Link from 'next/link';
 import { redirect } from 'next/navigation';
 import { loadChatHistory } from './actions/task-automation-actions';
 import { AutomationLayoutWrapper } from './automation-layout-wrapper';
@@ -23,6 +25,37 @@ export default async function Page({
     redirect('/tasks');
   }
 
+  // Check if enterprise API is configured
+  if (!process.env.ENTERPRISE_API_SECRET) {
+    return (
+      <div className="flex items-center justify-center min-h-screen bg-background">
+        <div className="max-w-md w-full mx-auto p-8 text-center space-y-4">
+          <div className="mx-auto w-12 h-12 rounded-full bg-muted flex items-center justify-center">
+            <Lock className="w-6 h-6 text-muted-foreground" />
+          </div>
+          <h2 className="text-lg font-semibold text-foreground">Enterprise Feature</h2>
+          <p className="text-sm text-muted-foreground">
+            Task automations require an enterprise license. Contact{' '}
+            <a
+              href="mailto:sales@trycomp.ai"
+              className="text-primary underline underline-offset-4 hover:text-primary/80"
+            >
+              sales@trycomp.ai
+            </a>{' '}
+            to learn more about enabling this feature.
+          </p>
+          <Link
+            href={`/${orgId}/tasks/${taskId}`}
+            className="inline-flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors mt-2"
+          >
+            <ArrowLeft className="w-4 h-4" />
+            Back to task
+          </Link>
+        </div>
+      </div>
+    );
+  }
+
   const taskName = task.title;
 
   // Load chat history server-side (skip for ephemeral 'new' automations)