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

package/package.json

@@ -3,7 +3,7 @@
   "fayz": {
     "status": "beta"
   },
-  "version": "0.9.0-next.1",
+  "version": "0.9.1",
   "description": "Fayz SDK — plugin-tasks plugin",
   "type": "module",
   "sideEffects": false,
@@ -12,14 +12,12 @@
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "source": "./src/index.ts",
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     }
   },
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -28,9 +26,9 @@
     "lucide-react": ">=0.400.0 <1.0.0"
   },
   "dependencies": {
-    "@fayz-ai/core": "^0.9.0-next.1",
-    "@fayz-ai/saas": "^0.9.0-next.1",
-    "@fayz-ai/ui": "^0.9.0-next.1"
+    "@fayz-ai/core": "^0.10.0",
+    "@fayz-ai/admin": "^0.10.0",
+    "@fayz-ai/ui": "^0.10.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.0",

package/dist/TasksContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TasksContext.d.ts","sourceRoot":"","sources":["../src/TasksContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAM3C,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,MAAM,CAAA;IACnB,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,MAAM,CAAA;CAC5B;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,iBAAiB,CAAA;CAC1B;AAID,eAAO,MAAM,oBAAoB;;;;;EAAsB,CAAA;AACvD,eAAO,MAAM,cAAc,2BAAgB,CAAA;AAC3C,eAAO,MAAM,gBAAgB,yBAAkB,CAAA;AAC/C,eAAO,MAAM,aAAa,gDAAe,CAAA"}

package/dist/registries.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"registries.d.ts","sourceRoot":"","sources":["../src/registries.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAkBtD,eAAO,MAAM,eAAe,EAAE,iBAAiB,EAc9C,CAAA"}

package/src/TasksContext.tsx

@@ -1,24 +0,0 @@
-import { createPluginContext } from '@fayz-ai/saas'
-import type { TasksDataProvider } from './data/types'
-import type { TasksUIState } from './store'
-
-// ---------------------------------------------------------------------------
-// Config
-// ---------------------------------------------------------------------------
-
-export interface TasksPluginLabels {
-  drawerTitle: string
-  settingsTitle: string
-  quickAddPlaceholder: string
-}
-
-export interface ResolvedTasksConfig {
-  labels: TasksPluginLabels
-}
-
-const ctx = createPluginContext<ResolvedTasksConfig, TasksDataProvider, TasksUIState>('TasksContextProvider')
-
-export const TasksContextProvider = ctx.ContextProvider
-export const useTasksConfig = ctx.useConfig
-export const useTasksProvider = ctx.useProvider
-export const useTasksStore = ctx.useStore

package/src/components/TaskCard.tsx

@@ -1,81 +0,0 @@
-import React from 'react'
-import { Calendar, ListChecks } from 'lucide-react'
-import { Checkbox } from '@fayz-ai/ui'
-import { useTasksStore } from '../TasksContext'
-import { TaskPriorityBadge } from './TaskPriorityBadge'
-import { TaskLabelBadges } from './TaskLabelBadge'
-import type { Task } from '../types'
-
-function isOverdue(dueDate: string | null): boolean {
-  if (!dueDate) return false
-  return dueDate < new Date().toISOString().slice(0, 10)
-}
-
-function isToday(dueDate: string | null): boolean {
-  if (!dueDate) return false
-  return dueDate === new Date().toISOString().slice(0, 10)
-}
-
-function formatDueDate(dueDate: string): string {
-  const d = new Date(dueDate + 'T00:00:00')
-  return d.toLocaleDateString(undefined, { month: 'short', day: 'numeric' })
-}
-
-export function TaskCard({ task, subtaskCount }: { task: Task; subtaskCount?: { done: number; total: number } }) {
-  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: React.MouseEvent) => {
-    e.stopPropagation()
-    updateTask(task.id, { status: isDone ? 'todo' : 'done' })
-  }
-
-  return (
-    <div
-      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"
-    >
-      <div className="pt-0.5" onClick={handleCheck}>
-        <Checkbox checked={isDone} onChange={() => {}} />
-      </div>
-
-      <div className="min-w-0 flex-1 space-y-1">
-        <p className={`text-sm leading-snug ${isDone ? 'line-through text-muted-foreground' : ''}`}>
-          {task.title}
-        </p>
-
-        <div className="flex flex-wrap items-center gap-1.5">
-          <TaskPriorityBadge priority={task.priority} />
-
-          {task.dueDate && (
-            <span className={`inline-flex items-center gap-1 text-[11px] ${
-              overdue ? 'text-destructive font-medium' : dueToday ? 'text-warning font-medium' : 'text-muted-foreground'
-            }`}>
-              <Calendar className="h-3 w-3" />
-              {formatDueDate(task.dueDate)}
-            </span>
-          )}
-
-          {subtaskCount && subtaskCount.total > 0 && (
-            <span className="inline-flex items-center gap-1 text-[11px] text-muted-foreground">
-              <ListChecks className="h-3 w-3" />
-              {subtaskCount.done}/{subtaskCount.total}
-            </span>
-          )}
-
-          <TaskLabelBadges labelIds={task.labels} max={2} />
-        </div>
-      </div>
-
-      {task.assignedToName && (
-        <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}>
-          {task.assignedToName.split(' ').map((n) => n[0]).join('').slice(0, 2).toUpperCase()}
-        </div>
-      )}
-    </div>
-  )
-}

