@fayz-ai/plugin-marketing 0.9.0-next.0 → 0.9.0

package/dist/index.js

@@ -1,9 +1,9 @@
-import React8, { useState, useEffect, useMemo, useCallback } from 'react';
+import React9, { useState, useEffect, useMemo, useCallback } from 'react';
 import { getActiveTenantId, registerTranslations, createSafeDataProvider, getSupabaseClientOptional, useTranslation, useDataChanged, resolveDataProvider } from '@fayz-ai/core';
 import { createPluginContext, PluginSettingsPanel, useModuleNavigation, createViewRouter, ModuleActionBar, SettingsGroup, SelectRow, ToggleRow, PermissionGate, useLimitGuard, useOrganizationStore, CrudFormPage, invalidateLimit, CrudListView } from '@fayz-ai/saas';
-import { defineKpiWidget, defineCustomWidget, defineTableWidget, ModulePage, DataTable, SubpageHeader, Button, Skeleton, ConfirmDialog, ContentSplit, ContentSplitTrigger, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, MarkdownEditor, SegmentedControl, DashboardCanvas, cn, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter, SelectSeparator, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetBody, SheetFooter, Checkbox, toast, KpiCard as KpiCard$1, Card, CardHeader, CardTitle, CardContent, TableWidget } from '@fayz-ai/ui';
+import { defineKpiWidget, defineCustomWidget, defineTableWidget, ModulePage, DataTable, SubpageHeader, Button, Skeleton, ConfirmDialog, ContentSplit, ContentSplitTrigger, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, MarkdownEditor, SegmentedControl, DashboardCanvas, cn, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter, Badge, SelectSeparator, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetBody, SheetFooter, Checkbox, toast, KpiCard as KpiCard$1, Card, CardHeader, CardTitle, CardContent, TableWidget } from '@fayz-ai/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { Sparkles, History, CheckCircle2, AlertCircle, ChevronRight, Users, Target, Percent, DollarSign, Trash2, Plus, MousePointerClick, Layers, NotebookPen, ArrowUpRight, ArrowDownRight, Settings2, Columns3, CalendarDays, List, ChevronLeft, Loader2, ImagePlus, X, Bike, Utensils, DoorOpen, MessageCircle, Instagram, Mail, Globe, Megaphone, Search, Link2, AtSign, Pin, Twitter, Linkedin, Facebook, Youtube, Music2, Repeat2, Heart, BarChart2, Share2, ThumbsUp, Send, MoreHorizontal, Bookmark, GripVertical, Image, Trophy } from 'lucide-react';
+import { Sparkles, History, CheckCircle2, AlertCircle, ChevronRight, Users, Target, Percent, DollarSign, Trash2, Plus, ExternalLink, Pencil, Layers, MousePointerClick, NotebookPen, ArrowUpRight, ArrowDownRight, Settings2, Columns3, CalendarDays, List, ChevronLeft, Loader2, ImagePlus, X, Bike, Utensils, DoorOpen, MessageCircle, Instagram, Mail, Globe, Megaphone, Search, Link2, AtSign, Pin, Twitter, Linkedin, Facebook, Youtube, Music2, Repeat2, Heart, BarChart2, Share2, ThumbsUp, Send, MoreHorizontal, Bookmark, GripVertical, Image, Trophy } from 'lucide-react';
 import { createStore } from 'zustand/vanilla';
 
 // src/index.ts
@@ -14,7 +14,7 @@ var useMarketingProvider = ctx.useProvider;
 var useMarketingStore = ctx.useStore;
 function useChannelLookup() {
   const { channels } = useMarketingConfig();
-  return React8.useMemo(() => new Map(channels.map((c) => [c.id, c])), [channels]);
+  return React9.useMemo(() => new Map(channels.map((c) => [c.id, c])), [channels]);
 }
 function OverviewView() {
   const setRange = useMarketingStore((s) => s.setRange);
@@ -174,7 +174,7 @@ function ChannelsView({ onOpen }) {
   const { conversion, currency } = useMarketingConfig();
   const channels = useMarketingStore((s) => s.channels);
   const sorted = [...channels].sort((a, b) => b.conversions - a.conversions);
-  const columns = React8.useMemo(() => [
+  const columns = React9.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()) }) },
@@ -214,13 +214,13 @@ function ChannelDetailView({ channelId, onBack }) {
   const channels = useMarketingStore((s) => s.channels);
   const lookup = useChannelLookup();
   const provider2 = useMarketingProvider();
-  const [campaigns, setCampaigns] = React8.useState([]);
-  React8.useEffect(() => {
+  const [campaigns, setCampaigns] = React9.useState([]);
+  React9.useEffect(() => {
     void provider2.listCampaigns({ range, channelId }).then(setCampaigns);
   }, [provider2, range, channelId]);
   const perf = channels.find((c) => c.channelId === channelId);
   const channel = lookup.get(channelId);
-  const columns = React8.useMemo(() => [
+  const columns = React9.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()) }) },
@@ -257,12 +257,12 @@ function CampaignComposer({ open, onClose }) {
   const t = useTranslation();
   const { channels } = useMarketingConfig();
   const saveCampaign = useMarketingStore((s) => s.saveCampaign);
-  const [name, setName] = React8.useState("");
-  const [channelId, setChannelId] = React8.useState(channels[0]?.id ?? "");
-  const [status, setStatus] = React8.useState("active");
-  const [spend, setSpend] = React8.useState("");
-  const [saving, setSaving] = React8.useState(false);
-  React8.useEffect(() => {
+  const [name, setName] = React9.useState("");
+  const [channelId, setChannelId] = React9.useState(channels[0]?.id ?? "");
+  const [status, setStatus] = React9.useState("active");
+  const [spend, setSpend] = React9.useState("");
+  const [saving, setSaving] = React9.useState(false);
+  React9.useEffect(() => {
     if (open) {
       setName("");
       setChannelId(channels[0]?.id ?? "");
@@ -324,8 +324,8 @@ function CampaignsView() {
   const { conversion, currency } = useMarketingConfig();
   const campaigns = useMarketingStore((s) => s.campaigns);
   const deleteCampaign = useMarketingStore((s) => s.deleteCampaign);
-  const [composerOpen, setComposerOpen] = React8.useState(false);
-  const columns = React8.useMemo(() => [
+  const [composerOpen, setComposerOpen] = React9.useState(false);
+  const columns = React9.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()) }) },
@@ -416,38 +416,326 @@ function FunnelView() {
     ] })
   ] });
 }
