@fayz-ai/plugin-marketing 0.9.0-next.1 → 0.9.1

package/src/presets.ts

@@ -1,119 +0,0 @@
-import type { AcquisitionChannel, ConversionModel } from './types'
-
-// ---------------------------------------------------------------------------
-// Domain presets — the abstraction that lets ONE plugin feed every vertical.
-// Each preset defines what a "conversion" is (and where it's attributed from)
-// plus the acquisition channels that vertical actually uses. Channel ids align
-// with plugin-crm's `lead-sources` registry where they overlap.
-// ---------------------------------------------------------------------------
-
-export type MarketingDomain = 'agency' | 'beauty' | 'resto'
-
-export interface MarketingDomainModules {
-  channels: boolean
-  campaigns: boolean
-  funnel: boolean
-  landingPages: boolean
-  /** Social content planner — accounts, week board, markdown post pages. */
-  contentPlanner: boolean
-  /** Blog backoffice — posts + categories CMS feeding @fayz-ai/plugin-blog. Off by default. */
-  blog: boolean
-  /** Outbound — reserved, off by default, implemented in a later milestone. */
-  broadcasts: boolean
-  journeys: boolean
-}
-
-export interface MarketingDomainPreset {
-  conversion: ConversionModel
-  channels: AcquisitionChannel[]
-  modules: MarketingDomainModules
-}
-
-const AGENCY: MarketingDomainPreset = {
-  conversion: {
-    id: 'won-deal',
-    label: 'Won deal',
-    labelPlural: 'Won deals',
-    valueLabel: 'Pipeline value',
-    source: 'crm',
-    avgValue: 3200,
-  },
-  channels: [
-    { id: 'paid-search', label: 'Paid Search', icon: 'Search', kind: 'paid' },
-    { id: 'paid-social', label: 'Paid Social', icon: 'Megaphone', kind: 'paid' },
-    { id: 'organic', label: 'Organic / SEO', icon: 'Globe', kind: 'organic' },
-    { id: 'email', label: 'Email', icon: 'Mail', kind: 'outbound' },
-    { id: 'referral', label: 'Referral', icon: 'Users', kind: 'referral' },
-    { id: 'direct', label: 'Direct', icon: 'MousePointerClick', kind: 'direct' },
-  ],
-  modules: { channels: true, campaigns: true, funnel: true, landingPages: true, contentPlanner: false, blog: false, broadcasts: false, journeys: false },
-}
-
-const BEAUTY: MarketingDomainPreset = {
-  conversion: {
-    id: 'booking',
-    label: 'Booking',
-    labelPlural: 'Bookings',
-    valueLabel: 'Booking revenue',
-    source: 'agenda',
-    avgValue: 85,
-  },
-  channels: [
-    { id: 'instagram', label: 'Instagram', icon: 'Instagram', kind: 'social' },
-    { id: 'google', label: 'Google', icon: 'Globe', kind: 'organic' },
-    { id: 'referral', label: 'Referral', icon: 'Users', kind: 'referral' },
-    { id: 'whatsapp', label: 'WhatsApp', icon: 'MessageCircle', kind: 'social' },
-    { id: 'walkin', label: 'Walk-in', icon: 'DoorOpen', kind: 'direct' },
-  ],
-  modules: { channels: true, campaigns: true, funnel: true, landingPages: false, contentPlanner: true, blog: false, broadcasts: false, journeys: false },
-}
-
-const RESTO: MarketingDomainPreset = {
-  conversion: {
-    id: 'order',
-    label: 'Order',
-    labelPlural: 'Orders',
-    valueLabel: 'Revenue',
-    source: 'orders',
-    avgValue: 42,
-  },
-  channels: [
-    { id: 'ifood', label: 'iFood', icon: 'Utensils', kind: 'paid' },
-    { id: 'delivery', label: 'Delivery apps', icon: 'Bike', kind: 'paid' },
-    { id: 'google', label: 'Google', icon: 'Globe', kind: 'organic' },
-    { id: 'instagram', label: 'Instagram', icon: 'Instagram', kind: 'social' },
-    { id: 'walkin', label: 'Walk-in', icon: 'DoorOpen', kind: 'direct' },
-  ],
-  modules: { channels: true, campaigns: true, funnel: true, landingPages: false, contentPlanner: false, blog: false, broadcasts: false, journeys: false },
-}
-
-export const MARKETING_PRESETS: Record<MarketingDomain, MarketingDomainPreset> = {
-  agency: AGENCY,
-  beauty: BEAUTY,
-  resto: RESTO,
-}
-
-/** Vertical-flavored campaign name templates for the mock seed. */
-export const CAMPAIGN_NAME_SEEDS: Record<MarketingDomain, string[]> = {
-  agency: [
-    'Q2 Lead-gen — Search',
-    'LinkedIn Retargeting',
-    'Webinar Funnel',
-    'Newsletter Nurture',
-    'Partner Referral Push',
-  ],
-  beauty: [
-    'Summer Glow Promo',
-    'New Client — Instagram',
-    'Birthday Offer Blast',
-    'Win-back 90 days',
-    'Google Reviews Boost',
-  ],
-  resto: [
-    'iFood Weekend Combo',
-    'Happy Hour Promo',
-    'New Menu Launch',
-    'Loyalty Double Points',
-    'Instagram Stories Drop',
-  ],
-}

