@fayz-ai/plugin-tasks 0.9.3 → 0.10.0

package/dist/index.js

@@ -1,375 +1,12 @@
-import React4, { useEffect, useState, useCallback } from 'react';
-import { createPluginContext, registerNotesTasksAdapter, NOTE_LABEL_PREFIX, dedup, useRightRailStore, useRightRailPanel, useTenantPluginSettings, useDelegateToAssistant } from '@fayz-ai/admin';
-import { registerTranslations, createSafeDataProvider, useTranslation, getActiveTenantId, getSupabaseClientOptional } from '@fayz-ai/core';
-import { createStore } from 'zustand/vanilla';
+import { registerTranslations, useTranslation } from '@fayz-ai/core';
+import { getTasksProvider, registerNotesTasksAdapter, useTasksStore, NOTE_LABEL_PREFIX, useTenantPluginSettings, useRightRailStore, useWidgetSurface, useTasksSummaryLine, RightRailPage, TasksPanel } from '@fayz-ai/admin';
+export { TaskCard, TaskDetail, TaskQuickAdd, TasksFilterBar, TasksPanel, createMockTasksProvider, createSupabaseTasksProvider, useTasksStore, useTasksSummaryLine } from '@fayz-ai/admin';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { CheckSquare, ClipboardList, Plus, ArrowLeft, Trash2, ChevronDown, Calendar, Sparkles, ListChecks, ChevronRight, AlertTriangle, ArrowUp, Minus, ArrowDown } from 'lucide-react';
-import { Button, cn, Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetBody, Checkbox } from '@fayz-ai/ui';
-import { useStore } from 'zustand';
+import { useEffect } from 'react';
+import { CheckSquare } from 'lucide-react';
+import { useLayoutStore, useRailRow, cn, SheetBody } from '@fayz-ai/ui';
 
 // src/index.ts