-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 slugify(value) {
+  return value.normalize("NFD").replace(/[\u0300-\u036f]/g, "").toLowerCase().trim().replace(/[^a-z0-9:]+/g, "-").replace(/^-+|-+$/g, "");
+}
+function LandingPageComposer({
+  open,
+  page,
+  onClose
+}) {
+  const t = useTranslation();
+  const sites = useMarketingStore((s) => s.sites);
+  const leadTags = useMarketingStore((s) => s.leadTags);
+  const saveLandingPage = useMarketingStore((s) => s.saveLandingPage);
+  const [siteId, setSiteId] = React9.useState("");
+  const [name, setName] = React9.useState("");
+  const [route, setRoute] = React9.useState("");
+  const [status, setStatus] = React9.useState("live");
+  const [prompt, setPrompt] = React9.useState("");
+  const [tags, setTags] = React9.useState([]);
+  const [newTag, setNewTag] = React9.useState("");
+  const [saving, setSaving] = React9.useState(false);
+  React9.useEffect(() => {
+    if (!open) return;
+    setSiteId(page?.siteId ?? sites[0]?.id ?? "");
+    setName(page?.name ?? "");
+    setRoute(page?.route ?? "");
+    setStatus(page?.status ?? "live");
+    setPrompt(page?.prompt ?? "");
+    setTags(page?.leadTags ?? []);
+    setNewTag("");
+  }, [open, page, sites]);
+  const site = sites.find((s) => s.id === siteId);
+  const previewPath = route.trim() ? route.trim().startsWith("/") ? route.trim() : `/${route.trim()}` : "";
+  const options = React9.useMemo(() => {
+    const byslug = new Map(leadTags.map((tag) => [tag.slug, tag.name]));
+    for (const slug of tags) if (!byslug.has(slug)) byslug.set(slug, slug);
+    return [...byslug].map(([slug, label]) => ({ slug, label }));
+  }, [leadTags, tags]);
+  function toggleTag(slug) {
+    setTags((current) => current.includes(slug) ? current.filter((s) => s !== slug) : [...current, slug]);
+  }
+  function addTag() {
+    const slug = slugify(newTag);
+    if (!slug) return;
+    setTags((current) => current.includes(slug) ? current : [...current, slug]);
+    setNewTag("");
+  }
+  async function handleSave() {
+    if (!siteId || !name.trim() || !route.trim()) return;
+    setSaving(true);
+    try {
+      await saveLandingPage({
+        id: page?.id,
+        siteId,
+        name: name.trim(),
+        route: route.trim(),
+        leadTags: tags,
+        status,
+        prompt: status === "planned" ? prompt.trim() || void 0 : void 0
+      });
+      onClose();
+    } finally {
+      setSaving(false);
+    }
+  }
+  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: page ? t("marketing.landing.edit") : t("marketing.landing.new") }) }),
+    /* @__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.landing.site") }),
+        /* @__PURE__ */ jsxs(Select, { value: siteId, onValueChange: setSiteId, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("marketing.landing.sitePlaceholder") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: sites.map((s) => /* @__PURE__ */ jsx(SelectItem, { value: s.id, children: s.url ? `${s.name} \xB7 ${s.url.replace(/^https?:\/\//, "")}` : s.name }, s.id)) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("marketing.landing.name") }),
+        /* @__PURE__ */ jsx(Input, { value: name, onChange: (e) => setName(e.target.value), placeholder: t("marketing.landing.namePlaceholder") })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("marketing.landing.route") }),
+        /* @__PURE__ */ jsx(Input, { value: route, onChange: (e) => setRoute(e.target.value), placeholder: "/lp-capilar" }),
+        site?.url && previewPath ? /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
+          site.url.replace(/\/+$/, ""),
+          previewPath
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("marketing.landing.status") }),
+        /* @__PURE__ */ jsx(
+          SegmentedControl,
+          {
+            value: status,
+            onChange: (v) => setStatus(v),
+            options: [
+              { value: "live", label: t("marketing.landing.statusLive") },
+              { value: "planned", label: t("marketing.landing.statusPlanned") }
+            ]
+          }
+        )
+      ] }),
+      status === "planned" ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("marketing.landing.prompt") }),
+          site?.editorUrl ? /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => window.open(site.editorUrl, "_blank", "noopener,noreferrer"),
+              className: "inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline",
+              children: [
+                /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5" }),
+                " ",
+                t("marketing.landing.buildWithFayz")
+              ]
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: prompt,
+            onChange: (e) => setPrompt(e.target.value),
+            rows: 3,
+            placeholder: t("marketing.landing.promptPlaceholder"),
+            className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring"
+          }
+        )
+      ] }) : null,
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("marketing.landing.leadTag") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 rounded-md border border-border bg-background px-2 py-2 focus-within:ring-2 focus-within:ring-ring", children: [
+          options.map((opt) => {
+            const active = tags.includes(opt.slug);
+            return /* @__PURE__ */ jsx(
+              Badge,
+              {
+                variant: active ? "default" : "outline",
+                className: "cursor-pointer text-xs",
+                onClick: () => toggleTag(opt.slug),
+                children: opt.label
+              },
+              opt.slug
+            );
+          }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              value: newTag,
+              onChange: (e) => setNewTag(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  addTag();
+                }
+              },
+              onBlur: addTag,
+              placeholder: t("marketing.landing.leadTagPlaceholder"),
+              className: "min-w-[8rem] flex-1 border-0 bg-transparent px-1 text-xs text-foreground outline-none placeholder:text-muted-foreground"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: t("marketing.landing.leadTagHint") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: t("marketing.composer.cancel") }),
+      /* @__PURE__ */ jsx(Button, { onClick: handleSave, disabled: saving || !siteId || !name.trim() || !route.trim(), children: page ? t("marketing.landing.save") : t("marketing.landing.create") })
+    ] })
+  ] }) });
+}
 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 = React8.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]);
+  const deleteLandingPage = useMarketingStore((s) => s.deleteLandingPage);
+  const [editing, setEditing] = React9.useState(null);
+  const [composerOpen, setComposerOpen] = React9.useState(false);
+  const measured = pages.filter((p) => p.visits !== null);
+  const totalVisits = measured.reduce((s, p) => s + (p.visits ?? 0), 0);
+  const totalLeads = pages.reduce((s, p) => s + p.conversions, 0);
+  function openNew() {
+    setEditing(null);
+    setComposerOpen(true);
+  }
+  function openEdit(page) {
+    setEditing(page);
+    setComposerOpen(true);
+  }
+  const columns = React9.useMemo(() => [
+    {
+      accessorKey: "name",
+      header: t("marketing.col.page"),
+      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 truncate font-medium text-foreground", children: [
+          row.original.name,
+          row.original.status === "planned" ? /* @__PURE__ */ jsx("span", { className: "rounded-full bg-amber-100 px-2 py-0.5 text-[10px] font-semibold text-amber-800", children: t("marketing.landing.statusPlanned") }) : null
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: row.original.siteName })
+      ] })
+    },
+    {
+      accessorKey: "route",
+      header: t("marketing.col.route"),
+      cell: ({ row }) => /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: row.original.url,
+          target: "_blank",
+          rel: "noreferrer",
+          onClick: (e) => e.stopPropagation(),
+          className: "inline-flex items-center gap-1 text-sm text-muted-foreground hover:text-foreground hover:underline",
+          children: [
+            row.original.route,
+            /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
+          ]
+        }
+      )
+    },
+    {
+      accessorKey: "leadTags",
+      header: t("marketing.col.leadTag"),
+      cell: ({ getValue }) => {
+        const tags = getValue() ?? [];
+        if (!tags.length) return /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" });
+        return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: tags.map((tag) => /* @__PURE__ */ jsx("span", { className: "rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground", children: tag }, tag)) });
+      }
+    },
+    {
+      accessorKey: "visits",
+      header: t("marketing.col.visits"),
+      cell: ({ getValue }) => {
+        const visits = getValue();
+        return visits === null ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", title: t("marketing.landing.visitsPending"), children: "\u2014" }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatNumber(visits) });
+      }
+    },
+    {
+      accessorKey: "conversions",
+      header: t("marketing.col.leads"),
+      cell: ({ getValue }) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatNumber(getValue()) })
+    },
+    {
+      accessorKey: "cvr",
+      header: t("marketing.col.cvr"),
+      cell: ({ getValue }) => {
+        const cvr = getValue();
+        return cvr === null ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "\u2014" }) : /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatPercent(cvr) });
+      }
+    },
+    {
+      id: "actions",
+      header: "",
+      enableSorting: false,
+      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-1", children: [
+        row.original.status === "planned" && row.original.editorUrl ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              window.open(row.original.editorUrl, "_blank", "noopener,noreferrer");
+            },
+            className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            title: t("marketing.landing.buildWithFayz"),
+            children: /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4" })
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              openEdit(row.original);
+            },
+            className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            title: t("marketing.landing.edit"),
+            children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              void deleteLandingPage(row.original.id);
+            },
+            className: "rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+            title: t("marketing.landing.delete"),
+            children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    }
+  ], [t, deleteLandingPage]);
   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: "flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(RangeTabs, {}),
