@fayz-ai/plugin-tasks 0.9.0-next.1 → 0.9.1

package/src/components/TasksPanel.tsx

@@ -1,94 +0,0 @@
-import React from 'react'
-import { useTasksStore } from '../TasksContext'
-import { useTranslation } from '@fayz-ai/core'
-import { TasksFilterBar } from './TasksFilterBar'
-import { TaskQuickAdd } from './TaskQuickAdd'
-import { TaskCard } from './TaskCard'
-import { TaskStatusGroup } from './TaskStatusGroup'
-import { TaskDetail } from './TaskDetail'
-import { ClipboardList } from 'lucide-react'
-import type { TaskStatus } from '../types'
-
-const STATUS_ORDER: TaskStatus[] = ['todo', 'in_progress', 'done', 'cancelled']
-
-/** The task list with no box around it — shared by the sheet and the shell's
- *  right-rail tab. */
-export function TasksPanel() {
-  const t = useTranslation()
-  const selectedTaskId = useTasksStore((s) => s.selectedTaskId)
-  const tasks = useTasksStore((s) => s.tasks)
-  const tasksLoading = useTasksStore((s) => s.tasksLoading)
-  const activeFilter = useTasksStore((s) => s.activeFilter)
-  const fetchTasks = useTasksStore((s) => s.fetchTasks)
-  const fetchLabels = useTasksStore((s) => s.fetchLabels)
-  const fetchSummary = useTasksStore((s) => s.fetchSummary)
-
-  // The rail tab mounts this panel directly — openDrawer() (the sheet path,
-  // where fetching used to live) never runs there, so load on mount. Fetches
-  // are deduped in the store, so the drawer path doesn't double-load.
-  React.useEffect(() => {
-    void fetchTasks()
-    void fetchLabels()
-    void fetchSummary()
-  }, [fetchTasks, fetchLabels, fetchSummary])
-
-  const grouped = React.useMemo(() => {
-    const map = new Map<TaskStatus, typeof tasks>()
-    for (const s of STATUS_ORDER) map.set(s, [])
-    for (const task of tasks) {
-      const group = map.get(task.status)
-      if (group) group.push(task)
-    }
-    return map
-  }, [tasks])
-
-  return (
-    <>
-      {!selectedTaskId && <TasksFilterBar />}
-      {!selectedTaskId && <TaskQuickAdd />}
-
-      <div className="min-h-0 flex-1 overflow-y-auto">
-        {selectedTaskId ? (
-          <TaskDetail taskId={selectedTaskId} />
-        ) : tasksLoading && tasks.length === 0 ? (
-          <div className="flex items-center justify-center py-16">
-            <div className="h-5 w-5 animate-spin rounded-full border-2 border-primary border-t-transparent" />
-          </div>
-        ) : tasks.length === 0 ? (
-          <div className="flex flex-col items-center justify-center py-16 text-muted-foreground">
-            <ClipboardList className="mb-3 h-10 w-10 opacity-40" />
-            <p className="text-sm font-medium">{t('tasks.empty')}</p>
-            <p className="mt-1 text-xs">{t('tasks.empty.description')}</p>
-          </div>
-        ) : activeFilter !== 'all' ? (
-          <div className="py-1">
-            {tasks.map((task) => (
-              <div key={task.id} className="px-2">
-                <TaskCard task={task} />
-              </div>
-            ))}
-          </div>
-        ) : (
-          <div className="space-y-2 py-2">
-            {STATUS_ORDER.filter((s) => s !== 'cancelled' || (grouped.get(s)?.length ?? 0) > 0).map((status) => (
-              <TaskStatusGroup key={status} status={status} tasks={grouped.get(status) ?? []} />
-            ))}
-          </div>
-        )}
-      </div>
-    </>
-  )
-}
-
-/** One-line summary of what needs attention ("3 atrasadas · 2 para hoje"). */
-export function useTasksSummaryLine(): string {
-  const t = useTranslation()
-  const summary = useTasksStore((s) => s.summary)
-  return React.useMemo(() => {
-    if (!summary) return ''
-    const parts: string[] = []
-    if (summary.overdue > 0) parts.push(`${summary.overdue} ${t('tasks.summary.overdue')}`)
-    if (summary.dueToday > 0) parts.push(`${summary.dueToday} ${t('tasks.summary.dueToday')}`)
-    return parts.join(' · ')
-  }, [summary, t])
-}

