@open-mercato/core 0.6.4-develop.4217.1.c9aa050183 → 0.6.4-develop.4239.1.4a264a5828

package/dist/modules/staff/backend/staff/timesheets/projects/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/staff/backend/staff/timesheets/projects/page.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter, useSearchParams } from 'next/navigation'\nimport type { ColumnDef, SortingState } from '@tanstack/react-table'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable, withDataTableNamespaces } from '@open-mercato/ui/backend/DataTable'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterOverlay'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT, type TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { formatDateTime } from '@open-mercato/shared/lib/time'\nimport { ProjectColorDot } from '../../../../lib/timesheets-ui/ProjectColorDot'\nimport { resolveProjectColorHex } from '../../../../lib/timesheets-ui/colors'\nimport {\n  ProjectsKpiStrip,\n  type PmKpis,\n  type CollabKpis,\n} from '../../../../lib/timesheets-projects-ui/ProjectsKpiStrip'\nimport { SavedViewTabs } from '../../../../lib/timesheets-projects-ui/SavedViewTabs'\nimport { HoursSparkline } from '../../../../lib/timesheets-projects-ui/HoursSparkline'\nimport {\n  ProjectMembersAvatarStack,\n  type AvatarMember,\n} from '../../../../lib/timesheets-projects-ui/ProjectMembersAvatarStack'\nimport { ViewModeToggle } from '../../../../lib/timesheets-projects-ui/ViewModeToggle'\nimport {\n  useProjectsViewMode,\n  type ProjectsViewMode,\n} from '../../../../lib/timesheets-projects-ui/useProjectsViewMode'\nimport {\n  ProjectCard,\n  type ProjectCardData,\n  type ProjectCardLabels,\n} from '../../../../lib/timesheets-projects-ui/ProjectCard'\n\nconst PAGE_SIZE = 50\nconst INCLUDE_FIELDS = 'hoursWeek,hoursTrend,members,myRole'\n\ntype StaffEnrichment = {\n  hoursWeek?: number\n  hoursTrend?: number[]\n  myRole?: string | null\n  members?: AvatarMember[]\n  memberCount?: number\n}\n\ntype ProjectRow = {\n  id: string\n  name: string\n  code: string | null\n  customerId: string | null\n  customerName: string | null\n  status: string\n  projectType: string | null\n  color: string | null\n  startDate: string | null\n  updatedAt: string | null\n  hoursWeek: number\n  hoursTrend: number[]\n  myRole: string | null\n  members: AvatarMember[]\n  memberCount: number\n}\n\ntype ProjectsResponse = {\n  items?: Array<Record<string, unknown>>\n  total?: number\n  totalPages?: number\n}\n\ntype KpisResponse = PmKpis | CollabKpis\n\nfunction formatRelativeTime(iso: string | null, fallback: string, t: TranslateFn): string {\n  if (!iso) return fallback\n  const parsed = new Date(iso)\n  if (Number.isNaN(parsed.getTime())) return fallback\n  const diffMs = Date.now() - parsed.getTime()\n  const minutes = Math.round(diffMs / 60000)\n  if (minutes < 1) return t('staff.timesheets.projects.portfolio.relativeTime.justNow', 'just now')\n  if (minutes < 60) return t('staff.timesheets.projects.portfolio.relativeTime.minutesAgo', '{minutes}m ago', { minutes })\n  const hours = Math.round(minutes / 60)\n  if (hours < 24) return t('staff.timesheets.projects.portfolio.relativeTime.hoursAgo', '{hours}h ago', { hours })\n  const days = Math.round(hours / 24)\n  if (days < 14) return t('staff.timesheets.projects.portfolio.relativeTime.daysAgo', '{days}d ago', { days })\n  return formatDateTime(iso) ?? fallback\n}\n\nfunction mapApiProject(item: Record<string, unknown>): ProjectRow {\n  const id = typeof item.id === 'string' ? item.id : ''\n  const name = typeof item.name === 'string' ? item.name : id\n  const code = typeof item.code === 'string' && item.code.trim().length ? item.code.trim() : null\n  const customerId =\n    typeof item.customerId === 'string'\n      ? item.customerId\n      : typeof item.customer_id === 'string'\n        ? item.customer_id\n        : null\n  const customerName =\n    typeof item.customerName === 'string'\n      ? item.customerName\n      : typeof item.customer_name === 'string'\n        ? item.customer_name\n        : null\n  const status = typeof item.status === 'string' ? item.status : 'active'\n  const projectType =\n    typeof item.projectType === 'string'\n      ? item.projectType\n      : typeof item.project_type === 'string'\n        ? item.project_type\n        : null\n  const color = typeof item.color === 'string' ? item.color : null\n  const startDate =\n    typeof item.startDate === 'string'\n      ? item.startDate\n      : typeof item.start_date === 'string'\n        ? item.start_date\n        : null\n  const updatedAt =\n    typeof item.updatedAt === 'string'\n      ? item.updatedAt\n      : typeof item.updated_at === 'string'\n        ? item.updated_at\n        : null\n  const enrichment =\n    (item as { _staff?: StaffEnrichment })._staff ?? ({} as StaffEnrichment)\n  const hoursWeek = typeof enrichment.hoursWeek === 'number' ? enrichment.hoursWeek : 0\n  const hoursTrend = Array.isArray(enrichment.hoursTrend)\n    ? enrichment.hoursTrend.filter((v): v is number => typeof v === 'number')\n    : []\n  const members = Array.isArray(enrichment.members)\n    ? enrichment.members\n        .filter((m): m is AvatarMember => !!m && typeof m === 'object' && typeof (m as AvatarMember).id === 'string')\n        .map((m) => ({\n          id: m.id,\n          name: m.name ?? '',\n          initials: m.initials ?? '',\n          avatarUrl: m.avatarUrl ?? null,\n        }))\n    : []\n  const memberCount = typeof enrichment.memberCount === 'number' ? enrichment.memberCount : members.length\n  const myRole = typeof enrichment.myRole === 'string' ? enrichment.myRole : null\n\n  return withDataTableNamespaces(\n    {\n      id,\n      name,\n      code,\n      customerId,\n      customerName,\n      status,\n      projectType,\n      color,\n      startDate,\n      updatedAt,\n      hoursWeek,\n      hoursTrend,\n      myRole,\n      members,\n      memberCount,\n    },\n    item,\n  )\n}\n\nexport default function TimesheetProjectsPage() {\n  const t = useT()\n  const router = useRouter()\n  const searchParams = useSearchParams()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const [rows, setRows] = React.useState<ProjectRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [sorting, setSorting] = React.useState<SortingState>([{ id: 'updatedAt', desc: true }])\n  const [search, setSearch] = React.useState('')\n  const [filterValues, setFilterValues] = React.useState<FilterValues>({})\n  const [isLoading, setIsLoading] = React.useState(true)\n  const [isRefreshing, setIsRefreshing] = React.useState(false)\n  const hasLoadedOnceRef = React.useRef(false)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [kpis, setKpis] = React.useState<KpisResponse | null>(null)\n  const [isLoadingKpis, setIsLoadingKpis] = React.useState(true)\n\n  const activeTab = searchParams.get('tab') ?? 'all'\n  const urlViewMode = searchParams.get('view')\n  const [viewMode, setViewMode] = useProjectsViewMode({\n    userKey: null,\n    urlOverride: urlViewMode,\n  })\n\n  const labels = React.useMemo(\n    () => ({\n      title: t('staff.timesheets.projects.page.title', 'Projects'),\n      table: {\n        name: t('staff.timesheets.projects.table.name', 'Project'),\n        status: t('staff.timesheets.projects.table.status', 'Status'),\n        type: t('staff.timesheets.projects.table.type', 'Type'),\n        updatedAt: t('staff.timesheets.projects.table.updatedAt', 'Updated'),\n        empty: t('staff.timesheets.projects.table.empty', 'No projects yet.'),\n        search: t('staff.timesheets.projects.table.search', 'Search projects...'),\n        team: t('staff.timesheets.projects.portfolio.team', 'Team'),\n        myRole: t('staff.timesheets.projects.portfolio.myRole', 'My role'),\n        hoursWeek: t('staff.timesheets.projects.portfolio.hoursWeek', 'Hours / week'),\n        myHoursWeek: t('staff.timesheets.projects.portfolio.myHoursWeek', 'My hours / week'),\n      },\n      actions: {\n        add: t('staff.timesheets.projects.actions.add', 'Add Project'),\n        addFirst: t('staff.timesheets.projects.actions.addFirst', '+ Add first project'),\n        viewDetails: t('staff.timesheets.projects.actions.viewDetails', 'View Details'),\n        delete: t('staff.timesheets.projects.actions.delete', 'Delete'),\n        deleteConfirm: t('staff.timesheets.projects.actions.deleteConfirm', 'Delete project \"{{name}}\"?'),\n        refresh: t('staff.timesheets.projects.actions.refresh', 'Refresh'),\n      },\n      messages: {\n        deleted: t('staff.timesheets.projects.messages.deleted', 'Project deleted.'),\n      },\n      errors: {\n        load: t('staff.timesheets.projects.errors.load', 'Failed to load projects.'),\n        delete: t('staff.timesheets.projects.errors.delete', 'Failed to delete project.'),\n      },\n      statuses: {\n        all: t('staff.timesheets.projects.statuses.all', 'All'),\n        active: t('staff.timesheets.projects.statuses.active', 'Active'),\n        on_hold: t('staff.timesheets.projects.statuses.onHold', 'On Hold'),\n        completed: t('staff.timesheets.projects.statuses.completed', 'Completed'),\n      },\n      tabs: {\n        all: t('staff.timesheets.projects.portfolio.tabs.all', 'All'),\n        active: t('staff.timesheets.projects.portfolio.tabs.active', 'Active'),\n        onHold: t('staff.timesheets.projects.portfolio.tabs.onHold', 'On Hold'),\n        completed: t('staff.timesheets.projects.portfolio.tabs.completed', 'Completed'),\n        mine: t('staff.timesheets.projects.portfolio.tabs.mine', 'Mine'),\n      },\n      viewMode: {\n        table: t('staff.timesheets.projects.portfolio.viewMode.table', 'Table'),\n        cards: t('staff.timesheets.projects.portfolio.viewMode.cards', 'Cards'),\n      },\n      kpi: {\n        totalProjects: t('staff.timesheets.projects.portfolio.kpi.totalProjects', 'Total Projects'),\n        hoursWeek: t('staff.timesheets.projects.portfolio.kpi.hoursWeek', 'Hours this week'),\n        hoursWeekSub: t('staff.timesheets.projects.portfolio.kpi.hoursWeekSub', 'vs previous week'),\n        assignedToMe: t('staff.timesheets.projects.portfolio.kpi.assignedToMe', 'Assigned to me'),\n        hoursMonth: t('staff.timesheets.projects.portfolio.kpi.hoursMonth', 'Hours this month'),\n        hoursMonthSub: t('staff.timesheets.projects.portfolio.kpi.hoursMonthSub', 'vs previous month'),\n        teamActive: t('staff.timesheets.projects.portfolio.kpi.teamActive', 'Active team'),\n        teamActiveSub: t('staff.timesheets.projects.portfolio.kpi.teamActiveSub', 'Members with entries this month'),\n        myProjects: t('staff.timesheets.projects.portfolio.kpi.myProjects', 'My projects'),\n        myHoursWeek: t('staff.timesheets.projects.portfolio.kpi.myHoursWeek', 'My hours this week'),\n        myHoursMonth: t('staff.timesheets.projects.portfolio.kpi.myHoursMonth', 'My hours this month'),\n        deltaFlat: t('staff.timesheets.projects.portfolio.kpi.deltaFlat', 'no change'),\n        noPrevious: t('staff.timesheets.projects.portfolio.kpi.noPrevious', 'no previous data'),\n      },\n      card: {\n        hoursPanelPm: t('staff.timesheets.projects.portfolio.card.hoursPanelPm', 'Team hours \u00B7 last 7w'),\n        hoursPanelCollab: t('staff.timesheets.projects.portfolio.card.hoursPanelCollab', 'My hours \u00B7 last 7w'),\n        sparklineAria: t('staff.timesheets.projects.portfolio.sparkline.ariaLabel', 'Hours per week, last 7 weeks'),\n        role: t('staff.timesheets.projects.portfolio.card.role', 'Role'),\n      },\n      emptyState: {\n        noProjects: t('staff.timesheets.projects.portfolio.emptyState.noProjects', 'No projects yet.'),\n        noAssignments: t(\n          'staff.timesheets.projects.portfolio.emptyState.noAssignments',\n          \"You aren't assigned to any projects yet. Ask a PM to add you.\",\n        ),\n        noMatches: t('staff.timesheets.projects.portfolio.emptyState.noMatches', 'No projects match these filters.'),\n      },\n    }),\n    [t],\n  )\n\n  const kpiLabels = React.useMemo(\n    () => ({\n      totalProjects: labels.kpi.totalProjects,\n      totalProjectsSub: ({ active, onHold }: { active: number; onHold: number }) =>\n        `${active} ${labels.statuses.active.toLowerCase()} \u00B7 ${onHold} ${labels.statuses.on_hold.toLowerCase()}`,\n      hoursWeek: labels.kpi.hoursWeek,\n      hoursWeekSub: labels.kpi.hoursWeekSub,\n      assignedToMe: labels.kpi.assignedToMe,\n      assignedToMeSub: (active: number) => `${active} ${labels.statuses.active.toLowerCase()}`,\n      hoursMonth: labels.kpi.hoursMonth,\n      hoursMonthSub: labels.kpi.hoursMonthSub,\n      teamActive: labels.kpi.teamActive,\n      teamActiveSub: labels.kpi.teamActiveSub,\n      myProjects: labels.kpi.myProjects,\n      myProjectsSub: (active: number) => `${active} ${labels.statuses.active.toLowerCase()}`,\n      myHoursWeek: labels.kpi.myHoursWeek,\n      myHoursMonth: labels.kpi.myHoursMonth,\n      deltaUp: (pct: number) => `up ${pct}%`,\n      deltaDown: (pct: number) => `down ${pct}%`,\n      deltaFlat: labels.kpi.deltaFlat,\n      noPrevious: labels.kpi.noPrevious,\n    }),\n    [labels],\n  )\n\n  const isPmRole = kpis?.role === 'pm'\n\n  const filters = React.useMemo<FilterDef[]>(\n    () => [\n      {\n        id: 'status',\n        label: labels.table.status,\n        type: 'select',\n        options: [\n          { value: 'active', label: labels.statuses.active },\n          { value: 'on_hold', label: labels.statuses.on_hold },\n          { value: 'completed', label: labels.statuses.completed },\n        ],\n      },\n    ],\n    [labels.table.status, labels.statuses],\n  )\n\n  const tabs = React.useMemo(() => {\n    const base = [\n      { id: 'all', label: labels.tabs.all },\n      { id: 'active', label: labels.tabs.active },\n    ]\n    if (isPmRole) {\n      base.push({ id: 'on_hold', label: labels.tabs.onHold })\n    }\n    base.push({ id: 'completed', label: labels.tabs.completed })\n    if (isPmRole) {\n      base.push({ id: 'mine', label: labels.tabs.mine })\n    }\n    return base\n  }, [labels.tabs, isPmRole])\n\n  const statusFromTab = (tabId: string): string | null => {\n    if (tabId === 'active' || tabId === 'on_hold' || tabId === 'completed') return tabId\n    return null\n  }\n  const mineFromTab = (tabId: string): boolean => tabId === 'mine' || !isPmRole\n\n  const loadKpis = React.useCallback(async () => {\n    setIsLoadingKpis(true)\n    try {\n      const payload = await readApiResultOrThrow<KpisResponse>(\n        '/api/staff/timesheets/projects/kpis',\n        undefined,\n        {\n          errorMessage: labels.errors.load,\n          fallback: null as unknown as KpisResponse,\n        },\n      )\n      setKpis(payload)\n    } catch {\n      setKpis(null)\n    } finally {\n      setIsLoadingKpis(false)\n    }\n  }, [labels.errors.load])\n\n  const loadProjects = React.useCallback(async () => {\n    if (hasLoadedOnceRef.current) {\n      setIsRefreshing(true)\n    } else {\n      setIsLoading(true)\n    }\n    try {\n      const params = new URLSearchParams({\n        page: String(page),\n        pageSize: String(PAGE_SIZE),\n        include: INCLUDE_FIELDS,\n      })\n      const sort = sorting[0]\n      if (sort?.id) {\n        params.set('sortField', sort.id)\n        params.set('sortDir', sort.desc ? 'desc' : 'asc')\n      }\n      if (search.trim()) params.set('q', search.trim())\n      const tabStatus = statusFromTab(activeTab)\n      if (tabStatus) params.set('status', tabStatus)\n      else if (typeof filterValues.status === 'string' && filterValues.status.length > 0) {\n        params.set('status', filterValues.status)\n      }\n      if (mineFromTab(activeTab)) params.set('mine', '1')\n\n      const payload = await readApiResultOrThrow<ProjectsResponse>(\n        `/api/staff/timesheets/time-projects?${params.toString()}`,\n        undefined,\n        { errorMessage: labels.errors.load, fallback: { items: [], total: 0, totalPages: 1 } },\n      )\n      const items = Array.isArray(payload.items) ? payload.items : []\n      setRows(items.map(mapApiProject))\n      setTotal(typeof payload.total === 'number' ? payload.total : items.length)\n      setTotalPages(\n        typeof payload.totalPages === 'number'\n          ? payload.totalPages\n          : Math.max(1, Math.ceil(items.length / PAGE_SIZE)),\n      )\n    } catch (error) {\n      console.error('staff.timesheets.projects.list', error)\n      flash(labels.errors.load, 'error')\n    } finally {\n      setIsLoading(false)\n      setIsRefreshing(false)\n      hasLoadedOnceRef.current = true\n    }\n  }, [labels.errors.load, page, search, sorting, filterValues.status, activeTab, isPmRole])\n\n  React.useEffect(() => {\n    void loadKpis()\n  }, [loadKpis, scopeVersion, reloadToken])\n\n  React.useEffect(() => {\n    void loadProjects()\n  }, [loadProjects, scopeVersion, reloadToken])\n\n  const handleTabSelect = React.useCallback(\n    (id: string) => {\n      const params = new URLSearchParams(searchParams.toString())\n      if (id === 'all') params.delete('tab')\n      else params.set('tab', id)\n      router.replace(`?${params.toString()}`)\n      setPage(1)\n    },\n    [router, searchParams],\n  )\n\n  const handleViewModeChange = React.useCallback(\n    (next: ProjectsViewMode) => {\n      setViewMode(next)\n      const params = new URLSearchParams(searchParams.toString())\n      if (next === 'table') params.delete('view')\n      else params.set('view', next)\n      router.replace(`?${params.toString()}`)\n    },\n    [router, searchParams, setViewMode],\n  )\n\n  const handleSearchChange = React.useCallback((value: string) => {\n    setSearch(value)\n    setPage(1)\n  }, [])\n\n  const handleFiltersApply = React.useCallback((values: FilterValues) => {\n    setFilterValues(values)\n    setPage(1)\n  }, [])\n\n  const handleFiltersClear = React.useCallback(() => {\n    setFilterValues({})\n    setPage(1)\n  }, [])\n\n  const handleRefresh = React.useCallback(() => {\n    setReloadToken((token) => token + 1)\n  }, [])\n\n  const handleDelete = React.useCallback(\n    async (entry: ProjectRow) => {\n      const message = labels.actions.deleteConfirm.replace('{{name}}', entry.name)\n      const confirmed = await confirm({\n        title: labels.actions.delete,\n        text: message,\n        variant: 'destructive',\n      })\n      if (!confirmed) return\n      try {\n        await deleteCrud('staff/timesheets/time-projects', entry.id, { errorMessage: labels.errors.delete })\n        flash(labels.messages.deleted, 'success')\n        handleRefresh()\n      } catch (error) {\n        console.error('staff.timesheets.projects.delete', error)\n        flash(labels.errors.delete, 'error')\n      }\n    },\n    [confirm, handleRefresh, labels.actions.deleteConfirm, labels.actions.delete, labels.errors.delete, labels.messages.deleted],\n  )\n\n  const columns = React.useMemo<ColumnDef<ProjectRow>[]>(\n    () => [\n      {\n        accessorKey: 'name',\n        header: labels.table.name,\n        meta: { priority: 1, sticky: true },\n        cell: ({ row }) => (\n          <div className=\"flex items-center gap-2.5\">\n            <ProjectColorDot colorKey={row.original.color} projectName={row.original.name} size=\"sm\" />\n            <div className=\"flex min-w-0 flex-col\">\n              <span className=\"truncate text-sm font-medium text-foreground\">{row.original.name}</span>\n              <span className=\"truncate font-mono text-[11px] text-muted-foreground\">\n                {row.original.code ?? '\u2014'}\n                {row.original.customerName ? ` \u00B7 ${row.original.customerName}` : ''}\n              </span>\n            </div>\n          </div>\n        ),\n      },\n      {\n        accessorKey: 'status',\n        header: labels.table.status,\n        meta: { priority: 2 },\n        cell: ({ row }) => {\n          const badgeClass =\n            row.original.status === 'active'\n              ? 'bg-lime-100 text-lime-800 dark:bg-lime-900/30 dark:text-lime-300'\n              : row.original.status === 'on_hold'\n                ? 'bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300'\n                : 'bg-muted text-muted-foreground'\n          const statusLabel =\n            labels.statuses[row.original.status as keyof typeof labels.statuses] ?? row.original.status\n          return (\n            <span\n              className={`inline-flex items-center rounded-full px-2 py-0.5 text-[11px] font-medium ${badgeClass}`}\n            >\n              {statusLabel}\n            </span>\n          )\n        },\n      },\n      {\n        accessorKey: 'projectType',\n        header: labels.table.type,\n        meta: { priority: 3 },\n        cell: ({ row }) =>\n          row.original.projectType ? (\n            <span className=\"text-sm text-foreground\">{row.original.projectType}</span>\n          ) : (\n            <span className=\"text-xs text-muted-foreground/70\">\u2014</span>\n          ),\n      },\n      isPmRole\n        ? {\n            accessorKey: 'members',\n            id: 'members',\n            header: labels.table.team,\n            enableSorting: false,\n            meta: { priority: 4 },\n            cell: ({ row }) => (\n              <ProjectMembersAvatarStack\n                members={row.original.members}\n                total={row.original.memberCount}\n                peopleCountLabel={`${row.original.memberCount}`}\n              />\n            ),\n          }\n        : {\n            accessorKey: 'myRole',\n            header: labels.table.myRole,\n            enableSorting: false,\n            meta: { priority: 4 },\n            cell: ({ row }) =>\n              row.original.myRole ? (\n                <span className=\"text-sm text-foreground\">{row.original.myRole}</span>\n              ) : (\n                <span className=\"text-xs text-muted-foreground/70\">\u2014</span>\n              ),\n          },\n      {\n        accessorKey: 'hoursWeek',\n        header: isPmRole ? labels.table.hoursWeek : labels.table.myHoursWeek,\n        enableSorting: false,\n        meta: { priority: 5 },\n        cell: ({ row }) => {\n          const stripe = resolveProjectColorHex(row.original.color, row.original.name)\n          return (\n            <div className=\"flex items-center justify-end gap-2\">\n              <HoursSparkline\n                values={row.original.hoursTrend}\n                color={stripe}\n                ariaLabel={labels.card.sparklineAria}\n              />\n              <span className=\"text-xs font-medium tabular-nums text-foreground\">\n                {row.original.hoursWeek > 0 ? `${row.original.hoursWeek}h` : '\u2014'}\n              </span>\n            </div>\n          )\n        },\n      },\n      {\n        accessorKey: 'updatedAt',\n        header: labels.table.updatedAt,\n        meta: { priority: 6 },\n        cell: ({ row }) => (\n          <span className=\"text-xs text-muted-foreground\">\n            {formatRelativeTime(row.original.updatedAt, '\u2014', t)}\n          </span>\n        ),\n      },\n    ],\n    [labels.table, labels.statuses, labels.card.sparklineAria, isPmRole],\n  )\n\n  const cardLabels = React.useMemo<ProjectCardLabels>(\n    () => ({\n      hoursPanelPm: labels.card.hoursPanelPm,\n      hoursPanelCollab: labels.card.hoursPanelCollab,\n      sparklineAria: labels.card.sparklineAria,\n      peopleCount: (count: number) => `${count}`,\n      role: labels.card.role,\n      noCustomer: '\u2014',\n      statuses: labels.statuses,\n    }),\n    [labels.card, labels.statuses],\n  )\n\n  const canManage = isPmRole\n\n  const emptyStateCopy = React.useMemo(() => {\n    const hasFiltersApplied = activeTab !== 'all' || search.trim().length > 0 || Object.values(filterValues).some(Boolean)\n    if (hasFiltersApplied) return labels.emptyState.noMatches\n    if (!canManage) return labels.emptyState.noAssignments\n    return labels.emptyState.noProjects\n  }, [activeTab, search, filterValues, canManage, labels.emptyState])\n\n  const cardsData: ProjectCardData[] = rows.map((row) => ({\n    id: row.id,\n    name: row.name,\n    code: row.code,\n    customerName: row.customerName,\n    color: row.color,\n    status: row.status,\n    hoursWeek: row.hoursWeek,\n    hoursTrend: row.hoursTrend,\n    members: row.members,\n    memberCount: row.memberCount,\n    myRole: row.myRole,\n    updatedAt: row.updatedAt,\n  }))\n\n  return (\n    <Page>\n      <PageBody>\n        <div className=\"mb-4\">\n          <ProjectsKpiStrip kpis={kpis} labels={kpiLabels} isLoading={isLoadingKpis} />\n        </div>\n\n        <div className=\"mb-3 flex flex-wrap items-center justify-between gap-3\">\n          <SavedViewTabs\n            tabs={tabs}\n            activeId={activeTab}\n            onSelect={handleTabSelect}\n            ariaLabel={t('staff.timesheets.projects.portfolio.savedViews.ariaLabel', 'Saved views')}\n          />\n          <ViewModeToggle\n            mode={viewMode}\n            onChange={handleViewModeChange}\n            tableLabel={labels.viewMode.table}\n            cardsLabel={labels.viewMode.cards}\n            ariaLabel={t('staff.timesheets.projects.portfolio.viewMode.ariaLabel', 'View mode')}\n          />\n        </div>\n\n        {viewMode === 'cards' ? (\n          <div>\n            {isLoading ? (\n              <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3\">\n                {Array.from({ length: 6 }).map((_, idx) => (\n                  <div key={idx} className=\"h-48 animate-pulse rounded-lg border border-border bg-muted/40\" />\n                ))}\n              </div>\n            ) : rows.length === 0 ? (\n              <div className=\"rounded-lg border border-dashed border-border bg-card p-10 text-center\">\n                <p className=\"text-sm text-muted-foreground\">{emptyStateCopy}</p>\n                {canManage ? (\n                  <div className=\"mt-3\">\n                    <Button asChild size=\"sm\">\n                      <Link href=\"/backend/staff/timesheets/projects/create\">\n                        {labels.actions.addFirst}\n                      </Link>\n                    </Button>\n                  </div>\n                ) : null}\n              </div>\n            ) : (\n              <div className=\"grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3\">\n                {cardsData.map((card) => (\n                  <ProjectCard\n                    key={card.id}\n                    data={card}\n                    labels={cardLabels}\n                    showTeam={isPmRole}\n                    href={`/backend/staff/timesheets/projects/${card.id}`}\n                  />\n                ))}\n              </div>\n            )}\n          </div>\n        ) : (\n          <DataTable<ProjectRow>\n            title={labels.title}\n            data={rows}\n            columns={columns}\n            isLoading={isLoading}\n            searchValue={search}\n            onSearchChange={handleSearchChange}\n            searchPlaceholder={labels.table.search}\n            filters={filters}\n            filterValues={filterValues}\n            onFiltersApply={handleFiltersApply}\n            onFiltersClear={handleFiltersClear}\n            emptyState={\n              <div className=\"py-12 text-center\">\n                <p className=\"text-sm text-muted-foreground mb-4\">{emptyStateCopy}</p>\n                {canManage ? (\n                  <Button asChild size=\"sm\">\n                    <Link href=\"/backend/staff/timesheets/projects/create\">{labels.actions.addFirst}</Link>\n                  </Button>\n                ) : null}\n              </div>\n            }\n            actions={\n              canManage ? (\n                <Button asChild size=\"sm\">\n                  <Link href=\"/backend/staff/timesheets/projects/create\">{labels.actions.add}</Link>\n                </Button>\n              ) : undefined\n            }\n            refreshButton={{\n              label: labels.actions.refresh,\n              onRefresh: handleRefresh,\n              isRefreshing: isLoading || isRefreshing,\n            }}\n            sortable\n            sorting={sorting}\n            onSortingChange={setSorting}\n            pagination={{\n              page,\n              pageSize: PAGE_SIZE,\n              total,\n              totalPages,\n              onPageChange: setPage,\n            }}\n            rowActions={(row) => (\n              <RowActions\n                items={[\n                  {\n                    id: 'view',\n                    label: labels.actions.viewDetails,\n                    href: `/backend/staff/timesheets/projects/${row.id}`,\n                  },\n                  ...(canManage\n                    ? [\n                        {\n                          id: 'delete',\n                          label: labels.actions.delete,\n                          destructive: true,\n                          onSelect: () => {\n                            void handleDelete(row)\n                          },\n                        },\n                      ]\n                    : []),\n                ]}\n              />\n            )}\n            onRowClick={(row) => router.push(`/backend/staff/timesheets/projects/${row.id}`)}\n          />\n        )}\n      </PageBody>\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/staff/backend/staff/timesheets/projects/page.meta.js