-var ctx = createPluginContext("TasksContextProvider");
-var TasksContextProvider = ctx.ContextProvider;
-ctx.useConfig;
-ctx.useProvider;
-var useTasksStore = ctx.useStore;
-
-// src/data/mock.ts
-function uid() {
-  return crypto.randomUUID?.() ?? String(Date.now());
-}
-function now() {
-  return (/* @__PURE__ */ new Date()).toISOString();
-}
-function today() {
-  return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
-}
-var SEED_LABELS = [
-  { 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() {
-  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", priority: "high", dueDate: today(), position: 0 },
-    { ...base, id: uid(), title: "Update menu photos", status: "todo", priority: "medium", dueDate: null, position: 1 },
-    { ...base, id: uid(), title: "Review monthly report", status: "in_progress", priority: "medium", dueDate: null, position: 0 },
-    { ...base, id: uid(), title: "Fix login bug", status: "in_progress", priority: "urgent", dueDate: today(), position: 1, labels: ["lbl-bug"] },
-    { ...base, id: uid(), title: "Onboard new employee", status: "done", priority: "low", dueDate: null, position: 0 }
-  ];
-}
-function matchesQuery(task, query) {
-  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 !== void 0) {
-    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;
-}
-function createMockTasksProvider() {
-  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) {
-      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 = {
-        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) {
-      const idx = tasks.findIndex((t) => t.id === id);
-      if (idx === -1) throw new Error("Task not found");
-      tasks[idx] = { ...tasks[idx], ...input, updatedAt: now() };
-      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
-      };
-    }
-  };
-}
-
-// src/data/tables.ts
-var T = {
-  tasks: "plg_tasks_tasks",
-  labels: "plg_tasks_labels"
-};
-
-// src/data/supabase.ts
-function getTenantId() {
-  return getActiveTenantId();
-}
-function getClient() {
-  const supabase = getSupabaseClientOptional();
-  if (!supabase) throw new Error("Supabase not initialized");
-  return supabase;
-}
-function snakeToCamel(obj) {
-  const result = {};
-  for (const [key, value] of Object.entries(obj)) {
-    result[key.replace(/_([a-z])/g, (_, c) => c.toUpperCase())] = value;
-  }
-  return result;
-}
-function toTask(row) {
-  const t = snakeToCamel(row);
-  if (!Array.isArray(t.labels)) t.labels = [];
-  return t;
-}
-function createSupabaseTasksProvider() {
-  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", (/* @__PURE__ */ 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");
-      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 = { updated_at: (/* @__PURE__ */ new Date()).toISOString() };
-      if (input.title !== void 0) payload.title = input.title;
-      if (input.description !== void 0) payload.description = input.description;
-      if (input.status !== void 0) payload.status = input.status;
-      if (input.priority !== void 0) payload.priority = input.priority;
-      if (input.dueDate !== void 0) payload.due_date = input.dueDate;
-      if (input.assignedToId !== void 0) payload.assigned_to_id = input.assignedToId;
-      if (input.labels !== void 0) payload.labels = input.labels;
-      if (input.position !== void 0) 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: (/* @__PURE__ */ 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) => snakeToCamel(r));
-    },
-    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 today2 = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
-      return {
-        total: tasks.length,
-        todo: tasks.filter((t) => t.status === "todo").length,
-        inProgress: tasks.filter((t) => t.status === "in_progress").length,
-        done: tasks.filter((t) => t.status === "done").length,
-        overdue: tasks.filter((t) => t.due_date && t.due_date < today2 && t.status !== "done" && t.status !== "cancelled").length,
-        dueToday: tasks.filter((t) => t.due_date === today2 && t.status !== "done" && t.status !== "cancelled").length,
-        highPriority: tasks.filter((t) => (t.priority === "high" || t.priority === "urgent") && t.status !== "done" && t.status !== "cancelled").length
-      };
-    }
-  };
-}
-function createTasksStore(provider) {
-  return createStore((set, get) => ({
-    tasks: [],
-    tasksLoading: false,
-    labels: [],
-    summary: null,
-    summaryLoading: false,
-    drawerOpen: false,
-    selectedTaskId: null,
-    activeFilter: "all",
-    // ----- Data actions -----
-    async fetchTasks(query) {
-      return dedup("tasks:list", async () => {
-        set({ tasksLoading: true });
-        try {
-          const filter = get().activeFilter;
-          const q = {
-            parentId: null,
-            ...query,
-            ...filter !== "all" ? { status: filter } : {}
-          };
-          const tasks = await provider.getTasks(q);
-          set({ tasks, tasksLoading: false });
-        } catch {
-          set({ tasksLoading: false });
-        }
-      });
-    },
-    async fetchLabels() {
-      return dedup("tasks:labels", async () => {
-        try {
-          const labels = await provider.getLabels();
-          set({ labels });
-        } catch {
-        }
-      });
-    },
-    async fetchSummary() {
-      return dedup("tasks:summary", async () => {
-        set({ summaryLoading: true });
-        try {
-          const summary = await provider.getSummary();
-          set({ summary, summaryLoading: false });
-        } catch {
-          set({ summaryLoading: false });
-        }
-      });
-    },
-    async createTask(input) {
-      const task = await provider.createTask(input);
-      await get().fetchTasks();
-      await get().fetchSummary();
-      return task;
-    },
-    async updateTask(id, input) {
-      const task = await provider.updateTask(id, input);
-      set((s) => ({ tasks: s.tasks.map((t) => t.id === id ? task : t) }));
-      await get().fetchSummary();
-      return task;
-    },
-    async deleteTask(id) {
-      await provider.deleteTask(id);
-      set((s) => ({ tasks: s.tasks.filter((t) => t.id !== id), selectedTaskId: null }));
-      await get().fetchSummary();
-    },
-    async reorderTask(id, newPosition, status) {
-      await provider.reorderTask(id, newPosition, status);
-      await get().fetchTasks();
-    },
-    // ----- UI actions -----
-    openDrawer() {
-      set({ drawerOpen: true });
-      get().fetchTasks();
-      get().fetchLabels();
-      get().fetchSummary();
-    },
-    closeDrawer() {
-      set({ drawerOpen: false, selectedTaskId: null });
-    },
-    toggleDrawer() {
-      const { drawerOpen } = get();
-      if (drawerOpen) get().closeDrawer();
-      else get().openDrawer();
-    },
-    selectTask(id) {
-      set({ selectedTaskId: id });
-    },
-    setFilter(filter) {
-      set({ activeFilter: filter });
-      get().fetchTasks();
-    }
-  }));
-}
 
 // src/locales/en.ts
 var en = {
@@ -466,6 +103,7 @@ var tasksLocales = {
 };
 
 // src/data/registries.ts
+var LABELS_TABLE = "plg_tasks_labels";
 var taskLabelEntity = {
   name: "Task Label",
   namePlural: "Task Labels",
@@ -477,7 +115,7 @@ var taskLabelEntity = {
     { key: "color", label: "Color", type: "text", showInTable: true, defaultValue: "#6366f1" },
     { key: "isActive", label: "Active", type: "boolean", showInTable: true, defaultValue: true }
   ],
-  data: { table: T.labels, tenantScoped: true }
+  data: { table: LABELS_TABLE, tenantScoped: true }
 };
 var tasksRegistries = [
   {
@@ -524,516 +162,86 @@ function TasksGeneralSettings() {
     ] }) })
   ] });
 }