+      /* @__PURE__ */ jsx(PermissionGate, { feature: "marketing", action: "create", children: /* @__PURE__ */ jsxs(Button, { onClick: openNew, children: [
+        /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-4 w-4" }),
+        " ",
+        t("marketing.landing.new")
+      ] }) })
     ] }),
     /* @__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(
+        KpiCard,
+        {
+          icon: MousePointerClick,
+          label: t("marketing.metric.totalVisits"),
+          value: measured.length > 0 ? formatNumber(totalVisits) : "\u2014"
+        }
+      ),
+      /* @__PURE__ */ jsx(KpiCard, { icon: Users, label: t("marketing.metric.leads"), value: formatNumber(totalLeads) })
     ] }),
-    /* @__PURE__ */ jsx(DataTable, { columns, data: pages, emptyMessage: t("marketing.landing.subtitle") })
+    /* @__PURE__ */ jsx(DataTable, { columns, data: pages, emptyMessage: t("marketing.landing.empty") }),
+    measured.length < pages.length ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("marketing.landing.visitsPending") }) : null,
+    /* @__PURE__ */ jsx(LandingPageComposer, { open: composerOpen, page: editing, onClose: () => {
+      setComposerOpen(false);
+      setEditing(null);
+    } })
   ] });
 }
 var ctx2 = createPluginContext("ContentPlanner");
