@fayz-ai/plugin-tasks 0.8.0 → 0.8.3

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/index.ts

@@ -11,6 +11,7 @@ import { tasksLocales } from './locales'
 import { tasksRegistries } from './registries'
 import { TasksGeneralSettings } from './components/TasksGeneralSettings'
 import { TasksTopbarButton } from './components/TasksTopbarButton'
+import { registerNotesTasksAdapter, NOTE_LABEL_PREFIX } from '@fayz-ai/saas'
 import { MIGRATION_000_PLG_RENAME, MIGRATION_001_TASKS_BASE } from './migrations'
 
 // ---------------------------------------------------------------------------
@@ -66,6 +67,37 @@ export function createTasksPlugin(options?: TasksPluginOptions): PluginManifest
   )
   const store = createTasksStore(provider)
 
+  // Notes ↔ Tasks bridge: note todos are real tasks, linked by a `note:<id>`
+  // label. The shell's Notes tab consumes this; the Tarefas tab (and its
+  // summary badge) stays the single source of truth.
+  registerNotesTasksAdapter({
+    async createTodo({ title, noteId, noteTitle }) {
+      const task = await provider.createTask({
+        title,
+        description: noteTitle ? `Nota: ${noteTitle}` : undefined,
+        labels: [`${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 = `${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: string, done: boolean) {
+      await provider.updateTask(id, { status: done ? 'done' : 'todo' })
+      void store.getState().fetchSummary()
+    },
+    async removeTodo(id: string) {
+      await provider.deleteTask(id)
+      void store.getState().fetchSummary()
+    },
+  })
+
   return {
     id: 'tasks',
     name: config.labels.drawerTitle,

package/src/locales/en.ts

@@ -26,6 +26,8 @@ export const en: Record<string, string> = {
   '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',

package/src/locales/pt-BR.ts

@@ -26,6 +26,8 @@ export const ptBR: Record<string, string> = {
   '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 à lista',