@open-mercato/core 0.7.1-develop.7178.1.ab93fbaf4e → 0.7.1-develop.7180.1.9717fbbb43

package/src/modules/staff/backend/staff/timesheets/projects/[id]/page.tsx

@@ -1,612 +1,7 @@
-"use client"
+import { permanentRedirect } from 'next/navigation'
 
-import * as React from 'react'
-import { Page, PageBody } from '@open-mercato/ui/backend/Page'
-import { Button } from '@open-mercato/ui/primitives/button'
-import { Badge } from '@open-mercato/ui/primitives/badge'
-import { Input } from '@open-mercato/ui/primitives/input'
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@open-mercato/ui/primitives/dialog'
-import { LookupSelect } from '@open-mercato/ui/backend/inputs/LookupSelect'
-import { apiCall, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'
-import { deleteCrud, createCrud } from '@open-mercato/ui/backend/utils/crud'
-import { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'
-import { flash } from '@open-mercato/ui/backend/FlashMessages'
-import { useT } from '@open-mercato/shared/lib/i18n/context'
-import { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'
-import { LoadingMessage } from '@open-mercato/ui/backend/detail'
-import { ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'
-import { ArrowLeft, Plus, Pencil, ChevronDown, Trash2, User } from 'lucide-react'
-import Link from 'next/link'
-import { createLogger } from '@open-mercato/shared/lib/logger'
-
-const logger = createLogger('staff')
-
-const BACK_HREF = '/backend/staff/timesheets/projects'
-
-type ProjectRecord = {
-  id: string
-  name: string
-  code: string
-  description?: string | null
-  projectType?: string | null
-  project_type?: string | null
-  startDate?: string | null
-  start_date?: string | null
-  costCenter?: string | null
-  cost_center?: string | null
-  status?: string | null
-  customerId?: string | null
-  customer_id?: string | null
-} & Record<string, unknown>
-
-type ProjectResponse = {
-  items?: ProjectRecord[]
-}
-
-type EmployeeAssignment = {
-  id: string
-  staffMemberId: string
-  role: string | null
-  status: string | null
-  assignedStartDate: string | null
-  assignedEndDate: string | null
-  displayName: string | null
-  teamName: string | null
-}
-
-type EmployeesResponse = {
-  items?: Array<Record<string, unknown>>
-  total?: number
-}
-
-type StaffMemberRecord = {
-  id: string
-  display_name?: string
-  displayName?: string
-  team?: { id: string; name: string } | null
-}
-
-type StaffMembersResponse = {
-  items?: StaffMemberRecord[]
-}
-
-export default function TimesheetProjectDetailPage({ params }: { params?: { id?: string } }) {
+export default function TimesheetProjectDetailLegacyRedirectPage({ params }: { params?: { id?: string } }) {
   const projectId = params?.id
-  const t = useT()
-  const scopeVersion = useOrganizationScopeVersion()
-  const { confirm, ConfirmDialogElement } = useConfirmDialog()
-
-  const [project, setProject] = React.useState<ProjectRecord | null>(null)
-  const [loading, setLoading] = React.useState(true)
-  const [error, setError] = React.useState<string | null>(null)
-  const [isNotFound, setIsNotFound] = React.useState(false)
-
-  const [employees, setEmployees] = React.useState<EmployeeAssignment[]>([])
-  const [employeesLoading, setEmployeesLoading] = React.useState(false)
-  const [expandedCards, setExpandedCards] = React.useState<Set<string>>(new Set())
-  const [reloadToken, setReloadToken] = React.useState(0)
-
-  const [canManageProjects, setCanManageProjects] = React.useState(false)
-
-  React.useEffect(() => {
-    let cancelled = false
-    void (async () => {
-      try {
-        const res = await apiCall<{ ok: boolean; granted: string[] }>('/api/auth/feature-check', {
-          method: 'POST',
-          headers: { 'content-type': 'application/json' },
-          body: JSON.stringify({ features: ['staff.timesheets.projects.manage'] }),
-        })
-        if (!cancelled) {
-          setCanManageProjects(new Set(res.result?.granted ?? []).has('staff.timesheets.projects.manage'))
-        }
-      } catch {
-        // default: no manage access
-      }
-    })()
-    return () => { cancelled = true }
-  }, [])
-
-  const [addDialogOpen, setAddDialogOpen] = React.useState(false)
-  const [addStaffMemberId, setAddStaffMemberId] = React.useState<string | null>(null)
-  const [addRole, setAddRole] = React.useState('')
-  const [addStartDate, setAddStartDate] = React.useState('')
-  const [addSaving, setAddSaving] = React.useState(false)
-
-  const activeCount = employees.filter((emp) => emp.status === 'active').length
-  const inactiveCount = employees.length - activeCount
-
-  // --- Load project ---
-  React.useEffect(() => {
-    if (!projectId) return
-    let cancelled = false
-    async function loadProject() {
-      setLoading(true)
-      setError(null)
-      setIsNotFound(false)
-      try {
-        const queryParams = new URLSearchParams({ page: '1', pageSize: '1', ids: projectId! })
-        const payload = await readApiResultOrThrow<ProjectResponse>(
-          `/api/staff/timesheets/time-projects?${queryParams.toString()}`,
-          undefined,
-          { errorMessage: t('staff.timesheets.projects.errors.load', 'Failed to load project.') },
-        )
-        const record = Array.isArray(payload.items) ? payload.items[0] : null
-        if (!record) {
-          if (!cancelled) setIsNotFound(true)
-          return
-        }
-        if (!cancelled) setProject(record)
-      } catch (loadError) {
-        if (!cancelled) {
-          setError(loadError instanceof Error ? loadError.message : t('staff.timesheets.projects.errors.load', 'Failed to load project.'))
-        }
-      } finally {
-        if (!cancelled) setLoading(false)
-      }
-    }
-    loadProject()
-    return () => { cancelled = true }
-  }, [projectId, t, scopeVersion])
-
-  // --- Load employees with name resolution ---
-  const loadEmployees = React.useCallback(async () => {
-    if (!projectId) return
-    setEmployeesLoading(true)
-    try {
-      const payload = await readApiResultOrThrow<EmployeesResponse>(
-        `/api/staff/timesheets/time-projects/${projectId}/employees?page=1&pageSize=100`,
-        undefined,
-        { errorMessage: t('staff.timesheets.projects.employees.empty', 'No employees assigned yet.'), fallback: { items: [], total: 0 } },
-      )
-      const items = Array.isArray(payload.items) ? payload.items : []
-
-      const staffMemberIds = items
-        .map((item) => String(item.staff_member_id ?? item.staffMemberId ?? ''))
-        .filter((id) => id.length > 0)
-
-      let staffMap = new Map<string, StaffMemberRecord>()
-      if (staffMemberIds.length > 0) {
-        try {
-          const staffRes = await apiCall<StaffMembersResponse>(
-            `/api/staff/team-members?ids=${staffMemberIds.join(',')}&pageSize=100`,
-          )
-          if (staffRes.ok) {
-            const staffItems = Array.isArray(staffRes.result?.items) ? staffRes.result.items : []
-            staffMap = new Map(staffItems.map((member) => [member.id, member]))
-          }
-        } catch {
-          // name resolution failed (e.g. 403 for employees) — show IDs as fallback
-        }
-      }
-
-      const mapped: EmployeeAssignment[] = items.map((item) => {
-        const staffMemberId = String(item.staff_member_id ?? item.staffMemberId ?? '')
-        const staff = staffMap.get(staffMemberId)
-        return {
-          id: String(item.id ?? ''),
-          staffMemberId,
-          role: typeof item.role === 'string' ? item.role : null,
-          status: typeof item.status === 'string' ? item.status : null,
-          assignedStartDate: String(item.assigned_start_date ?? item.assignedStartDate ?? ''),
-          assignedEndDate: typeof (item.assigned_end_date ?? item.assignedEndDate) === 'string'
-            ? String(item.assigned_end_date ?? item.assignedEndDate)
-            : null,
-          displayName: staff?.display_name ?? staff?.displayName ?? null,
-          teamName: staff?.team?.name ?? null,
-        }
-      })
-
-      setEmployees(mapped)
-    } catch (loadError) {
-      logger.error('staff.timesheets.projects.employees.list', { err: loadError })
-    } finally {
-      setEmployeesLoading(false)
-    }
-  }, [projectId, t])
-
-  React.useEffect(() => {
-    void loadEmployees()
-  }, [loadEmployees, reloadToken, scopeVersion])
-
-  // --- Toggle card expand/collapse ---
-  const toggleCard = React.useCallback((employeeId: string) => {
-    setExpandedCards((prev) => {
-      const next = new Set(prev)
-      if (next.has(employeeId)) next.delete(employeeId)
-      else next.add(employeeId)
-      return next
-    })
-  }, [])
-
-  // optimistic-lock-exempt: the employee add/remove calls below mutate the
-  // time-project ↔ staff-member assignment junction (createCrud/deleteCrud of a
-  // membership row), not a shared editable aggregate. Junction add/remove is exempt
-  // from OSS optimistic locking per the data-integrity contract.
-  // --- Remove employee ---
-  const handleRemoveEmployee = React.useCallback(async (emp: EmployeeAssignment) => {
-    const confirmed = await confirm({
-      title: t('staff.timesheets.projects.employees.remove', 'Remove'),
-      text: t('staff.timesheets.projects.employees.removeConfirm', 'Remove this employee from the project?'),
-      variant: 'destructive',
-    })
-    if (!confirmed) return
-    try {
-      await deleteCrud(
-        `staff/timesheets/time-projects/${projectId}/employees`,
-        emp.id,
-        { errorMessage: t('staff.timesheets.projects.employees.removeError', 'Failed to remove employee.') },
-      )
-      flash(t('staff.timesheets.projects.employees.removed', 'Employee removed.'), 'success')
-      setReloadToken((token) => token + 1)
-    } catch {
-      flash(t('staff.timesheets.projects.employees.removeError', 'Failed to remove employee.'), 'error')
-    }
-  }, [projectId, confirm, t])
-
-  // --- Add employee dialog ---
-  const openAddDialog = React.useCallback(() => {
-    setAddStaffMemberId(null)
-    setAddRole('')
-    setAddStartDate(new Date().toISOString().slice(0, 10))
-    setAddDialogOpen(true)
-  }, [])
-
-  const fetchStaffMembers = React.useCallback(async (query: string) => {
-    try {
-      const params = new URLSearchParams({ search: query, pageSize: '20', isActive: 'true' })
-      const payload = await readApiResultOrThrow<StaffMembersResponse>(
-        `/api/staff/team-members?${params.toString()}`,
-        undefined,
-        { errorMessage: '', fallback: { items: [] } },
-      )
-      const items = Array.isArray(payload.items) ? payload.items : []
-      return items.map((member) => ({
-        id: member.id,
-        title: member.display_name ?? member.displayName ?? member.id,
-        subtitle: member.team?.name ?? null,
-      }))
-    } catch {
-      return []
-    }
-  }, [])
-
-  const handleAddEmployee = React.useCallback(async () => {
-    if (!projectId || !addStaffMemberId || !addStartDate) return
-    setAddSaving(true)
-    try {
-      await createCrud(`staff/timesheets/time-projects/${projectId}/employees`, {
-        staffMemberId: addStaffMemberId,
-        timeProjectId: projectId,
-        role: addRole.trim() || null,
-        assignedStartDate: addStartDate,
-      }, {
-        errorMessage: t('staff.timesheets.projects.employees.addError', 'Failed to add employee.'),
-      })
-      flash(t('staff.timesheets.projects.employees.added', 'Employee added.'), 'success')
-      setAddDialogOpen(false)
-      setReloadToken((token) => token + 1)
-    } catch (addError) {
-      flash(addError instanceof Error ? addError.message : t('staff.timesheets.projects.employees.addError', 'Failed to add employee.'), 'error')
-    } finally {
-      setAddSaving(false)
-    }
-  }, [projectId, addStaffMemberId, addRole, addStartDate, t])
-
-  const handleAddDialogKeyDown = React.useCallback((event: React.KeyboardEvent) => {
-    if (event.key === 'Enter' && (event.metaKey || event.ctrlKey)) {
-      event.preventDefault()
-      void handleAddEmployee()
-    }
-  }, [handleAddEmployee])
-
-  // --- Render ---
-  if (loading) {
-    return (
-      <Page>
-        <PageBody>
-          <LoadingMessage label={t('staff.timesheets.projects.loading', 'Loading project...')} />
-        </PageBody>
-      </Page>
-    )
-  }
-
-  if (isNotFound) {
-    return (
-      <Page>
-        <PageBody>
-          <RecordNotFoundState
-            label={t('staff.timesheets.projects.errors.notFound', 'Project not found.')}
-            backHref={BACK_HREF}
-            backLabel={t('staff.timesheets.projects.actions.backToList', 'Back to projects')}
-          />
-        </PageBody>
-      </Page>
-    )
-  }
-
-  if (error || !project) {
-    return (
-      <Page>
-        <PageBody>
-          <ErrorMessage label={error ?? t('staff.timesheets.projects.errors.load', 'Failed to load project.')} />
-        </PageBody>
-      </Page>
-    )
-  }
-
-  const projectStatus = project.status ?? 'active'
-  const projectType = project.projectType ?? project.project_type ?? null
-  const projectStartDate = project.startDate ?? project.start_date ?? null
-  const projectCode = project.code
-
-  return (
-    <Page>
-      <PageBody>
-        <div className="space-y-6">
-          {/* Header: Back arrow, title, subtitle, Edit button */}
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-3">
-              <Button variant="ghost" size="icon" asChild>
-                <Link href={BACK_HREF}>
-                  <ArrowLeft className="h-4 w-4" aria-hidden />
-                </Link>
-              </Button>
-              <div>
-                <h1 className="text-xl font-semibold">{project.name}</h1>
-                <p className="text-sm text-muted-foreground">{t('staff.timesheets.projects.detail.subtitle', 'Project Settings')}</p>
-              </div>
-            </div>
-            {canManageProjects && (
-              <Button variant="outline" size="sm" asChild>
-                <Link href={`/backend/staff/timesheets/projects/${projectId}/edit`}>
-                  <Pencil className="mr-2 h-4 w-4" aria-hidden />
-                  {t('staff.timesheets.projects.form.actions.edit', 'Edit Project')}
-                </Link>
-              </Button>
-            )}
-          </div>
-
-          {/* Project Information (read-only) */}
-          {(
-            <div className="max-w-2xl rounded-lg border p-4">
-              <dl className="grid grid-cols-2 gap-4 text-sm">
-                <div>
-                  <dt className="font-medium text-muted-foreground">{t('staff.timesheets.projects.form.code', 'Code')}</dt>
-                  <dd className="font-mono">{projectCode}</dd>
-                </div>
-                <div>
-                  <dt className="font-medium text-muted-foreground">{t('staff.timesheets.projects.form.status', 'Status')}</dt>
-                  <dd>
-                    <Badge
-                      variant={projectStatus === 'active' ? 'success' : projectStatus === 'on_hold' ? 'warning' : 'neutral'}
-                      className="capitalize"
-                    >
-                      {projectStatus}
-                    </Badge>
-                  </dd>
-                </div>
-                {projectType ? (
-                  <div>
-                    <dt className="font-medium text-muted-foreground">{t('staff.timesheets.projects.form.projectType', 'Project type')}</dt>
-                    <dd>{projectType}</dd>
-                  </div>
-                ) : null}
-                {projectStartDate ? (
-                  <div>
-                    <dt className="font-medium text-muted-foreground">{t('staff.timesheets.projects.form.startDate', 'Start date')}</dt>
-                    <dd>{projectStartDate}</dd>
-                  </div>
-                ) : null}
-                {project.description ? (
-                  <div className="col-span-2">
-                    <dt className="font-medium text-muted-foreground">{t('staff.timesheets.projects.form.description', 'Description')}</dt>
-                    <dd className="whitespace-pre-wrap">{project.description}</dd>
-                  </div>
-                ) : null}
-              </dl>
-            </div>
-          )}
-
-          {/* Summary Cards: Active / Inactive employees */}
-          <div className="grid grid-cols-2 gap-4 max-w-md">
-            <div className="rounded-lg border p-4 text-center">
-              <p className="text-2xl font-bold">{activeCount}</p>
-              <p className="text-xs text-muted-foreground">{t('staff.timesheets.projects.active_employees', 'Active Employees')}</p>
-            </div>
-            <div className="rounded-lg border p-4 text-center">
-              <p className="text-2xl font-bold">{inactiveCount}</p>
-              <p className="text-xs text-muted-foreground">{t('staff.timesheets.projects.inactive_employees', 'Inactive Employees')}</p>
-            </div>
-          </div>
-
-          {/* Assigned Employees — collapsible cards */}
-          <div className="space-y-3">
-            <div className="flex items-center justify-between">
-              <h2 className="text-base font-semibold">
-                {t('staff.timesheets.projects.employees.title', 'Assigned Employees')}
-              </h2>
-              {canManageProjects && (
-                <Button size="sm" onClick={openAddDialog}>
-                  <Plus className="mr-2 h-4 w-4" aria-hidden />
-                  {t('staff.timesheets.projects.add_employee', 'Add Employee')}
-                </Button>
-              )}
-            </div>
-
-            {employeesLoading ? (
-              <LoadingMessage label={t('staff.timesheets.projects.employees.loading', 'Loading employees...')} />
-            ) : employees.length === 0 ? (
-              <div className="rounded-lg border border-dashed p-8 text-center">
-                <User className="mx-auto h-8 w-8 text-muted-foreground/50" aria-hidden />
-                <p className="mt-2 text-sm text-muted-foreground">
-                  {t('staff.timesheets.projects.employees.empty', 'No employees assigned yet.')}
-                </p>
-              </div>
-            ) : (
-              <div className="space-y-2">
-                {employees.map((emp) => {
-                  const isExpanded = expandedCards.has(emp.id)
-                  const isInactive = emp.status !== 'active'
-                  return (
-                    <div
-                      key={emp.id}
-                      className={`rounded-lg border ${isInactive ? 'opacity-60' : ''}`}
-                    >
-                      {/* Collapsed view: name, role, status badge, start date, expand toggle */}
-                      <button
-                        type="button"
-                        className="flex w-full items-center justify-between p-4 text-left hover:bg-muted/50 transition-colors"
-                        onClick={() => toggleCard(emp.id)}
-                      >
-                        <div className="flex items-center gap-3 min-w-0">
-                          <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-muted">
-                            <User className="h-4 w-4 text-muted-foreground" aria-hidden />
-                          </div>
-                          <div className="min-w-0">
-                            <p className="text-sm font-medium truncate">
-                              {emp.displayName ?? emp.staffMemberId}
-                            </p>
-                            {emp.role ? (
-                              <p className="text-xs text-muted-foreground truncate">{emp.role}</p>
-                            ) : null}
-                          </div>
-                        </div>
-                        <div className="flex items-center gap-3 shrink-0">
-                          <Badge
-                            variant={(emp.status ?? 'active') === 'active' ? 'success' : 'neutral'}
-                            className="capitalize"
-                          >
-                            {emp.status ?? 'active'}
-                          </Badge>
-                          {emp.assignedStartDate ? (
-                            <span className="text-xs text-muted-foreground hidden sm:inline">
-                              {emp.assignedStartDate}
-                            </span>
-                          ) : null}
-                          <ChevronDown className={`h-4 w-4 text-muted-foreground transition-transform ${isExpanded ? 'rotate-180' : ''}`} aria-hidden />
-                        </div>
-                      </button>
-
-                      {/* Expanded view: assignment details */}
-                      {isExpanded ? (
-                        <div className="border-t px-4 pb-4 pt-3 space-y-3">
-                          <dl className="grid grid-cols-2 gap-3 text-sm">
-                            <div>
-                              <dt className="font-medium text-muted-foreground">
-                                {t('staff.timesheets.projects.employees.role', 'Role')}
-                              </dt>
-                              <dd>{emp.role || '-'}</dd>
-                            </div>
-                            <div>
-                              <dt className="font-medium text-muted-foreground">
-                                {t('staff.timesheets.projects.employees.status', 'Status')}
-                              </dt>
-                              <dd className="capitalize">{emp.status ?? 'active'}</dd>
-                            </div>
-                            <div>
-                              <dt className="font-medium text-muted-foreground">
-                                {t('staff.timesheets.projects.employees.startDate', 'Assignment start')}
-                              </dt>
-                              <dd>{emp.assignedStartDate || '-'}</dd>
-                            </div>
-                            <div>
-                              <dt className="font-medium text-muted-foreground">
-                                {t('staff.timesheets.projects.employees.endDate', 'Assignment end')}
-                              </dt>
-                              <dd>{emp.assignedEndDate || '-'}</dd>
-                            </div>
-                            {emp.teamName ? (
-                              <div>
-                                <dt className="font-medium text-muted-foreground">
-                                  {t('staff.timesheets.projects.employees.department', 'Department')}
-                                </dt>
-                                <dd>{emp.teamName}</dd>
-                              </div>
-                            ) : null}
-                          </dl>
-                          {canManageProjects && (
-                            <div className="flex justify-end">
-                              <Button
-                                variant="outline"
-                                size="sm"
-                                className="text-destructive hover:text-destructive"
-                                onClick={() => { void handleRemoveEmployee(emp) }}
-                              >
-                                <Trash2 className="mr-2 h-3.5 w-3.5" aria-hidden />
-                                {t('staff.timesheets.projects.employees.remove', 'Remove')}
-                              </Button>
-                            </div>
-                          )}
-                        </div>
-                      ) : null}
-                    </div>
-                  )
-                })}
-              </div>
-            )}
-          </div>
-        </div>
-
-        {ConfirmDialogElement}
-
-        {/* Add Employee Dialog */}
-        <Dialog open={addDialogOpen} onOpenChange={setAddDialogOpen}>
-          <DialogContent className="sm:max-w-md" onKeyDown={handleAddDialogKeyDown}>
-            <DialogHeader>
-              <DialogTitle>{t('staff.timesheets.projects.add_employee', 'Add Employee')}</DialogTitle>
-            </DialogHeader>
-            <div className="space-y-4 pt-2">
-              <div className="space-y-2">
-                <label className="text-sm font-medium">
-                  {t('staff.timesheets.projects.employees.selectEmployee', 'Select Employee')}
-                </label>
-                <LookupSelect
-                  value={addStaffMemberId}
-                  onChange={setAddStaffMemberId}
-                  fetchItems={fetchStaffMembers}
-                  searchPlaceholder={t('staff.timesheets.projects.employees.searchEmployee', 'Search team members...')}
-                  emptyLabel={t('staff.timesheets.projects.employees.noResults', 'No team members found')}
-                />
-              </div>
-              <div className="space-y-2">
-                <label className="text-sm font-medium" htmlFor="add-role">
-                  {t('staff.timesheets.projects.employees.roleOnProject', 'Role on Project')}
-                </label>
-                <Input
-                  id="add-role"
-                  value={addRole}
-                  onChange={(event) => setAddRole(event.target.value)}
-                  placeholder={t('staff.timesheets.projects.employees.rolePlaceholder', 'e.g. Developer, Designer...')}
-                />
-              </div>
-              <div className="space-y-2">
-                <label className="text-sm font-medium" htmlFor="add-start-date">
-                  {t('staff.timesheets.projects.employees.assignmentStartDate', 'Assignment Start Date')}
-                </label>
-                <Input
-                  id="add-start-date"
-                  type="date"
-                  value={addStartDate}
-                  onChange={(event) => setAddStartDate(event.target.value)}
-                />
-              </div>
-              <div className="flex justify-end gap-2 pt-2">
-                <Button variant="outline" size="sm" onClick={() => setAddDialogOpen(false)}>
-                  {t('staff.timesheets.projects.form.actions.cancel', 'Cancel')}
-                </Button>
-                <Button
-                  size="sm"
-                  disabled={addSaving || !addStaffMemberId || !addStartDate}
-                  onClick={handleAddEmployee}
-                >
-                  {t('staff.timesheets.projects.add_employee', 'Add Employee')}
-                </Button>
-              </div>
-            </div>
-          </DialogContent>
-        </Dialog>
-      </PageBody>
-    </Page>
-  )
+  if (!projectId) permanentRedirect('/backend/staff/time-tracking/projects')
+  permanentRedirect(`/backend/staff/time-tracking/projects/${encodeURIComponent(projectId)}`)
 }

package/src/modules/staff/backend/staff/timesheets/projects/create/page.meta.ts

@@ -1,12 +1,6 @@
 export const metadata = {
   requireAuth: true,
-  requireFeatures: ['staff.timesheets.projects.manage'],
   navHidden: true,
   pageTitle: 'Create Project',
   pageTitleKey: 'staff.timesheets.nav.create_project',
-  breadcrumb: [
-    { label: 'My Timesheets', labelKey: 'staff.timesheets.nav.my_timesheets', href: '/backend/staff/timesheets' },
-    { label: 'Projects', labelKey: 'staff.timesheets.nav.projects', href: '/backend/staff/timesheets/projects' },
-    { label: 'Create', labelKey: 'staff.timesheets.nav.create_project' },
-  ],
 }