Admin AI Tools page: unified design system styling, provider selector with OpenAI turd emoji, free-text model input with exact ID warning

src/app/admin/communications/compose/page.tsx

@@ -1,37 +1,31 @@
 import { redirect } from "next/navigation";
 import { getAdminUser } from "@/lib/admin-permissions";
-import { getHarvestReachCampaigns } from "@/actions/harvest-reach/campaigns";
+import { getCommunicationCampaigns } from "@/actions/communications/campaigns";
 import { getCommunicationTemplates } from "@/actions/communications/templates";
 import { getHarvestReachSegments } from "@/actions/harvest-reach/segments";
 import CommunicationsPage from "@/components/admin/CommunicationsPage";
 
 export default async function ComposePage() {
   const adminUser = await getAdminUser();
-  if (!adminUser || !adminUser.can_manage_messages) redirect("/admin/pickup");
+  if (!adminUser || !adminUser.can_manage_messages) {
+    redirect("/admin/pickup");
+  }
 
   const effectiveBrandId = adminUser.brand_id ?? "64294306-5f42-463d-a5e8-2ad6c81a96de";
 
   const [campaignsResult, templatesResult, segmentsResult] = await Promise.all([
-    getHarvestReachCampaigns(effectiveBrandId),
+    getCommunicationCampaigns(effectiveBrandId),
     getCommunicationTemplates(effectiveBrandId),
     getHarvestReachSegments(effectiveBrandId),
   ]);
 
-  const campaigns = campaignsResult.success ? campaignsResult.campaigns : [];
-  const templates = templatesResult.success ? templatesResult.templates : [];
-  const segments = segmentsResult.success ? segmentsResult.segments : [];
-
   return (
-    <div className="min-h-screen bg-stone-100 px-6 py-10">
-      <div className="mx-auto max-w-6xl">
-        <CommunicationsPage
-          campaigns={campaigns}
-          templates={templates}
-          activeTab="compose"
-          brandId={effectiveBrandId}
-          initialSegments={segments}
-        />
-      </div>
-    </div>
+    <CommunicationsPage
+      campaigns={campaignsResult.success ? campaignsResult.campaigns : []}
+      templates={templatesResult.success ? templatesResult.templates : []}
+      brandId={effectiveBrandId}
+      initialSegments={segmentsResult.success ? segmentsResult.segments : []}
+      editMode="new"
+    />
   );
 }