@@ -0,0 +1,25 @@
+import React from "react";
+const folderIcon = React.createElement(
+  "svg",
+  { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2 },
+  React.createElement("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" })
+);
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["staff.timesheets.projects.view"],
+  navHidden: false,
+  pageTitle: "Projects",
+  pageTitleKey: "staff.timesheets.nav.projects",
+  pageGroup: "Employees",
+  pageGroupKey: "staff.nav.group",
+  pageOrder: 86,
+  icon: folderIcon,
+  breadcrumb: [
+    { label: "My Timesheets", labelKey: "staff.timesheets.nav.my_timesheets", href: "/backend/staff/timesheets" },
+    { label: "Projects", labelKey: "staff.timesheets.nav.projects" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/staff/backend/staff/timesheets/projects/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/staff/backend/staff/timesheets/projects/page.meta.ts"],
+  "sourcesContent": ["import React from 'react'\n\nconst folderIcon = React.createElement(\n  'svg',\n  { width: 16, height: 16, viewBox: '0 0 24 24', fill: 'none', stroke: 'currentColor', strokeWidth: 2 },\n  React.createElement('path', { d: 'M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z' }),\n)\n\nexport const metadata = {\n  requireAuth: true,\n  requireFeatures: ['staff.timesheets.projects.view'],\n  navHidden: false,\n  pageTitle: 'Projects',\n  pageTitleKey: 'staff.timesheets.nav.projects',\n  pageGroup: 'Employees',\n  pageGroupKey: 'staff.nav.group',\n  pageOrder: 86,\n  icon: folderIcon,\n  breadcrumb: [\n    { label: 'My Timesheets', labelKey: 'staff.timesheets.nav.my_timesheets', href: '/backend/staff/timesheets' },\n    { label: 'Projects', labelKey: 'staff.timesheets.nav.projects' },\n  ],\n}\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,MAAM,aAAa,MAAM;AAAA,EACvB;AAAA,EACA,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,QAAQ,gBAAgB,aAAa,EAAE;AAAA,EACpG,MAAM,cAAc,QAAQ,EAAE,GAAG,8EAA8E,CAAC;AAClH;AAEO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,gCAAgC;AAAA,EAClD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY;AAAA,IACV,EAAE,OAAO,iBAAiB,UAAU,sCAAsC,MAAM,4BAA4B;AAAA,IAC5G,EAAE,OAAO,YAAY,UAAU,gCAAgC;AAAA,EACjE;AACF;",
+  "names": []
+}

package/dist/modules/staff/backend/staff/timesheets/projects/projectFormConfig.js

@@ -0,0 +1,123 @@
+import * as React from "react";
+import { z } from "zod";
+import { ColorPicker } from "../../../../lib/timesheets-ui/ColorPicker.js";
+import { PROJECT_COLOR_KEYS } from "../../../../lib/timesheets-ui/colors.js";
+function createProjectFormSchema() {
+  return z.object({
+    name: z.string().min(1),
+    code: z.string().min(1).max(50).regex(/^[a-zA-Z0-9-]+$/),
+    description: z.string().max(2e3).optional().nullable(),
+    projectType: z.string().max(100).optional().nullable(),
+    color: z.string().refine(
+      (value) => PROJECT_COLOR_KEYS.includes(value),
+      { message: "Invalid project color key." }
+    ).optional().nullable(),
+    startDate: z.string().optional().nullable(),
+    costCenter: z.string().max(100).optional().nullable(),
+    status: z.enum(["active", "on_hold", "completed"]).optional()
+  });
+}
+function createProjectFormFields(t) {
+  return [
+    {
+      id: "name",
+      type: "text",
+      label: t("staff.timesheets.projects.form.name", "Name"),
+      placeholder: t("staff.timesheets.projects.form.namePlaceholder", "Project name"),
+      required: true
+    },
+    {
+      id: "code",
+      type: "text",
+      label: t("staff.timesheets.projects.form.code", "Code"),
+      placeholder: t("staff.timesheets.projects.form.codePlaceholder", "PROJECT-001"),
+      required: true
+    },
+    {
+      id: "status",
+      type: "select",
+      label: t("staff.timesheets.projects.form.status", "Status"),
+      options: [
+        { value: "active", label: t("staff.timesheets.projects.statuses.active", "Active") },
+        { value: "on_hold", label: t("staff.timesheets.projects.statuses.onHold", "On Hold") },
+        { value: "completed", label: t("staff.timesheets.projects.statuses.completed", "Completed") }
+      ]
+    },
+    {
+      id: "description",
+      type: "textarea",
+      label: t("staff.timesheets.projects.form.description", "Description"),
+      placeholder: t("staff.timesheets.projects.form.descriptionPlaceholder", "Project description")
+    },
+    {
+      id: "projectType",
+      type: "text",
+      label: t("staff.timesheets.projects.form.projectType", "Project type"),
+      placeholder: t("staff.timesheets.projects.form.projectTypePlaceholder", "e.g. Internal, Client, R&D")
+    },
+    {
+      id: "color",
+      type: "custom",
+      label: t("staff.timesheets.projects.form.color", "Project color"),
+      component: ({ value, setValue }) => {
+        const current = typeof value === "string" ? value : null;
+        return React.createElement(ColorPicker, {
+          value: current,
+          onChange: (next) => setValue(next),
+          resetLabel: t("staff.timesheets.projects.form.colorAuto", "Auto")
+        });
+      }
+    },
+    {
+      id: "startDate",
+      type: "date",
+      label: t("staff.timesheets.projects.form.startDate", "Start date")
+    },
+    {
+      id: "costCenter",
+      type: "text",
+      label: t("staff.timesheets.projects.form.costCenter", "Cost center"),
+      placeholder: t("staff.timesheets.projects.form.costCenterPlaceholder", "Cost center code")
+    }
+  ];
+}
+function createProjectFormGroups(t) {
+  return [
+    {
+      id: "main",
+      title: t("staff.timesheets.projects.form.groupMain", "Project Details"),
+      fields: ["name", "code", "status", "color", "projectType", "startDate"]
+    },
+    {
+      id: "details",
+      title: t("staff.timesheets.projects.form.groupDetails", "Additional Information"),
+      fields: ["description", "costCenter"]
+    }
+  ];
+}
+function buildProjectPayload(values) {
+  const payload = {
+    name: values.name.trim(),
+    code: values.code.trim()
+  };
+  if (values.id) payload.id = values.id;
+  if (values.description?.trim()) payload.description = values.description.trim();
+  else payload.description = null;
+  if (values.projectType?.trim()) payload.projectType = values.projectType.trim();
+  else payload.projectType = null;
+  if (values.color?.trim()) payload.color = values.color.trim();
+  else payload.color = null;
+  if (values.startDate) payload.startDate = values.startDate;
+  else payload.startDate = null;
+  if (values.costCenter?.trim()) payload.costCenter = values.costCenter.trim();
+  else payload.costCenter = null;
+  if (values.status) payload.status = values.status;
+  return payload;
+}
+export {
+  buildProjectPayload,
+  createProjectFormFields,
+  createProjectFormGroups,
+  createProjectFormSchema
+};
+//# sourceMappingURL=projectFormConfig.js.map

package/dist/modules/staff/backend/staff/timesheets/projects/projectFormConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../src/modules/staff/backend/staff/timesheets/projects/projectFormConfig.ts"],
+  "sourcesContent": ["import * as React from 'react'\nimport { z } from 'zod'\nimport type { CrudField, CrudFormGroup } from '@open-mercato/ui/backend/CrudForm'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\nimport { ColorPicker } from '../../../../lib/timesheets-ui/ColorPicker'\nimport { PROJECT_COLOR_KEYS } from '../../../../lib/timesheets-ui/colors'\n\nexport type ProjectFormValues = {\n  id?: string\n  name: string\n  code: string\n  description?: string | null\n  projectType?: string | null\n  color?: string | null\n  startDate?: string | null\n  costCenter?: string | null\n  status?: string\n}\n\nexport function createProjectFormSchema() {\n  return z.object({\n    name: z.string().min(1),\n    code: z.string().min(1).max(50).regex(/^[a-zA-Z0-9-]+$/),\n    description: z.string().max(2000).optional().nullable(),\n    projectType: z.string().max(100).optional().nullable(),\n    color: z\n      .string()\n      .refine(\n        (value) => (PROJECT_COLOR_KEYS as readonly string[]).includes(value),\n        { message: 'Invalid project color key.' },\n      )\n      .optional()\n      .nullable(),\n    startDate: z.string().optional().nullable(),\n    costCenter: z.string().max(100).optional().nullable(),\n    status: z.enum(['active', 'on_hold', 'completed']).optional(),\n  })\n}\n\nexport function createProjectFormFields(t: TranslateFn): CrudField[] {\n  return [\n    {\n      id: 'name',\n      type: 'text',\n      label: t('staff.timesheets.projects.form.name', 'Name'),\n      placeholder: t('staff.timesheets.projects.form.namePlaceholder', 'Project name'),\n      required: true,\n    },\n    {\n      id: 'code',\n      type: 'text',\n      label: t('staff.timesheets.projects.form.code', 'Code'),\n      placeholder: t('staff.timesheets.projects.form.codePlaceholder', 'PROJECT-001'),\n      required: true,\n    },\n    {\n      id: 'status',\n      type: 'select',\n      label: t('staff.timesheets.projects.form.status', 'Status'),\n      options: [\n        { value: 'active', label: t('staff.timesheets.projects.statuses.active', 'Active') },\n        { value: 'on_hold', label: t('staff.timesheets.projects.statuses.onHold', 'On Hold') },\n        { value: 'completed', label: t('staff.timesheets.projects.statuses.completed', 'Completed') },\n      ],\n    },\n    {\n      id: 'description',\n      type: 'textarea',\n      label: t('staff.timesheets.projects.form.description', 'Description'),\n      placeholder: t('staff.timesheets.projects.form.descriptionPlaceholder', 'Project description'),\n    },\n    {\n      id: 'projectType',\n      type: 'text',\n      label: t('staff.timesheets.projects.form.projectType', 'Project type'),\n      placeholder: t('staff.timesheets.projects.form.projectTypePlaceholder', 'e.g. Internal, Client, R&D'),\n    },\n    {\n      id: 'color',\n      type: 'custom',\n      label: t('staff.timesheets.projects.form.color', 'Project color'),\n      component: ({ value, setValue }) => {\n        const current = typeof value === 'string' ? value : null\n        return React.createElement(ColorPicker, {\n          value: current,\n          onChange: (next: string | null) => setValue(next),\n          resetLabel: t('staff.timesheets.projects.form.colorAuto', 'Auto'),\n        })\n      },\n    },\n    {\n      id: 'startDate',\n      type: 'date',\n      label: t('staff.timesheets.projects.form.startDate', 'Start date'),\n    },\n    {\n      id: 'costCenter',\n      type: 'text',\n      label: t('staff.timesheets.projects.form.costCenter', 'Cost center'),\n      placeholder: t('staff.timesheets.projects.form.costCenterPlaceholder', 'Cost center code'),\n    },\n  ]\n}\n\nexport function createProjectFormGroups(t: TranslateFn): CrudFormGroup[] {\n  return [\n    {\n      id: 'main',\n      title: t('staff.timesheets.projects.form.groupMain', 'Project Details'),\n      fields: ['name', 'code', 'status', 'color', 'projectType', 'startDate'],\n    },\n    {\n      id: 'details',\n      title: t('staff.timesheets.projects.form.groupDetails', 'Additional Information'),\n      fields: ['description', 'costCenter'],\n    },\n  ]\n}\n\nexport function buildProjectPayload(values: ProjectFormValues): Record<string, unknown> {\n  const payload: Record<string, unknown> = {\n    name: values.name.trim(),\n    code: values.code.trim(),\n  }\n  if (values.id) payload.id = values.id\n  if (values.description?.trim()) payload.description = values.description.trim()\n  else payload.description = null\n  if (values.projectType?.trim()) payload.projectType = values.projectType.trim()\n  else payload.projectType = null\n  if (values.color?.trim()) payload.color = values.color.trim()\n  else payload.color = null\n  if (values.startDate) payload.startDate = values.startDate\n  else payload.startDate = null\n  if (values.costCenter?.trim()) payload.costCenter = values.costCenter.trim()\n  else payload.costCenter = null\n  if (values.status) payload.status = values.status\n  return payload\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/staff/cli.js

@@ -1,5 +1,10 @@
 import { createRequestContainer } from "@open-mercato/shared/lib/di/container";
 import { seedStaffActivityTypes, seedStaffAddressTypes, seedStaffTeamExamples } from "./lib/seeds.js";
+import { appendWidgetsToRoles } from "@open-mercato/core/modules/dashboards/lib/role-widgets";
+const TIMESHEETS_DASHBOARD_WIDGET_IDS = [
+  "staff.timesheets.timeReporting",
+  "staff.timesheets.hoursByProject"
+];
 function parseArgs(rest) {
   const args = {};
   for (let i = 0; i < rest.length; i += 1) {
@@ -94,7 +99,39 @@ const seedAddressTypesCommand = {
     }
   }
 };
-var cli_default = [seedActivityTypesCommand, seedAddressTypesCommand, seedExamplesCommand];
+const seedTimesheetsWidgetsCommand = {
+  command: "seed-timesheets-widgets",
+  async run(rest) {
+    const args = parseArgs(rest);
+    const tenantId = String(args.tenantId ?? args.tenant ?? "");
+    const organizationId = String(args.organizationId ?? args.org ?? args.orgId ?? "");
+    if (!tenantId || !organizationId) {
+      console.error("Usage: mercato staff seed-timesheets-widgets --tenant <tenantId> --org <organizationId>");
+      console.error("Backfills timesheets dashboard widgets (timeReporting, hoursByProject) to existing tenant roles.");
+      process.exit(1);
+      return;
+    }
+    const container = await createRequestContainer();
+    try {
+      const em = container.resolve("em");
+      await em.transactional(async (tem) => {
+        await appendWidgetsToRoles(tem, {
+          tenantId,
+          organizationId,
+          roleNames: ["superadmin", "admin", "employee"],
+          widgetIds: TIMESHEETS_DASHBOARD_WIDGET_IDS
+        });
+      });
+      console.log("\u{1F4CA} Timesheets dashboard widgets seeded for organization", organizationId);
+    } finally {
+      const disposable = container;
+      if (typeof disposable.dispose === "function") {
+        await disposable.dispose();
+      }
+    }
+  }
+};
+var cli_default = [seedActivityTypesCommand, seedAddressTypesCommand, seedExamplesCommand, seedTimesheetsWidgetsCommand];
 export {
   cli_default as default
 };

package/dist/modules/staff/cli.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/modules/staff/cli.ts"],
-  "sourcesContent": ["import type { ModuleCli } from '@open-mercato/shared/modules/registry'\nimport { createRequestContainer } from '@open-mercato/shared/lib/di/container'\nimport type { EntityManager } from '@mikro-orm/postgresql'\nimport { seedStaffActivityTypes, seedStaffAddressTypes, seedStaffTeamExamples, type StaffSeedScope } from './lib/seeds'\n\nfunction parseArgs(rest: string[]) {\n  const args: Record<string, string> = {}\n  for (let i = 0; i < rest.length; i += 1) {\n    const part = rest[i]\n    if (!part) continue\n    if (part.startsWith('--')) {\n      const [rawKey, rawValue] = part.slice(2).split('=')\n      if (rawValue !== undefined) args[rawKey] = rawValue\n      else if (rest[i + 1] && !rest[i + 1]!.startsWith('--')) {\n        args[rawKey] = rest[i + 1]!\n        i += 1\n      }\n    }\n  }\n  return args\n}\n\nconst seedExamplesCommand: ModuleCli = {\n  command: 'seed-examples',\n  async run(rest) {\n    const args = parseArgs(rest)\n    const tenantId = String(args.tenantId ?? args.tenant ?? '')\n    const organizationId = String(args.organizationId ?? args.org ?? args.orgId ?? '')\n    if (!tenantId || !organizationId) {\n      console.error('Usage: mercato staff seed-examples --tenant <tenantId> --org <organizationId>')\n      return\n    }\n    const container = await createRequestContainer()\n    const scope: StaffSeedScope = { tenantId, organizationId }\n    try {\n      const em = container.resolve<EntityManager>('em')\n      await em.transactional(async (tem) => {\n        await seedStaffTeamExamples(tem, scope)\n      })\n      console.log('\uD83E\uDDE9 Staff team examples seeded for organization', organizationId)\n    } finally {\n      const disposable = container as unknown as { dispose?: () => Promise<void> }\n      if (typeof disposable.dispose === 'function') {\n        await disposable.dispose()\n      }\n    }\n  },\n}\n\nconst seedActivityTypesCommand: ModuleCli = {\n  command: 'seed-activity-types',\n  async run(rest) {\n    const args = parseArgs(rest)\n    const tenantId = String(args.tenantId ?? args.tenant ?? '')\n    const organizationId = String(args.organizationId ?? args.org ?? args.orgId ?? '')\n    if (!tenantId || !organizationId) {\n      console.error('Usage: mercato staff seed-activity-types --tenant <tenantId> --org <organizationId>')\n      return\n    }\n    const container = await createRequestContainer()\n    const scope: StaffSeedScope = { tenantId, organizationId }\n    try {\n      const em = container.resolve<EntityManager>('em')\n      await em.transactional(async (tem) => {\n        await seedStaffActivityTypes(tem, scope)\n      })\n      console.log('\uD83D\uDDC2\uFE0F  Staff activity types seeded for organization', organizationId)\n    } finally {\n      const disposable = container as unknown as { dispose?: () => Promise<void> }\n      if (typeof disposable.dispose === 'function') {\n        await disposable.dispose()\n      }\n    }\n  },\n}\n\nconst seedAddressTypesCommand: ModuleCli = {\n  command: 'seed-address-types',\n  async run(rest) {\n    const args = parseArgs(rest)\n    const tenantId = String(args.tenantId ?? args.tenant ?? '')\n    const organizationId = String(args.organizationId ?? args.org ?? args.orgId ?? '')\n    if (!tenantId || !organizationId) {\n      console.error('Usage: mercato staff seed-address-types --tenant <tenantId> --org <organizationId>')\n      return\n    }\n    const container = await createRequestContainer()\n    const scope: StaffSeedScope = { tenantId, organizationId }\n    try {\n      const em = container.resolve<EntityManager>('em')\n      await em.transactional(async (tem) => {\n        await seedStaffAddressTypes(tem, scope)\n      })\n      console.log('\uD83C\uDFE0 Staff address types seeded for organization', organizationId)\n    } finally {\n      const disposable = container as unknown as { dispose?: () => Promise<void> }\n      if (typeof disposable.dispose === 'function') {\n        await disposable.dispose()\n      }\n    }\n  },\n}\n\nexport default [seedActivityTypesCommand, seedAddressTypesCommand, seedExamplesCommand]\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { ModuleCli } from '@open-mercato/shared/modules/registry'\nimport { createRequestContainer } from '@open-mercato/shared/lib/di/container'\nimport type { EntityManager } from '@mikro-orm/postgresql'\nimport { seedStaffActivityTypes, seedStaffAddressTypes, seedStaffTeamExamples, type StaffSeedScope } from './lib/seeds'\nimport { appendWidgetsToRoles } from '@open-mercato/core/modules/dashboards/lib/role-widgets'\n\nconst TIMESHEETS_DASHBOARD_WIDGET_IDS = [\n  'staff.timesheets.timeReporting',\n  'staff.timesheets.hoursByProject',\n]\n\nfunction parseArgs(rest: string[]) {\n  const args: Record<string, string> = {}\n  for (let i = 0; i < rest.length; i += 1) {\n    const part = rest[i]\n    if (!part) continue\n    if (part.startsWith('--')) {\n      const [rawKey, rawValue] = part.slice(2).split('=')\n      if (rawValue !== undefined) args[rawKey] = rawValue\n      else if (rest[i + 1] && !rest[i + 1]!.startsWith('--')) {\n        args[rawKey] = rest[i + 1]!\n        i += 1\n      }\n    }\n  }\n  return args\n}\n\nconst seedExamplesCommand: ModuleCli = {\n  command: 'seed-examples',\n  async run(rest) {\n    const args = parseArgs(rest)\n    const tenantId = String(args.tenantId ?? args.tenant ?? '')\n    const organizationId = String(args.organizationId ?? args.org ?? args.orgId ?? '')\n    if (!tenantId || !organizationId) {\n      console.error('Usage: mercato staff seed-examples --tenant <tenantId> --org <organizationId>')\n      return\n    }\n    const container = await createRequestContainer()\n    const scope: StaffSeedScope = { tenantId, organizationId }\n    try {\n      const em = container.resolve<EntityManager>('em')\n      await em.transactional(async (tem) => {\n        await seedStaffTeamExamples(tem, scope)\n      })\n      console.log('\uD83E\uDDE9 Staff team examples seeded for organization', organizationId)\n    } finally {\n      const disposable = container as unknown as { dispose?: () => Promise<void> }\n      if (typeof disposable.dispose === 'function') {\n        await disposable.dispose()\n      }\n    }\n  },\n}\n\nconst seedActivityTypesCommand: ModuleCli = {\n  command: 'seed-activity-types',\n  async run(rest) {\n    const args = parseArgs(rest)\n    const tenantId = String(args.tenantId ?? args.tenant ?? '')\n    const organizationId = String(args.organizationId ?? args.org ?? args.orgId ?? '')\n    if (!tenantId || !organizationId) {\n      console.error('Usage: mercato staff seed-activity-types --tenant <tenantId> --org <organizationId>')\n      return\n    }\n    const container = await createRequestContainer()\n    const scope: StaffSeedScope = { tenantId, organizationId }\n    try {\n      const em = container.resolve<EntityManager>('em')\n      await em.transactional(async (tem) => {\n        await seedStaffActivityTypes(tem, scope)\n      })\n      console.log('\uD83D\uDDC2\uFE0F  Staff activity types seeded for organization', organizationId)\n    } finally {\n      const disposable = container as unknown as { dispose?: () => Promise<void> }\n      if (typeof disposable.dispose === 'function') {\n        await disposable.dispose()\n      }\n    }\n  },\n}\n\nconst seedAddressTypesCommand: ModuleCli = {\n  command: 'seed-address-types',\n  async run(rest) {\n    const args = parseArgs(rest)\n    const tenantId = String(args.tenantId ?? args.tenant ?? '')\n    const organizationId = String(args.organizationId ?? args.org ?? args.orgId ?? '')\n    if (!tenantId || !organizationId) {\n      console.error('Usage: mercato staff seed-address-types --tenant <tenantId> --org <organizationId>')\n      return\n    }\n    const container = await createRequestContainer()\n    const scope: StaffSeedScope = { tenantId, organizationId }\n    try {\n      const em = container.resolve<EntityManager>('em')\n      await em.transactional(async (tem) => {\n        await seedStaffAddressTypes(tem, scope)\n      })\n      console.log('\uD83C\uDFE0 Staff address types seeded for organization', organizationId)\n    } finally {\n      const disposable = container as unknown as { dispose?: () => Promise<void> }\n      if (typeof disposable.dispose === 'function') {\n        await disposable.dispose()\n      }\n    }\n  },\n}\n\nconst seedTimesheetsWidgetsCommand: ModuleCli = {\n  command: 'seed-timesheets-widgets',\n  async run(rest) {\n    const args = parseArgs(rest)\n    const tenantId = String(args.tenantId ?? args.tenant ?? '')\n    const organizationId = String(args.organizationId ?? args.org ?? args.orgId ?? '')\n    if (!tenantId || !organizationId) {\n      console.error('Usage: mercato staff seed-timesheets-widgets --tenant <tenantId> --org <organizationId>')\n      console.error('Backfills timesheets dashboard widgets (timeReporting, hoursByProject) to existing tenant roles.')\n      process.exit(1)\n      return\n    }\n    const container = await createRequestContainer()\n    try {\n      const em = container.resolve<EntityManager>('em')\n      await em.transactional(async (tem) => {\n        await appendWidgetsToRoles(tem, {\n          tenantId,\n          organizationId,\n          roleNames: ['superadmin', 'admin', 'employee'],\n          widgetIds: TIMESHEETS_DASHBOARD_WIDGET_IDS,\n        })\n      })\n      console.log('\uD83D\uDCCA Timesheets dashboard widgets seeded for organization', organizationId)\n    } finally {\n      const disposable = container as unknown as { dispose?: () => Promise<void> }\n      if (typeof disposable.dispose === 'function') {\n        await disposable.dispose()\n      }\n    }\n  },\n}\n\nexport default [seedActivityTypesCommand, seedAddressTypesCommand, seedExamplesCommand, seedTimesheetsWidgetsCommand]\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/staff/commands/index.js

@@ -7,4 +7,6 @@ import "./activities.js";
 import "./addresses.js";
 import "./job-histories.js";
 import "./leave-requests.js";
+import "./timesheets-entries.js";
+import "./timesheets-projects.js";
 //# sourceMappingURL=index.js.map

package/dist/modules/staff/commands/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/modules/staff/commands/index.ts"],
-  "sourcesContent": ["import './tag-assignments'\nimport './team-roles'\nimport './team-members'\nimport './teams'\nimport './comments'\nimport './activities'\nimport './addresses'\nimport './job-histories'\nimport './leave-requests'\n"],
-  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;",
+  "sourcesContent": ["import './tag-assignments'\nimport './team-roles'\nimport './team-members'\nimport './teams'\nimport './comments'\nimport './activities'\nimport './addresses'\nimport './job-histories'\nimport './leave-requests'\nimport './timesheets-entries'\nimport './timesheets-projects'\n"],
+  "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;",
   "names": []
 }

package/dist/modules/staff/commands/leave-requests.js

@@ -3,6 +3,7 @@ import { registerCommand } from "@open-mercato/shared/lib/commands";
 import { CrudHttpError } from "@open-mercato/shared/lib/crud/errors";
 import { resolveTranslations } from "@open-mercato/shared/lib/i18n/server";
 import { emitCrudSideEffects, emitCrudUndoSideEffects, buildChanges } from "@open-mercato/shared/lib/commands/helpers";
+import { withAtomicFlush } from "@open-mercato/shared/lib/commands/flush";
 import { invalidateCrudCache } from "@open-mercato/shared/lib/crud/cache";
 import { findOneWithDecryption } from "@open-mercato/shared/lib/encryption/find";
 import { PlannerAvailabilityRule } from "@open-mercato/core/modules/planner/data/entities";
@@ -599,12 +600,23 @@ const acceptLeaveRequestCommand = {
     const em = ctx.container.resolve("em").fork();
     const request = await em.findOne(StaffLeaveRequest, { id: before.id });
     if (!request) return;
-    request.status = before.status;
-    request.decisionComment = before.decisionComment;
-    request.decidedByUserId = before.decidedByUserId;
-    request.decidedAt = before.decidedAt ? new Date(before.decidedAt) : null;
-    request.updatedAt = /* @__PURE__ */ new Date();
-    await em.flush();
+    const rules = availabilityRuleIds.length ? await em.find(PlannerAvailabilityRule, { id: { $in: availabilityRuleIds } }) : [];
+    await withAtomicFlush(em, [
+      () => {
+        request.status = before.status;
+        request.decisionComment = before.decisionComment;
+        request.decidedByUserId = before.decidedByUserId;
+        request.decidedAt = before.decidedAt ? new Date(before.decidedAt) : null;
+        request.updatedAt = /* @__PURE__ */ new Date();
+        if (rules.length) {
+          const now = /* @__PURE__ */ new Date();
+          rules.forEach((rule) => {
+            rule.deletedAt = now;
+            rule.updatedAt = now;
+          });
+        }
+      }
+    ], { transaction: true });
     const de = ctx.container.resolve("dataEngine");
     await emitCrudUndoSideEffects({
       dataEngine: de,
@@ -618,29 +630,19 @@ const acceptLeaveRequestCommand = {
       events: staffLeaveRequestCrudEvents,
       indexer: leaveRequestCrudIndexer
     });
-    if (availabilityRuleIds.length) {
-      const rules = await em.find(PlannerAvailabilityRule, { id: { $in: availabilityRuleIds } });
-      const now = /* @__PURE__ */ new Date();
-      rules.forEach((rule) => {
-        rule.deletedAt = now;
-        rule.updatedAt = now;
+    for (const rule of rules) {
+      await emitCrudUndoSideEffects({
+        dataEngine: de,
+        action: "deleted",
+        entity: rule,
+        identifiers: {
+          id: rule.id,
+          organizationId: rule.organizationId,
+          tenantId: rule.tenantId
+        },
+        events: plannerAvailabilityRuleCrudEvents,
+        indexer: availabilityRuleCrudIndexer
       });
-      await em.flush();
-      const de2 = ctx.container.resolve("dataEngine");
-      for (const rule of rules) {
-        await emitCrudUndoSideEffects({
-          dataEngine: de2,
-          action: "deleted",
-          entity: rule,
-          identifiers: {
-            id: rule.id,
-            organizationId: rule.organizationId,
-            tenantId: rule.tenantId
-          },
-          events: plannerAvailabilityRuleCrudEvents,
-          indexer: availabilityRuleCrudIndexer
-        });
-      }
     }
     await invalidateAvailabilityCache({
       container: ctx.container,