@fayz-ai/plugin-marketing 0.9.0 → 0.10.0

package/src/views/content/PostSocialPreview.tsx

@@ -1,212 +0,0 @@
-import React from 'react'
-import {
-  Heart, MessageCircle, Send, Bookmark, MoreHorizontal, ThumbsUp, Share2,
-  Repeat2, BarChart2, Image as ImageIcon, Globe,
-} from 'lucide-react'
-import { cn } from '@fayz-ai/ui'
-import { useTranslation } from '@fayz-ai/core'
-import { PlatformIcon } from '../../components/icons'
-
-// ---------------------------------------------------------------------------
-// Social post preview — the caption "Visualizar" mode renders the post the way
-// the platform will show it (asset + caption + action row). One tab per
-// selected platform; Instagram is the frame for look-alikes (TikTok/Threads/
-// Pinterest/YouTube get their own frames in a later pass).
-// ---------------------------------------------------------------------------
-
-interface PreviewProps {
-  caption: string
-  mediaUrl?: string
-  accountName: string
-  accountHandle?: string
-  platforms: string[]
-}
-
-/** Captions are plain text on every network — strip the markdown skeleton. */
-function toCaption(md: string): string {
-  return md
-    .replace(/^#+\s*/gm, '')
-    .replace(/\*\*/g, '')
-    .replace(/^[-*]\s+/gm, '')
-    .trim()
-}
-
-function isVideo(url?: string): boolean {
-  return !!url && /\.(mp4|webm|mov)($|\?)/i.test(url)
-}
-
-function Media({ mediaUrl, className }: { mediaUrl?: string; className?: string }) {
-  if (!mediaUrl) {
-    return (
-      <div className={cn('flex aspect-square w-full items-center justify-center bg-muted/40', className)}>
-        <ImageIcon className="h-8 w-8 text-muted-foreground/40" />
-      </div>
-    )
-  }
-  return isVideo(mediaUrl) ? (
-    <video src={mediaUrl} controls className={cn('w-full bg-black object-contain', className)} />
-  ) : (
-    <img src={mediaUrl} alt="" className={cn('w-full object-cover', className)} />
-  )
-}
-
-function Avatar({ name, ring }: { name: string; ring?: boolean }) {
-  return (
-    <span
-      className={cn(
-        'flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-semibold text-foreground',
-        ring && 'ring-2 ring-offset-2 ring-pink-500/60',
-      )}
-    >
-      {(name.replace(/^@/, '')[0] ?? '?').toUpperCase()}
-    </span>
-  )
-}
-
-function InstagramFrame({ caption, mediaUrl, accountName, accountHandle }: PreviewProps) {
-  const t = useTranslation()
-  const handle = (accountHandle || accountName).replace(/^@/, '')
-  return (
-    <div className="mx-auto w-full max-w-sm overflow-hidden rounded-card border border-border bg-card">
-      <div className="flex items-center gap-2.5 px-3 py-2.5">
-        <Avatar name={handle} ring />
-        <span className="flex-1 truncate text-sm font-semibold text-foreground">{handle}</span>
-        <MoreHorizontal className="h-4 w-4 text-muted-foreground" />
-      </div>
-      <Media mediaUrl={mediaUrl} />
-      <div className="space-y-2 px-3 py-2.5">
-        <div className="flex items-center gap-4 text-foreground">
-          <Heart className="h-6 w-6" />
-          <MessageCircle className="h-6 w-6" />
-          <Send className="h-6 w-6" />
-          <Bookmark className="ml-auto h-6 w-6" />
-        </div>
-        <p className="whitespace-pre-wrap text-sm leading-snug text-foreground">
-          <span className="mr-1.5 font-semibold">{handle}</span>
-          {toCaption(caption)}
-        </p>
-        <p className="text-[11px] uppercase tracking-wide text-muted-foreground">
-          {t('marketing.content.previewNow')}
-        </p>
-      </div>
-    </div>
-  )
-}
-
-function FacebookFrame({ caption, mediaUrl, accountName }: PreviewProps) {
-  const t = useTranslation()
-  return (
-    <div className="mx-auto w-full max-w-sm overflow-hidden rounded-card border border-border bg-card">
-      <div className="flex items-center gap-2.5 px-3 py-2.5">
-        <Avatar name={accountName} />
-        <div className="min-w-0 flex-1">
-          <p className="truncate text-sm font-semibold text-foreground">{accountName.replace(/^@/, '')}</p>
-          <p className="flex items-center gap-1 text-xs text-muted-foreground">
-            {t('marketing.content.previewNow')} · <Globe className="h-3 w-3" />
-          </p>
-        </div>
-        <MoreHorizontal className="h-4 w-4 text-muted-foreground" />
-      </div>
-      <p className="whitespace-pre-wrap px-3 pb-2.5 text-sm leading-snug text-foreground">{toCaption(caption)}</p>
-      <Media mediaUrl={mediaUrl} className="aspect-auto" />
-      <div className="flex items-center justify-around border-t border-border px-3 py-2 text-muted-foreground">
-        <span className="flex items-center gap-1.5 text-xs font-medium"><ThumbsUp className="h-4 w-4" /> {t('marketing.content.previewLike')}</span>
-        <span className="flex items-center gap-1.5 text-xs font-medium"><MessageCircle className="h-4 w-4" /> {t('marketing.content.previewComment')}</span>
-        <span className="flex items-center gap-1.5 text-xs font-medium"><Share2 className="h-4 w-4" /> {t('marketing.content.previewShare')}</span>
-      </div>
-    </div>
-  )
-}
-
-function LinkedinFrame({ caption, mediaUrl, accountName }: PreviewProps) {
-  const t = useTranslation()
-  return (
-    <div className="mx-auto w-full max-w-sm overflow-hidden rounded-card border border-border bg-card">
-      <div className="flex items-center gap-2.5 px-3 py-2.5">
-        <Avatar name={accountName} />
-        <div className="min-w-0 flex-1">
-          <p className="truncate text-sm font-semibold text-foreground">{accountName.replace(/^@/, '')}</p>
-          <p className="text-xs text-muted-foreground">{t('marketing.content.previewNow')}</p>
-        </div>
-      </div>
-      <p className="whitespace-pre-wrap px-3 pb-2.5 text-sm leading-snug text-foreground">{toCaption(caption)}</p>
-      <Media mediaUrl={mediaUrl} className="aspect-auto" />
-      <div className="flex items-center justify-around border-t border-border px-3 py-2 text-muted-foreground">
-        <ThumbsUp className="h-4 w-4" />
-        <MessageCircle className="h-4 w-4" />
-        <Repeat2 className="h-4 w-4" />
-        <Send className="h-4 w-4" />
-      </div>
-    </div>
-  )
-}
-
-function XFrame({ caption, mediaUrl, accountName, accountHandle }: PreviewProps) {
-  const t = useTranslation()
-  const handle = (accountHandle || accountName).replace(/^@/, '')
-  return (
-    <div className="mx-auto w-full max-w-sm rounded-card border border-border bg-card p-3">
-      <div className="flex gap-2.5">
-        <Avatar name={handle} />
-        <div className="min-w-0 flex-1">
-          <p className="truncate text-sm text-foreground">
-            <span className="font-semibold">{accountName.replace(/^@/, '')}</span>
-            <span className="text-muted-foreground"> @{handle} · {t('marketing.content.previewNow')}</span>
-          </p>
-          <p className="mt-0.5 whitespace-pre-wrap text-sm leading-snug text-foreground">{toCaption(caption)}</p>
-          <div className="mt-2 overflow-hidden rounded-xl border border-border">
-            <Media mediaUrl={mediaUrl} className="aspect-auto" />
-          </div>
-          <div className="mt-2 flex items-center justify-between pr-6 text-muted-foreground">
-            <MessageCircle className="h-4 w-4" />
-            <Repeat2 className="h-4 w-4" />
-            <Heart className="h-4 w-4" />
-            <BarChart2 className="h-4 w-4" />
-            <Share2 className="h-4 w-4" />
-          </div>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-const FRAMES: Record<string, React.ComponentType<PreviewProps>> = {
-  instagram: InstagramFrame,
-  facebook: FacebookFrame,
-  linkedin: LinkedinFrame,
-  x: XFrame,
-}
-
-export function PostSocialPreview(props: PreviewProps) {
-  const platforms = props.platforms.length > 0 ? props.platforms : ['instagram']
-  const [selected, setSelected] = React.useState(platforms[0])
-  const active = platforms.includes(selected) ? selected : platforms[0]
-  const Frame = FRAMES[active] ?? InstagramFrame
-
-  return (
-    <div className="space-y-3 rounded-md border border-border bg-muted/20 p-4">
-      {platforms.length > 1 && (
-        <div className="flex items-center justify-center gap-1">
-          {platforms.map((platform) => (
-            <button
-              key={platform}
-              type="button"
-              onClick={() => setSelected(platform)}
-              aria-pressed={active === platform}
-              className={cn(
-                'flex items-center gap-1.5 rounded-button px-2.5 py-1.5 text-xs font-medium capitalize transition-colors',
-                active === platform
-                  ? 'bg-card text-foreground shadow-button'
-                  : 'text-muted-foreground hover:text-foreground',
-              )}
-            >
-              <PlatformIcon platform={platform} className="h-3.5 w-3.5" />
-              {platform}
-            </button>
-          ))}
-        </div>
-      )}
-      <Frame {...props} />
-    </div>
-  )
-}

package/src/views/content/RecordingChecklist.tsx

@@ -1,145 +0,0 @@
-import React from 'react'
-import { Plus, Sparkles, X } from 'lucide-react'
-import { Button, Checkbox, Input, cn } from '@fayz-ai/ui'
-import { useTranslation } from '@fayz-ai/core'
-import type { ChecklistItem, ContentPost } from '../../data/contentTypes'
-import { useContentPlannerStore } from './ContentPlannerContext'
-
-// ---------------------------------------------------------------------------
-// Recording-day checklist — the on-set companion inside the post's aside
-// panel (ContentSplit). Mobile-first: big touch targets, every change persists
-// immediately (the crew checks items off from a phone between takes).
-// "Generate from script" seeds one item per `## TAKE …` heading.
-// ---------------------------------------------------------------------------
-
-function newId(): string {
-  return typeof crypto !== 'undefined' && 'randomUUID' in crypto
-    ? crypto.randomUUID()
-    : `ck-${Date.now()}-${Math.floor(Math.random() * 1e6)}`
-}
-
-export function RecordingChecklist({ post }: { post: ContentPost }) {
-  const t = useTranslation()
-  const savePost = useContentPlannerStore((s) => s.savePost)
-  const [items, setItems] = React.useState<ChecklistItem[]>(post.checklist)
-  const [text, setText] = React.useState('')
-
-  // Re-sync when navigating between posts
-  React.useEffect(() => {
-    setItems(post.checklist)
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [post.id])
-
-  const persist = (next: ChecklistItem[]) => {
-    setItems(next)
-    void savePost({ id: post.id, checklist: next })
-  }
-
-  const toggle = (id: string) =>
-    persist(items.map((i) => (i.id === id ? { ...i, done: !i.done } : i)))
-
-  const remove = (id: string) => persist(items.filter((i) => i.id !== id))
-
-  const add = () => {
-    const value = text.trim()
-    if (!value) return
-    persist([...items, { id: newId(), text: value, done: false }])
-    setText('')
-  }
-
-  const generateFromScript = () => {
-    const takes = [...post.contentMd.matchAll(/^##\s+(TAKE\s+.+)$/gim)].map((m) =>
-      m[1].trim(),
-    )
-    const existing = new Set(items.map((i) => i.text))
-    const fresh = takes
-      .filter((take) => !existing.has(take))
-      .map((take) => ({ id: newId(), text: take, done: false }))
-    if (fresh.length > 0) persist([...items, ...fresh])
-  }
-
-  const hasTakes = /^##\s+TAKE\s+/im.test(post.contentMd)
-  const done = items.filter((i) => i.done).length
-
-  return (
-    <div className="space-y-3">
-      {items.length > 0 && (
-        <div className="space-y-1.5">
-          <div className="flex items-center justify-between text-xs text-muted-foreground">
-            <span>{done}/{items.length}</span>
-            {hasTakes && (
-              <button
-                type="button"
-                onClick={generateFromScript}
-                className="flex items-center gap-1 font-medium text-muted-foreground transition-colors hover:text-foreground"
-              >
-                <Sparkles className="h-3 w-3" />
-                {t('marketing.content.checklistGenerate')}
-              </button>
-            )}
-          </div>
-          <div className="h-1 overflow-hidden rounded-full bg-muted">
-            <div
-              className="h-full rounded-full bg-primary transition-[width]"
-              style={{ width: items.length ? `${(done / items.length) * 100}%` : 0 }}
-            />
-          </div>
-        </div>
-      )}
-
-      {items.length === 0 && (
-        <div className="space-y-3 rounded-card border border-dashed border-border p-3 text-center">
-          <p className="text-xs text-muted-foreground">
-            {t('marketing.content.checklistEmpty')}
-          </p>
-          {hasTakes && (
-            <Button variant="outline" size="sm" onClick={generateFromScript}>
-              <Sparkles className="mr-1.5 h-3.5 w-3.5" />
-              {t('marketing.content.checklistGenerate')}
-            </Button>
-          )}
-        </div>
-      )}
-
-      <ul className="space-y-1">
-        {items.map((item) => (
-          <li key={item.id} className="group/item flex items-start gap-2.5 rounded-button px-1 py-2 transition-colors hover:bg-muted/40">
-            {/* label wraps the row → the whole line is the touch target */}
-            <label className="flex min-w-0 flex-1 cursor-pointer items-start gap-2.5">
-              <Checkbox checked={item.done} onChange={() => toggle(item.id)} className="mt-0.5" />
-              <span
-                className={cn(
-                  'min-w-0 flex-1 text-sm leading-snug',
-                  item.done ? 'text-muted-foreground line-through' : 'text-foreground',
-                )}
-              >
-                {item.text}
-              </span>
-            </label>
-            <button
-              type="button"
-              aria-label={t('marketing.content.cancel')}
-              onClick={() => remove(item.id)}
-              className="rounded p-0.5 text-muted-foreground/50 opacity-0 transition-opacity hover:text-destructive group-hover/item:opacity-100 focus:opacity-100"
-            >
-              <X className="h-3.5 w-3.5" />
-            </button>
-          </li>
-        ))}
-      </ul>
-
-      <div className="flex items-center gap-2">
-        <Input
-          value={text}
-          onChange={(e) => setText(e.target.value)}
-          placeholder={t('marketing.content.checklistAddPlaceholder')}
-          onKeyDown={(e) => { if (e.key === 'Enter') add() }}
-          className="h-8 text-sm"
-        />
-        <Button variant="outline" size="sm" onClick={add} disabled={!text.trim()} aria-label={t('marketing.content.checklistAdd')}>
-          <Plus className="h-4 w-4" />
-        </Button>
-      </div>
-    </div>
-  )
-}

package/src/views/content/contentBits.tsx

@@ -1,114 +0,0 @@
-import React from 'react'
-import { cn } from '@fayz-ai/ui'
-import { useTranslation } from '@fayz-ai/core'
-import type { PostFormat, PostStatus } from '../../data/contentTypes'
-import { PLATFORMS, POST_STATUS_ORDER } from '../../data/contentTypes'
-import { PlatformIcon } from '../../components/icons'
-
-export const POST_FORMATS: PostFormat[] = ['reel', 'static', 'carousel', 'story', 'video', 'live', 'article']
-export { POST_STATUS_ORDER }
-
-const FORMAT_STYLE: Record<PostFormat, string> = {
-  reel: 'bg-violet-100 text-violet-700',
-  static: 'bg-sky-100 text-sky-700',
-  carousel: 'bg-amber-100 text-amber-700',
-  story: 'bg-pink-100 text-pink-700',
-  video: 'bg-red-100 text-red-700',
-  live: 'bg-rose-100 text-rose-700',
-  article: 'bg-teal-100 text-teal-700',
-}
-
-// Status dot colors — same palette/semantics as plugin-agenda's booking
-// statuses (config.ts): gray backlog, indigo planned, warm amber/orange while
-// in production, blue when scheduled, emerald when done.
-export const POST_STATUS_COLOR: Record<PostStatus, string> = {
-  idea: '#6b7280',
-  script: '#6366f1',
-  recording: '#f59e0b',
-  editing: '#f97316',
-  scheduled: '#3b82f6',
-  published: '#10b981',
-}
-
-/** Small status dot (agenda/CRM convention) for selects and lists. */
-export function StatusDot({ status, className }: { status: PostStatus; className?: string }) {
-  return (
-    <span
-      className={cn('h-2 w-2 shrink-0 rounded-full', className)}
-      style={{ backgroundColor: POST_STATUS_COLOR[status] }}
-    />
-  )
-}
-
-const STATUS_STYLE: Record<PostStatus, string> = {
-  idea: 'bg-slate-100 text-slate-600',
-  script: 'bg-indigo-100 text-indigo-700',
-  recording: 'bg-amber-100 text-amber-700',
-  editing: 'bg-orange-100 text-orange-700',
-  scheduled: 'bg-sky-100 text-sky-700',
-  published: 'bg-emerald-100 text-emerald-700',
-}
-
-export function FormatBadge({ format }: { format: PostFormat }) {
-  const t = useTranslation()
-  return (
-    <span className={cn('rounded-full px-2 py-0.5 text-xs font-medium', FORMAT_STYLE[format])}>
-      {t(`marketing.content.format.${format}`)}
-    </span>
-  )
-}
-
-export function PostStatusBadge({ status }: { status: PostStatus }) {
-  const t = useTranslation()
-  return (
-    <span className={cn('rounded-full px-2 py-0.5 text-xs font-medium', STATUS_STYLE[status])}>
-      {t(`marketing.content.status.${status}`)}
-    </span>
-  )
-}
-
-/** Compact row of platform glyphs (post targets or account connections). */
-export function PlatformBadges({ platforms, className }: { platforms: string[]; className?: string }) {
-  if (platforms.length === 0) return null
-  return (
-    <span className={cn('inline-flex items-center gap-1 text-muted-foreground', className)}>
-      {platforms.map((p) => (
-        <PlatformIcon key={p} platform={p} className="h-3.5 w-3.5" />
-      ))}
-    </span>
-  )
-}
-
-/** Toggleable platform chips — used by the add-account form and the post page. */
-export function PlatformPicker({ value, onChange }: {
-  value: string[]
-  onChange: (platforms: string[]) => void
-}) {
-  return (
-    <div className="flex flex-wrap items-center gap-1.5">
-      {PLATFORMS.map((platform) => {
-        const selected = value.includes(platform)
-        return (
-          <button
-            key={platform}
-            type="button"
-            aria-pressed={selected}
-            onClick={() =>
-              onChange(selected ? value.filter((p) => p !== platform) : [...value, platform])
-            }
-            className={cn(
-              'inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium capitalize transition-colors',
-              selected
-                ? 'border-primary bg-primary/10 text-foreground'
-                : 'border-border text-muted-foreground hover:bg-muted/40',
-            )}
-          >
-            <PlatformIcon platform={platform} className="h-3.5 w-3.5" />
-            {platform}
-          </button>
-        )
-      })}
-    </div>
-  )
-}
-

package/src/views/content/contentStore.ts

@@ -1,160 +0,0 @@
-import { createStore, type StoreApi } from 'zustand/vanilla'
-import { getActiveTenantId } from '@fayz-ai/core'
-import type {
-  ContentPlan,
-  ContentPlannerProvider,
-  ContentPost,
-  SaveContentPlanInput,
-  SaveContentPostInput,
-  SaveSocialAccountInput,
-  SocialAccount,
-} from '../../data/contentTypes'
-
-// ---------------------------------------------------------------------------
-// Content-planner UI state — separate from the analytics store on purpose:
-// the Conteúdo tab loads lazily on first visit and never gates (or is gated
-// by) the overview's five analytics fetches.
-// ---------------------------------------------------------------------------
-
-export type BoardViewMode = 'board' | 'calendar' | 'list'
-
-export interface ContentPlannerUIState {
-  loaded: boolean
-  loading: boolean
-  /** Tenant the current data was loaded for. The tenant hydrates async after
-   *  login/refresh, so views re-load when this diverges from the active one. */
-  loadedTenantId: string | null
-  /** Board / calendar / list — survives opening a post and coming back. */
-  viewMode: BoardViewMode
-  setViewMode(mode: BoardViewMode): void
-  accounts: SocialAccount[]
-  activeAccountId: string | null
-  plans: ContentPlan[]
-  activePlan: ContentPlan | null
-  posts: ContentPost[]
-
-  load(): Promise<void>
-  setAccount(accountId: string): Promise<void>
-  selectPlan(planId: string): Promise<void>
-  saveAccount(input: SaveSocialAccountInput): Promise<SocialAccount>
-  deleteAccount(id: string): Promise<void>
-  savePlan(input: SaveContentPlanInput): Promise<ContentPlan>
-  savePost(input: SaveContentPostInput): Promise<ContentPost>
-  deletePost(id: string): Promise<void>
-}
-
-export function createContentPlannerStore(
-  provider: ContentPlannerProvider,
-): StoreApi<ContentPlannerUIState> {
-  async function loadPlansFor(accountId: string): Promise<{ plans: ContentPlan[]; activePlan: ContentPlan | null; posts: ContentPost[] }> {
-    const plans = await provider.listPlans(accountId)
-    const activePlan = plans.find((p) => p.status === 'active') ?? plans[0] ?? null
-    const posts = activePlan ? await provider.listPosts(activePlan.id) : []
-    return { plans, activePlan, posts }
-  }
-
-  return createStore<ContentPlannerUIState>((set, get) => ({
-    loaded: false,
-    loading: false,
-    loadedTenantId: null,
-    viewMode: 'board',
-    setViewMode(mode) { set({ viewMode: mode }) },
-    accounts: [],
-    activeAccountId: null,
-    plans: [],
-    activePlan: null,
-    posts: [],
-
-    async load() {
-      if (get().loading) return
-      set({ loading: true })
-      try {
-        const accounts = await provider.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: [] }
-        set({
-          accounts, activeAccountId, plans, activePlan, posts,
-          loaded: true, loading: false,
-          loadedTenantId: getActiveTenantId() ?? null,
-        })
-      } catch (err) {
-        set({ loading: false, loaded: true })
-        throw err
-      }
-    },
-
-    async setAccount(accountId) {
-      set({ activeAccountId: accountId, loading: true })
-      try {
-        const { plans, activePlan, posts } = await loadPlansFor(accountId)
-        set({ plans, activePlan, posts, loading: false })
-      } catch (err) {
-        set({ loading: false })
-        throw err
-      }
-    },
-
-    async selectPlan(planId) {
-      const plan = get().plans.find((p) => p.id === planId) ?? null
-      const posts = plan ? await provider.listPosts(plan.id) : []
-      set({ activePlan: plan, posts })
-    },
-
-    async saveAccount(input) {
-      const account = await provider.saveAccount(input)
-      const accounts = await provider.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()
-      const wasActive = get().activeAccountId === id
-      set({ accounts })
-      if (wasActive) {
-        const next = accounts[0]?.id ?? null
-        if (next) {
-          await get().setAccount(next)
-        } else {
-          set({ activeAccountId: null, plans: [], activePlan: null, posts: [] })
-        }
-      }
-    },
-
-    async savePlan(input) {
-      const plan = await provider.savePlan(input)
-      const accountId = get().activeAccountId
-      if (accountId) {
-        const plans = await provider.listPlans(accountId)
-        const activePlan = plans.find((p) => p.id === plan.id) ?? get().activePlan
-        const posts = activePlan ? await provider.listPosts(activePlan.id) : []
-        set({ plans, activePlan, posts })
-      }
-      return plan
-    },
-
-    async savePost(input) {
-      const post = await provider.savePost(input)
-      const planId = get().activePlan?.id
-      if (planId && post.planId === planId) {
-        const posts = await provider.listPosts(planId)
-        set({ posts })
-      }
-      return post
-    },
-
-    async deletePost(id) {
-      await provider.deletePost(id)
-      const planId = get().activePlan?.id
-      if (planId) {
-        const posts = await provider.listPosts(planId)
-        set({ posts })
-      }
-    },
-  }))
-}