@fayz-ai/plugin-tasks 0.8.0 → 0.8.3

package/dist/components/TaskDetail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TaskDetail.d.ts","sourceRoot":"","sources":["../../src/components/TaskDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAsB/D,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,qBAiKxD"}
+{"version":3,"file":"TaskDetail.d.ts","sourceRoot":"","sources":["../../src/components/TaskDetail.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AA4B/D,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,qBAoLxD"}

package/dist/components/TasksDrawer.d.ts

@@ -1,3 +1,4 @@
 import React from 'react';
+/** Tasks as a sheet — the fallback where the shell has no right rail. */
 export declare function TasksDrawer(): React.JSX.Element;
 //# sourceMappingURL=TasksDrawer.d.ts.map

package/dist/components/TasksDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TasksDrawer.d.ts","sourceRoot":"","sources":["../../src/components/TasksDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAgBzB,wBAAgB,WAAW,sBA6E1B"}
+{"version":3,"file":"TasksDrawer.d.ts","sourceRoot":"","sources":["../../src/components/TasksDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,yEAAyE;AACzE,wBAAgB,WAAW,sBAsB1B"}

package/dist/components/TasksGeneralSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TasksGeneralSettings.d.ts","sourceRoot":"","sources":["../../src/components/TasksGeneralSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,wBAAgB,oBAAoB,sBAyBnC"}
+{"version":3,"file":"TasksGeneralSettings.d.ts","sourceRoot":"","sources":["../../src/components/TasksGeneralSettings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,wBAAgB,oBAAoB,sBA8BnC"}

package/dist/components/TasksPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/** The task list with no box around it — shared by the sheet and the shell's
+ *  right-rail tab. */
+export declare function TasksPanel(): React.JSX.Element;
+/** One-line summary of what needs attention ("3 atrasadas · 2 para hoje"). */
+export declare function useTasksSummaryLine(): string;
+//# sourceMappingURL=TasksPanel.d.ts.map

package/dist/components/TasksPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasksPanel.d.ts","sourceRoot":"","sources":["../../src/components/TasksPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB;sBACsB;AACtB,wBAAgB,UAAU,sBAiEzB;AAED,8EAA8E;AAC9E,wBAAgB,mBAAmB,IAAI,MAAM,CAU5C"}

package/dist/components/TasksTopbarButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TasksTopbarButton.d.ts","sourceRoot":"","sources":["../../src/components/TasksTopbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAIxC,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAEhF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEjD,UAAU,sBAAsB;IAC9B,MAAM,EAAE;QACN,WAAW,EAAE,mBAAmB,CAAA;QAChC,aAAa,EAAE,iBAAiB,CAAA;QAChC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;KACnC,CAAA;CACF;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,sBAAsB,qBASnE"}
+{"version":3,"file":"TasksTopbarButton.d.ts","sourceRoot":"","sources":["../../src/components/TasksTopbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAMxC,OAAO,EAAwB,KAAK,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAGhF,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAY,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEjD,UAAU,sBAAsB;IAC9B,MAAM,EAAE;QACN,WAAW,EAAE,mBAAmB,CAAA;QAChC,aAAa,EAAE,iBAAiB,CAAA;QAChC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAA;KACnC,CAAA;CACF;AAED,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,EAAE,sBAAsB,qBA4CnE"}

package/dist/index.cjs

@@ -406,6 +406,8 @@ var en = {
   "tasks.detail.delete": "Delete Task",
   "tasks.detail.deleteConfirm": "Are you sure you want to delete this task?",
   "tasks.detail.created": "Created",
+  "tasks.detail.chatWithAi": "Chat with AI",
+  "tasks.detail.chatWithAi.prompt": "Take over this task and help me resolve it now, using your tools when needed:",
   "tasks.detail.updated": "Updated",
   "tasks.detail.addSubtask": "Add subtask...",
   "tasks.detail.back": "Back to list",
@@ -448,6 +450,8 @@ var ptBR = {
   "tasks.detail.delete": "Excluir Tarefa",
   "tasks.detail.deleteConfirm": "Tem certeza que deseja excluir esta tarefa?",
   "tasks.detail.created": "Criada em",
+  "tasks.detail.chatWithAi": "Conversar com IA",
+  "tasks.detail.chatWithAi.prompt": "Assuma esta tarefa e me ajude a resolver agora, usando suas ferramentas quando precisar:",
   "tasks.detail.updated": "Atualizada em",
   "tasks.detail.addSubtask": "Adicionar subtarefa...",
   "tasks.detail.back": "Voltar \xE0 lista",
@@ -496,8 +500,12 @@ var tasksRegistries = [
     ]
   }
 ];
+var TASKS_DEFAULTS = {
+  defaultPriority: "medium"
+};
 function TasksGeneralSettings() {
   const t = core.useTranslation();
+  const s = saas.useTenantPluginSettings("tasks", TASKS_DEFAULTS);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-semibold mb-1", children: t("tasks.settings.general") }),
@@ -505,12 +513,20 @@ function TasksGeneralSettings() {
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: t("tasks.settings.defaultPriority") }),
-      /* @__PURE__ */ jsxRuntime.jsxs("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", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "low", children: t("tasks.priority.low") }),
-        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "medium", selected: true, children: t("tasks.priority.medium") }),
-        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "high", children: t("tasks.priority.high") }),
-        /* @__PURE__ */ jsxRuntime.jsx("option", { value: "urgent", children: t("tasks.priority.urgent") })
-      ] })
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "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),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "low", children: t("tasks.priority.low") }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "medium", children: t("tasks.priority.medium") }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "high", children: t("tasks.priority.high") }),
+            /* @__PURE__ */ jsxRuntime.jsx("option", { value: "urgent", children: t("tasks.priority.urgent") })
+          ]
+        }
+      )
     ] }) })
   ] });
 }