package/src/registries.ts

@@ -1,62 +0,0 @@
-import type { PluginRegistryDef, EntityDef } from '@fayz-ai/core'
-import type { AcquisitionChannel } from './types'
-import { T } from './data/tables'
-
-// ---------------------------------------------------------------------------
-// Settings registries — surfaced as CRUD tabs in the central Settings area
-// (mirrors how plugin-menu exposes Allergens / Dietary Tags). "Channels" lists
-// the acquisition channels resolved from the domain preset.
-// ---------------------------------------------------------------------------
-
-const KIND_OPTIONS = [
-  { value: 'paid', label: 'Paid' },
-  { value: 'organic', label: 'Organic' },
-  { value: 'social', label: 'Social' },
-  { value: 'referral', label: 'Referral' },
-  { value: 'direct', label: 'Direct' },
-  { value: 'outbound', label: 'Outbound' },
-]
-
-const channelEntity: EntityDef = {
-  name: 'Channel',
-  namePlural: 'Channels',
-  icon: 'Radio',
-  displayField: 'label',
-  defaultSort: 'label',
-  fields: [
-    { key: 'label', label: 'Channel', type: 'text', required: true, showInTable: true, searchable: true },
-    { key: 'channelKey', label: 'Key', type: 'text', required: true, showInTable: true },
-    { key: 'kind', label: 'Type', type: 'select', options: KIND_OPTIONS, showInTable: true },
-    { key: 'icon', label: 'Icon', type: 'text' },
-    { key: 'monthlySpend', label: 'Monthly spend', type: 'number', showInTable: true, defaultValue: 0 },
-    { key: 'isActive', label: 'Active', type: 'boolean', showInTable: true, defaultValue: true, inlineToggle: true },
-  ],
-  facets: [{ field: 'kind' }],
-  data: {
-    table: T.channels,
-    tenantScoped: true,
-    searchColumns: ['label', 'channel_key'],
-  },
-}
-
-/** Build the marketing settings registries. Channels are tenant-editable rows
- *  in plg_marketing_channels; the Supabase provider lazily seeds them from the
- *  resolved domain preset (seedData doubles as walkable mock data). Sites are
- *  NOT here on purpose: they are the tenant's fayz projects, managed by the
- *  shell in Settings → Sites, and marketing only points a page at one. */
-export function buildMarketingRegistries(channels: AcquisitionChannel[]): PluginRegistryDef[] {
-  return [
-    {
-      id: 'channels',
-      entity: channelEntity,
-      icon: 'Radio',
-      description: 'Acquisition channels tracked for this workspace',
-      display: 'table',
-      seedData: [
-        ...channels.map((c) => ({
-          id: c.id, channelKey: c.id, label: c.label, kind: c.kind, icon: c.icon, isActive: true, monthlySpend: 0,
-        })),
-      ],
-    },
-  ]
-}

package/src/schema/index.ts