package/src/components/TasksTopbarButton.tsx

@@ -1,109 +0,0 @@
-import React, { useEffect } from 'react'
-import { CheckSquare } from 'lucide-react'
-import { Button } from '@fayz-ai/ui'
-import { cn } from '@fayz-ai/ui'
-import { useRightRailPanel, useRightRailStore } from '@fayz-ai/saas'
-import { useTranslation } from '@fayz-ai/core'
-import { TasksContextProvider, type ResolvedTasksConfig } from '../TasksContext'
-import { TasksDrawer } from './TasksDrawer'
-import { TasksPanel } from './TasksPanel'
-import type { TasksDataProvider } from '../data/types'
-import type { TasksUIState } from '../store'
-import { useStore, type StoreApi } from 'zustand'
-
-interface TasksTopbarWidgetProps {
-  config: {
-    tasksConfig: ResolvedTasksConfig
-    tasksProvider: TasksDataProvider
-    tasksStore: StoreApi<TasksUIState>
-  }
-}
-
-export function TasksTopbarButton({ config }: TasksTopbarWidgetProps) {
-  const { tasksConfig, tasksProvider, tasksStore } = config
-  const t = useTranslation()
-  // The shell's rail when there is one, this plugin's sheet when there is not.
-  const railMounted = useRightRailStore((s) => s.mounted)
-  // Open tasks (todo + in progress) — the rail tab's red badge.
-  const summary = useStore(tasksStore, (s) => s.summary)
-  const openCount = summary ? summary.todo + summary.inProgress : 0
-
-  // Carries its own providers (registered far from here) and must stay
-  // referentially stable or the list remounts every render.
-  const Panel = React.useMemo(() => {
-    const RailPanel = () => (
-      <TasksContextProvider config={tasksConfig} provider={tasksProvider} store={tasksStore}>
-        <TasksPanel />
-      </TasksContextProvider>
-    )
-    RailPanel.displayName = 'TasksRailPanel'
-    return RailPanel
-  }, [tasksConfig, tasksProvider, tasksStore])
-
-  useRightRailPanel(
-    React.useMemo(
-      () =>
-        railMounted
-          ? {
-              id: 'tasks',
-              label: t('tasks.drawer.title') || 'Tasks',
-              icon: CheckSquare,
-              order: 20,
-              badge: { count: openCount, tone: 'destructive' as const },
-              Component: Panel,
-            }
-          : null,
-      [railMounted, t, Panel, openCount],
-    ),
-  )
-
-  return (
-    <TasksContextProvider config={tasksConfig} provider={tasksProvider} store={tasksStore}>
-      <TasksTopbarButtonInner store={tasksStore} railMounted={railMounted} />
-      {!railMounted && <TasksDrawer />}
-    </TasksContextProvider>
-  )
-}
-
-function TasksTopbarButtonInner({
-  store,
-  railMounted,
-}: {
-  store: StoreApi<TasksUIState>
-  railMounted: boolean
-}) {
-  const toggleDrawer = useStore(store, (s) => s.toggleDrawer)
-  const fetchSummary = useStore(store, (s) => s.fetchSummary)
-  const summary = useStore(store, (s) => s.summary)
-  const togglePanel = useRightRailStore((s) => s.togglePanel)
-
-  useEffect(() => {
-    fetchSummary()
-  }, [fetchSummary])
-
-  const pendingCount = summary ? summary.todo + summary.inProgress : 0
-
-  return (
-    <Button
-      variant="ghost"
-      size="icon"
-      className={cn('relative text-sidebar-foreground/70 hover:bg-sidebar/30 hover:text-sidebar-foreground')}
-      onClick={() => (railMounted ? togglePanel('tasks') : toggleDrawer())}
-      aria-label="Tasks"
-    >
-      <CheckSquare className="h-5 w-5" />
-      {pendingCount > 0 && (
-        <span
-          className={cn(
-            'absolute -right-0.5 -top-0.5 flex items-center justify-center rounded-full bg-destructive text-destructive-foreground',
-            pendingCount > 9
-              ? 'h-5 min-w-5 px-1 text-[10px]'
-              : 'h-4 w-4 text-[10px]'
-          )}
-        >
-          {pendingCount > 99 ? '99+' : pendingCount}
-        </span>
-      )}
-    </Button>
-  )
-}