package/src/components/TaskDetail.tsx

@@ -1,209 +0,0 @@
-import React, { useState, useEffect, useCallback } from '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'
-import { TaskCard } from './TaskCard'
-import type { Task, TaskStatus, TaskPriority } from '../types'
-import { TASK_STATUSES, TASK_PRIORITIES } from '../types'
-
-const STATUS_DOT: Record<TaskStatus, string> = {
-  todo: 'bg-muted-foreground',
-  in_progress: 'bg-info',
-  done: 'bg-success',
-  cancelled: 'bg-muted-foreground/60',
-}
-
-/** 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 }) {
-  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<Task[]>([])
-
-  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 (
-      <div className="flex flex-col items-center justify-center py-8 text-muted-foreground">
-        <p className="text-sm">Task not found</p>
-        <button type="button" onClick={() => selectTask(null)} className="mt-2 text-xs text-primary hover:underline">
-          {t('tasks.detail.back')}
-        </button>
-      </div>
-    )
-  }
-
-  return (
-    // 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="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-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>
-      </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 px-4 pt-2">
-        {/* Status chip */}
-        <div className="relative">
-          <select
-            value={task.status}
-            onChange={(e) => updateTask(task.id, { status: e.target.value as TaskStatus })}
-            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"
-          >
-            {TASK_STATUSES.map((s) => (
-              <option key={s} value={s}>{t(`tasks.status.${s}`)}</option>
-            ))}
-          </select>
-          <span className={`absolute left-2 top-1/2 -translate-y-1/2 h-2 w-2 rounded-full ${STATUS_DOT[task.status]}`} />
-          <ChevronDown className="absolute right-1.5 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground pointer-events-none" />
-        </div>
-
-        {/* Priority chip */}
-        <div className="relative">
-          <select
-            value={task.priority}
-            onChange={(e) => updateTask(task.id, { priority: e.target.value as TaskPriority })}
-            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"
-          >
-            {TASK_PRIORITIES.map((p) => (
-              <option key={p} value={p}>{t(`tasks.priority.${p}`)}</option>
-            ))}
-          </select>
-          <ChevronDown className="absolute right-1.5 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground pointer-events-none" />
-        </div>
-
-        {/* Due date chip */}
-        <div className="relative">
-          <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]"
-          />
-          <Calendar className="absolute left-2 top-1/2 -translate-y-1/2 h-3 w-3 text-muted-foreground pointer-events-none" />
-        </div>
-
-        {/* Labels */}
-        {task.labels.length > 0 && <TaskLabelBadges labelIds={task.labels} max={3} />}
-      </div>
-
-      {/* 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')}
-        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"
-      />
-
-      {/* Agentic hand-off — same CTA pattern as the Notes tab */}
-      <div className="px-4 pb-2">
-        <button
-          type="button"
-          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"
-        >
-          <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/TaskLabelBadge.tsx