-var FILTERS = [
-  { key: "all", labelKey: "tasks.filter.all" },
-  { key: "todo", labelKey: "tasks.filter.todo" },
-  { key: "in_progress", labelKey: "tasks.filter.inProgress" },
-  { key: "done", labelKey: "tasks.filter.done" }
-];
-function TasksFilterBar() {
-  const t = useTranslation();
-  const activeFilter = useTasksStore((s) => s.activeFilter);
-  const setFilter = useTasksStore((s) => s.setFilter);
-  const summary = useTasksStore((s) => s.summary);
-  const getCount = (key) => {
-    if (!summary) return void 0;
-    switch (key) {
-      case "all":
-        return summary.total;
-      case "todo":
-        return summary.todo;
-      case "in_progress":
-        return summary.inProgress;
-      case "done":
-        return summary.done;
-      default:
-        return void 0;
-    }
-  };
-  return /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 px-3 py-2 border-b overflow-x-auto", children: FILTERS.map(({ key, labelKey }) => {
-    const active = activeFilter === key;
-    const count = getCount(key);
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setFilter(key),
-        className: `inline-flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium transition-colors whitespace-nowrap ${active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
-        children: [
-          t(labelKey),
-          count != null && /* @__PURE__ */ jsx("span", { className: `text-[10px] ${active ? "text-primary-foreground/80" : "text-muted-foreground"}`, children: count })
-        ]
-      },
-      key
-    );
-  }) });
-}
-function TaskQuickAdd({ parentId }) {
+function TasksDrawer() {
   const t = useTranslation();
-  const createTask = useTasksStore((s) => s.createTask);
-  const [title, setTitle] = useState("");
-  const [loading, setLoading] = useState(false);
-  const handleSubmit = useCallback(async (e) => {
-    e.preventDefault();
-    const trimmed = title.trim();
-    if (!trimmed || loading) return;
-    setLoading(true);
-    try {
-      await createTask({
-        title: trimmed,
-        parentId: parentId ?? null
-      });
-      setTitle("");
-    } finally {
-      setLoading(false);
-    }
-  }, [title, loading, createTask, parentId]);
-  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, className: "flex items-center gap-2 px-3 py-2 border-b", children: [
-    /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "text",
-        value: title,
-        onChange: (e) => setTitle(e.target.value),
-        placeholder: parentId ? t("tasks.detail.addSubtask") : t("tasks.quickAdd.placeholder"),
-        className: "flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground/60",
-        disabled: loading
-      }
-    )
-  ] });
-}
-var PRIORITY_CONFIG = {
-  low: { color: "text-muted-foreground", bg: "bg-muted", icon: ArrowDown },
-  medium: { color: "text-info-soft-foreground", bg: "bg-info-soft", icon: Minus },
-  high: { color: "text-warning-soft-foreground", bg: "bg-warning-soft", icon: ArrowUp },
-  urgent: { color: "text-destructive-soft-foreground", bg: "bg-destructive-soft", icon: AlertTriangle }
-};
-function TaskPriorityBadge({ priority, showLabel }) {
-  const cfg = PRIORITY_CONFIG[priority];
-  const Icon = cfg.icon;
-  return /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium ${cfg.color} ${cfg.bg}`, children: [
-    /* @__PURE__ */ jsx(Icon, { className: "h-3 w-3" }),
-    showLabel && /* @__PURE__ */ jsx("span", { className: "capitalize", children: priority })
-  ] });
-}
-function TaskLabelBadge({ labelId }) {
-  const labels = useTasksStore((s) => s.labels);
-  const label = labels.find((l) => l.id === labelId);
-  if (!label) return null;
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: "inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium leading-none",
-      style: {
-        backgroundColor: label.color + "20",
-        color: label.color
-      },
-      children: label.name
-    }
-  );
-}
-function TaskLabelBadges({ labelIds, max = 2 }) {
-  if (labelIds.length === 0) return null;
-  const visible = labelIds.slice(0, max);
-  const overflow = labelIds.length - max;
-  return /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
-    visible.map((id) => /* @__PURE__ */ jsx(TaskLabelBadge, { labelId: id }, id)),
-    overflow > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
-      "+",
-      overflow
-    ] })
-  ] });
-}
-function isOverdue(dueDate) {
-  if (!dueDate) return false;
-  return dueDate < (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
-}
-function isToday(dueDate) {
-  if (!dueDate) return false;
-  return dueDate === (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
-}
-function formatDueDate(dueDate) {
-  const d = /* @__PURE__ */ new Date(dueDate + "T00:00:00");
-  return d.toLocaleDateString(void 0, { month: "short", day: "numeric" });
-}
-function TaskCard({ task, subtaskCount }) {
-  const selectTask = useTasksStore((s) => s.selectTask);
-  const updateTask = useTasksStore((s) => s.updateTask);
-  const isDone = task.status === "done";
-  const overdue = !isDone && isOverdue(task.dueDate);
-  const dueToday = !isDone && isToday(task.dueDate);
-  const handleCheck = (e) => {
-    e.stopPropagation();
-    updateTask(task.id, { status: isDone ? "todo" : "done" });
-  };
+  const drawerOpen = useTasksStore((s) => s.drawerOpen);
+  const closeDrawer = useTasksStore((s) => s.closeDrawer);
+  const summaryLine = useTasksSummaryLine();
   return /* @__PURE__ */ jsxs(
-    "div",
+    RightRailPage,
     {
-      onClick: () => selectTask(task.id),
-      className: "group flex items-start gap-2.5 rounded-lg border border-transparent px-3 py-2.5 transition-colors hover:bg-muted bg-card shadow-button active:shadow-button-inset hover:border-border cursor-pointer",
+      title: t("tasks.drawer.title"),
+      open: drawerOpen,
+      onClose: closeDrawer,
+      width: "max-w-lg",
       children: [
-        /* @__PURE__ */ jsx("div", { className: "pt-0.5", onClick: handleCheck, children: /* @__PURE__ */ jsx(Checkbox, { checked: isDone, onChange: () => {
-        } }) }),
-        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
-          /* @__PURE__ */ jsx("p", { className: `text-sm leading-snug ${isDone ? "line-through text-muted-foreground" : ""}`, children: task.title }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-            /* @__PURE__ */ jsx(TaskPriorityBadge, { priority: task.priority }),
-            task.dueDate && /* @__PURE__ */ jsxs("span", { className: `inline-flex items-center gap-1 text-[11px] ${overdue ? "text-destructive font-medium" : dueToday ? "text-warning font-medium" : "text-muted-foreground"}`, children: [
-              /* @__PURE__ */ jsx(Calendar, { className: "h-3 w-3" }),
-              formatDueDate(task.dueDate)
-            ] }),
-            subtaskCount && subtaskCount.total > 0 && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1 text-[11px] text-muted-foreground", children: [
-              /* @__PURE__ */ jsx(ListChecks, { className: "h-3 w-3" }),
-              subtaskCount.done,
-              "/",
-              subtaskCount.total
-            ] }),
-            /* @__PURE__ */ jsx(TaskLabelBadges, { labelIds: task.labels, max: 2 })
-          ] })
-        ] }),
-        task.assignedToName && /* @__PURE__ */ jsx("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-primary/10 text-[10px] font-medium text-primary", title: task.assignedToName, children: task.assignedToName.split(" ").map((n) => n[0]).join("").slice(0, 2).toUpperCase() })
+        /* @__PURE__ */ jsx("p", { className: "shrink-0 border-b border-border/40 px-5 py-2 text-xs text-muted-foreground", children: summaryLine || t("tasks.drawer.subtitle") }),
+        /* @__PURE__ */ jsx(SheetBody, { className: "flex flex-col px-0 py-0", children: /* @__PURE__ */ jsx(TasksPanel, {}) })
       ]
     }
   );
 }