@@ -730,8 +746,10 @@ var STATUS_DOT = {
   done: "bg-success",
   cancelled: "bg-muted-foreground/60"
 };
-function formatDate(iso) {
-  return new Date(iso).toLocaleDateString(void 0, { month: "short", day: "numeric" });
+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 = core.useTranslation();
@@ -740,6 +758,7 @@ function TaskDetail({ taskId }) {
   const updateTask = useTasksStore((s) => s.updateTask);
   const deleteTask = useTasksStore((s) => s.deleteTask);
   const task = tasks.find((tt) => tt.id === taskId);
+  const delegate = saas.useDelegateToAssistant();
   const [title, setTitle] = React4.useState("");
   const [description, setDescription] = React4.useState("");
   const [subtasks, setSubtasks] = React4.useState([]);
@@ -773,17 +792,36 @@ function TaskDetail({ taskId }) {
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: () => selectTask(null), className: "mt-2 text-xs text-primary hover:underline", children: t("tasks.detail.back") })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "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",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-4 w-4" })
-        }
-      ),
+  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__ */ jsxRuntime.jsxs("div", { className: "flex min-h-full flex-col", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 border-b border-border/40 px-2 py-1.5", children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-3.5 w-3.5" }),
+              t("tasks.drawer.title")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1" }),
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
@@ -794,101 +832,112 @@ function TaskDetail({ taskId }) {
           onKeyDown: (e) => {
             if (e.key === "Enter") e.currentTarget.blur();
           },
-          className: "flex-1 bg-transparent text-sm font-semibold outline-none"
+          className: "bg-transparent px-4 pt-3 text-sm font-semibold text-foreground outline-none"
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: s, children: t(`tasks.status.${s}`) }, s))
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: `absolute left-2 top-1/2 -translate-y-1/2 h-2 w-2 rounded-full ${STATUS_DOT[task.status]}` }),
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "absolute right-1.5 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground pointer-events-none" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: p, children: t(`tasks.priority.${p}`) }, p))
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "absolute right-1.5 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground pointer-events-none" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx(TaskLabelBadges, { labelIds: task.labels, max: 3 })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "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"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[10px] font-semibold text-muted-foreground uppercase tracking-wider mb-1", children: t("tasks.detail.subtasks") }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border overflow-hidden", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TaskQuickAdd, { parentId: task.id }),
-        subtasks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y", children: subtasks.map((st) => /* @__PURE__ */ jsxRuntime.jsx(TaskCard, { task: st }, st.id)) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between pt-2 border-t", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[10px] text-muted-foreground", children: [
-        formatDate(task.createdAt),
-        " \xB7 ",
-        t("tasks.detail.updated"),
-        " ",
-        formatDate(task.updatedAt)
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-1.5 px-4 pt-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: s, children: t(`tasks.status.${s}`) }, s))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: `absolute left-2 top-1/2 -translate-y-1/2 h-2 w-2 rounded-full ${STATUS_DOT[task.status]}` }),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "absolute right-1.5 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground pointer-events-none" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("option", { value: p, children: t(`tasks.priority.${p}`) }, p))
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "absolute right-1.5 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground pointer-events-none" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(lucideReact.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__ */ jsxRuntime.jsx(TaskLabelBadges, { labelIds: task.labels, max: 3 })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "px-4 pb-2", children: /* @__PURE__ */ jsxRuntime.jsxs(
         "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")}
