@fayz-ai/plugin-marketing 0.8.0 → 0.8.1

package/dist/index.js

@@ -1,9 +1,9 @@
-import React8, { useEffect } from 'react';
-import { getActiveTenantId, registerTranslations, createSafeDataProvider, getSupabaseClientOptional, useTranslation } from '@fayz-ai/core';
-import { createPluginContext, PluginSettingsPanel, useModuleNavigation, createViewRouter, ModuleActionBar, SettingsGroup, SelectRow, ToggleRow, useOrganizationStore } from '@fayz-ai/saas';
-import { defineKpiWidget, defineCustomWidget, defineTableWidget, ModulePage, DataTable, SubpageHeader, Button, Skeleton, ConfirmDialog, ContentSplit, ContentSplitTrigger, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, MarkdownEditor, DashboardCanvas, SegmentedControl, cn, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalFooter, SelectSeparator, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetBody, SheetFooter, Checkbox, KpiCard as KpiCard$1, Card, CardHeader, CardTitle, CardContent, TableWidget } from '@fayz-ai/ui';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronRight, Users, Target, Percent, DollarSign, Trash2, Plus, MousePointerClick, Layers, NotebookPen, ArrowUpRight, ArrowDownRight, Settings2, Columns3, CalendarDays, List, ChevronLeft, Loader2, ImagePlus, X, Sparkles, 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 React8, { useState, useEffect, useMemo, useCallback } from 'react';
+import { getActiveTenantId, registerTranslations, createSafeDataProvider, getSupabaseClientOptional, useTranslation, resolveDataProvider } from '@fayz-ai/core';
+import { createPluginContext, PluginSettingsPanel, useModuleNavigation, createViewRouter, ModuleActionBar, SettingsGroup, SelectRow, ToggleRow, useOrganizationStore, CrudFormPage, 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 { 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 { createStore } from 'zustand/vanilla';
 
 // src/index.ts
@@ -213,11 +213,11 @@ function ChannelDetailView({ channelId, onBack }) {
   const range = useMarketingStore((s) => s.range);
   const channels = useMarketingStore((s) => s.channels);
   const lookup = useChannelLookup();
-  const provider = useMarketingProvider();
+  const provider2 = useMarketingProvider();
   const [campaigns, setCampaigns] = React8.useState([]);
   React8.useEffect(() => {
-    void provider.listCampaigns({ range, channelId }).then(setCampaigns);
-  }, [provider, range, channelId]);
+    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(() => [
@@ -1962,7 +1962,7 @@ function toDraft2(post) {
 }
 function PostPage({ postId, onBack }) {
   const t = useTranslation();
-  const provider = useContentPlannerProvider();
+  const provider2 = useContentPlannerProvider();
   const storePost = useContentPlannerStore((s) => s.posts.find((p) => p.id === postId));
   const savePost = useContentPlannerStore((s) => s.savePost);
   const deletePost = useContentPlannerStore((s) => s.deletePost);
@@ -1979,13 +1979,13 @@ function PostPage({ postId, onBack }) {
       setDraft(toDraft2(storePost));
       return;
     }
-    void provider.getPost(postId).then((fetched) => {
+    void provider2.getPost(postId).then((fetched) => {
       if (fetched) {
         setPost(fetched);
         setDraft(toDraft2(fetched));
       }
     });
-  }, [postId, storePost, post?.id, provider]);
+  }, [postId, storePost, post?.id, provider2]);
   if (!post || !draft) {
     return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-3xl space-y-5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
@@ -2172,6 +2172,239 @@ function PostPage({ postId, onBack }) {
     post.id
   );
 }
+
+// src/data/blogEntities.tsx
+var BLOG_POSTS_TABLE = "plg_blog_posts";
+var BLOG_CATEGORIES_TABLE = "plg_blog_categories";
+function buildBlogPostEntity() {
+  const fields = [
+    { key: "title", label: "Title", type: "text", required: true, searchable: true, showInTable: true, sortable: true },
+    { key: "slug", label: "Slug", type: "text", required: true, searchable: true, showInTable: false, hint: 'URL identifier, e.g. "cannabis-and-oral-health"' },
+    { key: "status", label: "Status", type: "select", options: ["draft", "published"], showInTable: true, defaultValue: "draft" },
+    { key: "categoryId", label: "Category", type: "relation", relation: { table: BLOG_CATEGORIES_TABLE, valueField: "id", labelField: "name", tenantScoped: true }, showInTable: false },
+    { key: "excerpt", label: "Excerpt", type: "textarea", span: 2, showInTable: false, placeholder: "Short summary shown on cards" },
+    { key: "body", label: "Body", type: "markdown", span: 2, showInTable: false },
+    { key: "coverImage", label: "Cover image", type: "image", showInTable: false, placeholder: "https://\u2026" },
+    { key: "readTime", label: "Read time", type: "text", showInTable: false, placeholder: "5 min" },
+    { key: "publishedAt", label: "Published at", type: "date", showInTable: true, sortable: true },
+    { key: "authorName", label: "Author name", type: "text", showInTable: false },
+    { key: "authorRole", label: "Author role", type: "text", showInTable: false, placeholder: "e.g. Cirurgi\xE3o-Dentista" },
+    { key: "authorAvatarUrl", label: "Author avatar", type: "image", showInTable: false, placeholder: "https://\u2026" },
+    { key: "authorBio", label: "Author bio", type: "textarea", span: 2, showInTable: false }
+  ];
+  return {
+    name: "Post",
+    namePlural: "Posts",
+    icon: "Newspaper",
+    fields,
+    displayField: "title",
+    subtitleField: "slug",
+    facets: [{ field: "status", allLabel: "All" }],
+    data: {
+      table: BLOG_POSTS_TABLE,
+      tenantScoped: true,
+      searchColumns: ["title", "slug", "excerpt"]
+    }
+  };
+}
+function buildBlogCategoryEntity() {
+  const fields = [
+    { key: "name", label: "Name", type: "text", required: true, searchable: true, showInTable: true, sortable: true },
+    { key: "slug", label: "Slug", type: "text", required: true, searchable: true, showInTable: true, hint: "URL identifier" },
+    { key: "description", label: "Description", type: "textarea", span: 2, showInTable: false }
+  ];
+  return {
+    name: "Category",
+    namePlural: "Categories",
+    icon: "Tags",
+    fields,
+    displayField: "name",
+    data: {
+      table: BLOG_CATEGORIES_TABLE,
+      tenantScoped: true,
+      searchColumns: ["name", "slug"]
+    }
+  };
+}
+function useEntityCrud(entity) {
+  const provider2 = useMemo(() => resolveDataProvider(entity), [entity]);
+  const [items, setItems] = useState(null);
+  const [total, setTotal] = useState(0);
+  const fetch = useCallback(async (query = {}) => {
+    try {
+      const res = await provider2.list(query);
+      setItems(res.data);
+      setTotal(res.total);
+    } catch (err) {
+      console.warn("[blog] list failed; showing empty. Apply the plugin-blog migration to this pool.", err);
+      setItems([]);
+      setTotal(0);
+    }
+  }, [provider2]);
+  const getById = useCallback(async (id) => {
+    const res = await provider2.list({ filters: { id }, page: 1, pageSize: 1 });
+    return res.data[0] ?? null;
+  }, [provider2]);
+  const create = useCallback((data) => provider2.create(data), [provider2]);
+  const update = useCallback((id, data) => provider2.update(id, data), [provider2]);
+  const remove = useCallback((id) => provider2.remove(id), [provider2]);
+  return { items, total, fetch, getById, create, update, remove };
+}
+function PostsList({ navigate }) {
+  const entity = useMemo(() => buildBlogPostEntity(), []);
+  const { items, total, fetch } = useEntityCrud(entity);
+  const [search, setSearch] = useState("");
+  const [statusFilter, setStatusFilter] = useState();
+  const [loadedOnce, setLoadedOnce] = useState(false);
+  useEffect(() => {
+    let active = true;
+    Promise.resolve(
+      fetch({ search: search || void 0, filters: statusFilter ? { status: statusFilter } : void 0 })
+    ).finally(() => {
+      if (active) setLoadedOnce(true);
+    });
+    return () => {
+      active = false;
+    };
+  }, [search, statusFilter, fetch]);
+  const facets = useMemo(() => [{
+    field: "status",
+    allLabel: "All",
+    options: [{ value: "draft", label: "Draft" }, { value: "published", label: "Published" }]
+  }], []);
+  return /* @__PURE__ */ jsx(
+    CrudListView,
+    {
+      entityDef: entity,
+      items: loadedOnce ? items : null,
+      total,
+      search,
+      onSearchChange: setSearch,
+      searchPlaceholder: "Search posts\u2026",
+      facets,
+      activeFilters: { status: statusFilter },
+      onFacetChange: (_field, value) => setStatusFilter(value),
+      onNew: () => navigate("blog-new"),
+      addLabel: "New post",
+      onRowClick: (row) => navigate(`blog-post:${row.id}`)
+    }
+  );
+}
+function CategoriesList({ navigate }) {
+  const entity = useMemo(() => buildBlogCategoryEntity(), []);
+  const { items, total, fetch } = useEntityCrud(entity);
+  const [search, setSearch] = useState("");
+  const [loadedOnce, setLoadedOnce] = useState(false);
+  useEffect(() => {
+    let active = true;
+    Promise.resolve(fetch({ search: search || void 0 })).finally(() => {
+      if (active) setLoadedOnce(true);
+    });
+    return () => {
+      active = false;
+    };
+  }, [search, fetch]);
+  return /* @__PURE__ */ jsx(
+    CrudListView,
+    {
+      entityDef: entity,
+      items: loadedOnce ? items : null,
+      total,
+      search,
+      onSearchChange: setSearch,
+      searchPlaceholder: "Search categories\u2026",
+      onNew: () => navigate("blog-cat-new"),
+      addLabel: "New category",
+      onRowClick: (row) => navigate(`blog-cat:${row.id}`)
+    }
+  );
+}
+function BlogAdminView({ navigate }) {
+  const { labels } = useMarketingConfig();
+  const [lens, setLens] = useState("posts");
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      SegmentedControl,
+      {
+        "aria-label": "Blog section",
+        options: [
+          { value: "posts", label: labels.blog },
+          { value: "categories", label: labels.blogCategories }
+        ],
+        value: lens,
+        onChange: (v) => setLens(v)
+      }
+    ),
+    lens === "posts" ? /* @__PURE__ */ jsx(PostsList, { navigate }) : /* @__PURE__ */ jsx(CategoriesList, { navigate })
+  ] });
+}
+function BlogEntityForm({
+  entity,
+  editId,
+  parentLabel,
+  onDone
+}) {
+  const { getById, create, update, remove } = useEntityCrud(entity);
+  const isEdit = !!editId;
+  const namePlural = entity.namePlural ?? entity.name + "s";
+  const [initialData, setInitialData] = React8.useState(isEdit ? null : {});
+  React8.useEffect(() => {
+    if (!editId) return;
+    let cancelled = false;
+    (async () => {
+      const item = await getById(editId);
+      if (!cancelled) setInitialData(item ?? {});
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [editId, getById]);
+  async function save(values) {
+    try {
+      if (isEdit) await update(editId, values);
+      else await create(values);
+      toast.success(isEdit ? `${entity.name} updated` : `${entity.name} created`);
+      onDone();
+    } catch (err) {
+      toast.error(`Failed to save ${entity.name.toLowerCase()}`);
+      throw err;
+    }
+  }
+  async function del() {
+    if (!editId) return;
+    try {
+      await remove(editId);
+      toast.success(`${entity.name} deleted`);
+      onDone();
+    } catch {
+      toast.error(`Failed to delete ${entity.name.toLowerCase()}`);
+    }
+  }
+  const title = isEdit ? initialData?.[entity.displayField ?? "name"] ?? entity.name : `New ${entity.name.toLowerCase()}`;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(
+      SubpageHeader,
+      {
+        title: String(title),
+        onBack: onDone,
+        parentLabel,
+        actions: isEdit ? /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "text-destructive hover:text-destructive", onClick: del, children: "Delete" }) : void 0
+      }
+    ),
+    initialData !== null && /* @__PURE__ */ jsx(
+      CrudFormPage,
+      {
+        entityDef: entity,
+        mode: isEdit ? "edit" : "create",
+        initialData,
+        namePlural,
+        onCancel: onDone,
+        onSubmit: save,
+        hideBreadcrumb: true
+      }
+    )
+  ] });
+}
 function buildNav(config, view, navigate) {
   const items = [
     { id: "overview", label: config.labels.overview, icon: "BarChart3", active: view === "overview", onClick: () => navigate("overview") }
@@ -2203,9 +2436,18 @@ function buildNav(config, view, navigate) {
       onClick: () => navigate("content")
     });
   }