-var STATUS_COLORS = {
-  todo: "bg-muted-foreground",
-  in_progress: "bg-info",
-  done: "bg-success",
-  cancelled: "bg-muted-foreground/60"
-};
-function TaskStatusGroup({ status, tasks }) {
-  const t = useTranslation();
-  const [collapsed, setCollapsed] = useState(status === "cancelled");
-  if (tasks.length === 0) return null;
-  const Chevron = collapsed ? ChevronRight : ChevronDown;
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setCollapsed(!collapsed),
-        className: "flex w-full items-center gap-2 px-3 py-1.5 text-xs font-semibold text-muted-foreground uppercase tracking-wider hover:text-foreground transition-colors",
-        children: [
-          /* @__PURE__ */ jsx("span", { className: `h-2 w-2 rounded-full ${STATUS_COLORS[status]}` }),
-          /* @__PURE__ */ jsx("span", { children: t(`tasks.status.${status}`) }),
-          /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-normal", children: [
-            "(",
-            tasks.length,
-            ")"
-          ] }),
-          /* @__PURE__ */ jsx(Chevron, { className: "ml-auto h-3.5 w-3.5" })
-        ]
-      }
-    ),
-    !collapsed && /* @__PURE__ */ jsx("div", { children: tasks.map((task) => /* @__PURE__ */ jsx(TaskCard, { task }, task.id)) })
-  ] });
-}
-
-// src/types.ts
-var TASK_STATUSES = ["todo", "in_progress", "done", "cancelled"];
-var TASK_PRIORITIES = ["low", "medium", "high", "urgent"];
-var STATUS_DOT = {
-  todo: "bg-muted-foreground",
-  in_progress: "bg-info",
-  done: "bg-success",
-  cancelled: "bg-muted-foreground/60"
-};
-function formatDateTime(iso) {
-  const d = new Date(iso);
-  const sameDay = d.toDateString() === (/* @__PURE__ */ new Date()).toDateString();
-  return sameDay ? d.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : d.toLocaleDateString(void 0, { day: "2-digit", month: "2-digit", year: "2-digit" });
-}
-function TaskDetail({ taskId }) {
-  const t = useTranslation();
-  const tasks = useTasksStore((s) => s.tasks);
-  const selectTask = useTasksStore((s) => s.selectTask);
-  const updateTask = useTasksStore((s) => s.updateTask);
-  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("");
-  const [subtasks, setSubtasks] = useState([]);
-  useEffect(() => {
-    if (task) {
-      setTitle(task.title);
-      setDescription(task.description ?? "");
-    }
-  }, [task]);
-  useEffect(() => {
-    setSubtasks([]);
-  }, [taskId]);
-  const handleTitleBlur = useCallback(() => {
-    if (task && title.trim() && title !== task.title) {
-      updateTask(task.id, { title: title.trim() });
-    }
-  }, [task, title, updateTask]);
-  const handleDescriptionBlur = useCallback(() => {
-    if (task && description !== (task.description ?? "")) {
-      updateTask(task.id, { description: description || null });
-    }
-  }, [task, description, updateTask]);
-  const handleDelete = useCallback(() => {
-    if (task && confirm(t("tasks.detail.deleteConfirm"))) {
-      deleteTask(task.id);
-    }
-  }, [task, deleteTask, t]);
-  if (!task) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-8 text-muted-foreground", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-sm", children: "Task not found" }),
-      /* @__PURE__ */ jsx("button", { type: "button", onClick: () => selectTask(null), className: "mt-2 text-xs text-primary hover:underline", children: t("tasks.detail.back") })
-    ] });
-  }
-  return (
-    // Same frame as the Notes editor: header row with back + icon actions,
-    // full-bleed px-4 content, sectioned by hairlines, thin timestamp footer.
-    /* @__PURE__ */ jsxs("div", { className: "flex min-h-full flex-col", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 border-b border-border/40 px-2 py-1.5", children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            onClick: () => selectTask(null),
-            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",
-            children: [
-              /* @__PURE__ */ jsx(ArrowLeft, { className: "h-3.5 w-3.5" }),
-              t("tasks.drawer.title")
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "flex-1" }),
-        /* @__PURE__ */ jsx(
-          "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",
-            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3.5 w-3.5" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx(
-        "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"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5 px-4 pt-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(
-            "select",
-            {
-              value: task.status,
-              onChange: (e) => updateTask(task.id, { status: e.target.value }),
-              className: "appearance-none rounded-full border bg-background pl-5 pr-6 py-1 text-xs font-medium cursor-pointer hover:border-primary/40 transition-colors",
-              children: TASK_STATUSES.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: t(`tasks.status.${s}`) }, s))
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: `absolute left-2 top-1/2 -translate-y-1/2 h-2 w-2 rounded-full ${STATUS_DOT[task.status]}` }),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "absolute right-1.5 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground pointer-events-none" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(
-            "select",
-            {
-              value: task.priority,
-              onChange: (e) => updateTask(task.id, { priority: e.target.value }),
-              className: "appearance-none rounded-full border bg-background pl-2 pr-6 py-1 text-xs font-medium cursor-pointer hover:border-primary/40 transition-colors",
-              children: TASK_PRIORITIES.map((p) => /* @__PURE__ */ jsx("option", { value: p, children: t(`tasks.priority.${p}`) }, p))
-            }
-          ),
-          /* @__PURE__ */ jsx(ChevronDown, { className: "absolute right-1.5 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground pointer-events-none" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "date",
-              value: task.dueDate ?? "",
-              onChange: (e) => updateTask(task.id, { dueDate: e.target.value || null }),
-              className: "appearance-none rounded-full border bg-background pl-6 pr-2 py-1 text-xs font-medium cursor-pointer hover:border-primary/40 transition-colors w-[120px]"
-            }
-          ),
-          /* @__PURE__ */ jsx(Calendar, { className: "absolute left-2 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground pointer-events-none" })
-        ] }),
-        task.labels.length > 0 && /* @__PURE__ */ jsx(TaskLabelBadges, { labelIds: task.labels, max: 3 })
-      ] }),
-      /* @__PURE__ */ jsx(
-        "textarea",
-        {
-          value: description,
-          onChange: (e) => setDescription(e.target.value),
-          onBlur: handleDescriptionBlur,
-          placeholder: t("tasks.detail.descriptionPlaceholder"),
-          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"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: () => delegate(
-            `${t("tasks.detail.chatWithAi.prompt")}
-
-"${task.title}"${task.description ? `
-${task.description}` : ""}${task.dueDate ? `
-(${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",
-          children: [
-            /* @__PURE__ */ jsx(Sparkles, { className: "h-4 w-4 transition-transform duration-300 group-hover:rotate-12" }),
-            t("tasks.detail.chatWithAi")
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
-        /* @__PURE__ */ jsxs("p", { className: "pb-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground/60", children: [
-          t("tasks.detail.subtasks"),
-          subtasks.length > 0 ? ` \xB7 ${subtasks.length}` : ""
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "-mx-3", children: /* @__PURE__ */ jsx(TaskQuickAdd, { parentId: task.id }) }),
-        subtasks.length > 0 && /* @__PURE__ */ jsx("div", { className: "divide-y divide-border/40", children: subtasks.map((st) => /* @__PURE__ */ jsx(TaskCard, { task: st }, st.id)) })
-      ] }),
-      /* @__PURE__ */ jsxs("p", { className: "border-t border-border/40 px-4 py-1.5 text-[10px] text-muted-foreground/60", children: [
-        t("tasks.detail.created"),
-        " ",
-        formatDateTime(task.createdAt),
-        " \xB7 ",
-        t("tasks.detail.updated"),
-        " ",
-        formatDateTime(task.updatedAt)
-      ] })
-    ] })
-  );
-}
-var STATUS_ORDER = ["todo", "in_progress", "done", "cancelled"];
-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);
-  React4.useEffect(() => {
-    void fetchTasks();
-    void fetchLabels();
-    void fetchSummary();
-  }, [fetchTasks, fetchLabels, fetchSummary]);
-  const grouped = React4.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    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]);
+function TasksLauncher() {
+  const railMounted = useRightRailStore((s) => s.mounted);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    !selectedTaskId && /* @__PURE__ */ jsx(TasksFilterBar, {}),
-    !selectedTaskId && /* @__PURE__ */ jsx(TaskQuickAdd, {}),
-    /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: selectedTaskId ? /* @__PURE__ */ jsx(TaskDetail, { taskId: selectedTaskId }) : tasksLoading && tasks.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }) : tasks.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-16 text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(ClipboardList, { className: "mb-3 h-10 w-10 opacity-40" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("tasks.empty") }),
-      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs", children: t("tasks.empty.description") })
-    ] }) : activeFilter !== "all" ? /* @__PURE__ */ jsx("div", { className: "py-1", children: tasks.map((task) => /* @__PURE__ */ jsx("div", { className: "px-2", children: /* @__PURE__ */ jsx(TaskCard, { task }) }, task.id)) }) : /* @__PURE__ */ jsx("div", { className: "space-y-2 py-2", children: STATUS_ORDER.filter((s) => s !== "cancelled" || (grouped.get(s)?.length ?? 0) > 0).map((status) => /* @__PURE__ */ jsx(TaskStatusGroup, { status, tasks: grouped.get(status) ?? [] }, status)) }) })
+    /* @__PURE__ */ jsx(TasksLauncherRow, { railMounted }),
+    !railMounted && /* @__PURE__ */ jsx(TasksDrawer, {})
   ] });
 }