package/src/data/capability.test.ts

@@ -1,43 +0,0 @@
-// First end-to-end capability test for any Fayz plugin (FAY-1206).
-// Proves the data slice of the Plugin Capability Contract against the mock
-// provider: typed seed is present, writes persist and surface in queries and
-// the summary, and updates/deletes round-trip. This is the template other
-// plugins copy — see docs/PLUGIN-PATTERNS.md → capability anatomy.
-import { describe, it, expect } from 'vitest'
-import { createMockTasksProvider } from './mock'
-
-describe('plugin-tasks capability · data slice (mock provider)', () => {
-  it('ships typed seed (labels are provisioned, not empty)', async () => {
-    const provider = createMockTasksProvider()
-    const labels = await provider.getLabels()
-    expect(labels).toHaveLength(4)
-    expect(labels.map((l) => l.name)).toContain('Bug')
-  })
-
-  it('persists a created task: it surfaces in queries and the summary', async () => {
-    const provider = createMockTasksProvider()
-    const before = await provider.getSummary()
-
-    const task = await provider.createTask({ title: 'Wire capability gate', status: 'todo', priority: 'high' })
-    expect(task.id).toBeTruthy()
-    expect(task.tenantId).toBe('mock')
-
-    const todo = await provider.getTasks({ status: 'todo' })
-    expect(todo.some((t) => t.id === task.id)).toBe(true)
-
-    const after = await provider.getSummary()
-    expect(after.total).toBe(before.total + 1)
-    expect(after.highPriority).toBe(before.highPriority + 1)
-  })
-
-  it('round-trips update and delete', async () => {
-    const provider = createMockTasksProvider()
-    const task = await provider.createTask({ title: 'temp' })
-
-    const moved = await provider.updateTask(task.id, { status: 'done' })
-    expect(moved.status).toBe('done')
-
-    await provider.deleteTask(task.id)
-    expect(await provider.getTaskById(task.id)).toBeNull()
-  })
-})

package/src/data/mock.ts