@@ -558,9 +846,9 @@ function Field({ label, children }) {
 function useBriefDraft() {
   const plan = useContentPlannerStore((s) => s.activePlan);
   const savePlan = useContentPlannerStore((s) => s.savePlan);
-  const [draft, setDraft] = React8.useState(plan ? toDraft(plan) : null);
-  const [saving, setSaving] = React8.useState(false);
-  React8.useEffect(() => {
+  const [draft, setDraft] = React9.useState(plan ? toDraft(plan) : null);
+  const [saving, setSaving] = React9.useState(false);
+  React9.useEffect(() => {
     if (plan) setDraft(toDraft(plan));
   }, [plan?.id]);
   const patch = (partial) => setDraft((d) => d ? { ...d, ...partial } : d);
@@ -588,7 +876,7 @@ function useBriefDraft() {
 }
 function BriefFields({ draft, patch }) {
   const t = useTranslation();
-  const [pillarInput, setPillarInput] = React8.useState("");
+  const [pillarInput, setPillarInput] = React9.useState("");
   const addPillar = () => {
     const value = pillarInput.trim();
     if (!value || draft.pillars.includes(value)) return;
@@ -744,7 +1032,7 @@ var ADD_ACCOUNT_VALUE = "__add-account__";
 var POST_DRAG_MIME = "application/x-mkt-post";
 function PostCard({ post, onOpen, onDelete }) {
   const t = useTranslation();
-  const [dragging, setDragging] = React8.useState(false);
+  const [dragging, setDragging] = React9.useState(false);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -799,7 +1087,7 @@ function PostCard({ post, onOpen, onDelete }) {
 }
 function WeekColumn({ week, rangeLabel, posts, onOpenPost, onNewPost, onDeletePost, onDropPost, disabled }) {
   const t = useTranslation();
-  const [isDropTarget, setIsDropTarget] = React8.useState(false);
+  const [isDropTarget, setIsDropTarget] = React9.useState(false);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -861,12 +1149,12 @@ function AccountModal({ open, account, onClose }) {
   const saveAccount = useContentPlannerStore((s) => s.saveAccount);
   const deleteAccount = useContentPlannerStore((s) => s.deleteAccount);
   const isEdit = !!account;
-  const [name, setName] = React8.useState("");
-  const [handle, setHandle] = React8.useState("");
-  const [platforms, setPlatforms] = React8.useState(["instagram"]);
-  const [saving, setSaving] = React8.useState(false);
-  const [confirmDelete, setConfirmDelete] = React8.useState(false);
-  React8.useEffect(() => {
+  const [name, setName] = React9.useState("");
+  const [handle, setHandle] = React9.useState("");
+  const [platforms, setPlatforms] = React9.useState(["instagram"]);
+  const [saving, setSaving] = React9.useState(false);
+  const [confirmDelete, setConfirmDelete] = React9.useState(false);
+  React9.useEffect(() => {
     if (open) {
       setName(account?.name ?? "");
       setHandle(account?.handle ?? "");
@@ -965,8 +1253,8 @@ function AccountSelector() {
   const accounts = useContentPlannerStore((s) => s.accounts);
   const activeAccountId = useContentPlannerStore((s) => s.activeAccountId);
   const setAccount = useContentPlannerStore((s) => s.setAccount);
-  const [open, setOpen] = React8.useState(false);
-  const [modal, setModal] = React8.useState(null);
+  const [open, setOpen] = React9.useState(false);
+  const [modal, setModal] = React9.useState(null);
   const activeAccount = accounts.find((a) => a.id === activeAccountId) ?? null;
   if (!loaded) {
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
@@ -1132,14 +1420,14 @@ function mondayOfCurrentWeek() {
 }
 function CalendarView({ posts, onOpenPost, onNewPostAt, disabled }) {
   const t = useTranslation();
-  const [cursor, setCursor] = React8.useState(() => {
+  const [cursor, setCursor] = React9.useState(() => {
     const first = posts.find((p) => p.scheduledDate)?.scheduledDate;
     const base = first ? /* @__PURE__ */ new Date(`${first}T00:00:00`) : /* @__PURE__ */ new Date();
     return new Date(base.getFullYear(), base.getMonth(), 1);
   });
-  const [expandedDay, setExpandedDay] = React8.useState(null);
+  const [expandedDay, setExpandedDay] = React9.useState(null);
   const MAX_VISIBLE = 3;
-  const postsByDate = React8.useMemo(() => {
+  const postsByDate = React9.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const post of posts) {
       if (!post.scheduledDate) continue;
@@ -1150,7 +1438,7 @@ function CalendarView({ posts, onOpenPost, onNewPostAt, disabled }) {
     return map;
   }, [posts]);
   const unscheduled = posts.filter((p) => !p.scheduledDate);
-  const days = React8.useMemo(() => {
+  const days = React9.useMemo(() => {
     const firstOfMonth = new Date(cursor.getFullYear(), cursor.getMonth(), 1);
     const start = new Date(firstOfMonth);
     start.setDate(start.getDate() - (firstOfMonth.getDay() + 6) % 7);
@@ -1309,13 +1597,13 @@ function ContentView({ onOpenPost }) {
   const setViewMode = useContentPlannerStore((s) => s.setViewMode);
   const loadedTenantId = useContentPlannerStore((s) => s.loadedTenantId);
   const guardContentPosts = useLimitGuard("content_posts_month");
-  const [briefOpen, setBriefOpen] = React8.useState(false);
-  const [pendingDeleteId, setPendingDeleteId] = React8.useState(null);
+  const [briefOpen, setBriefOpen] = React9.useState(false);
+  const [pendingDeleteId, setPendingDeleteId] = React9.useState(null);
   const tenantId = useOrganizationStore((state) => state.currentOrg?.id);
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     if (!loading && (!loaded || tenantId && tenantId !== loadedTenantId)) void load();
   }, [tenantId, loadedTenantId, loaded, loading, load]);
-  const postsByWeek = React8.useMemo(() => {
+  const postsByWeek = React9.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const post of posts) {
       const list = map.get(post.weekNumber) ?? [];
@@ -1465,9 +1753,9 @@ function newId() {
 function RecordingChecklist({ post }) {
   const t = useTranslation();
   const savePost = useContentPlannerStore((s) => s.savePost);
-  const [items, setItems] = React8.useState(post.checklist);
-  const [text, setText] = React8.useState("");
-  React8.useEffect(() => {
+  const [items, setItems] = React9.useState(post.checklist);
+  const [text, setText] = React9.useState("");
+  React9.useEffect(() => {
     setItems(post.checklist);
   }, [post.id]);
   const persist = (next) => {
@@ -1710,7 +1998,7 @@ var FRAMES = {
 };
 function PostSocialPreview(props) {
   const platforms = props.platforms.length > 0 ? props.platforms : ["instagram"];
-  const [selected, setSelected] = React8.useState(platforms[0]);
+  const [selected, setSelected] = React9.useState(platforms[0]);
   const active = platforms.includes(selected) ? selected : platforms[0];
   const Frame = FRAMES[active] ?? InstagramFrame;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-md border border-border bg-muted/20 p-4", children: [
@@ -1894,8 +2182,8 @@ var POST_TEMPLATES = {
 };
 function MediaAsset({ post, onChanged }) {
   const t = useTranslation();
-  const inputRef = React8.useRef(null);
-  const [busy, setBusy] = React8.useState(false);
+  const inputRef = React9.useRef(null);
+  const [busy, setBusy] = React9.useState(false);
   const isVideo2 = post.mediaUrl ? /\.(mp4|webm|mov)($|\?)/i.test(post.mediaUrl) : false;
   const pick = () => inputRef.current?.click();
   const upload = async (file) => {
@@ -1973,11 +2261,11 @@ function PostPage({ postId, onBack }) {
   const deletePost = useContentPlannerStore((s) => s.deletePost);
   const accounts = useContentPlannerStore((s) => s.accounts);
   const activeAccountId = useContentPlannerStore((s) => s.activeAccountId);
-  const [post, setPost] = React8.useState(storePost ?? null);
-  const [draft, setDraft] = React8.useState(storePost ? toDraft2(storePost) : null);
-  const [saving, setSaving] = React8.useState(false);
-  const [confirmDelete, setConfirmDelete] = React8.useState(false);
-  React8.useEffect(() => {
+  const [post, setPost] = React9.useState(storePost ?? null);
+  const [draft, setDraft] = React9.useState(storePost ? toDraft2(storePost) : null);
+  const [saving, setSaving] = React9.useState(false);
+  const [confirmDelete, setConfirmDelete] = React9.useState(false);
+  React9.useEffect(() => {
     if (post?.id === postId) return;
     if (storePost) {
       setPost(storePost);
@@ -2354,8 +2642,8 @@ function BlogEntityForm({
   const isPost = entity.data?.table === BLOG_POSTS_TABLE;
   const guardBlogPosts = useLimitGuard("blog_posts");
   const namePlural = entity.namePlural ?? entity.name + "s";
-  const [initialData, setInitialData] = React8.useState(isEdit ? null : {});
-  React8.useEffect(() => {
+  const [initialData, setInitialData] = React9.useState(isEdit ? null : {});
+  React9.useEffect(() => {
     if (!editId) return;
     let cancelled = false;
     (async () => {
@@ -2476,7 +2764,7 @@ function MarketingPage({ config, provider: provider2, store, contentProvider, co
     "blog-cat-new": 1,
     "blog-cat": 1
   }, "overview");
-  React8.useEffect(() => {
+  React9.useEffect(() => {
     void store.getState().load();
   }, [store]);
   useDataChanged({ table: "plg_marketing_campaigns" }, () => {
@@ -2484,9 +2772,9 @@ function MarketingPage({ config, provider: provider2, store, contentProvider, co
   }, [store]);
   const isOverview = view === "overview";
   const nav = buildNav(config, view, navigate);
-  const blogPostEntity = React8.useMemo(() => buildBlogPostEntity(), []);
-  const blogCategoryEntity = React8.useMemo(() => buildBlogCategoryEntity(), []);
-  const quickActions = React8.useMemo(() => [
+  const blogPostEntity = React9.useMemo(() => buildBlogPostEntity(), []);
+  const blogCategoryEntity = React9.useMemo(() => buildBlogCategoryEntity(), []);
+  const quickActions = React9.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([
@@ -2535,11 +2823,11 @@ var SOURCE_OPTIONS = [
 function SettingsView() {
   const t = useTranslation();
   const { conversion, channels } = useMarketingConfig();
-  const [source, setSource] = React8.useState(conversion.source);
-  const [trackValue, setTrackValue] = React8.useState(true);
-  const [autoSync, setAutoSync] = React8.useState(true);
-  const [assisted, setAssisted] = React8.useState(false);
-  const [tracked, setTracked] = React8.useState(
+  const [source, setSource] = React9.useState(conversion.source);
+  const [trackValue, setTrackValue] = React9.useState(true);
+  const [autoSync, setAutoSync] = React9.useState(true);
+  const [assisted, setAssisted] = React9.useState(false);
+  const [tracked, setTracked] = React9.useState(
     () => Object.fromEntries(channels.map((c) => [c.id, true]))
   );
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
@@ -2603,12 +2891,21 @@ var T = {
   contentPlans: "plg_marketing_content_plans",
   contentPosts: "plg_marketing_content_posts",
   channels: "plg_marketing_channels",
-  campaigns: "plg_marketing_campaigns"
+  campaigns: "plg_marketing_campaigns",
+  landingPages: "plg_marketing_landing_pages"
+};
+var SITES_TABLE = "fayz_projects";
+var LEAD_TAGS_SOURCE = {
+  table: "plg_crm_tags",
+  valueField: "slug",
+  labelField: "name"
 };
 var V = {
   channels: "v_marketing_channels",
   campaigns: "v_marketing_campaigns",
-  attribution: "v_marketing_attribution"
+  attribution: "v_marketing_attribution",
+  landingPages: "v_marketing_landing_pages",
+  leadTagEvents: "v_marketing_lead_tag_events"
 };
 
 // src/registries.ts
@@ -2974,14 +3271,27 @@ function scaleCampaign(c, range) {
     value: scale(c.value, range)
   };
 }
+var MOCK_SITE = {
+  id: "site-1",
+  name: "Site principal",
+  url: "https://exemplo.com.br",
+  appId: "app-demo"
+};
+var MOCK_LEAD_TAGS = [
+  { slug: "lp-consulta", name: "LP Consulta" },
+  { slug: "lp-promo", name: "LP Promo" }
+];
 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 }
+    { id: "lp-1", siteId: MOCK_SITE.id, name: "Consulta gratuita", route: "/consulta", leadTags: ["lp-consulta"], status: "live", isActive: true, visits: 3820, conversions: 474 },
+    { id: "lp-2", siteId: MOCK_SITE.id, name: "Promo da esta\xE7\xE3o", route: "/promo", leadTags: ["lp-promo"], status: "live", isActive: true, visits: 1560, conversions: 126 }
   ];
 }
+function normalizeRoute(route) {
+  const trimmed = route.trim().replace(/\/+$/, "");
+  if (!trimmed || trimmed === "/") return "/";
+  return trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+}
 function createMockMarketingProvider(cfg) {
   const base = channelBase30(cfg.channels, cfg.conversion);
   const campaigns = seedCampaigns(cfg);
@@ -3075,8 +3385,58 @@ function createMockMarketingProvider(cfg) {
       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 };
+        return {
+          ...p,
+          siteName: MOCK_SITE.name,
+          siteUrl: MOCK_SITE.url,
+          appId: MOCK_SITE.appId,
+          editorUrl: MOCK_SITE.editorUrl,
+          url: `${MOCK_SITE.url}${p.route}`,
+          visits,
+          conversions,
+          cvr: visits > 0 ? conversions / visits * 100 : null
+        };
       });
+    },
+    async saveLandingPage(input) {
+      const route = normalizeRoute(input.route);
+      const existing = input.id ? landing.find((p) => p.id === input.id) : void 0;
+      if (existing) {
+        Object.assign(existing, {
+          siteId: input.siteId,
+          name: input.name,
+          route,
+          leadTags: input.leadTags ?? existing.leadTags,
+          status: input.status ?? existing.status,
+          prompt: input.prompt,
+          isActive: input.isActive ?? existing.isActive
+        });
+        return existing;
+      }
+      const created = {
+        id: `lp-${++counter2}`,
+        siteId: input.siteId,
+        name: input.name,
+        route,
+        leadTags: input.leadTags ?? [],
+        status: input.status ?? "live",
+        prompt: input.prompt,
+        isActive: input.isActive ?? true,
+        visits: 0,
+        conversions: 0
+      };
+      landing.push(created);
+      return created;
+    },
+    async deleteLandingPage(id) {
+      const idx = landing.findIndex((p) => p.id === id);
+      if (idx >= 0) landing.splice(idx, 1);
+    },
+    async listSites() {
+      return [MOCK_SITE];
+    },
+    async listLeadTags() {
+      return MOCK_LEAD_TAGS;
     }
   };
 }
@@ -3094,8 +3454,34 @@ function requireTenantId() {
 function normKey(value) {
   return (value ?? "").toLowerCase().replace(/[^a-z0-9]/g, "");
 }
+var FAYZ_EDITOR_BASE = "https://fayz.ai/editor";
+function normalizeRoute2(route) {
+  const trimmed = route.trim().replace(/\/+$/, "");
+  if (!trimmed || trimmed === "/") return "/";
+  return trimmed.startsWith("/") ? trimmed : `/${trimmed}`;
+}
+function pageUrl(siteUrl, route) {
+  const path = normalizeRoute2(route);
+  if (!siteUrl) return path;
+  const base = siteUrl.trim().replace(/\/+$/, "");
+  const withScheme = /^https?:\/\//.test(base) ? base : `https://${base}`;
+  return `${withScheme}${path === "/" ? "" : path}`;
+}
+function landingPageFromRow(row) {
+  return {
+    id: row.id,
+    siteId: row.site_id,
+    name: row.name,
+    route: row.route,
+    leadTags: row.lead_tags ?? [],
+    status: row.status === "planned" ? "planned" : "live",
+    prompt: row.prompt ?? void 0,
+    isActive: row.is_active !== false
+  };
+}
 function createSupabaseMarketingProvider(options) {
   const { channels, conversion, attributionBridge, sitesBridge } = options;
+  const leadTagsSource = { ...LEAD_TAGS_SOURCE, ...options.leadTags };
   const channelByNorm = /* @__PURE__ */ new Map();
   for (const ch of channels) {
     channelByNorm.set(normKey(ch.id), ch.id);
@@ -3217,6 +3603,41 @@ function createSupabaseMarketingProvider(options) {
     });
     return query.channelId ? list.filter((c) => c.channelId === query.channelId) : list;
   }
+  function fetchLandingPages(tenantId) {
+    return memo(`lp:${tenantId}`, async () => {
+      const { data, error } = await getClient().from(V.landingPages).select("id, site_id, name, route, lead_tags, status, prompt, is_active, site_name, site_url, app_id, fayz_project_id, editor_url").eq("tenant_id", tenantId).order("name");
+      if (error) return [];
+      return data ?? [];
+    });
+  }
+  function fetchLeadsByTag(tenantId, tags, since) {
+    const key = `lptags:${tenantId}:${since.getTime()}:${tags.join(",")}`;
+    return memo(key, async () => {
+      const { data, error } = await getClient().from(V.leadTagEvents).select("tag, person_id").eq("tenant_id", tenantId).in("tag", tags).gte("occurred_at", since.toISOString());
+      if (error) return /* @__PURE__ */ new Map();
+      const byTag = /* @__PURE__ */ new Map();
+      for (const row of data ?? []) {
+        const set = byTag.get(row.tag) ?? /* @__PURE__ */ new Set();
+        set.add(row.person_id);
+        byTag.set(row.tag, set);
+      }
+      return byTag;
+    });
+  }
+  async function fetchVisits(range, rows) {
+    if (!sitesBridge) return /* @__PURE__ */ new Map();
+    const result = await sitesBridge.visitsByRoute({
+      range,
+      pages: rows.map((r) => ({
+        id: r.id,
+        appId: r.app_id ?? void 0,
+        fayzProjectId: r.fayz_project_id ?? void 0,
+        siteUrl: r.site_url ?? void 0,
+        route: r.route
+      }))
+    });
+    return new Map(result.map((r) => [r.id, r.visits]));
+  }
   function campaignFromRow(row) {
     return {
       id: row.id,
@@ -3345,8 +3766,82 @@ function createSupabaseMarketingProvider(options) {
       cache.clear();
     },
     async landingPages(query) {
-      if (sitesBridge) return sitesBridge.landingPages(query);
-      return [];
+      const tenantId = requireTenantId();
+      const { since } = windowFor(query.range);
+      const rows = await fetchLandingPages(tenantId);
+      if (!rows.length) return [];
+      const tags = [...new Set(rows.flatMap((r) => r.lead_tags ?? []))];
+      const [leadsByTag, visitsById] = await Promise.all([
+        tags.length ? fetchLeadsByTag(tenantId, tags, since) : Promise.resolve(/* @__PURE__ */ new Map()),
+        fetchVisits(query.range, rows)
+      ]);
+      return rows.map((r) => {
+        const visits = visitsById.get(r.id) ?? null;
+        const leads = /* @__PURE__ */ new Set();
+        for (const tag of r.lead_tags ?? []) {
+          for (const personId of leadsByTag.get(tag) ?? []) leads.add(personId);
+        }
+        const conversions = leads.size;
+        return {
+          ...landingPageFromRow(r),
+          siteName: r.site_name,
+          siteUrl: r.site_url ?? void 0,
+          appId: r.app_id ?? void 0,
+          editorUrl: r.editor_url ?? (r.fayz_project_id ? `${FAYZ_EDITOR_BASE}/${r.fayz_project_id}` : void 0),
+          url: pageUrl(r.site_url, r.route),
+          visits,
+          conversions,
+          cvr: visits && visits > 0 ? conversions / visits * 100 : null
+        };
+      });
+    },
+    async saveLandingPage(input) {
+      const tenantId = requireTenantId();
+      const payload = {
+        tenant_id: tenantId,
+        site_id: input.siteId,
+        name: input.name,
+        route: normalizeRoute2(input.route),
+        lead_tags: input.leadTags ?? [],
+        status: input.status ?? "live",
+        prompt: input.prompt?.trim() || null,
+        is_active: input.isActive ?? true,
+        updated_at: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      const query = input.id ? getClient().from(T.landingPages).update(payload).eq("id", input.id) : getClient().from(T.landingPages).insert(payload);
+      const { data, error } = await query.select("*").single();
+      if (error) throw error;
+      cache.clear();
+      return landingPageFromRow(data);
+    },
+    async deleteLandingPage(id) {
+      const { error } = await getClient().from(T.landingPages).delete().eq("id", id);
+      if (error) throw error;
+      cache.clear();
+    },
+    async listSites() {
+      const tenantId = requireTenantId();
+      return memo(`sites:${tenantId}`, async () => {
+        const { data, error } = await getClient().from(SITES_TABLE).select("id, name, preview_url, app_id, fayz_project_id, editor_url").eq("tenant_id", tenantId).order("is_default", { ascending: false }).order("name");
+        if (error) return [];
+        return (data ?? []).map((r) => ({
+          id: r.id,
+          name: r.name,
+          url: r.preview_url ?? void 0,
+          appId: r.app_id ?? void 0,
+          fayzProjectId: r.fayz_project_id ?? void 0,
+          editorUrl: r.editor_url ?? (r.fayz_project_id ? `${FAYZ_EDITOR_BASE}/${r.fayz_project_id}` : void 0)
+        }));
+      });
+    },
+    async listLeadTags() {
+      const tenantId = requireTenantId();
+      const { table, valueField, labelField } = leadTagsSource;
+      return memo(`leadtags:${tenantId}`, async () => {
+        const { data, error } = await getClient().from(table).select(`${valueField}, ${labelField}`).eq("tenant_id", tenantId).order(labelField);
+        if (error) return [];
+        return (data ?? []).map((r) => ({ slug: r[valueField], name: r[labelField] ?? r[valueField] })).filter((tag) => Boolean(tag.slug));
+      });
     }
   };
 }
@@ -3777,19 +4272,23 @@ function createMarketingStore(provider2) {
     campaigns: [],
     funnel: [],
     landingPages: [],
+    sites: [],
+    leadTags: [],
     loading: false,
     async load() {
       const range = get().range;
       set({ loading: true });
       try {
-        const [overview, channels, campaigns, funnel, landingPages] = await Promise.all([
+        const [overview, channels, campaigns, funnel, landingPages, sites, leadTags] = await Promise.all([
           provider2.overview({ range }),
           provider2.channelPerformance({ range }),
           provider2.listCampaigns({ range }),
           provider2.funnel({ range }),
-          provider2.landingPages({ range })
+          provider2.landingPages({ range }),
+          provider2.listSites(),
+          provider2.listLeadTags()
         ]);
-        set({ overview, channels, campaigns, funnel, landingPages, loading: false });
+        set({ overview, channels, campaigns, funnel, landingPages, sites, leadTags, loading: false });
       } catch (err) {
         set({ loading: false });
         throw err;
@@ -3811,6 +4310,17 @@ function createMarketingStore(provider2) {
     async deleteCampaign(id) {
       await provider2.deleteCampaign(id);
       await get().load();
+    },
+    async saveLandingPage(input) {
+      const saved = await provider2.saveLandingPage(input);
+      provider2.invalidateCache?.();
+      await get().load();
+      return saved;
+    },
+    async deleteLandingPage(id) {
+      await provider2.deleteLandingPage(id);
+      provider2.invalidateCache?.();
+      await get().load();
     }
   }));
 }
@@ -4389,6 +4899,119 @@ REVOKE EXECUTE ON FUNCTION public.agent_marketing_create_campaign(uuid, uuid, js
 GRANT EXECUTE ON FUNCTION public.agent_marketing_create_campaign(uuid, uuid, jsonb)
   TO authenticated, service_role;
 `;
+var MIGRATION_008_LANDING_PAGES = `-- Marketing Plugin: landing pages.
+-- Prefix: plg_marketing_
+-- A landing page IS a site plus a route (espacorenovario.com.br + /lp-capilar).
+-- The SITE is not modelled here: it is the tenant's fayz project
+-- (public.fayz_projects, @fayz-ai/db 020) \u2014 the same rows Settings \u2192 Sites
+-- manages \u2014 so \`app_id\` / \`fayz_project_id\` / \`preview_url\` come from there.
+-- Visit analytics are read from the platform that hosts the deploy (app id +
+-- route + period); that source is not wired yet, so visits render as pending.
+-- \`lead_tags\` is the cross with the CRM: leads that arrive through the page
+-- carry those tag slugs in people.tags (v_marketing_lead_tag_events counts them).
+-- \`status\`='planned' + \`prompt\` is a page that does NOT exist on the site yet:
+-- the brief is written here and the page gets built with Fayz later.
+-- Canonical RLS form: tenant_id IN (SELECT public.user_tenant_ids()).
+
+CREATE TABLE IF NOT EXISTS public.plg_marketing_landing_pages (
+  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
+  tenant_id uuid NOT NULL REFERENCES public.tenants(id) ON DELETE CASCADE,
+  site_id uuid NOT NULL REFERENCES public.fayz_projects(id) ON DELETE CASCADE,
+  name text NOT NULL,
+  route text NOT NULL,
+  lead_tags text[] NOT NULL DEFAULT '{}',
+  status text NOT NULL DEFAULT 'live' CHECK (status IN ('live', 'planned')),
+  prompt text,
+  is_active boolean NOT NULL DEFAULT true,
+  created_at timestamptz NOT NULL DEFAULT now(),
+  updated_at timestamptz NOT NULL DEFAULT now()
+);
+
+-- Self-healing for pools that ran an earlier cut of this migration (single
+-- lead_tag column, no status/prompt). No-op on a fresh table. The views are
+-- rebuilt at the bottom; dropping them first is what lets the column go.
+DROP VIEW IF EXISTS public.v_marketing_landing_pages;
+
+ALTER TABLE public.plg_marketing_landing_pages
+  ADD COLUMN IF NOT EXISTS lead_tags text[] NOT NULL DEFAULT '{}',
+  ADD COLUMN IF NOT EXISTS status text NOT NULL DEFAULT 'live',
+  ADD COLUMN IF NOT EXISTS prompt text;
+
+DO $$
+BEGIN
+  IF EXISTS (
+    SELECT 1 FROM information_schema.columns
+    WHERE table_schema = 'public' AND table_name = 'plg_marketing_landing_pages' AND column_name = 'lead_tag'
+  ) THEN
+    UPDATE public.plg_marketing_landing_pages
+       SET lead_tags = ARRAY[lead_tag]
+     WHERE lead_tag IS NOT NULL AND lead_tags = '{}';
+    ALTER TABLE public.plg_marketing_landing_pages DROP COLUMN lead_tag;
+  END IF;
+  IF NOT EXISTS (
+    SELECT 1 FROM pg_constraint
+    WHERE conname = 'plg_marketing_landing_pages_status_check'
+  ) THEN
+    ALTER TABLE public.plg_marketing_landing_pages
+      ADD CONSTRAINT plg_marketing_landing_pages_status_check CHECK (status IN ('live', 'planned'));
+  END IF;
+END $$;
+
+CREATE INDEX IF NOT EXISTS idx_plg_marketing_landing_pages_tenant ON public.plg_marketing_landing_pages(tenant_id);
+CREATE INDEX IF NOT EXISTS idx_plg_marketing_landing_pages_site ON public.plg_marketing_landing_pages(site_id);
+-- One row per route within a site: the route IS the page's identity.
+CREATE UNIQUE INDEX IF NOT EXISTS u_plg_marketing_landing_pages_site_route
+  ON public.plg_marketing_landing_pages(site_id, route);
+
+DO $$
+DECLARE t text := 'plg_marketing_landing_pages';
+BEGIN
+  EXECUTE format('ALTER TABLE public.%I ENABLE ROW LEVEL SECURITY', t);
+  EXECUTE format('GRANT SELECT, INSERT, UPDATE, DELETE ON public.%I TO authenticated', t);
+  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE schemaname='public' AND tablename=t AND policyname=t||'_select') THEN
+    EXECUTE format('CREATE POLICY %I ON public.%I FOR SELECT TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()))', t||'_select', t);
+  END IF;
+  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE schemaname='public' AND tablename=t AND policyname=t||'_insert') THEN
+    EXECUTE format('CREATE POLICY %I ON public.%I FOR INSERT TO authenticated WITH CHECK (tenant_id IN (SELECT public.user_tenant_ids()))', t||'_insert', t);
+  END IF;
+  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE schemaname='public' AND tablename=t AND policyname=t||'_update') THEN
+    EXECUTE format('CREATE POLICY %I ON public.%I FOR UPDATE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()))', t||'_update', t);
+  END IF;
+  IF NOT EXISTS (SELECT 1 FROM pg_policies WHERE schemaname='public' AND tablename=t AND policyname=t||'_delete') THEN
+    EXECUTE format('CREATE POLICY %I ON public.%I FOR DELETE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()))', t||'_delete', t);
+  END IF;
+END $$;
+
+-- Read view: the page joined to its site, so the surface renders the full URL
+-- (and the analytics keys) without a second round trip.
+CREATE VIEW public.v_marketing_landing_pages WITH (security_invoker=true) AS
+SELECT lp.id, lp.tenant_id, lp.site_id, lp.name, lp.route, lp.lead_tags, lp.status, lp.prompt, lp.is_active,
+       s.name AS site_name, s.preview_url AS site_url, s.app_id, s.fayz_project_id, s.editor_url,
+       lp.created_at, lp.updated_at
+FROM public.plg_marketing_landing_pages lp
+JOIN public.fayz_projects s ON s.id = lp.site_id;
+GRANT SELECT ON public.v_marketing_landing_pages TO authenticated;
+
+-- Lead events keyed by tag \u2014 the cross that turns "leads tagged lp-capilar"
+-- into that page's conversions. One row per (lead, tag); \`person_id\` is what
+-- keeps a lead carrying two of a page's tags from counting twice. Archived
+-- leads are OUT: plugin-crm archives by flipping people.is_active to false, and
+-- a page's number has to match what the funnel shows. Apps whose leads live
+-- elsewhere may CREATE OR REPLACE this view keeping the contract:
+--   (tenant_id uuid, tag text, person_id uuid, occurred_at timestamptz, value numeric)
+DROP VIEW IF EXISTS public.v_marketing_lead_tag_events;
+CREATE VIEW public.v_marketing_lead_tag_events WITH (security_invoker=true) AS
+SELECT p.tenant_id,
+       tag,
+       p.id AS person_id,
+       p.created_at AS occurred_at,
+       NULLIF(p.metadata->>'value', '')::numeric AS value
+FROM public.people p
+CROSS JOIN LATERAL unnest(COALESCE(p.tags, '{}'::text[])) AS tag
+WHERE p.kind = 'lead'
+  AND COALESCE(p.is_active, true);
+GRANT SELECT ON public.v_marketing_lead_tag_events TO authenticated;
+`;
 var INTEGRATIONS = "plg_marketing_ranklayer_integrations";
 var SYNC_LOG = "plg_marketing_ranklayer_sync_log";
 function getClient3() {
@@ -4510,12 +5133,14 @@ function RankLayerExtraPanel() {
     ] })
   ] });
 }
+var RANKLAYER_MARK = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHJ4PSI3IiBmaWxsPSIjMUYyNDMxIi8+PHBvbHlnb24gcG9pbnRzPSIxNiw1LjYgMjYuNCwxMS42IDE2LDE3LjYgNS42LDExLjYiIGZpbGw9IiNGRkZGRkYiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIxLjI1IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PGcgb3BhY2l0eT0iMC41NSI+PHBvbHlnb24gcG9pbnRzPSI1LjYsMTYuNCAxNiwyMi40IDI2LjQsMTYuNCAyNi40LDE4LjIgMTYsMjQuMiA1LjYsMTguMiIgZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PGcgb3BhY2l0eT0iMC4yOCI+PHBvbHlnb24gcG9pbnRzPSI1LjYsMjEuMiAxNiwyNy4yIDI2LjQsMjEuMiAyNi40LDIzIDE2LDI5IDUuNiwyMyIgZmlsbD0iI0ZGRkZGRiIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuMjUiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PC9zdmc+";
 var ranklayerConnectorDef = {
   id: "ranklayer",
   hostPluginId: "marketing",
   name: "RankLayer",
   description: "Publica\xE7\xE3o de conte\xFAdo e p\xE1ginas de SEO por servi\xE7o/bairro para ser encontrado no Google e em assistentes de IA.",
   icon: "Search",
+  logoUrl: RANKLAYER_MARK,
   authKind: "api-key",
   fields: [
     { key: "apiKey", label: "API Key", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" },
@@ -4548,6 +5173,7 @@ var en = {
   "marketing.metric.cvr": "CVR",
   "marketing.metric.totalVisits": "Total visits",
   "marketing.metric.pages": "Pages",
+  "marketing.metric.leads": "Leads",
   "marketing.metric.avgConversion": "Avg. conversion",
   // columns
   "marketing.col.campaign": "Campaign",
@@ -4562,6 +5188,8 @@ var en = {
   "marketing.col.conversions": "Conversions",
   "marketing.col.type": "Type",
   "marketing.col.page": "Page",
+  "marketing.col.route": "Route",
+  "marketing.col.leadTag": "Tag",
   // overview
   "marketing.overview.byChannelSuffix": "by channel",
   "marketing.overview.recent": "Recent campaigns",
@@ -4593,7 +5221,27 @@ var en = {
   "marketing.funnel.overall": "Overall conversion rate",
   "marketing.funnel.ofPrev": "of prev",
   // landing pages
-  "marketing.landing.subtitle": "Per-page visits \u2192 conversions performance",
+  "marketing.landing.new": "New page",
+  "marketing.landing.edit": "Edit page",
+  "marketing.landing.delete": "Delete page",
+  "marketing.landing.save": "Save",
+  "marketing.landing.empty": "No pages yet.",
+  "marketing.landing.site": "Site",
+  "marketing.landing.sitePlaceholder": "Pick a site",
+  "marketing.landing.name": "Name",
+  "marketing.landing.namePlaceholder": "Hair consult LP",
+  "marketing.landing.route": "Route",
+  "marketing.landing.create": "Create page",
+  "marketing.landing.status": "Does this page exist on the site yet?",
+  "marketing.landing.statusLive": "Already live",
+  "marketing.landing.statusPlanned": "Not yet",
+  "marketing.landing.prompt": "Page prompt",
+  "marketing.landing.promptPlaceholder": "Describe the page: offer, audience, sections, call to action\u2026",
+  "marketing.landing.buildWithFayz": "Build page with Fayz",
+  "marketing.landing.leadTag": "Lead tags",
+  "marketing.landing.leadTagPlaceholder": "new tag\u2026",
+  "marketing.landing.leadTagHint": "Leads from this page enter the CRM with these tags.",
+  "marketing.landing.visitsPending": "Visits come from the platform hosting the site; that source is not connected yet.",
   // settings
   "marketing.settings.conversionModel": "Conversion model",
   "marketing.settings.conversionModelDesc": "What counts as a conversion in this workspace and where it's attributed from.",
@@ -4719,6 +5367,7 @@ var ptBR = {
   "marketing.metric.cvr": "CVR",
   "marketing.metric.totalVisits": "Total de visitas",
   "marketing.metric.pages": "P\xE1ginas",
+  "marketing.metric.leads": "Leads",
   "marketing.metric.avgConversion": "Convers\xE3o m\xE9dia",
   // columns
   "marketing.col.campaign": "Campanha",
@@ -4733,6 +5382,8 @@ var ptBR = {
   "marketing.col.conversions": "Convers\xF5es",
   "marketing.col.type": "Tipo",
   "marketing.col.page": "P\xE1gina",
+  "marketing.col.route": "Rota",
+  "marketing.col.leadTag": "Tag",
   // overview
   "marketing.overview.byChannelSuffix": "por canal",
   "marketing.overview.recent": "Campanhas recentes",
@@ -4764,7 +5415,27 @@ var ptBR = {
   "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",
+  "marketing.landing.new": "Nova p\xE1gina",
+  "marketing.landing.edit": "Editar p\xE1gina",
+  "marketing.landing.delete": "Excluir p\xE1gina",
+  "marketing.landing.save": "Salvar",
+  "marketing.landing.empty": "Nenhuma p\xE1gina cadastrada ainda.",
+  "marketing.landing.site": "Site",
+  "marketing.landing.sitePlaceholder": "Selecione o site",
+  "marketing.landing.name": "Nome",
+  "marketing.landing.namePlaceholder": "LP Capilar",
+  "marketing.landing.route": "Rota",
+  "marketing.landing.create": "Criar p\xE1gina",
+  "marketing.landing.status": "Esta p\xE1gina j\xE1 existe no site?",
+  "marketing.landing.statusLive": "J\xE1 existe",
+  "marketing.landing.statusPlanned": "Ainda n\xE3o existe",
+  "marketing.landing.prompt": "Prompt da p\xE1gina",
+  "marketing.landing.promptPlaceholder": "Descreva a p\xE1gina: oferta, p\xFAblico, se\xE7\xF5es, chamada para a\xE7\xE3o\u2026",
+  "marketing.landing.buildWithFayz": "Criar p\xE1gina com Fayz",
+  "marketing.landing.leadTag": "Tags dos leads",
+  "marketing.landing.leadTagPlaceholder": "nova tag\u2026",
+  "marketing.landing.leadTagHint": "Os leads desta p\xE1gina entram no CRM com estas tags.",
+  "marketing.landing.visitsPending": "As visitas v\xEAm da plataforma que hospeda o site; essa origem ainda n\xE3o est\xE1 conectada.",
   // 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.",
@@ -4917,7 +5588,8 @@ function createSafeProvider(config, domain, options) {
       channels: config.channels,
       conversion: config.conversion,
       attributionBridge: options?.attributionBridge,
-      sitesBridge: options?.sitesBridge
+      sitesBridge: options?.sitesBridge,
+      leadTags: options?.leadTags
     }),
     () => createMockMarketingProvider({ channels: config.channels, conversion: config.conversion, domain })
   );
@@ -4933,23 +5605,23 @@ function createMarketingPlugin(options) {
     () => createMockContentPlannerProvider()
   );
   const contentStore = createContentPlannerStore(contentProvider);
-  const PageComponent = () => React8.createElement(
+  const PageComponent = () => React9.createElement(
     MarketingContextProvider,
     { config, provider: provider2, store },
-    React8.createElement(MarketingPage, { config, provider: provider2, store, contentProvider, contentStore })
+    React9.createElement(MarketingPage, { config, provider: provider2, store, contentProvider, contentStore })
   );
   PageComponent.displayName = "MarketingPage";
   const marketingRegistries = [
     ...buildMarketingRegistries(config.channels),
     ...options?.settingsRegistries ?? []
   ];
-  const SettingsComponent = () => React8.createElement(
+  const SettingsComponent = () => React9.createElement(
     MarketingContextProvider,
     { config, provider: provider2, store },
-    React8.createElement(PluginSettingsPanel, {
+    React9.createElement(PluginSettingsPanel, {
       title: config.labels.settings ?? config.labels.pageTitle,
       subtitle: config.labels.pageSubtitle,
-      generalSettings: React8.createElement(SettingsView),
+      generalSettings: React9.createElement(SettingsView),
       registries: marketingRegistries,
       // Enables the "Integrações" tab (renders manifest connectors for this host).
       hostPluginId: "marketing",
@@ -5139,6 +5811,12 @@ function createMarketingPlugin(options) {
         version: "1.4.0",
         sql: MIGRATION_007_AGENT_RPCS,
         description: "agent_marketing_create_campaign \u2014 guarded, audited server-plane campaign create"
+      },
+      {
+        id: "marketing-008-landing-pages",
+        version: "1.5.0",
+        sql: MIGRATION_008_LANDING_PAGES,
+        description: "Sites + landing pages (site + route + lead tag) with tenant RLS, v_marketing_landing_pages and v_marketing_lead_tag_events"
       }
     ],
     // RankLayer SEO connector — renders in the Integrações settings tab. Scaffold