+
+"${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__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-3 w-3" }),
-            t("tasks.detail.delete")
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { className: "h-4 w-4 transition-transform duration-300 group-hover:rotate-12" }),
+            t("tasks.detail.chatWithAi")
           ]
         }
-      )
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border/40 px-4 py-2.5", children: [
+        /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "-mx-3", children: /* @__PURE__ */ jsxRuntime.jsx(TaskQuickAdd, { parentId: task.id }) }),
+        subtasks.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border/40", children: subtasks.map((st) => /* @__PURE__ */ jsxRuntime.jsx(TaskCard, { task: st }, st.id)) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.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 TasksDrawer() {
+function TasksPanel() {
   const t = core.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);
+  const fetchTasks = useTasksStore((s) => s.fetchTasks);
+  const fetchLabels = useTasksStore((s) => s.fetchLabels);
+  const fetchSummary = useTasksStore((s) => s.fetchSummary);
+  React4__default.default.useEffect(() => {
+    void fetchTasks();
+    void fetchLabels();
+    void fetchSummary();
+  }, [fetchTasks, fetchLabels, fetchSummary]);
   const grouped = React4__default.default.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const s of STATUS_ORDER) map.set(s, []);
@@ -898,13 +947,32 @@ function TasksDrawer() {
     }
     return map;
   }, [tasks]);
-  const summaryLine = React4__default.default.useMemo(() => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    !selectedTaskId && /* @__PURE__ */ jsxRuntime.jsx(TasksFilterBar, {}),
+    !selectedTaskId && /* @__PURE__ */ jsxRuntime.jsx(TaskQuickAdd, {}),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: selectedTaskId ? /* @__PURE__ */ jsxRuntime.jsx(TaskDetail, { taskId: selectedTaskId }) : tasksLoading && tasks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }) : tasks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-16 text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClipboardList, { className: "mb-3 h-10 w-10 opacity-40" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: t("tasks.empty") }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs", children: t("tasks.empty.description") })
+    ] }) : activeFilter !== "all" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: tasks.map((task) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2", children: /* @__PURE__ */ jsxRuntime.jsx(TaskCard, { task }) }, task.id)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2 py-2", children: STATUS_ORDER.filter((s) => s !== "cancelled" || (grouped.get(s)?.length ?? 0) > 0).map((status) => /* @__PURE__ */ jsxRuntime.jsx(TaskStatusGroup, { status, tasks: grouped.get(status) ?? [] }, status)) }) })
+  ] });
+}
+function useTasksSummaryLine() {
+  const t = core.useTranslation();
+  const summary = useTasksStore((s) => s.summary);
+  return React4__default.default.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 = core.useTranslation();
+  const drawerOpen = useTasksStore((s) => s.drawerOpen);
+  const closeDrawer = useTasksStore((s) => s.closeDrawer);
+  const summaryLine = useTasksSummaryLine();
   return /* @__PURE__ */ jsxRuntime.jsx(ui.Sheet, { open: drawerOpen, onOpenChange: (v) => {
     if (!v) closeDrawer();
   }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.SheetContent, { width: "max-w-lg", overlay: "dim", children: [
@@ -912,26 +980,46 @@ function TasksDrawer() {
       /* @__PURE__ */ jsxRuntime.jsx(ui.SheetTitle, { children: t("tasks.drawer.title") }),
       /* @__PURE__ */ jsxRuntime.jsx(ui.SheetDescription, { children: summaryLine || t("tasks.drawer.subtitle") })
     ] }),
-    !selectedTaskId && /* @__PURE__ */ jsxRuntime.jsx(TasksFilterBar, {}),
-    !selectedTaskId && /* @__PURE__ */ jsxRuntime.jsx(TaskQuickAdd, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.SheetBody, { className: "px-0 py-0", children: selectedTaskId ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-4", children: /* @__PURE__ */ jsxRuntime.jsx(TaskDetail, { taskId: selectedTaskId }) }) : tasksLoading && tasks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center py-16", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-primary border-t-transparent" }) }) : tasks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-16 text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ClipboardList, { className: "h-10 w-10 mb-3 opacity-40" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: t("tasks.empty") }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs mt-1", children: t("tasks.empty.description") })
-    ] }) : activeFilter !== "all" ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-1", children: tasks.map((task) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2", children: /* @__PURE__ */ jsxRuntime.jsx(TaskCard, { task }) }, task.id)) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-2 space-y-2", children: STATUS_ORDER.filter((s) => s !== "cancelled" || (grouped.get(s)?.length ?? 0) > 0).map((status) => /* @__PURE__ */ jsxRuntime.jsx(TaskStatusGroup, { status, tasks: grouped.get(status) ?? [] }, status)) }) })
+    /* @__PURE__ */ jsxRuntime.jsx(ui.SheetBody, { className: "flex flex-col px-0 py-0", children: /* @__PURE__ */ jsxRuntime.jsx(TasksPanel, {}) })
   ] }) });
 }
 function TasksTopbarButton({ config }) {
   const { tasksConfig, tasksProvider, tasksStore } = config;
+  const t = core.useTranslation();
+  const railMounted = saas.useRightRailStore((s) => s.mounted);
+  const summary = zustand.useStore(tasksStore, (s) => s.summary);
+  const openCount = summary ? summary.todo + summary.inProgress : 0;
+  const Panel = React4__default.default.useMemo(() => {
+    const RailPanel = () => /* @__PURE__ */ jsxRuntime.jsx(TasksContextProvider, { config: tasksConfig, provider: tasksProvider, store: tasksStore, children: /* @__PURE__ */ jsxRuntime.jsx(TasksPanel, {}) });
+    RailPanel.displayName = "TasksRailPanel";
+    return RailPanel;
+  }, [tasksConfig, tasksProvider, tasksStore]);
+  saas.useRightRailPanel(
+    React4__default.default.useMemo(
+      () => railMounted ? {
+        id: "tasks",
+        label: t("tasks.drawer.title") || "Tasks",
+        icon: lucideReact.CheckSquare,
+        order: 20,
+        badge: { count: openCount, tone: "destructive" },
+        Component: Panel
+      } : null,
+      [railMounted, t, Panel, openCount]
+    )
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(TasksContextProvider, { config: tasksConfig, provider: tasksProvider, store: tasksStore, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(TasksTopbarButtonInner, { store: tasksStore }),
-    /* @__PURE__ */ jsxRuntime.jsx(TasksDrawer, {})
+    /* @__PURE__ */ jsxRuntime.jsx(TasksTopbarButtonInner, { store: tasksStore, railMounted }),
+    !railMounted && /* @__PURE__ */ jsxRuntime.jsx(TasksDrawer, {})
   ] });
 }