@@ -1,143 +0,0 @@
-import type { TasksDataProvider } from './types'
-import type {
-  Task, TaskLabel, CreateTaskInput, UpdateTaskInput,
-  TaskQuery, TasksSummary, TaskStatus,
-} from '../types'
-
-function uid(): string { return crypto.randomUUID?.() ?? String(Date.now()) }
-function now(): string { return new Date().toISOString() }
-function today(): string { return new Date().toISOString().slice(0, 10) }
-
-const SEED_LABELS: TaskLabel[] = [
-  { id: 'lbl-bug', name: 'Bug', color: '#ef4444', isActive: true, tenantId: 'mock', createdAt: now() },
-  { id: 'lbl-feature', name: 'Feature', color: '#3b82f6', isActive: true, tenantId: 'mock', createdAt: now() },
-  { id: 'lbl-urgent', name: 'Urgent', color: '#f59e0b', isActive: true, tenantId: 'mock', createdAt: now() },
-  { id: 'lbl-personal', name: 'Personal', color: '#8b5cf6', isActive: true, tenantId: 'mock', createdAt: now() },
-]
-
-function makeSeedTasks(): Task[] {
-  const base = {
-    tenantId: 'mock',
-    description: null,
-    assignedToId: null,
-    assignedToName: null,
-    parentId: null,
-    labels: [],
-    createdById: null,
-    createdByName: null,
-    createdAt: now(),
-    updatedAt: now(),
-  }
-  return [
-    { ...base, id: uid(), title: 'Setup payment gateway', status: 'todo' as const, priority: 'high' as const, dueDate: today(), position: 0 },
-    { ...base, id: uid(), title: 'Update menu photos', status: 'todo' as const, priority: 'medium' as const, dueDate: null, position: 1 },
-    { ...base, id: uid(), title: 'Review monthly report', status: 'in_progress' as const, priority: 'medium' as const, dueDate: null, position: 0 },
-    { ...base, id: uid(), title: 'Fix login bug', status: 'in_progress' as const, priority: 'urgent' as const, dueDate: today(), position: 1, labels: ['lbl-bug'] },
-    { ...base, id: uid(), title: 'Onboard new employee', status: 'done' as const, priority: 'low' as const, dueDate: null, position: 0 },
-  ]
-}
-
-function matchesQuery(task: Task, query: TaskQuery): boolean {
-  if (query.status) {
-    const statuses = Array.isArray(query.status) ? query.status : [query.status]
-    if (!statuses.includes(task.status)) return false
-  }
-  if (query.priority) {
-    const priorities = Array.isArray(query.priority) ? query.priority : [query.priority]
-    if (!priorities.includes(task.priority)) return false
-  }
-  if (query.assignedToId && task.assignedToId !== query.assignedToId) return false
-  if (query.parentId !== undefined) {
-    if (query.parentId === null && task.parentId !== null) return false
-    if (query.parentId !== null && task.parentId !== query.parentId) return false
-  }
-  if (query.search) {
-    const s = query.search.toLowerCase()
-    if (!task.title.toLowerCase().includes(s)) return false
-  }
-  if (query.overdue && task.dueDate) {
-    if (task.dueDate >= today()) return false
-  }
-  return true
-}
-
-export function createMockTasksProvider(): TasksDataProvider {
-  let tasks = makeSeedTasks()
-  const labels = [...SEED_LABELS]
-
-  return {
-    async getTasks(query) {
-      return tasks.filter((t) => matchesQuery(t, query)).sort((a, b) => a.position - b.position)
-    },
-
-    async getTaskById(id) {
-      return tasks.find((t) => t.id === id) ?? null
-    },
-
-    async getSubtasks(parentId) {
-      return tasks.filter((t) => t.parentId === parentId).sort((a, b) => a.position - b.position)
-    },
-
-    async createTask(input: CreateTaskInput) {
-      const statusTasks = tasks.filter((t) => t.status === (input.status ?? 'todo') && t.parentId === (input.parentId ?? null))
-      const maxPos = statusTasks.reduce((max, t) => Math.max(max, t.position), -1)
-      const task: Task = {
-        id: uid(),
-        title: input.title,
-        description: input.description ?? null,
-        status: input.status ?? 'todo',
-        priority: input.priority ?? 'medium',
-        dueDate: input.dueDate ?? null,
-        assignedToId: input.assignedToId ?? null,
-        assignedToName: null,
-        parentId: input.parentId ?? null,
-        labels: input.labels ?? [],
-        position: maxPos + 1,
-        createdById: null,
-        createdByName: null,
-        tenantId: 'mock',
-        createdAt: now(),
-        updatedAt: now(),
-      }
-      tasks.push(task)
-      return task
-    },
-
-    async updateTask(id, input: UpdateTaskInput) {
-      const idx = tasks.findIndex((t) => t.id === id)
-      if (idx === -1) throw new Error('Task not found')
-      tasks[idx] = { ...tasks[idx], ...input, updatedAt: now() } as Task
-      return tasks[idx]
-    },
-
-    async deleteTask(id) {
-      tasks = tasks.filter((t) => t.id !== id && t.parentId !== id)
-    },
-
-    async reorderTask(id, newPosition, status) {
-      const task = tasks.find((t) => t.id === id)
-      if (!task) return
-      task.status = status
-      task.position = newPosition
-      task.updatedAt = now()
-    },
-
-    async getLabels() {
-      return labels.filter((l) => l.isActive)
-    },
-
-    async getSummary() {
-      const topLevel = tasks.filter((t) => t.parentId === null)
-      const d = today()
-      return {
-        total: topLevel.length,
-        todo: topLevel.filter((t) => t.status === 'todo').length,
-        inProgress: topLevel.filter((t) => t.status === 'in_progress').length,
-        done: topLevel.filter((t) => t.status === 'done').length,
-        overdue: topLevel.filter((t) => t.dueDate != null && t.dueDate < d && t.status !== 'done' && t.status !== 'cancelled').length,
-        dueToday: topLevel.filter((t) => t.dueDate === d && t.status !== 'done' && t.status !== 'cancelled').length,
-        highPriority: topLevel.filter((t) => (t.priority === 'high' || t.priority === 'urgent') && t.status !== 'done' && t.status !== 'cancelled').length,
-      }
-    },
-  }
-}