@@ -1,106 +0,0 @@
-// Builders come from @fayz-ai/db (single drizzle-orm instance) — never import
-// pgTable/uuid directly from drizzle-orm/pg-core. See MIGRATION-ARCHITECTURE §6.
-import {
-  pgTable, uuid, text, boolean, integer, date, jsonb, index, uniqueIndex,
-  numeric, timestamp,
-  tenantId, timestamps, createdAt,
-} from '@fayz-ai/db'
-
-// ---------------------------------------------------------------------------
-// Marketing plugin — Ring-1 schema (schema-as-code), content planner tables.
-// RLS policies + grants are companion SQL (Drizzle doesn't diff those) —
-// see src/migrations/001_content_planner.sql.
-// ---------------------------------------------------------------------------
-
-// Acquisition channels — tenant-owned rows seeded from the domain preset.
-// `channel_key` is the stable preset/config id ('instagram', 'paid-search'…),
-// aligned with plugin-crm's lead-sources where they overlap.
-export const mktChannels = pgTable('plg_marketing_channels', {
-  id: uuid('id').primaryKey().defaultRandom(),
-  tenantId: tenantId(),
-  channelKey: text('channel_key').notNull(),
-  label: text('label').notNull(),
-  icon: text('icon'),
-  kind: text('kind').notNull().default('organic'),
-  isActive: boolean('is_active').notNull().default(true),
-  monthlySpend: numeric('monthly_spend').notNull().default('0'),
-  ...timestamps,
-}, (t) => [
-  index('idx_plg_marketing_channels_tenant').on(t.tenantId),
-  uniqueIndex('u_plg_marketing_channels_tenant_key').on(t.tenantId, t.channelKey),
-])
-
-// Acquisition campaigns — real CRUD; performance is DERIVED at read time from
-// v_marketing_attribution (channel match within the campaign window), only
-// spend is stored.
-export const mktCampaigns = pgTable('plg_marketing_campaigns', {
-  id: uuid('id').primaryKey().defaultRandom(),
-  tenantId: tenantId(),
-  name: text('name').notNull(),
-  channelKey: text('channel_key').notNull(),
-  status: text('status').notNull().default('draft'),
-  startsAt: timestamp('starts_at', { withTimezone: true }),
-  endsAt: timestamp('ends_at', { withTimezone: true }),
-  spend: numeric('spend').notNull().default('0'),
-  ...timestamps,
-}, (t) => [
-  index('idx_plg_marketing_campaigns_tenant').on(t.tenantId),
-  index('idx_plg_marketing_campaigns_channel').on(t.tenantId, t.channelKey),
-])
-
-export const mktSocialAccounts = pgTable('plg_marketing_social_accounts', {
-  id: uuid('id').primaryKey().defaultRandom(),
-  tenantId: tenantId(),
-  name: text('name').notNull(),
-  handle: text('handle'),
-  // One account, many platform connections (Instagram, YouTube, TikTok, ...)
-  platforms: text('platforms').array().notNull().default(['instagram']),
-  isActive: boolean('is_active').notNull().default(true),
-  ...createdAt,
-}, (t) => [index('idx_plg_marketing_social_accounts_tenant').on(t.tenantId)])
-
-export const mktContentPlans = pgTable('plg_marketing_content_plans', {
-  id: uuid('id').primaryKey().defaultRandom(),
-  tenantId: tenantId(),
-  accountId: uuid('account_id').notNull().references(() => mktSocialAccounts.id, { onDelete: 'cascade' }),
-  name: text('name').notNull(),
-  status: text('status').notNull().default('active'),
-  weeksCount: integer('weeks_count').notNull().default(8),
-  startDate: date('start_date'),
-  objective: text('objective'),
-  tone: text('tone'),
-  pillars: jsonb('pillars').notNull().default([]),
-  formats: jsonb('formats').notNull().default([]),
-  weeklyFrequency: integer('weekly_frequency').notNull().default(3),
-  briefMd: text('brief_md').notNull().default(''),
-  ...timestamps,
-}, (t) => [
-  index('idx_plg_marketing_content_plans_tenant').on(t.tenantId),
-  index('idx_plg_marketing_content_plans_account').on(t.accountId),
-])
-
-export const mktContentPosts = pgTable('plg_marketing_content_posts', {
-  id: uuid('id').primaryKey().defaultRandom(),
-  tenantId: tenantId(),
-  planId: uuid('plan_id').notNull().references(() => mktContentPlans.id, { onDelete: 'cascade' }),
-  weekNumber: integer('week_number').notNull().default(1),
-  position: integer('position').notNull().default(0),
-  title: text('title').notNull(),
-  format: text('format').notNull().default('reel'),
-  status: text('status').notNull().default('idea'),
-  scheduledDate: date('scheduled_date'),
-  // Target platforms for this post; empty = inherit the account's platforms
-  platforms: text('platforms').array().notNull().default([]),
-  // Recording-day checklist [{ id, text, done }]
-  checklist: jsonb('checklist').notNull().default([]),
-  // Uploaded asset (static posts: caption + final art instead of a script)
-  mediaUrl: text('media_url'),
-  hook: text('hook'),
-  cta: text('cta'),
-  contentMd: text('content_md').notNull().default(''),
-  ...timestamps,
-}, (t) => [
-  index('idx_plg_marketing_content_posts_tenant').on(t.tenantId),
-  index('idx_plg_marketing_content_posts_plan').on(t.planId, t.weekNumber, t.position),
-  index('idx_plg_marketing_content_posts_status').on(t.tenantId, t.status),
-])