-function useTasksSummaryLine() {
+function TasksLauncherRow({ railMounted }) {
   const t = useTranslation();
+  const toggleDrawer = useTasksStore((s) => s.toggleDrawer);
+  const fetchSummary = useTasksStore((s) => s.fetchSummary);
   const summary = useTasksStore((s) => s.summary);
-  return React4.useMemo(() => {
-    if (!summary) return "";
-    const parts = [];
-    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(" \xB7 ");
-  }, [summary, t]);
-}
-function TasksDrawer() {
-  const t = useTranslation();
-  const drawerOpen = useTasksStore((s) => s.drawerOpen);
-  const closeDrawer = useTasksStore((s) => s.closeDrawer);
-  const summaryLine = useTasksSummaryLine();
-  return /* @__PURE__ */ jsx(Sheet, { open: drawerOpen, onOpenChange: (v) => {
-    if (!v) closeDrawer();
-  }, children: /* @__PURE__ */ jsxs(SheetContent, { width: "max-w-lg", overlay: "dim", children: [
-    /* @__PURE__ */ jsxs(SheetHeader, { children: [
-      /* @__PURE__ */ jsx(SheetTitle, { children: t("tasks.drawer.title") }),
-      /* @__PURE__ */ jsx(SheetDescription, { children: summaryLine || t("tasks.drawer.subtitle") })
-    ] }),
-    /* @__PURE__ */ jsx(SheetBody, { className: "flex flex-col px-0 py-0", children: /* @__PURE__ */ jsx(TasksPanel, {}) })
-  ] }) });
-}
-function TasksTopbarButton({ config }) {
-  const { tasksConfig, tasksProvider, tasksStore } = config;
-  const t = useTranslation();
-  const railMounted = useRightRailStore((s) => s.mounted);
-  const summary = useStore(tasksStore, (s) => s.summary);
-  const openCount = summary ? summary.todo + summary.inProgress : 0;
-  const Panel = React4.useMemo(() => {
-    const RailPanel = () => /* @__PURE__ */ jsx(TasksContextProvider, { config: tasksConfig, provider: tasksProvider, store: tasksStore, children: /* @__PURE__ */ jsx(TasksPanel, {}) });
-    RailPanel.displayName = "TasksRailPanel";
-    return RailPanel;
-  }, [tasksConfig, tasksProvider, tasksStore]);
-  useRightRailPanel(
-    React4.useMemo(
-      () => railMounted ? {
-        id: "tasks",
-        label: t("tasks.drawer.title") || "Tasks",
-        icon: CheckSquare,
-        order: 20,
-        badge: { count: openCount, tone: "destructive" },
-        Component: Panel
-      } : null,
-      [railMounted, t, Panel, openCount]
-    )
-  );
-  return /* @__PURE__ */ jsxs(TasksContextProvider, { config: tasksConfig, provider: tasksProvider, store: tasksStore, children: [
-    /* @__PURE__ */ jsx(TasksTopbarButtonInner, { store: tasksStore, railMounted }),
-    !railMounted && /* @__PURE__ */ jsx(TasksDrawer, {})
-  ] });
-}
-function TasksTopbarButtonInner({
-  store,
-  railMounted
-}) {
-  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;
+  const collapsed = useLayoutStore((s) => s.sidebarCollapsed);
+  const surface = useWidgetSurface();
+  const compact = collapsed || surface === "topbar";
+  const label = t("tasks.drawer.title") || "Tasks";
+  const open = () => railMounted ? togglePanel("tasks") : toggleDrawer();
+  const railRow = useRailRow(
+    surface === "rail" ? { key: "tasks", label, badge: pendingCount > 0 ? pendingCount : void 0 } : null
+  );
+  if (compact) {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ...railRow,
+        onClick: open,
+        "aria-label": label,
+        title: surface === "topbar" ? label : void 0,
+        className: cn(
+          "fz-tap relative flex shrink-0 items-center justify-center rounded-button p-2 text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-foreground",
+          // Na trilha ele é uma linha (ocupa a coluna); na barra, um ícone
+          // entre outros, e esticar tomaria a barra inteira.
+          surface === "rail" && "w-full"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CheckSquare, { className: "h-4 w-4" }),
+          pendingCount > 0 && /* @__PURE__ */ jsx("span", { className: "absolute right-1 top-1 h-2 w-2 rounded-full bg-destructive" })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
-    Button,
+    "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",
+      onClick: open,
+      "aria-label": label,
+      className: "fz-tap flex w-full items-center gap-2 rounded-button px-2.5 py-1.5 text-sm text-sidebar-muted transition-colors hover:bg-sidebar-accent/50 hover:text-sidebar-foreground",
       children: [
-        /* @__PURE__ */ jsx(CheckSquare, { className: "h-5 w-5" }),
+        /* @__PURE__ */ jsx(CheckSquare, { className: "h-4 w-4 shrink-0" }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-left", children: label }),
         pendingCount > 0 && /* @__PURE__ */ jsx(
           "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]"
+              "flex shrink-0 items-center justify-center rounded-full bg-destructive text-[10px] text-destructive-foreground",
+              pendingCount > 9 ? "h-5 min-w-5 px-1" : "h-4 w-4"
             ),
             children: pendingCount > 99 ? "99+" : pendingCount
           }
@@ -1123,8 +331,56 @@ DROP POLICY IF EXISTS plg_tasks_labels_delete ON public.plg_tasks_labels;
 CREATE POLICY plg_tasks_labels_delete ON public.plg_tasks_labels FOR DELETE TO authenticated USING (tenant_id IN (SELECT public.user_tenant_ids()));
 GRANT SELECT, INSERT, UPDATE, DELETE ON public.plg_tasks_labels TO authenticated;
 `;
+var MIGRATION_002_TASKS_TO_SPINE = `-- 002_tasks_to_spine.sql \u2014 carry this plugin's rows into the spine's tasks table.
+--
+-- public.tasks (db migration 047) is now the one table admin work lives in: the
+-- shell's getting-started checklist writes it, so it has to exist in apps that
+-- never installed this plugin. This file moves what plg_tasks_tasks already has.
+--
+-- WHY THE COPY IS HERE AND NOT IN 047. \`fayz db apply\` runs the spine BEFORE
+-- plugins (cli/src/lib/migration-plan.ts). On a fresh pool 047 runs while
+-- plg_tasks_tasks does not exist yet, and a checksum-frozen file cannot try
+-- again later. Here, both tables are guaranteed to exist.
+--
+-- plg_tasks_tasks is NOT dropped. It is retired in place; a later migration
+-- removes it once the fleet has been verified on the new table.
+--
+-- Idempotent.
 
-// src/index.ts
+DO $$
+BEGIN
+  -- An app on an older @fayz-ai/db has no spine table to copy into. Say so and
+  -- leave: the plugin still works against its own table until db is upgraded.
+  IF to_regclass('public.tasks') IS NULL THEN
+    RAISE NOTICE 'plugin-tasks 002: public.tasks not found \u2014 upgrade @fayz-ai/db to move tasks to the spine';
+    RETURN;
+  END IF;
+
+  IF to_regclass('public.plg_tasks_tasks') IS NULL THEN
+    RETURN;  -- fresh pool: nothing to carry
+  END IF;
+
+  -- The id is preserved deliberately. The notes bridge keys a note's todos by
+  -- task id and stores the link as a 'note:<id>' string in \`labels\`; a new id
+  -- here would orphan every note todo in the fleet.
+  --
+  -- Roots before children so the self-referencing parent_id always resolves.
+  -- auth.uid() is NULL in a migration session and both of 047's stamping
+  -- triggers COALESCE, so these explicit values win.
+  INSERT INTO public.tasks (
+    id, tenant_id, title, description, status, priority, due_date,
+    assigned_to_id, assigned_to_name, parent_id, labels, position,
+    created_by, created_by_name, owner_id, created_at, updated_at
+  )
+  SELECT
+    src.id, src.tenant_id, src.title, src.description, src.status, src.priority, src.due_date,
+    src.assigned_to_id, src.assigned_to_name, src.parent_id, src.labels, src.position,
+    src.created_by_id, src.created_by_name, src.created_by_id, src.created_at, src.updated_at
+  FROM public.plg_tasks_tasks src
+  ORDER BY src.parent_id NULLS FIRST
+  ON CONFLICT (id) DO NOTHING;
+END $$;
+`;
 var DEFAULT_LABELS = {
   drawerTitle: "Tasks",
   settingsTitle: "Tasks",
@@ -1138,11 +394,8 @@ function resolveConfig(options) {
 function createTasksPlugin(options) {
   const config = resolveConfig(options);
   registerTranslations(tasksLocales);
-  const provider = options?.dataProvider ?? createSafeDataProvider(
-    () => createSupabaseTasksProvider(),
-    () => createMockTasksProvider()
-  );
-  const store = createTasksStore(provider);
+  const provider = options?.dataProvider ?? getTasksProvider();
+  const store = useTasksStore;
   registerNotesTasksAdapter({
     async createTodo({ title, noteId, noteTitle }) {
       const task = await provider.createTask({
@@ -1169,6 +422,7 @@ function createTasksPlugin(options) {
   });
   return {
     id: "tasks",
+    defaultAgentRole: "setup",
     name: config.labels.drawerTitle,
     icon: "CheckSquare",
     version: "1.0.0",
@@ -1180,14 +434,15 @@ function createTasksPlugin(options) {
     routes: [],
     widgets: [
       {
-        id: "tasks-topbar-button",
-        zone: "shell.topbar.end",
-        component: TasksTopbarButton,
+        // No pé da trilha, não no topo: tarefas são do workspace, não da
+        // tela aberta — e no topo elas dividiam o canto com as ações da página.
+        id: "tasks-launcher",
+        zone: "shell.sidebar.footer",
+        component: TasksLauncher,
         order: 10,
         props: {
           tasksConfig: config,
-          tasksProvider: provider,
-          tasksStore: store
+          tasksProvider: provider
         }
       }
     ],
@@ -1222,15 +477,7 @@ function createTasksPlugin(options) {
         id: "tasks",
         label: config.labels.settingsTitle,
         icon: "CheckSquare",
-        component: (() => {
-          const Tab = () => React4.createElement(
-            TasksContextProvider,
-            { config, provider, store },
-            React4.createElement(TasksGeneralSettings)
-          );
-          Tab.displayName = "TasksSettingsTab";
-          return Tab;
-        })(),
+        component: TasksGeneralSettings,
         order: 14
       }
     ],
@@ -1246,6 +493,12 @@ function createTasksPlugin(options) {
         version: "1.0.0",
         sql: MIGRATION_001_TASKS_BASE,
         description: "Create plg_tasks_tasks and plg_tasks_labels"
+      },
+      {
+        id: "tasks-002-to-spine",
+        version: "1.1.0",
+        sql: MIGRATION_002_TASKS_TO_SPINE,
+        description: "Copy plg_tasks_tasks rows into the spine public.tasks (ids preserved; the old table is retired in place, not dropped)"
       }
     ],
     locales: tasksLocales