+  if (config.modules.blog) {
+    items.push({
+      id: "blog",
+      label: config.labels.blog,
+      icon: "Newspaper",
+      active: view === "blog" || view === "blog-new" || view.startsWith("blog-post:") || view === "blog-cat-new" || view.startsWith("blog-cat:"),
+      onClick: () => navigate("blog")
+    });
+  }
   return items;
 }
-function MarketingPage({ config, provider, store, contentProvider, contentStore }) {
+function MarketingPage({ config, provider: provider2, store, contentProvider, contentStore }) {
   const t = useTranslation();
   const { view, direction, navigate } = useModuleNavigation("/marketing", {
     overview: 0,
@@ -2214,15 +2456,22 @@ function MarketingPage({ config, provider, store, contentProvider, contentStore
     funnel: 0,
     "landing-pages": 0,
     content: 0,
+    blog: 0,
     "channel-detail": 1,
     "content-post": 1,
-    "content-brief": 1
+    "content-brief": 1,
+    "blog-new": 1,
+    "blog-post": 1,
+    "blog-cat-new": 1,
+    "blog-cat": 1
   }, "overview");
   React8.useEffect(() => {
     void store.getState().load();
   }, [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(() => [
     { id: "new-campaign", label: t("marketing.campaigns.new"), icon: "Megaphone", description: config.labels.campaigns, action: () => navigate("campaigns") }
   ], [t, config.labels.campaigns]);
@@ -2235,9 +2484,14 @@ function MarketingPage({ config, provider, store, contentProvider, contentStore
     { id: "content", render: () => /* @__PURE__ */ jsx(ContentView, { onOpenPost: (id) => navigate(`content-post:${id}`) }) },
     { id: "content-post", render: ({ id }) => /* @__PURE__ */ jsx(PostPage, { postId: id, onBack: () => navigate("content") }) },
     { id: "content-brief", render: () => /* @__PURE__ */ jsx(PlanBriefView, { onBack: () => navigate("content") }) },
+    { id: "blog", render: () => /* @__PURE__ */ jsx(BlogAdminView, { navigate }) },
+    { id: "blog-new", render: () => /* @__PURE__ */ jsx(BlogEntityForm, { entity: blogPostEntity, parentLabel: config.labels.blog, onDone: () => navigate("blog") }) },
+    { id: "blog-post", render: ({ id }) => /* @__PURE__ */ jsx(BlogEntityForm, { entity: blogPostEntity, editId: id, parentLabel: config.labels.blog, onDone: () => navigate("blog") }) },
+    { id: "blog-cat-new", render: () => /* @__PURE__ */ jsx(BlogEntityForm, { entity: blogCategoryEntity, parentLabel: config.labels.blogCategories, onDone: () => navigate("blog") }) },
+    { id: "blog-cat", render: ({ id }) => /* @__PURE__ */ jsx(BlogEntityForm, { entity: blogCategoryEntity, editId: id, parentLabel: config.labels.blogCategories, onDone: () => navigate("blog") }) },
     { id: "overview", render: () => /* @__PURE__ */ jsx(OverviewView, {}) }
   ], "overview");
-  return /* @__PURE__ */ jsx(MarketingContextProvider, { config, provider, store, children: /* @__PURE__ */ jsx(ContentPlannerContextProvider, { config, provider: contentProvider, store: contentStore, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(MarketingContextProvider, { config, provider: provider2, store, children: /* @__PURE__ */ jsx(ContentPlannerContextProvider, { config, provider: contentProvider, store: contentStore, children: /* @__PURE__ */ jsx(
     ModulePage,
     {
       title: config.labels.pageTitle,
@@ -2512,7 +2766,7 @@ var AGENCY = {
     { id: "referral", label: "Referral", icon: "Users", kind: "referral" },
     { id: "direct", label: "Direct", icon: "MousePointerClick", kind: "direct" }
   ],
-  modules: { channels: true, campaigns: true, funnel: true, landingPages: true, contentPlanner: false, broadcasts: false, journeys: false }
+  modules: { channels: true, campaigns: true, funnel: true, landingPages: true, contentPlanner: false, blog: false, broadcasts: false, journeys: false }
 };
 var BEAUTY = {
   conversion: {
@@ -2530,7 +2784,7 @@ var BEAUTY = {
     { id: "whatsapp", label: "WhatsApp", icon: "MessageCircle", kind: "social" },
     { id: "walkin", label: "Walk-in", icon: "DoorOpen", kind: "direct" }
   ],
-  modules: { channels: true, campaigns: true, funnel: true, landingPages: false, contentPlanner: true, broadcasts: false, journeys: false }
+  modules: { channels: true, campaigns: true, funnel: true, landingPages: false, contentPlanner: true, blog: false, broadcasts: false, journeys: false }
 };
 var RESTO = {
   conversion: {
@@ -2548,7 +2802,7 @@ var RESTO = {
     { id: "instagram", label: "Instagram", icon: "Instagram", kind: "social" },
     { id: "walkin", label: "Walk-in", icon: "DoorOpen", kind: "direct" }
   ],
-  modules: { channels: true, campaigns: true, funnel: true, landingPages: false, contentPlanner: false, broadcasts: false, journeys: false }
+  modules: { channels: true, campaigns: true, funnel: true, landingPages: false, contentPlanner: false, blog: false, broadcasts: false, journeys: false }
 };
 var MARKETING_PRESETS = {
   agency: AGENCY,
@@ -3209,7 +3463,7 @@ function createSupabaseContentPlannerProvider() {
     }
   };
 }
-function createMarketingStore(provider) {
+function createMarketingStore(provider2) {
   return createStore((set, get) => ({
     range: "30d",
     overview: null,
@@ -3222,11 +3476,11 @@ function createMarketingStore(provider) {
       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 })
+        provider2.overview({ range }),
+        provider2.channelPerformance({ range }),
+        provider2.listCampaigns({ range }),
+        provider2.funnel({ range }),
+        provider2.landingPages({ range })
       ]);
       set({ overview, channels, campaigns, funnel, landingPages, loading: false });
     },
@@ -3235,21 +3489,21 @@ function createMarketingStore(provider) {
       await get().load();
     },
     async saveCampaign(input) {
-      const created = await provider.saveCampaign(input);
+      const created = await provider2.saveCampaign(input);
       await get().load();
       return created;
     },
     async deleteCampaign(id) {
-      await provider.deleteCampaign(id);
+      await provider2.deleteCampaign(id);
       await get().load();
     }
   }));
 }
-function createContentPlannerStore(provider) {
+function createContentPlannerStore(provider2) {
   async function loadPlansFor(accountId) {
-    const plans = await provider.listPlans(accountId);
+    const plans = await provider2.listPlans(accountId);
     const activePlan = plans.find((p) => p.status === "active") ?? plans[0] ?? null;
-    const posts = activePlan ? await provider.listPosts(activePlan.id) : [];
+    const posts = activePlan ? await provider2.listPosts(activePlan.id) : [];
     return { plans, activePlan, posts };
   }
   return createStore((set, get) => ({
@@ -3269,7 +3523,7 @@ function createContentPlannerStore(provider) {
       if (get().loading) return;
       set({ loading: true });
       try {
-        const accounts = await provider.listAccounts();
+        const accounts = await provider2.listAccounts();
         const current = get().activeAccountId;
         const activeAccountId = (current && accounts.some((a) => a.id === current) ? current : accounts[0]?.id) ?? null;
         const { plans, activePlan, posts } = activeAccountId ? await loadPlansFor(activeAccountId) : { plans: [], activePlan: null, posts: [] };
@@ -3300,19 +3554,19 @@ function createContentPlannerStore(provider) {
     },
     async selectPlan(planId) {
       const plan = get().plans.find((p) => p.id === planId) ?? null;
-      const posts = plan ? await provider.listPosts(plan.id) : [];
+      const posts = plan ? await provider2.listPosts(plan.id) : [];
       set({ activePlan: plan, posts });
     },
     async saveAccount(input) {
-      const account = await provider.saveAccount(input);
-      const accounts = await provider.listAccounts();
+      const account = await provider2.saveAccount(input);
+      const accounts = await provider2.listAccounts();
       set({ accounts });
       if (!get().activeAccountId) await get().setAccount(account.id);
       return account;
     },
     async deleteAccount(id) {
-      await provider.deleteAccount(id);
-      const accounts = await provider.listAccounts();
+      await provider2.deleteAccount(id);
+      const accounts = await provider2.listAccounts();
       const wasActive = get().activeAccountId === id;
       set({ accounts });
       if (wasActive) {
@@ -3325,30 +3579,30 @@ function createContentPlannerStore(provider) {
       }
     },
     async savePlan(input) {
-      const plan = await provider.savePlan(input);
+      const plan = await provider2.savePlan(input);
       const accountId = get().activeAccountId;
       if (accountId) {
-        const plans = await provider.listPlans(accountId);
+        const plans = await provider2.listPlans(accountId);
         const activePlan = plans.find((p) => p.id === plan.id) ?? get().activePlan;
-        const posts = activePlan ? await provider.listPosts(activePlan.id) : [];
+        const posts = activePlan ? await provider2.listPosts(activePlan.id) : [];
         set({ plans, activePlan, posts });
       }
       return plan;
     },
     async savePost(input) {
-      const post = await provider.savePost(input);
+      const post = await provider2.savePost(input);
       const planId = get().activePlan?.id;
       if (planId && post.planId === planId) {
-        const posts = await provider.listPosts(planId);
+        const posts = await provider2.listPosts(planId);
         set({ posts });
       }
       return post;
     },
     async deletePost(id) {
-      await provider.deletePost(id);
+      await provider2.deletePost(id);
       const planId = get().activePlan?.id;
       if (planId) {
-        const posts = await provider.listPosts(planId);
+        const posts = await provider2.listPosts(planId);
         set({ posts });
       }
     }
@@ -3519,6 +3773,204 @@ CREATE POLICY plg_marketing_media_insert ON storage.objects FOR INSERT TO authen
 CREATE POLICY plg_marketing_media_update ON storage.objects FOR UPDATE TO authenticated USING (bucket_id = 'mkt-media');
 CREATE POLICY plg_marketing_media_delete ON storage.objects FOR DELETE TO authenticated USING (bucket_id = 'mkt-media');
 `;
+var MIGRATION_004_RANKLAYER = `-- Marketing Plugin: RankLayer integration (SEO content publishing).
+-- Control-plane state for the RankLayer connector rendered in Marketing \u2192
+-- Integra\xE7\xF5es. Prefix: plg_marketing_ranklayer_. Scaffold: the real sync
+-- (edge function + RankLayer API calls) lands via an external PR \u2014 see
+-- src/integrations/ranklayer/RANKLAYER.md.
+
+CREATE TABLE IF NOT EXISTS public.plg_marketing_ranklayer_integrations (
+  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
+  tenant_id uuid NOT NULL REFERENCES public.tenants(id) ON DELETE CASCADE,
+  api_key text,
+  site_domain text,
+  active boolean NOT NULL DEFAULT true,
+  last_sync_at timestamptz,
+  created_at timestamptz NOT NULL DEFAULT now(),
+  updated_at timestamptz NOT NULL DEFAULT now()
+);
+ALTER TABLE public.plg_marketing_ranklayer_integrations ENABLE ROW LEVEL SECURITY;
+CREATE UNIQUE INDEX IF NOT EXISTS uq_plg_marketing_ranklayer_integrations_tenant
+  ON public.plg_marketing_ranklayer_integrations(tenant_id);
+
+CREATE TABLE IF NOT EXISTS public.plg_marketing_ranklayer_sync_log (
+  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
+  tenant_id uuid NOT NULL REFERENCES public.tenants(id) ON DELETE CASCADE,
+  integration_id uuid REFERENCES public.plg_marketing_ranklayer_integrations(id) ON DELETE CASCADE,
+  status text NOT NULL DEFAULT 'success' CHECK (status IN ('success', 'partial', 'error')),
+  message text,
+  fetched integer NOT NULL DEFAULT 0,
+  written integer NOT NULL DEFAULT 0,
+  created_at timestamptz NOT NULL DEFAULT now()
+);
+ALTER TABLE public.plg_marketing_ranklayer_sync_log ENABLE ROW LEVEL SECURITY;
+CREATE INDEX IF NOT EXISTS idx_plg_marketing_ranklayer_sync_log_tenant
+  ON public.plg_marketing_ranklayer_sync_log(tenant_id, created_at DESC);
+
+-- RLS: authenticated tenant CRUD
+DROP POLICY IF EXISTS plg_marketing_ranklayer_integrations_select ON public.plg_marketing_ranklayer_integrations;
+DROP POLICY IF EXISTS plg_marketing_ranklayer_integrations_insert ON public.plg_marketing_ranklayer_integrations;
+DROP POLICY IF EXISTS plg_marketing_ranklayer_integrations_update ON public.plg_marketing_ranklayer_integrations;
+DROP POLICY IF EXISTS plg_marketing_ranklayer_integrations_delete ON public.plg_marketing_ranklayer_integrations;
+CREATE POLICY plg_marketing_ranklayer_integrations_select ON public.plg_marketing_ranklayer_integrations FOR SELECT TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
+CREATE POLICY plg_marketing_ranklayer_integrations_insert ON public.plg_marketing_ranklayer_integrations FOR INSERT TO authenticated WITH CHECK (tenant_id IN (SELECT public.user_tenant_ids()));
+CREATE POLICY plg_marketing_ranklayer_integrations_update ON public.plg_marketing_ranklayer_integrations FOR UPDATE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
+CREATE POLICY plg_marketing_ranklayer_integrations_delete ON public.plg_marketing_ranklayer_integrations FOR DELETE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
+GRANT SELECT, INSERT, UPDATE, DELETE ON public.plg_marketing_ranklayer_integrations TO authenticated;
+
+DROP POLICY IF EXISTS plg_marketing_ranklayer_sync_log_select ON public.plg_marketing_ranklayer_sync_log;
+DROP POLICY IF EXISTS plg_marketing_ranklayer_sync_log_insert ON public.plg_marketing_ranklayer_sync_log;
+CREATE POLICY plg_marketing_ranklayer_sync_log_select ON public.plg_marketing_ranklayer_sync_log FOR SELECT TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
+CREATE POLICY plg_marketing_ranklayer_sync_log_insert ON public.plg_marketing_ranklayer_sync_log FOR INSERT TO authenticated WITH CHECK (tenant_id IN (SELECT public.user_tenant_ids()));
+GRANT SELECT, INSERT ON public.plg_marketing_ranklayer_sync_log TO authenticated;
+`;
+var INTEGRATIONS = "plg_marketing_ranklayer_integrations";
+var SYNC_LOG = "plg_marketing_ranklayer_sync_log";
+function getClient2() {
+  const supabase = getSupabaseClientOptional();
+  if (!supabase) throw new Error("[ranklayer] Supabase not initialized");
+  return supabase;
+}
+function requireTenantId2() {
+  const tenantId = getActiveTenantId();
+  if (!tenantId) throw new Error("[ranklayer] No active tenant");
+  return tenantId;
+}
+function toIntegration(row) {
+  return {
+    id: row.id,
+    apiKey: row.api_key ?? void 0,
+    siteDomain: row.site_domain ?? void 0,
+    active: row.active ?? true,
+    lastSyncAt: row.last_sync_at ?? void 0
+  };
+}
+function createRankLayerProvider() {
+  return {
+    async getIntegration() {
+      const tenantId = getActiveTenantId();
+      if (!tenantId) return null;
+      const { data } = await getClient2().from(INTEGRATIONS).select("*").eq("tenant_id", tenantId).maybeSingle();
+      return data ? toIntegration(data) : null;
+    },
+    async saveIntegration(values) {
+      const tenantId = requireTenantId2();
+      const payload = {
+        tenant_id: tenantId,
+        api_key: values.apiKey,
+        site_domain: values.siteDomain ?? null,
+        active: true,
+        updated_at: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      const { data, error } = await getClient2().from(INTEGRATIONS).upsert(payload, { onConflict: "tenant_id" }).select("*").single();
+      if (error) throw error;
+      return toIntegration(data);
+    },
+    async disconnect() {
+      const tenantId = getActiveTenantId();
+      if (!tenantId) return;
+      await getClient2().from(INTEGRATIONS).delete().eq("tenant_id", tenantId);
+    },
+    // SCAFFOLD: no RankLayer API yet — accept any non-empty key so the connect
+    // flow can be exercised. Replace with a real credential check in the PR.
+    async testConnection(values) {
+      if (!values.apiKey || values.apiKey.trim().length < 8) {
+        return { ok: false, message: "Informe uma API Key v\xE1lida da RankLayer." };
+      }
+      return { ok: true, message: "Chave aceita (valida\xE7\xE3o real pendente \u2014 integra\xE7\xE3o em prepara\xE7\xE3o)." };
+    },
+    async getSyncLog(integrationId) {
+      const { data } = await getClient2().from(SYNC_LOG).select("*").eq("integration_id", integrationId).order("created_at", { ascending: false }).limit(20);
+      return (data ?? []).map((r) => ({
+        id: r.id,
+        createdAt: r.created_at,
+        status: r.status,
+        message: r.message ?? void 0,
+        fetched: r.fetched ?? 0,
+        written: r.written ?? 0
+      }));
+    }
+  };
+}
+var provider = createRankLayerProvider();
+function RankLayerExtraPanel() {
+  const [integration, setIntegration] = useState(null);
+  const [log, setLog] = useState([]);
+  const [loaded, setLoaded] = useState(false);
+  useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const found = await provider.getIntegration();
+        if (cancelled) return;
+        setIntegration(found);
+        if (found) setLog(await provider.getSyncLog(found.id));
+      } catch {
+      } finally {
+        if (!cancelled) setLoaded(true);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  if (!loaded || !integration) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4 border-t pt-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 rounded-md border border-dashed p-3", children: [
+      /* @__PURE__ */ jsx(Sparkles, { className: "mt-0.5 h-4 w-4 shrink-0 text-muted-foreground" }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Sincroniza\xE7\xE3o de conte\xFAdo \u2014 em breve" }),
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          "A publica\xE7\xE3o autom\xE1tica de p\xE1ginas e artigos de SEO com a RankLayer est\xE1 em prepara\xE7\xE3o.",
+          integration.siteDomain ? ` Dom\xEDnio configurado: ${integration.siteDomain}.` : "",
+          " Assim que a integra\xE7\xE3o estiver ativa, o hist\xF3rico de sincroniza\xE7\xF5es aparece aqui."
+        ] })
+      ] })
+    ] }),
+    log.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(History, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold", children: "Hist\xF3rico" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "divide-y rounded-md border text-sm", children: log.map((r) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-3 py-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: new Date(r.createdAt).toLocaleString("pt-BR") }),
+        /* @__PURE__ */ jsxs("span", { className: "ml-auto text-xs", children: [
+          r.written,
+          "/",
+          r.fetched,
+          " publicadas"
+        ] }),
+        r.status === "success" ? /* @__PURE__ */ jsx(CheckCircle2, { className: "h-3.5 w-3.5 text-success" }) : /* @__PURE__ */ jsx(AlertCircle, { className: "h-3.5 w-3.5 text-warning" })
+      ] }, r.id)) })
+    ] })
+  ] });
+}
+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",
+  authKind: "api-key",
+  fields: [
+    { key: "apiKey", label: "API Key", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022" },
+    { key: "siteDomain", label: "Dom\xEDnio do site", type: "text", placeholder: "exemplo.com.br" }
+  ],
+  async getStatus() {
+    try {
+      const found = await provider.getIntegration();
+      return { connected: !!found?.apiKey, detail: found?.siteDomain };
+    } catch {
+      return { connected: false };
+    }
+  },
+  testConnection: (values) => provider.testConnection({ apiKey: values.apiKey }),
+  saveConnection: async (values) => {
+    await provider.saveIntegration({ apiKey: values.apiKey, siteDomain: values.siteDomain });
+  },
+  disconnect: () => provider.disconnect(),
+  ExtraPanel: RankLayerExtraPanel
+};
 
 // src/locales/en.ts
 var en = {
@@ -3878,6 +4330,8 @@ var DEFAULT_LABELS = {
   funnel: "Funnel",
   landingPages: "Landing pages",
   content: "Content",
+  blog: "Blog",
+  blogCategories: "Categorias",
   settings: "Settings"
 };
 function resolveConfig(options) {
@@ -3899,9 +4353,9 @@ function createSafeProvider(config, 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 provider2 = options?.dataProvider ?? createSafeProvider(config, domain);
+  const store = createMarketingStore(provider2);
+  const dashboardWidgets = createMarketingDashboardWidgets({ config, provider: provider2, store });
   const contentProvider = options?.contentPlanner?.dataProvider ?? createSafeDataProvider(
     () => createSupabaseContentPlannerProvider(),
     () => createMockContentPlannerProvider()
@@ -3909,8 +4363,8 @@ function createMarketingPlugin(options) {
   const contentStore = createContentPlannerStore(contentProvider);
   const PageComponent = () => React8.createElement(
     MarketingContextProvider,
-    { config, provider, store },
-    React8.createElement(MarketingPage, { config, provider, store, contentProvider, contentStore })
+    { config, provider: provider2, store },
+    React8.createElement(MarketingPage, { config, provider: provider2, store, contentProvider, contentStore })
   );
   PageComponent.displayName = "MarketingPage";
   const marketingRegistries = [
@@ -3919,12 +4373,14 @@ function createMarketingPlugin(options) {
   ];
   const SettingsComponent = () => React8.createElement(
     MarketingContextProvider,
-    { config, provider, store },
+    { config, provider: provider2, store },
     React8.createElement(PluginSettingsPanel, {
       title: config.labels.settings ?? config.labels.pageTitle,
       subtitle: config.labels.pageSubtitle,
       generalSettings: React8.createElement(SettingsView),
       registries: marketingRegistries,
+      // Enables the "Integrações" tab (renders manifest connectors for this host).
+      hostPluginId: "marketing",
       routeBase: "/settings/marketing"
     })
   );
@@ -3944,7 +4400,8 @@ function createMarketingPlugin(options) {
     declaredFeatures: [
       { id: "marketing", label: config.labels.pageTitle, group: "Engage" },
       ...config.modules.landingPages ? [{ id: "marketing.landing-pages", label: config.labels.landingPages, group: "Engage" }] : [],
-      ...config.modules.contentPlanner ? [{ id: "marketing.content", label: config.labels.content, group: "Engage" }] : []
+      ...config.modules.contentPlanner ? [{ id: "marketing.content", label: config.labels.content, group: "Engage" }] : [],
+      ...config.modules.blog ? [{ id: "marketing.blog", label: config.labels.blog, group: "Engage" }] : []
     ],
     navigation: [
       {
@@ -3998,8 +4455,17 @@ function createMarketingPlugin(options) {
         version: "1.2.0",
         sql: MIGRATION_003_RECORDING_OPS,
         description: "Recording-day checklist + media asset URL on posts; content-media storage bucket"
+      },
+      {
+        id: "marketing-004-ranklayer",
+        version: "1.3.0",
+        sql: MIGRATION_004_RANKLAYER,
+        description: "RankLayer connector state: plg_marketing_ranklayer_integrations + _sync_log (tenant RLS)"
       }
     ],
+    // RankLayer SEO connector — renders in the Integrações settings tab. Scaffold
+    // (control plane only); the real sync lands via an external PR (RANKLAYER.md).
+    connectors: [ranklayerConnectorDef],
     aiTools: [
       {
         id: "marketing.channel-performance",