-function TasksTopbarButtonInner({ store }) {
+function TasksTopbarButtonInner({
+  store,
+  railMounted
+}) {
   const toggleDrawer = zustand.useStore(store, (s) => s.toggleDrawer);
   const fetchSummary = zustand.useStore(store, (s) => s.fetchSummary);
   const summary = zustand.useStore(store, (s) => s.summary);
+  const togglePanel = saas.useRightRailStore((s) => s.togglePanel);
   React4.useEffect(() => {
     fetchSummary();
   }, [fetchSummary]);
@@ -942,7 +1030,7 @@ function TasksTopbarButtonInner({ store }) {
       variant: "ghost",
       size: "icon",
       className: ui.cn("relative text-sidebar-foreground/70 hover:bg-sidebar/30 hover:text-sidebar-foreground"),
-      onClick: toggleDrawer,
+      onClick: () => railMounted ? togglePanel("tasks") : toggleDrawer(),
       "aria-label": "Tasks",
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckSquare, { className: "h-5 w-5" }),
@@ -1061,6 +1149,30 @@ function createTasksPlugin(options) {
     () => createMockTasksProvider()
   );
   const store = createTasksStore(provider);
+  saas.registerNotesTasksAdapter({
+    async createTodo({ title, noteId, noteTitle }) {
+      const task = await provider.createTask({
+        title,
+        description: noteTitle ? `Nota: ${noteTitle}` : void 0,
+        labels: [`${saas.NOTE_LABEL_PREFIX}${noteId}`]
+      });
+      void store.getState().fetchSummary();
+      return { id: task.id, title: task.title, done: task.status === "done" };
+    },
+    async listTodos(noteId) {
+      const tasks = await provider.getTasks({});
+      const label = `${saas.NOTE_LABEL_PREFIX}${noteId}`;
+      return tasks.filter((t) => t.labels.includes(label)).sort((a, b) => (a.status === "done" ? 1 : 0) - (b.status === "done" ? 1 : 0)).map((t) => ({ id: t.id, title: t.title, done: t.status === "done" }));
+    },
+    async toggleTodo(id, done) {
+      await provider.updateTask(id, { status: done ? "done" : "todo" });
+      void store.getState().fetchSummary();
+    },
+    async removeTodo(id) {
+      await provider.deleteTask(id);
+      void store.getState().fetchSummary();
+    }
+  });
   return {
     id: "tasks",
     name: config.labels.drawerTitle,