@@ -1,37 +0,0 @@
-import React from 'react'
-import { useTasksStore } from '../TasksContext'
-
-export function TaskLabelBadge({ labelId }: { labelId: string }) {
-  const labels = useTasksStore((s) => s.labels)
-  const label = labels.find((l) => l.id === labelId)
-  if (!label) return null
-
-  return (
-    <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,
-      }}
-    >
-      {label.name}
-    </span>
-  )
-}
-
-export function TaskLabelBadges({ labelIds, max = 2 }: { labelIds: string[]; max?: number }) {
-  if (labelIds.length === 0) return null
-  const visible = labelIds.slice(0, max)
-  const overflow = labelIds.length - max
-
-  return (
-    <span className="inline-flex items-center gap-1">
-      {visible.map((id) => (
-        <TaskLabelBadge key={id} labelId={id} />
-      ))}
-      {overflow > 0 && (
-        <span className="text-[10px] text-muted-foreground">+{overflow}</span>
-      )}
-    </span>
-  )
-}

package/src/components/TaskPriorityBadge.tsx

@@ -1,21 +0,0 @@
-import React from 'react'
-import { AlertTriangle, ArrowUp, ArrowDown, Minus } from 'lucide-react'
-import type { TaskPriority } from '../types'
-
-const PRIORITY_CONFIG: Record<TaskPriority, { color: string; bg: string; icon: React.ComponentType<{ className?: string }> }> = {
-  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 },
-}
-
-export function TaskPriorityBadge({ priority, showLabel }: { priority: TaskPriority; showLabel?: boolean }) {
-  const cfg = PRIORITY_CONFIG[priority]
-  const Icon = cfg.icon
-  return (
-    <span className={`inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium ${cfg.color} ${cfg.bg}`}>
-      <Icon className="h-3 w-3" />
-      {showLabel && <span className="capitalize">{priority}</span>}
-    </span>
-  )
-}

package/src/components/TaskQuickAdd.tsx

