@fayz-ai/plugin-marketing 0.1.1

package/dist/index.js

@@ -0,0 +1,1346 @@
+import React4, { useEffect } from 'react';
+import { registerTranslations, getSupabaseClientOptional, useTranslation } from '@fayz-ai/core';
+import { defineKpiWidget, defineCustomWidget, defineTableWidget, ModulePage, DataTable, SubpageHeader, Button, DashboardCanvas, SegmentedControl, cn, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, ModalFooter, KpiCard as KpiCard$1, Card, CardHeader, CardTitle, CardContent, TableWidget } from '@fayz-ai/ui';
+import { createPluginContext, useModuleNavigation, createViewRouter, ModuleActionBar, SettingsGroup, SelectRow, ToggleRow } from '@fayz-ai/saas';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronRight, Users, Target, Percent, DollarSign, Trash2, Plus, MousePointerClick, Layers, ArrowUpRight, ArrowDownRight, Bike, Utensils, DoorOpen, MessageCircle, Instagram, Mail, Globe, Megaphone, Search, Link2, Trophy } from 'lucide-react';
+import { createStore } from 'zustand/vanilla';
+
+// src/index.ts
+var ctx = createPluginContext("MarketingPage");
+var MarketingContextProvider = ctx.ContextProvider;
+var useMarketingConfig = ctx.useConfig;
+var useMarketingProvider = ctx.useProvider;
+var useMarketingStore = ctx.useStore;
+function useChannelLookup() {
+  const { channels } = useMarketingConfig();
+  return React4.useMemo(() => new Map(channels.map((c) => [c.id, c])), [channels]);
+}
+function OverviewView() {
+  const setRange = useMarketingStore((s) => s.setRange);
+  const range = useMarketingStore((s) => s.range);
+  return /* @__PURE__ */ jsx(
+    DashboardCanvas,
+    {
+      surface: "plugin-home",
+      domain: "marketing",
+      showHeader: false,
+      className: "mx-auto max-w-6xl space-y-6",
+      range: { default: range, onChange: (r) => void setRange(r) }
+    }
+  );
+}
+
+// src/format.ts
+var DEFAULT_CURRENCY = { code: "USD", locale: "en-US", symbol: "$" };
+function formatCurrency(value, currency) {
+  try {
+    return new Intl.NumberFormat(currency.locale, {
+      style: "currency",
+      currency: currency.code,
+      maximumFractionDigits: value >= 1e3 ? 0 : 2
+    }).format(value);
+  } catch {
+    return `${currency.symbol}${Math.round(value).toLocaleString()}`;
+  }
+}
+function formatNumber(value) {
+  return Math.round(value).toLocaleString();
+}
+function formatPercent(value, digits = 1) {
+  return `${value.toFixed(digits)}%`;
+}
+function formatCompact(value) {
+  if (value >= 1e3) return `${(value / 1e3).toFixed(value >= 1e4 ? 0 : 1)}k`;
+  return String(Math.round(value));
+}
+function trendDelta(current, previous) {
+  if (previous === 0) return { pct: current > 0 ? 100 : 0, dir: current > 0 ? "up" : "neutral" };
+  const pct = (current - previous) / previous * 100;
+  return { pct: Math.abs(pct), dir: pct > 0.5 ? "up" : pct < -0.5 ? "down" : "neutral" };
+}
+var ICONS = {
+  Search,
+  Megaphone,
+  Globe,
+  Mail,
+  Users,
+  MousePointerClick,
+  Instagram,
+  MessageCircle,
+  DoorOpen,
+  Utensils,
+  Bike
+};
+function ChannelIcon({ name, className }) {
+  const Icon = ICONS[name] ?? Link2;
+  return /* @__PURE__ */ jsx(Icon, { className });
+}
+function KpiCard({
+  icon: Icon,
+  label,
+  value,
+  sub,
+  current,
+  previous,
+  invertTrend
+}) {
+  const trend = current != null && previous != null ? trendDelta(current, previous) : null;
+  const good = trend ? invertTrend ? trend.dir === "down" : trend.dir === "up" : false;
+  const bad = trend ? invertTrend ? trend.dir === "up" : trend.dir === "down" : false;
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-card border border-border bg-card p-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-muted-foreground", children: [
+      /* @__PURE__ */ jsx(Icon, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-medium", children: label })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-end justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-2xl font-semibold text-foreground", children: value }),
+      trend && trend.dir !== "neutral" && /* @__PURE__ */ jsxs("span", { className: cn(
+        "mb-0.5 inline-flex items-center gap-0.5 text-xs font-medium",
+        good && "text-emerald-600",
+        bad && "text-rose-600",
+        !good && !bad && "text-muted-foreground"
+      ), children: [
+        trend.dir === "up" ? /* @__PURE__ */ jsx(ArrowUpRight, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx(ArrowDownRight, { className: "h-3 w-3" }),
+        trend.pct.toFixed(0),
+        "%"
+      ] })
+    ] }),
+    sub && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: sub })
+  ] });
+}
+var RANGES = ["7d", "30d", "90d"];
+function RangeTabs() {
+  const range = useMarketingStore((s) => s.range);
+  const setRange = useMarketingStore((s) => s.setRange);
+  return /* @__PURE__ */ jsx(
+    SegmentedControl,
+    {
+      options: RANGES,
+      value: range,
+      onChange: (r) => void setRange(r),
+      "aria-label": "Time range"
+    }
+  );
+}
+var STATUS_STYLE = {
+  active: "bg-emerald-100 text-emerald-700",
+  paused: "bg-amber-100 text-amber-700",
+  ended: "bg-muted text-muted-foreground",
+  draft: "bg-slate-100 text-slate-600"
+};
+function StatusBadge({ status }) {
+  const t = useTranslation();
+  return /* @__PURE__ */ jsx("span", { className: cn("rounded-full px-2 py-0.5 text-xs font-medium capitalize", STATUS_STYLE[status]), children: t(`marketing.status.${status}`) });
+}
+function ChannelCell({ channelId }) {
+  const lookup = useChannelLookup();
+  const ch = lookup.get(channelId);
+  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 text-foreground", children: [
+    /* @__PURE__ */ jsx(ChannelIcon, { name: ch?.icon ?? "Link2", className: "h-3.5 w-3.5 text-muted-foreground" }),
+    ch?.label ?? channelId
+  ] });
+}
+function ProportionBar({ value, max, color, label, right }) {
+  const pct = max > 0 ? Math.max(value / max * 100, 2) : 0;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "w-32 shrink-0 text-sm text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: "h-7 flex-1 overflow-hidden rounded-md bg-muted/40", children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "flex h-full items-center rounded-md px-2 text-xs font-semibold",
+        style: { width: `${pct}%`, backgroundColor: color + "26", color },
+        children: right
+      }
+    ) })
+  ] });
+}
+function ChannelsView({ onOpen }) {
+  const t = useTranslation();
+  const { conversion, currency } = useMarketingConfig();
+  const channels = useMarketingStore((s) => s.channels);
+  const sorted = [...channels].sort((a, b) => b.conversions - a.conversions);
+  const columns = React4.useMemo(() => [
+    { accessorKey: "channelId", header: t("marketing.col.channel"), cell: ({ getValue }) => /* @__PURE__ */ jsx(ChannelCell, { channelId: getValue() }) },
+    { accessorKey: "reach", header: t("marketing.col.reach"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatNumber(getValue()) }) },
+    { accessorKey: "leads", header: t("marketing.col.leads"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatNumber(getValue()) }) },
+    { accessorKey: "conversions", header: conversion.labelPlural, cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatNumber(getValue()) }) },
+    { accessorKey: "cvr", header: t("marketing.col.cvr"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatPercent(getValue()) }) },
+    { accessorKey: "spend", header: t("marketing.col.spend"), cell: ({ getValue }) => {
+      const v = getValue();
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: v > 0 ? formatCurrency(v, currency) : "\u2014" });
+    } },
+    { accessorKey: "cpa", header: t("marketing.col.cpa"), cell: ({ getValue }) => {
+      const v = getValue();
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: v > 0 ? formatCurrency(v, currency) : "\u2014" });
+    } },
+    { accessorKey: "value", header: conversion.valueLabel, cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatCurrency(getValue(), currency) }) },
+    { id: "open", header: "", enableSorting: false, cell: () => /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 text-muted-foreground" }) }
+  ], [t, conversion.labelPlural, conversion.valueLabel, currency]);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("marketing.channels.subtitle") }),
+      /* @__PURE__ */ jsx(RangeTabs, {})
+    ] }),
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        columns,
+        data: sorted,
+        onRowClick: (row) => onOpen(row.channelId),
+        emptyMessage: t("marketing.channels.subtitle")
+      }
+    )
+  ] });
+}
+function ChannelDetailView({ channelId, onBack }) {
+  const t = useTranslation();
+  const { conversion, currency, labels } = useMarketingConfig();
+  const range = useMarketingStore((s) => s.range);
+  const channels = useMarketingStore((s) => s.channels);
+  const lookup = useChannelLookup();
+  const provider = useMarketingProvider();
+  const [campaigns, setCampaigns] = React4.useState([]);
+  React4.useEffect(() => {
+    void provider.listCampaigns({ range, channelId }).then(setCampaigns);
+  }, [provider, range, channelId]);
+  const perf = channels.find((c) => c.channelId === channelId);
+  const channel = lookup.get(channelId);
+  const columns = React4.useMemo(() => [
+    { accessorKey: "name", header: t("marketing.col.campaign"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: getValue() }) },
+    { accessorKey: "conversions", header: conversion.labelPlural, cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatNumber(getValue()) }) },
+    { id: "cvr", accessorFn: (c) => c.reach > 0 ? c.conversions / c.reach * 100 : 0, header: t("marketing.col.cvr"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatPercent(getValue()) }) },
+    { accessorKey: "spend", header: t("marketing.col.spend"), cell: ({ getValue }) => {
+      const v = getValue();
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: v > 0 ? formatCurrency(v, currency) : "\u2014" });
+    } },
+    { accessorKey: "status", header: t("marketing.col.status"), cell: ({ getValue }) => /* @__PURE__ */ jsx(StatusBadge, { status: getValue() }) }
+  ], [t, conversion.labelPlural, currency]);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl space-y-6", children: [
+    /* @__PURE__ */ jsx(
+      SubpageHeader,
+      {
+        title: channel?.label ?? channelId,
+        subtitle: channel?.kind,
+        onBack,
+        parentLabel: labels.channels
+      }
+    ),
+    perf && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 lg:grid-cols-4", children: [
+      /* @__PURE__ */ jsx(KpiCard, { icon: Users, label: t("marketing.metric.reach"), value: formatNumber(perf.reach) }),
+      /* @__PURE__ */ jsx(KpiCard, { icon: Target, label: conversion.labelPlural, value: formatNumber(perf.conversions) }),
+      /* @__PURE__ */ jsx(KpiCard, { icon: Percent, label: t("marketing.metric.cvr"), value: formatPercent(perf.cvr) }),
+      /* @__PURE__ */ jsx(KpiCard, { icon: DollarSign, label: t("marketing.col.cpa"), value: perf.cpa > 0 ? formatCurrency(perf.cpa, currency) : "\u2014", sub: perf.spend > 0 ? `${formatCurrency(perf.spend, currency)} ${t("marketing.metric.spend")}` : "\u2014" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("marketing.channels.campaignsOn") }),
+      /* @__PURE__ */ jsx(DataTable, { columns, data: campaigns, emptyMessage: t("marketing.channels.noCampaigns") })
+    ] })
+  ] });
+}
+var STATUSES = ["draft", "active", "paused"];
+function CampaignComposer({ open, onClose }) {
+  const t = useTranslation();
+  const { channels } = useMarketingConfig();
+  const saveCampaign = useMarketingStore((s) => s.saveCampaign);
+  const [name, setName] = React4.useState("");
+  const [channelId, setChannelId] = React4.useState(channels[0]?.id ?? "");
+  const [status, setStatus] = React4.useState("active");
+  const [spend, setSpend] = React4.useState("");
+  const [saving, setSaving] = React4.useState(false);
+  React4.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: (/* @__PURE__ */ new Date()).toISOString(),
+      spend: Number(spend) || 0
+    });
+    setSaving(false);
+    onClose();
+  }
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "md", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: t("marketing.composer.title") }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("marketing.composer.name") }),
+        /* @__PURE__ */ jsx(Input, { value: name, onChange: (e) => setName(e.target.value), placeholder: t("marketing.composer.namePlaceholder") })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("marketing.composer.channel") }),
+        /* @__PURE__ */ jsxs(Select, { value: channelId, onValueChange: setChannelId, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("marketing.composer.channelPlaceholder") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: channels.map((c) => /* @__PURE__ */ jsx(SelectItem, { value: c.id, children: c.label }, c.id)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("marketing.composer.status") }),
+          /* @__PURE__ */ jsxs(Select, { value: status, onValueChange: (v) => setStatus(v), children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: STATUSES.map((s) => /* @__PURE__ */ jsx(SelectItem, { value: s, className: "capitalize", children: t(`marketing.status.${s}`) }, s)) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("marketing.composer.budget") }),
+          /* @__PURE__ */ jsx(Input, { type: "number", min: 0, value: spend, onChange: (e) => setSpend(e.target.value), placeholder: "0" })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: t("marketing.composer.cancel") }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: saving || !name.trim(), children: t("marketing.composer.create") })
+    ] })
+  ] }) });
+}
+function CampaignsView() {
+  const t = useTranslation();
+  const { conversion, currency } = useMarketingConfig();
+  const campaigns = useMarketingStore((s) => s.campaigns);
+  const deleteCampaign = useMarketingStore((s) => s.deleteCampaign);
+  const [composerOpen, setComposerOpen] = React4.useState(false);
+  const columns = React4.useMemo(() => [
+    { accessorKey: "name", header: t("marketing.col.campaign"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: getValue() }) },
+    { accessorKey: "channelId", header: t("marketing.col.channel"), cell: ({ getValue }) => /* @__PURE__ */ jsx(ChannelCell, { channelId: getValue() }) },
+    { accessorKey: "reach", header: t("marketing.col.reach"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatNumber(getValue()) }) },
+    { accessorKey: "conversions", header: conversion.labelPlural, cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatNumber(getValue()) }) },
+    { id: "cvr", accessorFn: (c) => c.reach > 0 ? c.conversions / c.reach * 100 : 0, header: t("marketing.col.cvr"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatPercent(getValue()) }) },
+    { accessorKey: "spend", header: t("marketing.col.spend"), cell: ({ getValue }) => {
+      const v = getValue();
+      return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: v > 0 ? formatCurrency(v, currency) : "\u2014" });
+    } },
+    { accessorKey: "status", header: t("marketing.col.status"), cell: ({ getValue }) => /* @__PURE__ */ jsx(StatusBadge, { status: getValue() }) },
+    {
+      id: "actions",
+      header: "",
+      enableSorting: false,
+      cell: ({ row }) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            void deleteCampaign(row.original.id);
+          },
+          className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+          title: t("marketing.campaigns.delete"),
+          children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+        }
+      )
+    }
+  ], [t, conversion.labelPlural, currency, deleteCampaign]);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("marketing.campaigns.subtitle") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(RangeTabs, {}),
+        /* @__PURE__ */ jsxs(Button, { onClick: () => setComposerOpen(true), children: [
+          /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-4 w-4" }),
+          " ",
+          t("marketing.campaigns.new")
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(DataTable, { columns, data: campaigns, emptyMessage: t("marketing.campaigns.empty") }),
+    /* @__PURE__ */ jsx(CampaignComposer, { open: composerOpen, onClose: () => setComposerOpen(false) })
+  ] });
+}
+function FunnelView() {
+  const t = useTranslation();
+  const { conversion } = useMarketingConfig();
+  const funnel = useMarketingStore((s) => s.funnel);
+  const max = Math.max(...funnel.map((s) => s.count), 1);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-4xl space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+        t("marketing.funnel.subtitlePrefix"),
+        " ",
+        conversion.label.toLowerCase()
+      ] }),
+      /* @__PURE__ */ jsx(RangeTabs, {})
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "rounded-card border border-border bg-card p-5", children: [
+      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: funnel.map((stage, i) => {
+        const pct = max > 0 ? Math.max(stage.count / max * 100, 4) : 0;
+        const prev = funnel[i - 1];
+        const stepRate = prev && prev.count > 0 ? stage.count / prev.count * 100 : null;
+        return /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-1 flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: stage.label }),
+            /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+              formatNumber(stage.count),
+              stepRate != null && /* @__PURE__ */ jsxs("span", { className: "ml-2 text-xs", children: [
+                "(",
+                formatPercent(stepRate, 0),
+                " ",
+                t("marketing.funnel.ofPrev"),
+                ")"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "h-9 overflow-hidden rounded-md bg-muted/40", children: /* @__PURE__ */ jsx("div", { className: "h-full rounded-md", style: { width: `${pct}%`, backgroundColor: stage.color + "33", borderLeft: `3px solid ${stage.color}` } }) })
+        ] }, stage.id);
+      }) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-5 border-t border-border pt-4 text-sm", children: [
+        /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+          t("marketing.funnel.overall"),
+          ": "
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: funnel.length > 1 && funnel[0].count > 0 ? formatPercent(funnel[funnel.length - 1].count / funnel[0].count * 100) : "\u2014" })
+      ] })
+    ] })
+  ] });
+}
+var TYPE_STYLE = {
+  Funnel: "bg-indigo-100 text-indigo-700",
+  "Landing page": "bg-pink-100 text-pink-700",
+  Website: "bg-sky-100 text-sky-700"
+};
+function LandingPagesView() {
+  const t = useTranslation();
+  const pages = useMarketingStore((s) => s.landingPages);
+  const totalVisits = pages.reduce((s, p) => s + p.visits, 0);
+  const totalConv = pages.reduce((s, p) => s + p.conversions, 0);
+  const avgCvr = totalVisits > 0 ? totalConv / totalVisits * 100 : 0;
+  const columns = React4.useMemo(() => [
+    { accessorKey: "name", header: t("marketing.col.page"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: getValue() }) },
+    { accessorKey: "type", header: t("marketing.col.type"), cell: ({ getValue }) => {
+      const v = getValue();
+      return /* @__PURE__ */ jsx("span", { className: `rounded-full px-2 py-0.5 text-xs font-medium ${TYPE_STYLE[v] ?? "bg-muted text-muted-foreground"}`, children: v });
+    } },
+    { accessorKey: "visits", header: t("marketing.col.visits"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatNumber(getValue()) }) },
+    { accessorKey: "conversions", header: t("marketing.col.conversions"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatNumber(getValue()) }) },
+    { accessorKey: "cvr", header: t("marketing.col.cvr"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatPercent(getValue()) }) }
+  ], [t]);
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("marketing.landing.subtitle") }),
+      /* @__PURE__ */ jsx(RangeTabs, {})
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-4", children: [
+      /* @__PURE__ */ jsx(KpiCard, { icon: MousePointerClick, label: t("marketing.metric.totalVisits"), value: formatNumber(totalVisits) }),
+      /* @__PURE__ */ jsx(KpiCard, { icon: Layers, label: t("marketing.metric.pages"), value: String(pages.length) }),
+      /* @__PURE__ */ jsx(KpiCard, { icon: Percent, label: t("marketing.metric.avgConversion"), value: formatPercent(avgCvr) })
+    ] }),
+    /* @__PURE__ */ jsx(DataTable, { columns, data: pages, emptyMessage: t("marketing.landing.subtitle") })
+  ] });
+}
+function buildNav(config, view, navigate) {
+  const items = [
+    { id: "overview", label: config.labels.overview, icon: "BarChart3", active: view === "overview", onClick: () => navigate("overview") }
+  ];
+  if (config.modules.channels) {
+    items.push({
+      id: "channels",
+      label: config.labels.channels,
+      icon: "Radio",
+      active: view === "channels" || view.startsWith("channel-detail:"),
+      onClick: () => navigate("channels")
+    });
+  }
+  if (config.modules.campaigns) {
+    items.push({ id: "campaigns", label: config.labels.campaigns, icon: "Megaphone", active: view === "campaigns", onClick: () => navigate("campaigns") });
+  }
+  if (config.modules.funnel) {
+    items.push({ id: "funnel", label: config.labels.funnel, icon: "Filter", active: view === "funnel", onClick: () => navigate("funnel") });
+  }
+  if (config.modules.landingPages) {
+    items.push({ id: "landing-pages", label: config.labels.landingPages, icon: "LayoutTemplate", active: view === "landing-pages", onClick: () => navigate("landing-pages") });
+  }
+  return items;
+}
+function MarketingPage({ config, provider, store }) {
+  const t = useTranslation();
+  const { view, direction, navigate } = useModuleNavigation("/marketing", {
+    overview: 0,
+    channels: 0,
+    campaigns: 0,
+    funnel: 0,
+    "landing-pages": 0,
+    "channel-detail": 1
+  }, "overview");
+  React4.useEffect(() => {
+    void store.getState().load();
+  }, [store]);
+  const isOverview = view === "overview";
+  const nav = buildNav(config, view, navigate);
+  const quickActions = React4.useMemo(() => [
+    { id: "new-campaign", label: t("marketing.campaigns.new"), icon: "Megaphone", description: config.labels.campaigns, action: () => navigate("campaigns") }
+  ], [t, config.labels.campaigns]);
+  const renderView = createViewRouter([
+    { id: "channels", render: () => /* @__PURE__ */ jsx(ChannelsView, { onOpen: (id) => navigate(`channel-detail:${id}`) }) },
+    { id: "channel-detail", render: ({ id }) => /* @__PURE__ */ jsx(ChannelDetailView, { channelId: id, onBack: () => navigate("channels") }) },
+    { id: "campaigns", render: () => /* @__PURE__ */ jsx(CampaignsView, {}) },
+    { id: "funnel", render: () => /* @__PURE__ */ jsx(FunnelView, {}) },
+    { id: "landing-pages", render: () => /* @__PURE__ */ jsx(LandingPagesView, {}) },
+    { id: "overview", render: () => /* @__PURE__ */ jsx(OverviewView, {}) }
+  ], "overview");
+  return /* @__PURE__ */ jsx(MarketingContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(
+    ModulePage,
+    {
+      title: config.labels.pageTitle,
+      subtitle: config.labels.pageSubtitle,
+      nav,
+      showHeader: isOverview,
+      viewKey: view,
+      direction,
+      headerAction: /* @__PURE__ */ jsx(
+        ModuleActionBar,
+        {
+          quickActions,
+          settingsPath: "/settings/marketing",
+          settingsLabel: config.labels.pageTitle
+        }
+      ),
+      children: renderView(view)
+    }
+  ) });
+}
+var SOURCE_OPTIONS = [
+  { value: "crm", label: "CRM" },
+  { value: "agenda", label: "Agenda" },
+  { value: "orders", label: "Orders" },
+  { value: "custom", label: "Custom" }
+];
+function SettingsView() {
+  const t = useTranslation();
+  const { conversion, channels } = useMarketingConfig();
+  const [source, setSource] = React4.useState(conversion.source);
+  const [trackValue, setTrackValue] = React4.useState(true);
+  const [autoSync, setAutoSync] = React4.useState(true);
+  const [assisted, setAssisted] = React4.useState(false);
+  const [tracked, setTracked] = React4.useState(
+    () => Object.fromEntries(channels.map((c) => [c.id, true]))
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs(SettingsGroup, { title: t("marketing.settings.conversionModel"), description: t("marketing.settings.conversionModelDesc"), children: [
+      /* @__PURE__ */ jsx(
+        SelectRow,
+        {
+          label: t("marketing.settings.attributedFrom"),
+          description: conversion.label,
+          value: source,
+          options: SOURCE_OPTIONS,
+          onChange: (v) => setSource(v)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ToggleRow,
+        {
+          label: t("marketing.settings.trackValue"),
+          description: t("marketing.settings.trackValueDesc"),
+          checked: trackValue,
+          onChange: setTrackValue
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(SettingsGroup, { title: t("marketing.settings.channels"), description: t("marketing.settings.channelsDesc"), children: channels.map((c) => /* @__PURE__ */ jsx(
+      ToggleRow,
+      {
+        label: c.label,
+        description: t("marketing.settings.channelTrackDesc"),
+        checked: tracked[c.id] ?? true,
+        onChange: (v) => setTracked((prev) => ({ ...prev, [c.id]: v }))
+      },
+      c.id
+    )) }),
+    /* @__PURE__ */ jsxs(SettingsGroup, { title: t("marketing.settings.attribution"), description: t("marketing.settings.attributionDesc"), children: [
+      /* @__PURE__ */ jsx(
+        ToggleRow,
+        {
+          label: t("marketing.settings.autoSync"),
+          description: t("marketing.settings.autoSyncDesc"),
+          checked: autoSync,
+          onChange: setAutoSync
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ToggleRow,
+        {
+          label: t("marketing.settings.assisted"),
+          description: t("marketing.settings.assistedDesc"),
+          checked: assisted,
+          onChange: setAssisted
+        }
+      )
+    ] })
+  ] });
+}
+function useEnsureMarketingData() {
+  const overview = useMarketingStore((s) => s.overview);
+  const loading = useMarketingStore((s) => s.loading);
+  const load = useMarketingStore((s) => s.load);
+  useEffect(() => {
+    if (!overview && !loading) void load();
+  }, []);
+}
+function ConversionsKpi() {
+  const { conversion } = useMarketingConfig();
+  const overview = useMarketingStore((s) => s.overview);
+  useEnsureMarketingData();
+  return /* @__PURE__ */ jsx(
+    KpiCard$1,
+    {
+      icon: Target,
+      label: conversion.labelPlural,
+      value: formatNumber(overview?.conversions ?? 0),
+      current: overview?.conversions,
+      previous: overview?.conversionsPrev
+    }
+  );
+}
+function ConversionRateKpi() {
+  const t = useTranslation();
+  const overview = useMarketingStore((s) => s.overview);
+  useEnsureMarketingData();
+  return /* @__PURE__ */ jsx(
+    KpiCard$1,
+    {
+      icon: Percent,
+      label: t("marketing.metric.conversionRate"),
+      value: formatPercent(overview?.cvr ?? 0),
+      current: overview?.cvr,
+      previous: overview?.cvrPrev
+    }
+  );
+}
+function CpaKpi() {
+  const t = useTranslation();
+  const { currency } = useMarketingConfig();
+  const overview = useMarketingStore((s) => s.overview);
+  useEnsureMarketingData();
+  return /* @__PURE__ */ jsx(
+    KpiCard$1,
+    {
+      icon: DollarSign,
+      label: t("marketing.metric.cpa"),
+      value: overview && overview.cpa > 0 ? formatCurrency(overview.cpa, currency) : "\u2014",
+      sub: `${formatCurrency(overview?.spend ?? 0, currency)} ${t("marketing.metric.spend")}`
+    }
+  );
+}
+function TopChannelKpi() {
+  const t = useTranslation();
+  const { conversion, currency } = useMarketingConfig();
+  const overview = useMarketingStore((s) => s.overview);
+  const lookup = useChannelLookup();
+  useEnsureMarketingData();
+  return /* @__PURE__ */ jsx(
+    KpiCard$1,
+    {
+      icon: Trophy,
+      label: t("marketing.metric.topChannel"),
+      value: overview?.topChannelId ? lookup.get(overview.topChannelId)?.label ?? "\u2014" : "\u2014",
+      sub: `${conversion.valueLabel}: ${formatCurrency(overview?.value ?? 0, currency)}`
+    }
+  );
+}
+function ChannelMixPanel() {
+  const t = useTranslation();
+  const { conversion } = useMarketingConfig();
+  const overview = useMarketingStore((s) => s.overview);
+  useEnsureMarketingData();
+  const mix = overview?.channelMix ?? [];
+  const maxMix = Math.max(...mix.map((m) => m.conversions), 1);
+  return /* @__PURE__ */ jsxs(Card, { children: [
+    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { children: [
+      conversion.labelPlural,
+      " ",
+      t("marketing.overview.byChannelSuffix")
+    ] }) }),
+    /* @__PURE__ */ jsx(CardContent, { className: "space-y-2.5", children: mix.map((m) => /* @__PURE__ */ jsx(
+      ProportionBar,
+      {
+        value: m.conversions,
+        max: maxMix,
+        color: "#6366f1",
+        label: /* @__PURE__ */ jsx(ChannelCell, { channelId: m.channelId }),
+        right: /* @__PURE__ */ jsx("span", { children: formatNumber(m.conversions) })
+      },
+      m.channelId
+    )) })
+  ] });
+}
+function CampaignsTable() {
+  const t = useTranslation();
+  const { conversion } = useMarketingConfig();
+  const campaigns = useMarketingStore((s) => s.campaigns);
+  useEnsureMarketingData();
+  const columns = [
+    { accessorKey: "name", header: t("marketing.col.campaign"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: getValue() }) },
+    { accessorKey: "channelId", header: t("marketing.col.channel"), cell: ({ getValue }) => /* @__PURE__ */ jsx(ChannelCell, { channelId: getValue() }) },
+    { accessorKey: "conversions", header: conversion.labelPlural, cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatCompact(getValue()) }) },
+    { id: "cvr", accessorFn: (c) => c.reach > 0 ? c.conversions / c.reach * 100 : 0, header: t("marketing.col.cvr"), cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatPercent(getValue()) }) },
+    { accessorKey: "status", header: t("marketing.col.status"), cell: ({ getValue }) => /* @__PURE__ */ jsx(StatusBadge, { status: getValue() }) }
+  ];
+  const recent = campaigns.filter((c) => c.status !== "draft").slice(0, 5);
+  return /* @__PURE__ */ jsx(TableWidget, { title: t("marketing.overview.recent"), icon: "Megaphone", columns, data: recent, emptyMessage: t("marketing.campaigns.empty") });
+}
+function createMarketingDashboardWidgets(ctx2) {
+  const withCtx = (Inner) => {
+    const Wrapped = () => /* @__PURE__ */ jsx(MarketingContextProvider, { config: ctx2.config, provider: ctx2.provider, store: ctx2.store, children: /* @__PURE__ */ jsx(Inner, {}) });
+    Wrapped.displayName = `MarketingWidget(${Inner.displayName ?? Inner.name})`;
+    return Wrapped;
+  };
+  return [
+    // Conversions is marketing's headline KPI on the global home; the rest are
+    // home-hidden by default (shown on the marketing plugin-home, addable via Customize).
+    defineKpiWidget({ id: "marketing.kpi.conversions", title: "marketing.metric.conversions", domain: "marketing", defaultOrder: 0, component: withCtx(ConversionsKpi) }),
+    defineKpiWidget({ id: "marketing.kpi.conversion-rate", title: "marketing.metric.conversionRate", domain: "marketing", defaultOrder: 1, defaultVisible: false, component: withCtx(ConversionRateKpi) }),
+    defineKpiWidget({ id: "marketing.kpi.cpa", title: "marketing.metric.cpa", domain: "marketing", defaultOrder: 2, defaultVisible: false, component: withCtx(CpaKpi) }),
+    defineKpiWidget({ id: "marketing.kpi.top-channel", title: "marketing.metric.topChannel", domain: "marketing", defaultOrder: 3, defaultVisible: false, component: withCtx(TopChannelKpi) }),
+    // Channel-mix + campaigns default to the marketing plugin-home only; the
+    // global home stays a clean cross-domain KPI overview.
+    defineCustomWidget({ id: "marketing.panel.channel-mix", title: "marketing.overview.byChannelSuffix", domain: "marketing", span: 4, defaultOrder: 10, surfaces: ["plugin-home"], component: withCtx(ChannelMixPanel) }),
+    defineTableWidget({ id: "marketing.table.recent-campaigns", title: "marketing.overview.recent", domain: "marketing", span: 4, defaultOrder: 20, surfaces: ["plugin-home"], component: withCtx(CampaignsTable) })
+  ];
+}
+
+// src/presets.ts
+var AGENCY = {
+  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, broadcasts: false, journeys: false }
+};
+var BEAUTY = {
+  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, broadcasts: false, journeys: false }
+};
+var RESTO = {
+  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, broadcasts: false, journeys: false }
+};
+var MARKETING_PRESETS = {
+  agency: AGENCY,
+  beauty: BEAUTY,
+  resto: RESTO
+};
+var CAMPAIGN_NAME_SEEDS = {
+  agency: [
+    "Q2 Lead-gen \u2014 Search",
+    "LinkedIn Retargeting",
+    "Webinar Funnel",
+    "Newsletter Nurture",
+    "Partner Referral Push"
+  ],
+  beauty: [
+    "Summer Glow Promo",
+    "New Client \u2014 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"
+  ]
+};
+
+// src/data/mock.ts
+var RANGE_FACTOR = { "7d": 0.25, "30d": 1, "90d": 3.05 };
+var BASE_REACH = [4200, 3100, 2600, 1900, 1500, 1200, 1e3];
+var KIND_LEAD_RATE = {
+  paid: 0.18,
+  social: 0.22,
+  organic: 0.14,
+  referral: 0.3,
+  direct: 0.1,
+  outbound: 0.16
+};
+var KIND_CONV_RATE = {
+  paid: 0.28,
+  social: 0.25,
+  organic: 0.32,
+  referral: 0.45,
+  direct: 0.22,
+  outbound: 0.24
+};
+var KIND_SPEND30 = {
+  paid: 2800,
+  social: 900,
+  outbound: 600,
+  organic: 0,
+  referral: 0,
+  direct: 0
+};
+function channelBase30(channels, conversion) {
+  return channels.map((ch, i) => {
+    const reach = BASE_REACH[i % BASE_REACH.length];
+    const leads = Math.round(reach * KIND_LEAD_RATE[ch.kind]);
+    const conversions = Math.round(leads * KIND_CONV_RATE[ch.kind]);
+    const spend = KIND_SPEND30[ch.kind];
+    const value = Math.round(conversions * conversion.avgValue);
+    return { channelId: ch.id, kind: ch.kind, reach, leads, conversions, spend, value };
+  });
+}
+function scale(n, range) {
+  return Math.round(n * RANGE_FACTOR[range]);
+}
+function toPerformance(base, range) {
+  const reach = scale(base.reach, range);
+  const leads = scale(base.leads, range);
+  const conversions = scale(base.conversions, range);
+  const spend = scale(base.spend, range);
+  const value = scale(base.value, range);
+  return {
+    channelId: base.channelId,
+    reach,
+    leads,
+    conversions,
+    spend,
+    value,
+    cvr: reach > 0 ? conversions / reach * 100 : 0,
+    cpa: conversions > 0 && spend > 0 ? spend / conversions : 0
+  };
+}
+function seedCampaigns(cfg) {
+  const names = CAMPAIGN_NAME_SEEDS[cfg.domain];
+  const base = channelBase30(cfg.channels, cfg.conversion);
+  const statuses = ["active", "active", "paused", "ended", "draft"];
+  const startDays = [12, 26, 40, 8, 3];
+  const baseDate = (/* @__PURE__ */ new Date("2026-06-16T00:00:00Z")).getTime();
+  return names.map((name, i) => {
+    const ch = cfg.channels[i % cfg.channels.length];
+    const b = base[i % base.length];
+    const status = statuses[i % statuses.length];
+    const draft = status === "draft";
+    const start = new Date(baseDate - startDays[i % startDays.length] * 864e5).toISOString();
+    const share = 0.55 + i % 3 * 0.12;
+    return {
+      id: `cmp-${i + 1}`,
+      name,
+      channelId: ch.id,
+      status,
+      start,
+      end: status === "ended" ? new Date(baseDate - 2 * 864e5).toISOString() : void 0,
+      spend: draft ? 0 : Math.round(b.spend * share),
+      reach: draft ? 0 : Math.round(b.reach * share),
+      leads: draft ? 0 : Math.round(b.leads * share),
+      conversions: draft ? 0 : Math.round(b.conversions * share),
+      value: draft ? 0 : Math.round(b.value * share)
+    };
+  });
+}
+function scaleCampaign(c, range) {
+  if (c.status === "draft") return c;
+  return {
+    ...c,
+    spend: scale(c.spend, range),
+    reach: scale(c.reach, range),
+    leads: scale(c.leads, range),
+    conversions: scale(c.conversions, range),
+    value: scale(c.value, range)
+  };
+}
+function seedLandingPages() {
+  return [
+    { id: "lp-1", name: "Free Consultation Funnel", type: "Funnel", visits: 3820, conversions: 474 },
+    { id: "lp-2", name: "Summer Promo Landing", type: "Landing page", visits: 1560, conversions: 126 },
+    { id: "lp-3", name: "Pricing Page", type: "Landing page", visits: 2240, conversions: 198 },
+    { id: "lp-4", name: "Company Website", type: "Website", visits: 9240, conversions: 296 }
+  ];
+}
+function createMockMarketingProvider(cfg) {
+  const base = channelBase30(cfg.channels, cfg.conversion);
+  const campaigns = seedCampaigns(cfg);
+  const landing = seedLandingPages();
+  let counter = 100;
+  async function channelPerformance(query) {
+    const list = base.map((b) => toPerformance(b, query.range));
+    return query.channelId ? list.filter((c) => c.channelId === query.channelId) : list;
+  }
+  return {
+    channelPerformance,
+    async overview(query) {
+      const perf = await channelPerformance(query);
+      const reach = perf.reduce((s, c) => s + c.reach, 0);
+      const conversions = perf.reduce((s, c) => s + c.conversions, 0);
+      const spend = perf.reduce((s, c) => s + c.spend, 0);
+      const value = perf.reduce((s, c) => s + c.value, 0);
+      const cvr = reach > 0 ? conversions / reach * 100 : 0;
+      const top = [...perf].sort((a, b) => b.conversions - a.conversions)[0];
+      return {
+        conversions,
+        conversionsPrev: Math.round(conversions * 0.86),
+        cvr,
+        cvrPrev: cvr * 0.94,
+        spend,
+        cpa: conversions > 0 && spend > 0 ? spend / conversions : 0,
+        value,
+        topChannelId: top?.channelId ?? null,
+        channelMix: perf.map((c) => ({ channelId: c.channelId, conversions: c.conversions }))
+      };
+    },
+    async funnel(query) {
+      const perf = await channelPerformance(query);
+      const reach = perf.reduce((s, c) => s + c.reach, 0);
+      const leads = perf.reduce((s, c) => s + c.leads, 0);
+      const conversions = perf.reduce((s, c) => s + c.conversions, 0);
+      const qualified = Math.round(leads * 0.62);
+      return [
+        { id: "reach", label: "Reach / visits", count: reach, color: "#6366f1" },
+        { id: "leads", label: "Leads", count: leads, color: "#0ea5e9" },
+        { id: "qualified", label: "Qualified", count: qualified, color: "#14b8a6" },
+        { id: "converted", label: cfg.conversion.labelPlural, count: conversions, color: "#22c55e" }
+      ];
+    },
+    async listCampaigns(query) {
+      const list = query.channelId ? campaigns.filter((c) => c.channelId === query.channelId) : campaigns;
+      return list.map((c) => scaleCampaign(c, query.range));
+    },
+    async getCampaign(id) {
+      return campaigns.find((c) => c.id === id) ?? null;
+    },
+    async saveCampaign(input) {
+      if (input.id) {
+        const existing = campaigns.find((c) => c.id === input.id);
+        if (existing) {
+          Object.assign(existing, {
+            name: input.name,
+            channelId: input.channelId,
+            status: input.status,
+            start: input.start,
+            end: input.end,
+            spend: input.spend
+          });
+          return existing;
+        }
+      }
+      const b = base.find((x) => x.channelId === input.channelId) ?? base[0];
+      const active = input.status === "active";
+      const created = {
+        id: `cmp-${++counter}`,
+        name: input.name,
+        channelId: input.channelId,
+        status: input.status,
+        start: input.start,
+        end: input.end,
+        spend: input.spend,
+        // New campaigns ramp from a small slice of their channel's volume.
+        reach: active ? Math.round(b.reach * 0.15) : 0,
+        leads: active ? Math.round(b.leads * 0.15) : 0,
+        conversions: active ? Math.round(b.conversions * 0.15) : 0,
+        value: active ? Math.round(b.value * 0.15) : 0
+      };
+      campaigns.unshift(created);
+      return created;
+    },
+    async deleteCampaign(id) {
+      const idx = campaigns.findIndex((c) => c.id === id);
+      if (idx >= 0) campaigns.splice(idx, 1);
+    },
+    async landingPages(query) {
+      return landing.map((p) => {
+        const visits = scale(p.visits, query.range);
+        const conversions = scale(p.conversions, query.range);
+        return { ...p, visits, conversions, cvr: visits > 0 ? conversions / visits * 100 : 0 };
+      });
+    }
+  };
+}
+function createMarketingStore(provider) {
+  return createStore((set, get) => ({
+    range: "30d",
+    overview: null,
+    channels: [],
+    campaigns: [],
+    funnel: [],
+    landingPages: [],
+    loading: false,
+    async load() {
+      const range = get().range;
+      set({ loading: true });
+      const [overview, channels, campaigns, funnel, landingPages] = await Promise.all([
+        provider.overview({ range }),
+        provider.channelPerformance({ range }),
+        provider.listCampaigns({ range }),
+        provider.funnel({ range }),
+        provider.landingPages({ range })
+      ]);
+      set({ overview, channels, campaigns, funnel, landingPages, loading: false });
+    },
+    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();
+    }
+  }));
+}
+
+// src/locales/en.ts
+var en = {
+  // metrics
+  "marketing.metric.conversionRate": "Conversion rate",
+  "marketing.metric.cpa": "Cost per acquisition",
+  "marketing.metric.topChannel": "Top channel",
+  "marketing.metric.spend": "spend",
+  "marketing.metric.reach": "Reach",
+  "marketing.metric.cvr": "CVR",
+  "marketing.metric.totalVisits": "Total visits",
+  "marketing.metric.pages": "Pages",
+  "marketing.metric.avgConversion": "Avg. conversion",
+  // columns
+  "marketing.col.campaign": "Campaign",
+  "marketing.col.channel": "Channel",
+  "marketing.col.reach": "Reach",
+  "marketing.col.leads": "Leads",
+  "marketing.col.cvr": "CVR",
+  "marketing.col.spend": "Spend",
+  "marketing.col.cpa": "CPA",
+  "marketing.col.status": "Status",
+  "marketing.col.visits": "Visits",
+  "marketing.col.conversions": "Conversions",
+  "marketing.col.type": "Type",
+  "marketing.col.page": "Page",
+  // overview
+  "marketing.overview.byChannelSuffix": "by channel",
+  "marketing.overview.recent": "Recent campaigns",
+  // channels
+  "marketing.channels.subtitle": "Acquisition performance by channel",
+  "marketing.channels.campaignsOn": "Campaigns on this channel",
+  "marketing.channels.noCampaigns": "No campaigns yet on this channel.",
+  // campaigns
+  "marketing.campaigns.subtitle": "All acquisition campaigns and their conversion performance",
+  "marketing.campaigns.new": "New campaign",
+  "marketing.campaigns.empty": "No campaigns yet \u2014 create your first one.",
+  "marketing.campaigns.delete": "Delete campaign",
+  // composer
+  "marketing.composer.title": "New campaign",
+  "marketing.composer.name": "Campaign name",
+  "marketing.composer.namePlaceholder": "e.g. Spring Promo \u2014 Paid Social",
+  "marketing.composer.channel": "Channel",
+  "marketing.composer.channelPlaceholder": "Select a channel",
+  "marketing.composer.status": "Status",
+  "marketing.composer.budget": "Budget / spend",
+  "marketing.composer.cancel": "Cancel",
+  "marketing.composer.create": "Create campaign",
+  "marketing.status.draft": "draft",
+  "marketing.status.active": "active",
+  "marketing.status.paused": "paused",
+  "marketing.status.ended": "ended",
+  // funnel
+  "marketing.funnel.subtitlePrefix": "Attribution funnel \u2014 reach to",
+  "marketing.funnel.overall": "Overall conversion rate",
+  "marketing.funnel.ofPrev": "of prev",
+  // landing pages
+  "marketing.landing.subtitle": "Per-page visits \u2192 conversions performance",
+  // settings
+  "marketing.settings.conversionModel": "Conversion model",
+  "marketing.settings.conversionModelDesc": "What counts as a conversion in this workspace and where it's attributed from.",
+  "marketing.settings.conversion": "Conversion",
+  "marketing.settings.valueMetric": "Value metric",
+  "marketing.settings.attributedFrom": "Attributed from",
+  "marketing.settings.channels": "Acquisition channels",
+  "marketing.settings.channelsDesc": "Sources tracked for this workspace.",
+  "marketing.settings.trackValue": "Track monetary value",
+  "marketing.settings.trackValueDesc": "Attribute revenue to channels and campaigns.",
+  "marketing.settings.attribution": "Attribution",
+  "marketing.settings.attributionDesc": "How conversions are matched to channels.",
+  "marketing.settings.autoSync": "Auto-sync conversions",
+  "marketing.settings.autoSyncDesc": "Pull conversions automatically from the source.",
+  "marketing.settings.assisted": "Count assisted conversions",
+  "marketing.settings.assistedDesc": "Credit channels that contributed to a conversion.",
+  "marketing.settings.channelTrackDesc": "Track this acquisition source."
+};
+
+// src/locales/pt-BR.ts
+var ptBR = {
+  // metrics
+  "marketing.metric.conversionRate": "Taxa de convers\xE3o",
+  "marketing.metric.cpa": "Custo por aquisi\xE7\xE3o",
+  "marketing.metric.topChannel": "Principal canal",
+  "marketing.metric.spend": "investido",
+  "marketing.metric.reach": "Alcance",
+  "marketing.metric.cvr": "CVR",
+  "marketing.metric.totalVisits": "Total de visitas",
+  "marketing.metric.pages": "P\xE1ginas",
+  "marketing.metric.avgConversion": "Convers\xE3o m\xE9dia",
+  // columns
+  "marketing.col.campaign": "Campanha",
+  "marketing.col.channel": "Canal",
+  "marketing.col.reach": "Alcance",
+  "marketing.col.leads": "Leads",
+  "marketing.col.cvr": "CVR",
+  "marketing.col.spend": "Investimento",
+  "marketing.col.cpa": "CPA",
+  "marketing.col.status": "Status",
+  "marketing.col.visits": "Visitas",
+  "marketing.col.conversions": "Convers\xF5es",
+  "marketing.col.type": "Tipo",
+  "marketing.col.page": "P\xE1gina",
+  // overview
+  "marketing.overview.byChannelSuffix": "por canal",
+  "marketing.overview.recent": "Campanhas recentes",
+  // channels
+  "marketing.channels.subtitle": "Desempenho de aquisi\xE7\xE3o por canal",
+  "marketing.channels.campaignsOn": "Campanhas neste canal",
+  "marketing.channels.noCampaigns": "Nenhuma campanha ainda neste canal.",
+  // campaigns
+  "marketing.campaigns.subtitle": "Todas as campanhas de aquisi\xE7\xE3o e seu desempenho de convers\xE3o",
+  "marketing.campaigns.new": "Nova campanha",
+  "marketing.campaigns.empty": "Nenhuma campanha ainda \u2014 crie a primeira.",
+  "marketing.campaigns.delete": "Excluir campanha",
+  // composer
+  "marketing.composer.title": "Nova campanha",
+  "marketing.composer.name": "Nome da campanha",
+  "marketing.composer.namePlaceholder": "ex.: Promo de Ver\xE3o \u2014 M\xEDdia Paga",
+  "marketing.composer.channel": "Canal",
+  "marketing.composer.channelPlaceholder": "Selecione um canal",
+  "marketing.composer.status": "Status",
+  "marketing.composer.budget": "Or\xE7amento / investimento",
+  "marketing.composer.cancel": "Cancelar",
+  "marketing.composer.create": "Criar campanha",
+  "marketing.status.draft": "rascunho",
+  "marketing.status.active": "ativa",
+  "marketing.status.paused": "pausada",
+  "marketing.status.ended": "encerrada",
+  // funnel
+  "marketing.funnel.subtitlePrefix": "Funil de atribui\xE7\xE3o \u2014 alcance at\xE9",
+  "marketing.funnel.overall": "Taxa de convers\xE3o geral",
+  "marketing.funnel.ofPrev": "do anterior",
+  // landing pages
+  "marketing.landing.subtitle": "Desempenho de visitas \u2192 convers\xF5es por p\xE1gina",
+  // settings
+  "marketing.settings.conversionModel": "Modelo de convers\xE3o",
+  "marketing.settings.conversionModelDesc": "O que conta como convers\xE3o neste workspace e de onde \xE9 atribu\xEDda.",
+  "marketing.settings.conversion": "Convers\xE3o",
+  "marketing.settings.valueMetric": "M\xE9trica de valor",
+  "marketing.settings.attributedFrom": "Atribu\xEDda de",
+  "marketing.settings.channels": "Canais de aquisi\xE7\xE3o",
+  "marketing.settings.channelsDesc": "Fontes monitoradas neste workspace.",
+  "marketing.settings.trackValue": "Acompanhar valor monet\xE1rio",
+  "marketing.settings.trackValueDesc": "Atribuir receita a canais e campanhas.",
+  "marketing.settings.attribution": "Atribui\xE7\xE3o",
+  "marketing.settings.attributionDesc": "Como as convers\xF5es s\xE3o associadas aos canais.",
+  "marketing.settings.autoSync": "Sincronizar convers\xF5es automaticamente",
+  "marketing.settings.autoSyncDesc": "Importar convers\xF5es automaticamente da fonte.",
+  "marketing.settings.assisted": "Contar convers\xF5es assistidas",
+  "marketing.settings.assistedDesc": "Creditar canais que contribu\xEDram para uma convers\xE3o.",
+  "marketing.settings.channelTrackDesc": "Monitorar esta fonte de aquisi\xE7\xE3o."
+};
+
+// src/locales/index.ts
+var marketingLocales = {
+  en,
+  "pt-BR": ptBR
+};
+
+// src/index.ts
+var DEFAULT_LABELS = {
+  pageTitle: "Marketing",
+  pageSubtitle: "Acquisition & conversion performance",
+  overview: "Overview",
+  channels: "Channels",
+  campaigns: "Campaigns",
+  funnel: "Funnel",
+  landingPages: "Landing pages",
+  settings: "Settings"
+};
+function resolveConfig(options) {
+  const domain = options?.domain ?? "agency";
+  const preset = MARKETING_PRESETS[domain];
+  const config = {
+    conversion: options?.conversion ?? preset.conversion,
+    channels: options?.channels ?? preset.channels,
+    modules: { ...preset.modules, ...options?.modules },
+    currency: { ...DEFAULT_CURRENCY, ...options?.currency },
+    labels: { ...DEFAULT_LABELS, ...options?.labels }
+  };
+  return { config, domain };
+}
+function createSafeProvider(config, domain) {
+  void getSupabaseClientOptional();
+  return createMockMarketingProvider({ channels: config.channels, conversion: config.conversion, domain });
+}
+function createMarketingPlugin(options) {
+  registerTranslations(marketingLocales);
+  const { config, domain } = resolveConfig(options);
+  const provider = options?.dataProvider ?? createSafeProvider(config, domain);
+  const store = createMarketingStore(provider);
+  const dashboardWidgets = createMarketingDashboardWidgets({ config, provider, store });
+  const PageComponent = () => React4.createElement(
+    MarketingContextProvider,
+    { config, provider, store },
+    React4.createElement(MarketingPage, { config, provider, store })
+  );
+  PageComponent.displayName = "MarketingPage";
+  const SettingsComponent = () => React4.createElement(
+    MarketingContextProvider,
+    { config, provider, store },
+    React4.createElement(SettingsView)
+  );
+  SettingsComponent.displayName = "MarketingSettings";
+  return {
+    id: "marketing",
+    name: options?.navLabel ?? config.labels.pageTitle,
+    icon: "Megaphone",
+    version: "1.0.0",
+    scope: options?.scope ?? "universal",
+    verticalId: options?.verticalId,
+    defaultEnabled: true,
+    dependencies: [],
+    declaredFeatures: [
+      { id: "marketing", label: config.labels.pageTitle, group: "Engage" },
+      ...config.modules.landingPages ? [{ id: "marketing.landing-pages", label: config.labels.landingPages, group: "Engage" }] : []
+    ],
+    navigation: [
+      {
+        section: options?.navSection ?? "main",
+        position: options?.navPosition ?? 5,
+        label: options?.navLabel ?? config.labels.pageTitle,
+        route: "/marketing",
+        icon: "Megaphone",
+        permission: { feature: "marketing", action: "read" }
+      }
+    ],
+    routes: [
+      {
+        path: "/marketing",
+        component: PageComponent,
+        permission: { feature: "marketing", action: "read" }
+      }
+    ],
+    widgets: [],
+    dashboardWidgets,
+    events: [
+      { name: "marketing.conversion.tracked", description: "A conversion was attributed to a channel/campaign" },
+      { name: "marketing.campaign.created", description: "A campaign was created" },
+      { name: "marketing.campaign.updated", description: "A campaign was updated" },
+      { name: "marketing.channel.synced", description: "A channel pulled fresh attribution data" }
+    ],
+    aiTools: [
+      {
+        id: "marketing.channel-performance",
+        name: "channelPerformance",
+        description: "Returns acquisition performance per channel (reach, conversions, CVR, spend, CPA).",
+        icon: "Radio",
+        mode: "read",
+        category: "Marketing",
+        parameters: {
+          type: "object",
+          properties: { range: { type: "string", enum: ["7d", "30d", "90d"] } }
+        },
+        suggestions: [{ label: "Which channel converts best?" }, { label: "What is my cost per acquisition?" }],
+        permission: { feature: "marketing", action: "read" }
+      },
+      {
+        id: "marketing.top-channels",
+        name: "topChannels",
+        description: "Returns the top acquisition channels ranked by conversions.",
+        icon: "Trophy",
+        mode: "read",
+        category: "Marketing",
+        permission: { feature: "marketing", action: "read" }
+      },
+      {
+        id: "marketing.campaign-cvr",
+        name: "campaignCvr",
+        description: "Lists campaigns with their conversion rate for a date range.",
+        icon: "Percent",
+        mode: "read",
+        category: "Marketing",
+        parameters: {
+          type: "object",
+          properties: { range: { type: "string", enum: ["7d", "30d", "90d"] } }
+        },
+        permission: { feature: "marketing", action: "read" }
+      },
+      {
+        id: "marketing.create-campaign",
+        name: "createCampaign",
+        description: "Creates an acquisition campaign on a channel.",
+        icon: "Plus",
+        mode: "persist",
+        category: "Marketing",
+        parameters: {
+          type: "object",
+          properties: {
+            name: { type: "string", description: "Campaign name" },
+            channelId: { type: "string", description: "Acquisition channel id" }
+          },
+          required: ["name", "channelId"]
+        },
+        permission: { feature: "marketing", action: "create" }
+      }
+    ],
+    settings: [
+      {
+        id: "marketing",
+        label: config.labels.pageTitle,
+        icon: "Megaphone",
+        component: SettingsComponent,
+        order: 20,
+        permission: { feature: "marketing", action: "read" }
+      }
+    ],
+    locales: marketingLocales
+  };
+}
+
+export { MARKETING_PRESETS, createMarketingPlugin, createMockMarketingProvider };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map