package/src/store.ts

@@ -1,102 +0,0 @@
-import { createStore, type StoreApi } from 'zustand/vanilla'
-import type { MarketingDataProvider, SaveCampaignInput, SaveLandingPageInput } from './data/types'
-import type {
-  Campaign,
-  ChannelPerformance,
-  DateRangeKey,
-  FunnelStage,
-  LandingPage,
-  LandingPagePerf,
-  MarketingOverview,
-  MarketingSite,
-} from './types'
-
-export interface MarketingUIState {
-  range: DateRangeKey
-  overview: MarketingOverview | null
-  channels: ChannelPerformance[]
-  campaigns: Campaign[]
-  funnel: FunnelStage[]
-  landingPages: LandingPagePerf[]
-  sites: MarketingSite[]
-  leadTags: Array<{ slug: string; name: string }>
-  loading: boolean
-
-  load(): Promise<void>
-  /** Invalidate the provider cache and reload (external writes, e.g. agent RPCs). */
-  refresh(): Promise<void>
-  setRange(range: DateRangeKey): Promise<void>
-  saveCampaign(input: SaveCampaignInput): Promise<Campaign>
-  deleteCampaign(id: string): Promise<void>
-  saveLandingPage(input: SaveLandingPageInput): Promise<LandingPage>
-  deleteLandingPage(id: string): Promise<void>
-}
-
-export function createMarketingStore(provider: MarketingDataProvider): StoreApi<MarketingUIState> {
-  return createStore<MarketingUIState>((set, get) => ({
-    range: '30d',
-    overview: null,
-    channels: [],
-    campaigns: [],
-    funnel: [],
-    landingPages: [],
-    sites: [],
-    leadTags: [],
-    loading: false,
-
-    async load() {
-      const range = get().range
-      set({ loading: true })
-      try {
-        const [overview, channels, campaigns, funnel, landingPages, sites, leadTags] = await Promise.all([
-          provider.overview({ range }),
-          provider.channelPerformance({ range }),
-          provider.listCampaigns({ range }),
-          provider.funnel({ range }),
-          provider.landingPages({ range }),
-          provider.listSites(),
-          provider.listLeadTags(),
-        ])
-        set({ overview, channels, campaigns, funnel, landingPages, sites, leadTags, loading: false })
-      } catch (err) {
-        // A failed load must never wedge the surface in `loading` forever.
-        set({ loading: false })
-        throw err
-      }
-    },
-
-    async refresh() {
-      provider.invalidateCache?.()
-      await get().load()
-    },
-
-    async setRange(range) {
-      set({ range })
-      await get().load()
-    },
-
-    async saveCampaign(input) {
-      const created = await provider.saveCampaign(input)
-      await get().load()
-      return created
-    },
-
-    async deleteCampaign(id) {
-      await provider.deleteCampaign(id)
-      await get().load()
-    },
-
-    async saveLandingPage(input) {
-      const saved = await provider.saveLandingPage(input)
-      provider.invalidateCache?.()
-      await get().load()
-      return saved
-    },
-
-    async deleteLandingPage(id) {
-      await provider.deleteLandingPage(id)
-      provider.invalidateCache?.()
-      await get().load()
-    },
-  }))
-}

package/src/types.ts