@@ -1,42 +0,0 @@
-import React, { useState, useCallback } from 'react'
-import { Plus } from 'lucide-react'
-import { useTasksStore, useTasksConfig } from '../TasksContext'
-import { useTranslation } from '@fayz-ai/core'
-import type { TaskPriority } from '../types'
-
-export function TaskQuickAdd({ parentId }: { parentId?: string | null }) {
-  const t = useTranslation()
-  const createTask = useTasksStore((s) => s.createTask)
-  const [title, setTitle] = useState('')
-  const [loading, setLoading] = useState(false)
-
-  const handleSubmit = useCallback(async (e: React.FormEvent) => {
-    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 (
-    <form onSubmit={handleSubmit} className="flex items-center gap-2 px-3 py-2 border-b">
-      <Plus className="h-4 w-4 shrink-0 text-muted-foreground" />
-      <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}
-      />
-    </form>
-  )
-}

package/src/components/TaskStatusGroup.tsx

@@ -1,44 +0,0 @@
-import React, { useState } from 'react'
-import { ChevronDown, ChevronRight } from 'lucide-react'
-import { useTranslation } from '@fayz-ai/core'
-import { TaskCard } from './TaskCard'
-import type { Task, TaskStatus } from '../types'
-
-const STATUS_COLORS: Record<TaskStatus, string> = {
-  todo: 'bg-muted-foreground',
-  in_progress: 'bg-info',
-  done: 'bg-success',
-  cancelled: 'bg-muted-foreground/60',
-}
-
-export function TaskStatusGroup({ status, tasks }: { status: TaskStatus; tasks: Task[] }) {
-  const t = useTranslation()
-  const [collapsed, setCollapsed] = useState(status === 'cancelled')
-
-  if (tasks.length === 0) return null
-
-  const Chevron = collapsed ? ChevronRight : ChevronDown
-
-  return (
-    <div className="space-y-0.5">
-      <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"
-      >
-        <span className={`h-2 w-2 rounded-full ${STATUS_COLORS[status]}`} />
-        <span>{t(`tasks.status.${status}`)}</span>
-        <span className="text-[10px] font-normal">({tasks.length})</span>
-        <Chevron className="ml-auto h-3.5 w-3.5" />
-      </button>
-
-      {!collapsed && (
-        <div>
-          {tasks.map((task) => (
-            <TaskCard key={task.id} task={task} />
-          ))}
-        </div>
-      )}
-    </div>
-  )
-}

package/src/components/TasksDrawer.tsx

@@ -1,32 +0,0 @@
-import React from 'react'
-import {
-  Sheet, SheetContent, SheetHeader, SheetBody, SheetTitle, SheetDescription,
-} from '@fayz-ai/ui'
-import { useTasksStore } from '../TasksContext'
-import { useTranslation } from '@fayz-ai/core'
-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 summaryLine = useTasksSummaryLine()
-
-  return (
-    <Sheet open={drawerOpen} onOpenChange={(v) => { if (!v) closeDrawer() }}>
-      <SheetContent width="max-w-lg" overlay="dim">
-        <SheetHeader>
-          <SheetTitle>{t('tasks.drawer.title')}</SheetTitle>
-          <SheetDescription>
-            {summaryLine || t('tasks.drawer.subtitle')}
-          </SheetDescription>
-        </SheetHeader>
-
-        <SheetBody className="flex flex-col px-0 py-0">
-          <TasksPanel />
-        </SheetBody>
-      </SheetContent>
-    </Sheet>
-  )
-}

package/src/components/TasksFilterBar.tsx

@@ -1,57 +0,0 @@
-import React from 'react'
-import { useTasksStore } from '../TasksContext'
-import { useTranslation } from '@fayz-ai/core'
-import type { TaskStatus } from '../types'
-
-const FILTERS: Array<{ key: TaskStatus | 'all'; labelKey: string }> = [
-  { 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' },
-]
-
-export 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: TaskStatus | 'all'): number | undefined => {
-    if (!summary) return undefined
-    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 undefined
-    }
-  }
-
-  return (
-    <div className="flex items-center gap-1 px-3 py-2 border-b overflow-x-auto">
-      {FILTERS.map(({ key, labelKey }) => {
-        const active = activeFilter === key
-        const count = getCount(key)
-        return (
-          <button
-            key={key}
-            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'
-            }`}
-          >
-            {t(labelKey)}
-            {count != null && (
-              <span className={`text-[10px] ${active ? 'text-primary-foreground/80' : 'text-muted-foreground'}`}>
-                {count}
-              </span>
-            )}
-          </button>
-        )
-      })}
-    </div>
-  )
-}

package/src/components/TasksGeneralSettings.tsx

@@ -1,41 +0,0 @@
-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">
-      <div>
-        <h3 className="text-sm font-semibold mb-1">{t('tasks.settings.general')}</h3>
-        <p className="text-xs text-muted-foreground mb-3">
-          {t('tasks.drawer.subtitle')}
-        </p>
-      </div>
-
-      <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"
-            value={s.get('defaultPriority')}
-            onChange={(e) => s.set('defaultPriority', e.target.value)}
-          >
-            <option value="low">{t('tasks.priority.low')}</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>
-        </div>
-      </div>
-    </div>
-  )
-}