@fayz-ai/plugin-tasks 0.1.7 → 0.8.3

package/package.json

@@ -1,6 +1,9 @@
 {
   "name": "@fayz-ai/plugin-tasks",
-  "version": "0.1.7",
+  "fayz": {
+    "status": "beta"
+  },
+  "version": "0.8.3",
   "description": "Fayz SDK — plugin-tasks plugin",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -25,9 +28,9 @@
   "dependencies": {
     "lucide-react": "^0.400.0",
     "zustand": "^4.5.0",
-    "@fayz-ai/core": "^0.6.6",
-    "@fayz-ai/saas": "^0.6.6",
-    "@fayz-ai/ui": "^0.6.6"
+    "@fayz-ai/saas": "^0.8.3",
+    "@fayz-ai/core": "^0.8.3",
+    "@fayz-ai/ui": "^0.8.3"
   },
   "devDependencies": {
     "@types/react": "^18.3.0",
@@ -42,6 +45,9 @@
     "fayz-plugin",
     "fayz-sdk"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "tsup && tsc --emitDeclarationOnly --declaration --declarationMap --noEmit false",
     "dev": "tsup --watch",

package/src/components/TaskDetail.tsx

@@ -1,7 +1,8 @@
 import React, { useState, useEffect, useCallback } from 'react'
-import { ArrowLeft, Trash2, Calendar, ChevronDown } from 'lucide-react'
+import { ArrowLeft, Trash2, Calendar, ChevronDown, Sparkles } from 'lucide-react'
 import { useTasksStore } from '../TasksContext'
 import { useTranslation } from '@fayz-ai/core'
+import { useDelegateToAssistant } from '@fayz-ai/saas'
 import { TaskPriorityBadge } from './TaskPriorityBadge'
 import { TaskLabelBadges } from './TaskLabelBadge'
 import { TaskQuickAdd } from './TaskQuickAdd'
@@ -16,8 +17,13 @@ const STATUS_DOT: Record<TaskStatus, string> = {
   cancelled: 'bg-muted-foreground/60',
 }
 
-function formatDate(iso: string): string {
-  return new Date(iso).toLocaleDateString(undefined, { month: 'short', day: 'numeric' })
+/** Same footer format as the Notes tab: time when today, short date otherwise. */
+function formatDateTime(iso: string): string {
+  const d = new Date(iso)
+  const sameDay = d.toDateString() === new Date().toDateString()
+  return sameDay
+    ? d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' })
+    : d.toLocaleDateString(undefined, { day: '2-digit', month: '2-digit', year: '2-digit' })
 }
 
 export function TaskDetail({ taskId }: { taskId: string }) {
@@ -28,6 +34,7 @@ export function TaskDetail({ taskId }: { taskId: string }) {
   const deleteTask = useTasksStore((s) => s.deleteTask)
 
   const task = tasks.find((tt) => tt.id === taskId)
+  const delegate = useDelegateToAssistant()
 
   const [title, setTitle] = useState('')
   const [description, setDescription] = useState('')
@@ -72,28 +79,41 @@ export function TaskDetail({ taskId }: { taskId: string }) {
   }
 
   return (
-    <div className="space-y-3">
-      {/* Back + title row */}
-      <div className="flex items-center gap-2">
+    // Same frame as the Notes editor: header row with back + icon actions,
+    // full-bleed px-4 content, sectioned by hairlines, thin timestamp footer.
+    <div className="flex min-h-full flex-col">
+      <div className="flex items-center gap-1 border-b border-border/40 px-2 py-1.5">
         <button
           type="button"
           onClick={() => selectTask(null)}
-          className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-muted hover:text-foreground transition-colors"
+          className="inline-flex items-center gap-1 rounded-lg px-1.5 py-1 text-[11.5px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
         >
-          <ArrowLeft className="h-4 w-4" />
+          <ArrowLeft className="h-3.5 w-3.5" />
+          {t('tasks.drawer.title')}
+        </button>
+        <span className="flex-1" />
+        <button
+          type="button"
+          onClick={handleDelete}
+          aria-label={t('tasks.detail.delete')}
+          title={t('tasks.detail.delete')}
+          className="inline-flex h-7 w-7 items-center justify-center rounded-lg text-muted-foreground transition-colors hover:bg-muted hover:text-destructive"
+        >
+          <Trash2 className="h-3.5 w-3.5" />
         </button>
-        <input
-          type="text"
-          value={title}
-          onChange={(e) => setTitle(e.target.value)}
-          onBlur={handleTitleBlur}
-          onKeyDown={(e) => { if (e.key === 'Enter') e.currentTarget.blur() }}
-          className="flex-1 bg-transparent text-sm font-semibold outline-none"
-        />
       </div>
 
+      <input
+        type="text"
+        value={title}
+        onChange={(e) => setTitle(e.target.value)}
+        onBlur={handleTitleBlur}
+        onKeyDown={(e) => { if (e.key === 'Enter') e.currentTarget.blur() }}
+        className="bg-transparent px-4 pt-3 text-sm font-semibold text-foreground outline-none"
+      />
+
       {/* Inline property chips */}
-      <div className="flex flex-wrap items-center gap-1.5">
+      <div className="flex flex-wrap items-center gap-1.5 px-4 pt-2">
         {/* Status chip */}
         <div className="relative">
           <select
@@ -138,47 +158,52 @@ export function TaskDetail({ taskId }: { taskId: string }) {
         {task.labels.length > 0 && <TaskLabelBadges labelIds={task.labels} max={3} />}
       </div>
 
-      {/* Description */}
+      {/* Description — borderless, fills the middle like the note body */}
       <textarea
         value={description}
         onChange={(e) => setDescription(e.target.value)}
         onBlur={handleDescriptionBlur}
         placeholder={t('tasks.detail.descriptionPlaceholder')}
-        rows={3}
-        className="w-full rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-xs outline-none resize-none placeholder:text-muted-foreground/50 leading-relaxed"
+        className="min-h-[72px] flex-1 resize-none bg-transparent px-4 py-3 text-sm leading-relaxed text-foreground outline-none placeholder:text-muted-foreground/60"
       />
 
-      {/* Subtasks */}
-      <div>
-        <p className="text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1">
-          {t('tasks.detail.subtasks')}
-        </p>
-        <div className="rounded-md border overflow-hidden">
-          <TaskQuickAdd parentId={task.id} />
-          {subtasks.length > 0 && (
-            <div className="divide-y">
-              {subtasks.map((st) => (
-                <TaskCard key={st.id} task={st} />
-              ))}
-            </div>
-          )}
-        </div>
-      </div>
-
-      {/* Footer: timestamps + delete */}
-      <div className="flex items-center justify-between pt-2 border-t">
-        <span className="text-[10px] text-muted-foreground">
-          {formatDate(task.createdAt)} · {t('tasks.detail.updated')} {formatDate(task.updatedAt)}
-        </span>
+      {/* Agentic hand-off — same CTA pattern as the Notes tab */}
+      <div className="px-4 pb-2">
         <button
           type="button"
-          onClick={handleDelete}
-          className="inline-flex items-center gap-1 text-[11px] text-muted-foreground hover:text-destructive transition-colors"
+          onClick={() =>
+            delegate(
+              `${t('tasks.detail.chatWithAi.prompt')}\n\n"${task.title}"${task.description ? `\n${task.description}` : ''}${task.dueDate ? `\n(${t('tasks.detail.dueDate')}: ${task.dueDate})` : ''}`,
+            )
+          }
+          className="group flex w-full items-center justify-center gap-2 rounded-xl bg-gradient-to-r from-primary via-primary/80 to-primary bg-[length:200%_100%] bg-left px-3 py-2 text-[13px] font-semibold text-primary-foreground shadow-sm transition-all duration-500 hover:bg-right hover:shadow-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
         >
-          <Trash2 className="h-3 w-3" />
-          {t('tasks.detail.delete')}
+          <Sparkles className="h-4 w-4 transition-transform duration-300 group-hover:rotate-12" />
+          {t('tasks.detail.chatWithAi')}
         </button>
       </div>
+
+      {/* Subtasks — same section pattern as the note's todos */}
+      <div className="border-t border-border/40 px-4 py-2.5">
+        <p className="pb-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60">
+          {t('tasks.detail.subtasks')}{subtasks.length > 0 ? ` · ${subtasks.length}` : ''}
+        </p>
+        <div className="-mx-3">
+          <TaskQuickAdd parentId={task.id} />
+        </div>
+        {subtasks.length > 0 && (
+          <div className="divide-y divide-border/40">
+            {subtasks.map((st) => (
+              <TaskCard key={st.id} task={st} />
+            ))}
+          </div>
+        )}
+      </div>
+
+      {/* Footer: timestamps only — delete lives in the header, like a note */}
+      <p className="border-t border-border/40 px-4 py-1.5 text-[10px] text-muted-foreground/60">
+        {t('tasks.detail.created')} {formatDateTime(task.createdAt)} · {t('tasks.detail.updated')} {formatDateTime(task.updatedAt)}
+      </p>
     </div>
   )
 }

package/src/components/TasksDrawer.tsx

@@ -4,45 +4,14 @@ import {
 } from '@fayz-ai/ui'
 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']
+import { TasksPanel, useTasksSummaryLine } from './TasksPanel'
 
+/** Tasks as a sheet — the fallback where the shell has no right rail. */
 export function TasksDrawer() {
   const t = useTranslation()
   const drawerOpen = useTasksStore((s) => s.drawerOpen)
   const closeDrawer = useTasksStore((s) => s.closeDrawer)
-  const selectedTaskId = useTasksStore((s) => s.selectedTaskId)
-  const tasks = useTasksStore((s) => s.tasks)
-  const tasksLoading = useTasksStore((s) => s.tasksLoading)
-  const summary = useTasksStore((s) => s.summary)
-  const activeFilter = useTasksStore((s) => s.activeFilter)
-
-  // Group tasks by status
-  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])
-
-  // Summary line
-  const summaryLine = 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])
+  const summaryLine = useTasksSummaryLine()
 
   return (
     <Sheet open={drawerOpen} onOpenChange={(v) => { if (!v) closeDrawer() }}>
@@ -54,39 +23,8 @@ export function TasksDrawer() {
           </SheetDescription>
         </SheetHeader>
 
-        {!selectedTaskId && <TasksFilterBar />}
-        {!selectedTaskId && <TaskQuickAdd />}
-
-        <SheetBody className="px-0 py-0">
-          {selectedTaskId ? (
-            <div className="px-5 py-4">
-              <TaskDetail taskId={selectedTaskId} />
-            </div>
-          ) : 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="h-10 w-10 mb-3 opacity-40" />
-              <p className="text-sm font-medium">{t('tasks.empty')}</p>
-              <p className="text-xs mt-1">{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="py-2 space-y-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>
-          )}
+        <SheetBody className="flex flex-col px-0 py-0">
+          <TasksPanel />
         </SheetBody>
       </SheetContent>
     </Sheet>

package/src/components/TasksGeneralSettings.tsx

@@ -1,8 +1,16 @@
 import React from 'react'
 import { useTranslation } from '@fayz-ai/core'
+import { useTenantPluginSettings } from '@fayz-ai/saas'
+
+// Per-tenant defaults = the value that used to be the hardcoded `selected` option.
+// Persisted + re-hydrated per tenant; behavioural consumption is a follow-up.
+const TASKS_DEFAULTS = {
+  defaultPriority: 'medium',
+}
 
 export function TasksGeneralSettings() {
   const t = useTranslation()
+  const s = useTenantPluginSettings('tasks', TASKS_DEFAULTS)
 
   return (
     <div className="space-y-6">
@@ -16,9 +24,13 @@ export function TasksGeneralSettings() {
       <div className="space-y-4">
         <div className="space-y-1.5">
           <label className="text-sm font-medium">{t('tasks.settings.defaultPriority')}</label>
-          <select className="w-full max-w-xs rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm">
+          <select
+            className="w-full max-w-xs rounded-input border border-input  bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm"
+            value={s.get('defaultPriority')}
+            onChange={(e) => s.set('defaultPriority', e.target.value)}
+          >
             <option value="low">{t('tasks.priority.low')}</option>
-            <option value="medium" selected>{t('tasks.priority.medium')}</option>
+            <option value="medium">{t('tasks.priority.medium')}</option>
             <option value="high">{t('tasks.priority.high')}</option>
             <option value="urgent">{t('tasks.priority.urgent')}</option>
           </select>

package/src/components/TasksPanel.tsx

@@ -0,0 +1,94 @@
+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

@@ -2,8 +2,11 @@ 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'
@@ -18,19 +21,61 @@ interface TasksTopbarWidgetProps {
 
 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} />
-      <TasksDrawer />
+      <TasksTopbarButtonInner store={tasksStore} railMounted={railMounted} />
+      {!railMounted && <TasksDrawer />}
     </TasksContextProvider>
   )
 }
 
-function TasksTopbarButtonInner({ store }: { store: StoreApi<TasksUIState> }) {
+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()
@@ -43,7 +88,7 @@ function TasksTopbarButtonInner({ store }: { store: StoreApi<TasksUIState> }) {
       variant="ghost"
       size="icon"
       className={cn('relative text-sidebar-foreground/70 hover:bg-sidebar/30 hover:text-sidebar-foreground')}
-      onClick={toggleDrawer}
+      onClick={() => (railMounted ? togglePanel('tasks') : toggleDrawer())}
       aria-label="Tasks"
     >
       <CheckSquare className="h-5 w-5" />

package/src/data/capability.test.ts

@@ -2,7 +2,7 @@
 // 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 PLUGIN_PATTERNS.md → capability anatomy.
+// plugins copy — see docs/PLUGIN-PATTERNS.md → capability anatomy.
 import { describe, it, expect } from 'vitest'
 import { createMockTasksProvider } from './mock'
 

package/src/data/supabase.ts

@@ -2,6 +2,7 @@ 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.
@@ -35,7 +36,7 @@ export function createSupabaseTasksProvider(): TasksDataProvider {
       const tenantId = getTenantId()
       if (!tenantId) return []
       let q = getClient()
-        .from('tsk_tasks')
+        .from(T.tasks)
         .select('*')
         .eq('tenant_id', tenantId)
 
@@ -72,7 +73,7 @@ export function createSupabaseTasksProvider(): TasksDataProvider {
 
     async getTaskById(id) {
       const { data } = await getClient()
-        .from('tsk_tasks')
+        .from(T.tasks)
         .select('*')
         .eq('id', id)
         .maybeSingle()
@@ -81,7 +82,7 @@ export function createSupabaseTasksProvider(): TasksDataProvider {
 
     async getSubtasks(parentId) {
       const { data } = await getClient()
-        .from('tsk_tasks')
+        .from(T.tasks)
         .select('*')
         .eq('parent_id', parentId)
         .order('position', { ascending: true })
@@ -94,7 +95,7 @@ export function createSupabaseTasksProvider(): TasksDataProvider {
 
       // Get max position for the status group
       const { data: maxData } = await getClient()
-        .from('tsk_tasks')
+        .from(T.tasks)
         .select('position')
         .eq('tenant_id', tenantId)
         .eq('status', input.status ?? 'todo')
@@ -104,7 +105,7 @@ export function createSupabaseTasksProvider(): TasksDataProvider {
       const maxPos = maxData?.[0]?.position ?? -1
 
       const { data, error } = await getClient()
-        .from('tsk_tasks')
+        .from(T.tasks)
         .insert({
           tenant_id: tenantId,
           title: input.title,
@@ -135,7 +136,7 @@ export function createSupabaseTasksProvider(): TasksDataProvider {
       if (input.position !== undefined) payload.position = input.position
 
       const { data, error } = await getClient()
-        .from('tsk_tasks')
+        .from(T.tasks)
         .update(payload)
         .eq('id', id)
         .select('*')
@@ -145,12 +146,12 @@ export function createSupabaseTasksProvider(): TasksDataProvider {
     },
 
     async deleteTask(id) {
-      await getClient().from('tsk_tasks').delete().eq('id', id)
+      await getClient().from(T.tasks).delete().eq('id', id)
     },
 
     async reorderTask(id, newPosition, status) {
       await getClient()
-        .from('tsk_tasks')
+        .from(T.tasks)
         .update({ position: newPosition, status, updated_at: new Date().toISOString() })
         .eq('id', id)
     },
@@ -159,7 +160,7 @@ export function createSupabaseTasksProvider(): TasksDataProvider {
       const tenantId = getTenantId()
       if (!tenantId) return []
       const { data } = await getClient()
-        .from('tsk_labels')
+        .from(T.labels)
         .select('*')
         .eq('tenant_id', tenantId)
         .eq('is_active', true)
@@ -172,7 +173,7 @@ export function createSupabaseTasksProvider(): TasksDataProvider {
       if (!tenantId) return { total: 0, todo: 0, inProgress: 0, done: 0, overdue: 0, dueToday: 0, highPriority: 0 }
 
       const { data } = await getClient()
-        .from('tsk_tasks')
+        .from(T.tasks)
         .select('status, priority, due_date')
         .eq('tenant_id', tenantId)
         .is('parent_id', null)

package/src/data/tables.ts

@@ -0,0 +1,6 @@
+// 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