@@ -1,153 +0,0 @@
-// ---------------------------------------------------------------------------
-// @fayz-ai/plugin-marketing — domain model for ACQUISITION & CONVERSION
-// analytics. The plugin is vertical-agnostic: each app supplies a
-// `ConversionModel` (what a conversion is + where it's read from) and a set of
-// `AcquisitionChannel`s, and the same analytics engine adapts.
-// ---------------------------------------------------------------------------
-
-export type AcquisitionChannelKind =
-  | 'paid'
-  | 'organic'
-  | 'social'
-  | 'referral'
-  | 'direct'
-  | 'outbound'
-
-export interface AcquisitionChannel {
-  id: string
-  label: string
-  /** lucide-react icon name (resolved in components/icons.ts) */
-  icon: string
-  kind: AcquisitionChannelKind
-}
-
-/** Where attribution reads conversions from (per vertical). */
-export type ConversionSource = 'crm' | 'agenda' | 'orders' | 'custom'
-
-export interface ConversionModel {
-  id: string
-  /** singular noun for one conversion, e.g. 'Won deal' | 'Booking' | 'Order' */
-  label: string
-  labelPlural: string
-  /** label for the monetary value, e.g. 'Pipeline value' | 'Revenue' */
-  valueLabel: string
-  source: ConversionSource
-  /** average monetary value of a single conversion (mock + estimates) */
-  avgValue: number
-}
-
-export type CampaignStatus = 'active' | 'paused' | 'ended' | 'draft'
-
-/** An acquisition campaign running on a channel, with attributed performance. */
-export interface Campaign {
-  id: string
-  name: string
-  channelId: string
-  status: CampaignStatus
-  start: string
-  end?: string
-  spend: number
-  /** visits / sessions / sends reached (NOT raw impressions) */
-  reach: number
-  leads: number
-  conversions: number
-  /** attributed monetary value */
-  value: number
-}
-
-/** Per-channel rollup used by the Channels view + Overview. */
-export interface ChannelPerformance {
-  channelId: string
-  reach: number
-  leads: number
-  conversions: number
-  spend: number
-  value: number
-  /** conversions / reach * 100 */
-  cvr: number
-  /** spend / conversions (0 when no spend) */
-  cpa: number
-}
-
-export interface FunnelStage {
-  id: string
-  label: string
-  count: number
-  color: string
-}
-
-/** A site the tenant owns — a row of public.fayz_projects, managed in
- *  Settings → Sites. `appId`/`fayzProjectId` are the deploy's ids on the
- *  hosting platform: the keys the visit-analytics call needs (app + route +
- *  period). Marketing reads these; it does not own them. */
-export interface MarketingSite {
-  id: string
-  name: string
-  /** live site URL, e.g. 'https://espacorenovario.com.br' */
-  url?: string
-  appId?: string
-  fayzProjectId?: string
-  /** Fayz editor for this project — where a planned page gets built. */
-  editorUrl?: string
-}
-
-/** 'live' = the route already exists on the site. 'planned' = it does not yet;
- *  `prompt` is the brief for building it with Fayz. */
-export type LandingPageStatus = 'live' | 'planned'
-
-/** A landing page IS a site + a route. `leadTags` is the CRM cross: leads that
- *  come in through the page carry those tag slugs. */
-export interface LandingPage {
-  id: string
-  siteId: string
-  name: string
-  /** path within the site, always leading-slashed, e.g. '/lp-capilar' */
-  route: string
-  leadTags: string[]
-  status: LandingPageStatus
-  /** what the page should be — only meaningful while status is 'planned' */
-  prompt?: string
-  isActive: boolean
-}
-
-export interface LandingPagePerf extends LandingPage {
-  siteName: string
-  siteUrl?: string
-  appId?: string
-  editorUrl?: string
-  /** full public URL (site + route); the bare route when the site has no URL */
-  url: string
-  /** null while no visit source is connected — renders as "—", not as zero. */
-  visits: number | null
-  /** leads carrying `leadTag` within the queried period */
-  conversions: number
-  /** conversions / visits * 100 — null when visits are unknown */
-  cvr: number | null
-}
-
-export interface MarketingOverview {
-  conversions: number
-  conversionsPrev: number
-  cvr: number
-  cvrPrev: number
-  spend: number
-  cpa: number
-  value: number
-  topChannelId: string | null
-  /** conversions per channel for the mix bars */
-  channelMix: Array<{ channelId: string; conversions: number }>
-}
-
-export type DateRangeKey = '7d' | '30d' | '90d'
-
-export interface MarketingQuery {
-  range: DateRangeKey
-  /** optionally scope to a single channel (channel detail) */
-  channelId?: string
-}
-
-export const DATE_RANGE_LABELS: Record<DateRangeKey, string> = {
-  '7d': 'Last 7 days',
-  '30d': 'Last 30 days',
-  '90d': 'Last 90 days',
-}

