@fayz-ai/plugin-conversations 0.9.0 → 0.9.2

package/src/migrations/001_conversations.sql

@@ -1,74 +0,0 @@
--- ============================================================================
--- plugin-conversations 001: omni-channel inbox model (SMS / WhatsApp /
--- Instagram / Email / Web chat). Prefix: plg_conversations / plg_conversation_messages.
---   §1  plg_conversations          — one thread per contact+channel
---   §2  plg_conversation_messages  — inbound/outbound messages within a thread
---   §3  RLS: authenticated tenant-scoped CRUD on both tables + GRANTs
---
--- Column names mirror exactly what supabase.ts's mapConversation / mapMessage
--- read. Real channel connectors (Twilio, WhatsApp Cloud, Meta, IMAP) deliver
--- inbound rows here out-of-band; the provider is the read/compose surface.
--- Idempotent + safe to re-run.
--- ============================================================================
-
--- §1 — conversations (threads)
-CREATE TABLE IF NOT EXISTS public.plg_conversations (
-  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
-  tenant_id uuid NOT NULL REFERENCES public.tenants(id) ON DELETE CASCADE,
-  contact_name text NOT NULL,
-  contact_handle text,
-  channel text NOT NULL
-    CHECK (channel IN ('sms', 'whatsapp', 'instagram', 'email', 'webchat')),
-  last_message_preview text,
-  last_message_at timestamptz DEFAULT now(),
-  unread_count int DEFAULT 0,
-  status text DEFAULT 'open'
-    CHECK (status IN ('open', 'snoozed', 'closed')),
-  assigned_to text,
-  accent text,
-  tags text[],
-  location text,
-  note text,
-  created_at timestamptz NOT NULL DEFAULT now(),
-  updated_at timestamptz NOT NULL DEFAULT now()
-);
-ALTER TABLE public.plg_conversations ENABLE ROW LEVEL SECURITY;
-CREATE INDEX IF NOT EXISTS idx_plg_conversations_tenant ON public.plg_conversations(tenant_id);
-CREATE INDEX IF NOT EXISTS idx_plg_conversations_tenant_recent ON public.plg_conversations(tenant_id, last_message_at DESC);
-
--- §2 — messages
-CREATE TABLE IF NOT EXISTS public.plg_conversation_messages (
-  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
-  tenant_id uuid NOT NULL REFERENCES public.tenants(id) ON DELETE CASCADE,
-  conversation_id uuid NOT NULL REFERENCES public.plg_conversations(id) ON DELETE CASCADE,
-  channel text
-    CHECK (channel IS NULL OR channel IN ('sms', 'whatsapp', 'instagram', 'email', 'webchat')),
-  direction text
-    CHECK (direction IN ('inbound', 'outbound')),
-  body text NOT NULL,
-  author text,
-  at timestamptz DEFAULT now()
-);
-ALTER TABLE public.plg_conversation_messages ENABLE ROW LEVEL SECURITY;
-CREATE INDEX IF NOT EXISTS idx_plg_conversation_messages_thread ON public.plg_conversation_messages(conversation_id, at);
-
--- §3 — RLS: authenticated tenant CRUD (the inbox reads/writes here)
-DROP POLICY IF EXISTS plg_conversations_select ON public.plg_conversations;
-DROP POLICY IF EXISTS plg_conversations_insert ON public.plg_conversations;
-DROP POLICY IF EXISTS plg_conversations_update ON public.plg_conversations;
-DROP POLICY IF EXISTS plg_conversations_delete ON public.plg_conversations;
-CREATE POLICY plg_conversations_select ON public.plg_conversations FOR SELECT TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversations_insert ON public.plg_conversations FOR INSERT TO authenticated WITH CHECK (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversations_update ON public.plg_conversations FOR UPDATE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversations_delete ON public.plg_conversations FOR DELETE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-GRANT SELECT, INSERT, UPDATE, DELETE ON public.plg_conversations TO authenticated;
-
-DROP POLICY IF EXISTS plg_conversation_messages_select ON public.plg_conversation_messages;
-DROP POLICY IF EXISTS plg_conversation_messages_insert ON public.plg_conversation_messages;
-DROP POLICY IF EXISTS plg_conversation_messages_update ON public.plg_conversation_messages;
-DROP POLICY IF EXISTS plg_conversation_messages_delete ON public.plg_conversation_messages;
-CREATE POLICY plg_conversation_messages_select ON public.plg_conversation_messages FOR SELECT TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversation_messages_insert ON public.plg_conversation_messages FOR INSERT TO authenticated WITH CHECK (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversation_messages_update ON public.plg_conversation_messages FOR UPDATE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversation_messages_delete ON public.plg_conversation_messages FOR DELETE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-GRANT SELECT, INSERT, UPDATE, DELETE ON public.plg_conversation_messages TO authenticated;

package/src/migrations/002_contact_person.sql

@@ -1,22 +0,0 @@
--- ============================================================================
--- plugin-conversations 002: link a thread to a REAL person record.
---
--- The compose modal used to take a free-text name + handle, so a conversation
--- with "Maria" had nothing to do with the Maria in the agenda, the CRM or the
--- financial module. The shared ContactPicker (find-or-create over
--- public.people) now resolves a person, and this column stores that link.
---
--- Nullable on purpose, in both directions of time:
---   • rows created before this migration keep working (name/handle only);
---   • an inbound message from an unknown number still opens a thread with no
---     person attached — the contact panel can offer "create contact" later.
--- ON DELETE SET NULL: deleting a person must never take their history with it.
--- Idempotent + safe to re-run.
--- ============================================================================
-
-ALTER TABLE public.plg_conversations
-  ADD COLUMN IF NOT EXISTS contact_person_id uuid REFERENCES public.people(id) ON DELETE SET NULL;
-
-CREATE INDEX IF NOT EXISTS idx_plg_conversations_person
-  ON public.plg_conversations(tenant_id, contact_person_id)
-  WHERE contact_person_id IS NOT NULL;

package/src/migrations/index.ts

@@ -1,108 +0,0 @@
-// AUTO-GENERATED from 001_conversations.sql, 002_contact_person.sql — regenerate with scripts/embed-migrations.mjs
-// SQL files are the source of truth; this inline copy lets the manifest declare
-// migrations as data. Do not edit by hand — run the embed script instead.
-
-export const MIGRATION_001_CONVERSATIONS = `-- ============================================================================
--- plugin-conversations 001: omni-channel inbox model (SMS / WhatsApp /
--- Instagram / Email / Web chat). Prefix: plg_conversations / plg_conversation_messages.
---   §1  plg_conversations          — one thread per contact+channel
---   §2  plg_conversation_messages  — inbound/outbound messages within a thread
---   §3  RLS: authenticated tenant-scoped CRUD on both tables + GRANTs
---
--- Column names mirror exactly what supabase.ts's mapConversation / mapMessage
--- read. Real channel connectors (Twilio, WhatsApp Cloud, Meta, IMAP) deliver
--- inbound rows here out-of-band; the provider is the read/compose surface.
--- Idempotent + safe to re-run.
--- ============================================================================
-
--- §1 — conversations (threads)
-CREATE TABLE IF NOT EXISTS public.plg_conversations (
-  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
-  tenant_id uuid NOT NULL REFERENCES public.tenants(id) ON DELETE CASCADE,
-  contact_name text NOT NULL,
-  contact_handle text,
-  channel text NOT NULL
-    CHECK (channel IN ('sms', 'whatsapp', 'instagram', 'email', 'webchat')),
-  last_message_preview text,
-  last_message_at timestamptz DEFAULT now(),
-  unread_count int DEFAULT 0,
-  status text DEFAULT 'open'
-    CHECK (status IN ('open', 'snoozed', 'closed')),
-  assigned_to text,
-  accent text,
-  tags text[],
-  location text,
-  note text,
-  created_at timestamptz NOT NULL DEFAULT now(),
-  updated_at timestamptz NOT NULL DEFAULT now()
-);
-ALTER TABLE public.plg_conversations ENABLE ROW LEVEL SECURITY;
-CREATE INDEX IF NOT EXISTS idx_plg_conversations_tenant ON public.plg_conversations(tenant_id);
-CREATE INDEX IF NOT EXISTS idx_plg_conversations_tenant_recent ON public.plg_conversations(tenant_id, last_message_at DESC);
-
--- §2 — messages
-CREATE TABLE IF NOT EXISTS public.plg_conversation_messages (
-  id uuid PRIMARY KEY DEFAULT gen_random_uuid(),
-  tenant_id uuid NOT NULL REFERENCES public.tenants(id) ON DELETE CASCADE,
-  conversation_id uuid NOT NULL REFERENCES public.plg_conversations(id) ON DELETE CASCADE,
-  channel text
-    CHECK (channel IS NULL OR channel IN ('sms', 'whatsapp', 'instagram', 'email', 'webchat')),
-  direction text
-    CHECK (direction IN ('inbound', 'outbound')),
-  body text NOT NULL,
-  author text,
-  at timestamptz DEFAULT now()
-);
-ALTER TABLE public.plg_conversation_messages ENABLE ROW LEVEL SECURITY;
-CREATE INDEX IF NOT EXISTS idx_plg_conversation_messages_thread ON public.plg_conversation_messages(conversation_id, at);
-
--- §3 — RLS: authenticated tenant CRUD (the inbox reads/writes here)
-DROP POLICY IF EXISTS plg_conversations_select ON public.plg_conversations;
-DROP POLICY IF EXISTS plg_conversations_insert ON public.plg_conversations;
-DROP POLICY IF EXISTS plg_conversations_update ON public.plg_conversations;
-DROP POLICY IF EXISTS plg_conversations_delete ON public.plg_conversations;
-CREATE POLICY plg_conversations_select ON public.plg_conversations FOR SELECT TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversations_insert ON public.plg_conversations FOR INSERT TO authenticated WITH CHECK (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversations_update ON public.plg_conversations FOR UPDATE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversations_delete ON public.plg_conversations FOR DELETE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-GRANT SELECT, INSERT, UPDATE, DELETE ON public.plg_conversations TO authenticated;
-
-DROP POLICY IF EXISTS plg_conversation_messages_select ON public.plg_conversation_messages;
-DROP POLICY IF EXISTS plg_conversation_messages_insert ON public.plg_conversation_messages;
-DROP POLICY IF EXISTS plg_conversation_messages_update ON public.plg_conversation_messages;
-DROP POLICY IF EXISTS plg_conversation_messages_delete ON public.plg_conversation_messages;
-CREATE POLICY plg_conversation_messages_select ON public.plg_conversation_messages FOR SELECT TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversation_messages_insert ON public.plg_conversation_messages FOR INSERT TO authenticated WITH CHECK (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversation_messages_update ON public.plg_conversation_messages FOR UPDATE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-CREATE POLICY plg_conversation_messages_delete ON public.plg_conversation_messages FOR DELETE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
-GRANT SELECT, INSERT, UPDATE, DELETE ON public.plg_conversation_messages TO authenticated;
-`
-
-export const MIGRATION_002_CONTACT_PERSON = `-- ============================================================================
--- plugin-conversations 002: link a thread to a REAL person record.
---
--- The compose modal used to take a free-text name + handle, so a conversation
--- with "Maria" had nothing to do with the Maria in the agenda, the CRM or the
--- financial module. The shared ContactPicker (find-or-create over
--- public.people) now resolves a person, and this column stores that link.
---
--- Nullable on purpose, in both directions of time:
---   • rows created before this migration keep working (name/handle only);
---   • an inbound message from an unknown number still opens a thread with no
---     person attached — the contact panel can offer "create contact" later.
--- ON DELETE SET NULL: deleting a person must never take their history with it.
--- Idempotent + safe to re-run.
--- ============================================================================
-
-ALTER TABLE public.plg_conversations
-  ADD COLUMN IF NOT EXISTS contact_person_id uuid REFERENCES public.people(id) ON DELETE SET NULL;
-
-CREATE INDEX IF NOT EXISTS idx_plg_conversations_person
-  ON public.plg_conversations(tenant_id, contact_person_id)
-  WHERE contact_person_id IS NOT NULL;
-`
-
-export const MIGRATIONS: Array<{ id: string; sql: string }> = [
-  { id: "001_conversations", sql: MIGRATION_001_CONVERSATIONS },
-  { id: "002_contact_person", sql: MIGRATION_002_CONTACT_PERSON },
-]

package/src/store.ts

@@ -1,136 +0,0 @@
-import { createStore, type StoreApi } from 'zustand/vanilla'
-import type { ConversationsProvider } from './data/types'
-import type {
-  Conversation,
-  Message,
-  Channel,
-  ConversationStatus,
-  CreateConversationInput,
-} from './types'
-
-export interface ConversationsUIState {
-  conversations: Conversation[]
-  messages: Message[]
-  selectedId: string | null
-  channelFilter: Channel | 'all'
-  search: string
-  loading: boolean
-  sending: boolean
-
-  load(): Promise<void>
-  select(id: string): Promise<void>
-  deselect(): void
-  setChannelFilter(channel: Channel | 'all'): Promise<void>
-  setSearch(search: string): Promise<void>
-  create(input: CreateConversationInput): Promise<Conversation>
-  send(body: string): Promise<void>
-  setStatus(status: ConversationStatus): Promise<void>
-}
-
-export function createConversationsStore(
-  provider: ConversationsProvider,
-): StoreApi<ConversationsUIState> {
-  return createStore<ConversationsUIState>((set, get) => ({
-    conversations: [],
-    messages: [],
-    selectedId: null,
-    channelFilter: 'all',
-    search: '',
-    loading: false,
-    sending: false,
-
-    async load() {
-      set({ loading: true })
-      const conversations = await provider.listConversations({
-        channel: get().channelFilter,
-        search: get().search || undefined,
-      })
-      const selectedId = get().selectedId ?? conversations[0]?.id ?? null
-      set({ conversations, loading: false, selectedId })
-      if (selectedId) await get().select(selectedId)
-    },
-
-    async select(id: string) {
-      set({ selectedId: id })
-      const messages = await provider.getMessages(id)
-      set({ messages })
-      await provider.markRead(id)
-      set((s) => ({
-        conversations: s.conversations.map((c) => (c.id === id ? { ...c, unreadCount: 0 } : c)),
-      }))
-    },
-
-    deselect() {
-      set({ selectedId: null, messages: [] })
-    },
-
-    async setChannelFilter(channel) {
-      set({ channelFilter: channel })
-      await get().load()
-    },
-
-    async setSearch(search) {
-      set({ search })
-      await get().load()
-    },
-
-    async create(input) {
-      const created = await provider.createConversation(input)
-      // The thread EXISTS the moment the insert returns, so resolve on that and
-      // show it optimistically. Clear filters that would hide it, prepend it,
-      // select it — all local.
-      set((s) => ({
-        channelFilter: 'all',
-        search: '',
-        conversations: [created, ...s.conversations.filter((c) => c.id !== created.id)],
-        selectedId: created.id,
-      }))
-
-      // Reconciliation (authoritative list + the thread's messages) runs in the
-      // BACKGROUND. It used to be awaited here, which made the caller — the
-      // compose modal — hostage to two extra round-trips: on a slow pool the
-      // conversation was already in the database while the modal sat open
-      // looking broken, inviting a second click and a duplicate thread.
-      // Failures are non-fatal: the optimistic row above already renders.
-      void (async () => {
-        try {
-          const conversations = await provider.listConversations({})
-          // Read-after-write guard: a refetch that races the insert may not
-          // return the new row yet — keep the local one rather than dropping it.
-          const merged = conversations.some((c) => c.id === created.id)
-            ? conversations
-            : [created, ...conversations]
-          set({ conversations: merged })
-          await get().select(created.id)
-        } catch {
-          /* optimistic state stands; the next load() reconciles */
-        }
-      })()
-
-      return created
-    },
-
-    async send(body: string) {
-      const id = get().selectedId
-      if (!id || !body.trim()) return
-      set({ sending: true })
-      const created = await provider.sendMessage({ conversationId: id, body: body.trim() })
-      set((s) => ({
-        sending: false,
-        messages: [...s.messages, created],
-        conversations: s.conversations.map((c) =>
-          c.id === id ? { ...c, lastMessagePreview: created.body, lastMessageAt: created.at } : c,
-        ),
-      }))
-    },
-
-    async setStatus(status) {
-      const id = get().selectedId
-      if (!id) return
-      const updated = await provider.setStatus(id, status)
-      set((s) => ({
-        conversations: s.conversations.map((c) => (c.id === id ? updated : c)),
-      }))
-    },
-  }))
-}

package/src/types.ts

@@ -1,77 +0,0 @@
-// ---------------------------------------------------------------------------
-// @fayz-ai/plugin-conversations — domain types for the unified omni-channel
-// inbox (the GoHighLevel "Conversations" equivalent). Provider-agnostic.
-// ---------------------------------------------------------------------------
-
-export type Channel = 'sms' | 'whatsapp' | 'instagram' | 'email' | 'webchat'
-
-export type ConversationStatus = 'open' | 'snoozed' | 'closed'
-
-export type MessageDirection = 'inbound' | 'outbound'
-
-export interface Conversation {
-  id: string
-  contactName: string
-  /**
-   * `public.people` id when the thread is tied to a real contact record (the
-   * compose modal resolves one via the shared ContactPicker). Absent for legacy
-   * threads and for inbound messages from an unknown handle.
-   */
-  contactPersonId?: string
-  /** Phone, @handle, or email depending on channel */
-  contactHandle: string
-  channel: Channel
-  lastMessagePreview: string
-  lastMessageAt: string
-  unreadCount: number
-  status: ConversationStatus
-  assignedTo?: string
-  /** Tailwind-ish accent for the avatar bubble */
-  accent: string
-  tags: string[]
-  // Optional context shown in the contact panel.
-  location?: string
-  note?: string
-}
-
-export interface Message {
-  id: string
-  conversationId: string
-  channel: Channel
-  direction: MessageDirection
-  body: string
-  at: string
-  author: string
-}
-
-export interface ListConversationsQuery {
-  channel?: Channel | 'all'
-  status?: ConversationStatus | 'all'
-  search?: string
-}
-
-export interface SendMessageInput {
-  conversationId: string
-  body: string
-}
-
-export interface CreateConversationInput {
-  contactName: string
-  /** `public.people` id, when the contact was resolved/created by the picker. */
-  contactPersonId?: string
-  /** Phone, @handle, or email depending on channel. */
-  contactHandle?: string
-  channel: Channel
-  /** Optional first outbound message; stamps preview + last_message_at. */
-  firstMessage?: string
-  /** Optional free-text note surfaced in the contact panel. */
-  note?: string
-}
-
-export const CHANNEL_LABELS: Record<Channel, string> = {
-  sms: 'SMS',
-  whatsapp: 'WhatsApp',
-  instagram: 'Instagram',
-  email: 'Email',
-  webchat: 'Web Chat',
-}

package/src/views/ContactPanel.tsx

@@ -1,97 +0,0 @@
-import React from 'react'
-import { MapPin, User, Tag, Link2, StickyNote, X } from 'lucide-react'
-import { Button, cn } from '@fayz-ai/ui'
-import { useTranslation } from '@fayz-ai/core'
-import { CHANNEL_LABELS } from '../channel'
-import type { Conversation } from '../types'
-import { Avatar, ChannelBadge } from './shared'
-
-function Section({ icon: Icon, title, children }: {
-  icon: React.ComponentType<{ className?: string }>
-  title: string
-  children: React.ReactNode
-}) {
-  return (
-    <div className="border-t border-border px-4 py-3">
-      <p className="mb-1.5 flex items-center gap-1.5 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground">
-        <Icon className="h-3 w-3" /> {title}
-      </p>
-      {children}
-    </div>
-  )
-}
-
-export function ContactPanel({ contact, onClose, className }: {
-  contact: Conversation
-  onClose?: () => void
-  className?: string
-}) {
-  const t = useTranslation()
-  return (
-    <aside className={cn('flex shrink-0 flex-col overflow-y-auto border-l border-border bg-card', className)}>
-      {onClose && (
-        <div className="flex items-center justify-between border-b border-border px-3 py-2 xl:hidden">
-          <span className="text-sm font-semibold text-foreground">{t('conversations.contact.details')}</span>
-          <Button variant="ghost" size="icon" onClick={onClose} aria-label={t('conversations.contact.closeDetails')}>
-            <X className="h-4 w-4" />
-          </Button>
-        </div>
-      )}
-      <div className="flex flex-col items-center gap-2 px-4 py-5 text-center">
-        <Avatar name={contact.contactName} accent={contact.accent} size="lg" channel={contact.channel} />
-        <div>
-          <p className="text-sm font-semibold text-foreground">{contact.contactName}</p>
-          <p className="text-xs text-muted-foreground">{contact.contactHandle}</p>
-        </div>
-        <ChannelBadge channel={contact.channel} />
-      </div>
-
-      <Section icon={User} title={t('conversations.contact.details')}>
-        <dl className="space-y-1.5 text-sm">
-          <div className="flex items-center justify-between gap-2">
-            <dt className="text-muted-foreground">{t('conversations.contact.channel')}</dt>
-            <dd className="text-foreground">{CHANNEL_LABELS[contact.channel]}</dd>
-          </div>
-          <div className="flex items-center justify-between gap-2">
-            <dt className="text-muted-foreground">{t('conversations.contact.status')}</dt>
-            <dd className="text-foreground">{t(`conversations.status.${contact.status}`)}</dd>
-          </div>
-          {contact.assignedTo && (
-            <div className="flex items-center justify-between gap-2">
-              <dt className="text-muted-foreground">{t('conversations.contact.assignedTo')}</dt>
-              <dd className="text-foreground">{contact.assignedTo}</dd>
-            </div>
-          )}
-          {contact.location && (
-            <div className="flex items-center justify-between gap-2">
-              <dt className="flex items-center gap-1 text-muted-foreground"><MapPin className="h-3 w-3" /> {t('conversations.contact.location')}</dt>
-              <dd className="text-foreground">{contact.location}</dd>
-            </div>
-          )}
-        </dl>
-      </Section>
-
-      {contact.tags.length > 0 && (
-        <Section icon={Tag} title={t('conversations.contact.tags')}>
-          <div className="flex flex-wrap gap-1.5">
-            {contact.tags.map((tag) => (
-              <span key={tag} className="rounded-full bg-muted px-2 py-0.5 text-xs font-medium text-foreground">
-                {tag}
-              </span>
-            ))}
-          </div>
-        </Section>
-      )}
-
-      {contact.note && (
-        <Section icon={StickyNote} title={t('conversations.contact.note')}>
-          <p className="text-sm text-foreground">{contact.note}</p>
-        </Section>
-      )}
-
-      <Section icon={Link2} title={t('conversations.contact.linkedRecords')}>
-        <p className="text-xs text-muted-foreground">{t('conversations.contact.noLinkedRecords')}</p>
-      </Section>
-    </aside>
-  )
-}

package/src/views/ConversationList.tsx

@@ -1,135 +0,0 @@
-import React from 'react'
-import { Search, Inbox as InboxIcon, Plus } from 'lucide-react'
-import { Button, Input, Skeleton, cn } from '@fayz-ai/ui'
-import { PermissionGate } from '@fayz-ai/saas'
-import { useTranslation } from '@fayz-ai/core'
-import { useConversationsStore } from '../ConversationsContext'
-import type { Channel } from '../types'
-import { Avatar, ChannelBadge, relativeTime } from './shared'
-import { NewConversationModal } from './NewConversationModal'
-
-const FILTERS: Array<Channel | 'all'> = ['all', 'whatsapp', 'sms', 'instagram', 'email', 'webchat']
-
-export function ConversationList({ className }: { className?: string }) {
-  const t = useTranslation()
-  const {
-    conversations, selectedId, channelFilter, search, loading,
-    select, setChannelFilter, setSearch,
-  } = useConversationsStore((s) => s)
-  const [newOpen, setNewOpen] = React.useState(false)
-
-  return (
-    <aside className={cn('w-full shrink-0 flex-col border-r border-border bg-card lg:w-[320px]', className)}>
-      <div className="border-b border-border px-3 py-3">
-        <div className="mb-2 flex items-center justify-between gap-2">
-          <span className="text-sm font-semibold text-foreground">{t('conversations.title')}</span>
-          <PermissionGate feature="conversations" action="create">
-            <Button
-              size="sm"
-              onClick={() => setNewOpen(true)}
-              aria-label={t('conversations.list.new')}
-              data-testid="conversations-new"
-            >
-              <Plus className="h-3.5 w-3.5 sm:mr-1" />
-              <span className="hidden sm:inline">{t('conversations.list.new')}</span>
-            </Button>
-          </PermissionGate>
-        </div>
-        <div className="relative">
-          <Search className="pointer-events-none absolute left-2.5 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" />
-          <Input
-            value={search}
-            onChange={(e) => setSearch(e.target.value)}
-            placeholder={t('conversations.list.search')}
-            className="pl-8"
-          />
-        </div>
-        <div className="mt-2 flex flex-wrap gap-1">
-          {FILTERS.map((id) => (
-            <button
-              key={id}
-              onClick={() => setChannelFilter(id)}
-              className={cn(
-                'rounded-full px-2.5 py-1 text-xs font-medium transition-colors',
-                channelFilter === id
-                  ? 'bg-primary text-primary-foreground'
-                  : 'bg-muted text-muted-foreground hover:bg-muted/70',
-              )}
-            >
-              {t(`conversations.filter.${id}`)}
-            </button>
-          ))}
-        </div>
-      </div>
-
-      <div className="min-h-0 flex-1 overflow-y-auto">
-        {loading && conversations.length === 0 &&
-          Array.from({ length: 6 }, (_, i) => (
-            <div key={i} className="flex w-full items-start gap-3 border-b border-border/50 px-3 py-3">
-              <Skeleton className="h-10 w-10 shrink-0 rounded-full" />
-              <div className="min-w-0 flex-1">
-                <div className="flex items-center justify-between gap-2">
-                  <Skeleton className="h-4 w-28" />
-                  <Skeleton className="h-3 w-8" />
-                </div>
-                <Skeleton className="mt-1.5 h-4 w-16 rounded-full" />
-                <Skeleton className="mt-1.5 h-3 w-3/4" />
-              </div>
-            </div>
-          ))}
-        {!loading && conversations.length === 0 && (
-          <div className="flex flex-col items-center gap-2 p-8 text-center text-muted-foreground">
-            <InboxIcon className="h-6 w-6" />
-            <p className="text-sm">{t('conversations.list.empty')}</p>
-          </div>
-        )}
-        {conversations.map((c) => {
-          const active = c.id === selectedId
-          const unread = c.unreadCount > 0
-          return (
-            <button
-              key={c.id}
-              onClick={() => select(c.id)}
-              className={cn(
-                'flex w-full items-start gap-3 border-b border-border/50 px-3 py-3 text-left transition-colors',
-                active ? 'bg-accent' : 'hover:bg-muted/50',
-              )}
-            >
-              <Avatar name={c.contactName} accent={c.accent} channel={c.channel} />
-              <div className="min-w-0 flex-1">
-                <div className="flex items-center justify-between gap-2">
-                  <span className={cn('truncate text-sm text-foreground', unread ? 'font-semibold' : 'font-medium')}>
-                    {c.contactName}
-                  </span>
-                  <span className={cn('shrink-0 text-[11px]', unread ? 'font-semibold text-primary' : 'text-muted-foreground')}>
-                    {relativeTime(c.lastMessageAt)}
-                  </span>
-                </div>
-                <div className="mt-1 flex items-center gap-2">
-                  <ChannelBadge channel={c.channel} />
-                  {c.status !== 'open' && (
-                    <span className="text-[10px] uppercase tracking-wide text-muted-foreground/70">
-                      {t(`conversations.status.${c.status}`)}
-                    </span>
-                  )}
-                </div>
-                <div className="mt-1 flex items-center justify-between gap-2">
-                  <span className={cn('truncate text-xs', unread ? 'text-foreground' : 'text-muted-foreground')}>
-                    {c.lastMessagePreview}
-                  </span>
-                  {unread && (
-                    <span className="flex h-[18px] min-w-[18px] shrink-0 items-center justify-center rounded-full bg-primary px-1.5 text-[10px] font-semibold text-primary-foreground">
-                      {c.unreadCount}
-                    </span>
-                  )}
-                </div>
-              </div>
-            </button>
-          )
-        })}
-      </div>
-
-      <NewConversationModal open={newOpen} onOpenChange={setNewOpen} />
-    </aside>
-  )
-}