package/src/data/supabase.ts

@@ -1,194 +0,0 @@
-import type { TasksDataProvider } from './types'
-import type { Task, TaskLabel, TasksSummary, TaskStatus } from '../types'
-import { getSupabaseClientOptional, getActiveTenantId } from '@fayz-ai/core'
-import { getTasksTenantId } from '../lib/tenant'
-import { T } from './tables'
-
-function getTenantId(): string | undefined {
-  // Local override wins; else use the app's active tenant so writes pass RLS.
-  return getTasksTenantId() ?? getActiveTenantId()
-}
-
-function getClient() {
-  const supabase = getSupabaseClientOptional() as any
-  if (!supabase) throw new Error('Supabase not initialized')
-  return supabase
-}
-
-function snakeToCamel(obj: Record<string, unknown>): Record<string, unknown> {
-  const result: Record<string, unknown> = {}
-  for (const [key, value] of Object.entries(obj)) {
-    result[key.replace(/_([a-z])/g, (_, c) => c.toUpperCase())] = value
-  }
-  return result
-}
-
-function toTask(row: Record<string, unknown>): Task {
-  const t = snakeToCamel(row) as unknown as Task
-  // Ensure labels is always an array
-  if (!Array.isArray(t.labels)) t.labels = []
-  return t
-}
-
-export function createSupabaseTasksProvider(): TasksDataProvider {
-  return {
-    async getTasks(query) {
-      const tenantId = getTenantId()
-      if (!tenantId) return []
-      let q = getClient()
-        .from(T.tasks)
-        .select('*')
-        .eq('tenant_id', tenantId)
-
-      if (query.parentId === null) {
-        q = q.is('parent_id', null)
-      } else if (query.parentId) {
-        q = q.eq('parent_id', query.parentId)
-      }
-
-      if (query.status) {
-        const statuses = Array.isArray(query.status) ? query.status : [query.status]
-        q = q.in('status', statuses)
-      }
-      if (query.priority) {
-        const priorities = Array.isArray(query.priority) ? query.priority : [query.priority]
-        q = q.in('priority', priorities)
-      }
-      if (query.assignedToId) {
-        q = q.eq('assigned_to_id', query.assignedToId)
-      }
-      if (query.search) {
-        q = q.ilike('title', `%${query.search}%`)
-      }
-      if (query.overdue) {
-        q = q.lt('due_date', new Date().toISOString().slice(0, 10))
-          .not('status', 'in', '("done","cancelled")')
-      }
-
-      q = q.order('position', { ascending: true }).order('created_at', { ascending: false })
-
-      const { data } = await q
-      return (data ?? []).map(toTask)
-    },
-
-    async getTaskById(id) {
-      const { data } = await getClient()
-        .from(T.tasks)
-        .select('*')
-        .eq('id', id)
-        .maybeSingle()
-      return data ? toTask(data) : null
-    },
-
-    async getSubtasks(parentId) {
-      const { data } = await getClient()
-        .from(T.tasks)
-        .select('*')
-        .eq('parent_id', parentId)
-        .order('position', { ascending: true })
-      return (data ?? []).map(toTask)
-    },
-
-    async createTask(input) {
-      const tenantId = getTenantId()
-      if (!tenantId) throw new Error('No active tenant')
-
-      // Get max position for the status group
-      const { data: maxData } = await getClient()
-        .from(T.tasks)
-        .select('position')
-        .eq('tenant_id', tenantId)
-        .eq('status', input.status ?? 'todo')
-        .is('parent_id', input.parentId ?? null)
-        .order('position', { ascending: false })
-        .limit(1)
-      const maxPos = maxData?.[0]?.position ?? -1
-
-      const { data, error } = await getClient()
-        .from(T.tasks)
-        .insert({
-          tenant_id: tenantId,
-          title: input.title,
-          description: input.description ?? null,
-          status: input.status ?? 'todo',
-          priority: input.priority ?? 'medium',
-          due_date: input.dueDate ?? null,
-          assigned_to_id: input.assignedToId ?? null,
-          parent_id: input.parentId ?? null,
-          labels: input.labels ?? [],
-          position: maxPos + 1,
-        })
-        .select('*')
-        .single()
-      if (error) throw error
-      return toTask(data)
-    },
-
-    async updateTask(id, input) {
-      const payload: Record<string, unknown> = { updated_at: new Date().toISOString() }
-      if (input.title !== undefined) payload.title = input.title
-      if (input.description !== undefined) payload.description = input.description
-      if (input.status !== undefined) payload.status = input.status
-      if (input.priority !== undefined) payload.priority = input.priority
-      if (input.dueDate !== undefined) payload.due_date = input.dueDate
-      if (input.assignedToId !== undefined) payload.assigned_to_id = input.assignedToId
-      if (input.labels !== undefined) payload.labels = input.labels
-      if (input.position !== undefined) payload.position = input.position
-
-      const { data, error } = await getClient()
-        .from(T.tasks)
-        .update(payload)
-        .eq('id', id)
-        .select('*')
-        .single()
-      if (error) throw error
-      return toTask(data)
-    },
-
-    async deleteTask(id) {
-      await getClient().from(T.tasks).delete().eq('id', id)
-    },
-
-    async reorderTask(id, newPosition, status) {
-      await getClient()
-        .from(T.tasks)
-        .update({ position: newPosition, status, updated_at: new Date().toISOString() })
-        .eq('id', id)
-    },
-
-    async getLabels() {
-      const tenantId = getTenantId()
-      if (!tenantId) return []
-      const { data } = await getClient()
-        .from(T.labels)
-        .select('*')
-        .eq('tenant_id', tenantId)
-        .eq('is_active', true)
-        .order('name')
-      return (data ?? []).map((r: any) => snakeToCamel(r) as unknown as TaskLabel)
-    },
-
-    async getSummary() {
-      const tenantId = getTenantId()
-      if (!tenantId) return { total: 0, todo: 0, inProgress: 0, done: 0, overdue: 0, dueToday: 0, highPriority: 0 }
-
-      const { data } = await getClient()
-        .from(T.tasks)
-        .select('status, priority, due_date')
-        .eq('tenant_id', tenantId)
-        .is('parent_id', null)
-
-      const tasks = data ?? []
-      const today = new Date().toISOString().slice(0, 10)
-      return {
-        total: tasks.length,
-        todo: tasks.filter((t: any) => t.status === 'todo').length,
-        inProgress: tasks.filter((t: any) => t.status === 'in_progress').length,
-        done: tasks.filter((t: any) => t.status === 'done').length,
-        overdue: tasks.filter((t: any) => t.due_date && t.due_date < today && t.status !== 'done' && t.status !== 'cancelled').length,
-        dueToday: tasks.filter((t: any) => t.due_date === today && t.status !== 'done' && t.status !== 'cancelled').length,
-        highPriority: tasks.filter((t: any) => (t.priority === 'high' || t.priority === 'urgent') && t.status !== 'done' && t.status !== 'cancelled').length,
-      }
-    },
-  }
-}

package/src/data/tables.ts

@@ -1,6 +0,0 @@
-// Physical table names for the tasks plugin (plg_tasks_* prefix). Import T and
-// reference T.<key> in the data provider so a rename lands in exactly one place.
-export const T = {
-  tasks: 'plg_tasks_tasks',
-  labels: 'plg_tasks_labels',
-} as const

package/src/data/types.ts

@@ -1,16 +0,0 @@
-import type {
-  Task, TaskLabel, CreateTaskInput, UpdateTaskInput,
-  TaskQuery, TasksSummary, TaskStatus,
-} from '../types'
-
-export interface TasksDataProvider {
-  getTasks(query: TaskQuery): Promise<Task[]>
-  getTaskById(id: string): Promise<Task | null>
-  getSubtasks(parentId: string): Promise<Task[]>
-  createTask(input: CreateTaskInput): Promise<Task>
-  updateTask(id: string, input: UpdateTaskInput): Promise<Task>
-  deleteTask(id: string): Promise<void>
-  reorderTask(id: string, newPosition: number, status: TaskStatus): Promise<void>
-  getLabels(): Promise<TaskLabel[]>
-  getSummary(): Promise<TasksSummary>
-}