package/src/views/CampaignComposer.tsx

@@ -1,89 +0,0 @@
-import React from 'react'
-import {
-  Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter,
-  Button, Input,
-  Select, SelectTrigger, SelectValue, SelectContent, SelectItem,
-} from '@fayz-ai/ui'
-import { useTranslation } from '@fayz-ai/core'
-import { useMarketingConfig, useMarketingStore } from '../MarketingContext'
-import type { CampaignStatus } from '../types'
-
-const STATUSES: CampaignStatus[] = ['draft', 'active', 'paused']
-
-export function CampaignComposer({ open, onClose }: { open: boolean; onClose: () => void }) {
-  const t = useTranslation()
-  const { channels } = useMarketingConfig()
-  const saveCampaign = useMarketingStore((s) => s.saveCampaign)
-
-  const [name, setName] = React.useState('')
-  const [channelId, setChannelId] = React.useState(channels[0]?.id ?? '')
-  const [status, setStatus] = React.useState<CampaignStatus>('active')
-  const [spend, setSpend] = React.useState('')
-  const [saving, setSaving] = React.useState(false)
-
-  React.useEffect(() => {
-    if (open) {
-      setName(''); setChannelId(channels[0]?.id ?? ''); setStatus('active'); setSpend('')
-    }
-  }, [open, channels])
-
-  async function handleSave() {
-    if (!name.trim() || !channelId) return
-    setSaving(true)
-    await saveCampaign({
-      name: name.trim(),
-      channelId,
-      status,
-      start: new Date().toISOString(),
-      spend: Number(spend) || 0,
-    })
-    setSaving(false)
-    onClose()
-  }
-
-  return (
-    <Modal open={open} onOpenChange={(o) => { if (!o) onClose() }}>
-      <ModalContent size="md">
-        <ModalHeader>
-          <ModalTitle>{t('marketing.composer.title')}</ModalTitle>
-        </ModalHeader>
-        <ModalBody className="space-y-4">
-          <label className="block space-y-1.5">
-            <span className="text-sm font-medium text-foreground">{t('marketing.composer.name')}</span>
-            <Input value={name} onChange={(e) => setName(e.target.value)} placeholder={t('marketing.composer.namePlaceholder')} />
-          </label>
-
-          <label className="block space-y-1.5">
-            <span className="text-sm font-medium text-foreground">{t('marketing.composer.channel')}</span>
-            <Select value={channelId} onValueChange={setChannelId}>
-              <SelectTrigger><SelectValue placeholder={t('marketing.composer.channelPlaceholder')} /></SelectTrigger>
-              <SelectContent>
-                {channels.map((c) => <SelectItem key={c.id} value={c.id}>{c.label}</SelectItem>)}
-              </SelectContent>
-            </Select>
-          </label>
-
-          <div className="grid grid-cols-2 gap-3">
-            <label className="block space-y-1.5">
-              <span className="text-sm font-medium text-foreground">{t('marketing.composer.status')}</span>
-              <Select value={status} onValueChange={(v) => setStatus(v as CampaignStatus)}>
-                <SelectTrigger><SelectValue /></SelectTrigger>
-                <SelectContent>
-                  {STATUSES.map((s) => <SelectItem key={s} value={s} className="capitalize">{t(`marketing.status.${s}`)}</SelectItem>)}
-                </SelectContent>
-              </Select>
-            </label>
-            <label className="block space-y-1.5">
-              <span className="text-sm font-medium text-foreground">{t('marketing.composer.budget')}</span>
-              <Input type="number" min={0} value={spend} onChange={(e) => setSpend(e.target.value)} placeholder="0" />
-            </label>
-          </div>
-        </ModalBody>
-        <ModalFooter>
-          <Button variant="outline" onClick={onClose}>{t('marketing.composer.cancel')}</Button>
-          <Button onClick={handleSave} disabled={saving || !name.trim()}>{t('marketing.composer.create')}</Button>
-        </ModalFooter>
-      </ModalContent>
-    </Modal>
-  )
-}