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

package/dist/modules/staff/backend/staff/timesheets/projects/[id]/page.js

@@ -1,450 +1,10 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-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";
-function TimesheetProjectDetailPage({ params }) {
+import { permanentRedirect } from "next/navigation";
+function TimesheetProjectDetailLegacyRedirectPage({ params }) {
   const projectId = params?.id;
-  const t = useT();
-  const scopeVersion = useOrganizationScopeVersion();
-  const { confirm, ConfirmDialogElement } = useConfirmDialog();
-  const [project, setProject] = React.useState(null);
-  const [loading, setLoading] = React.useState(true);
-  const [error, setError] = React.useState(null);
-  const [isNotFound, setIsNotFound] = React.useState(false);
-  const [employees, setEmployees] = React.useState([]);
-  const [employeesLoading, setEmployeesLoading] = React.useState(false);
-  const [expandedCards, setExpandedCards] = React.useState(/* @__PURE__ */ 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("/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 {
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, []);
-  const [addDialogOpen, setAddDialogOpen] = React.useState(false);
-  const [addStaffMemberId, setAddStaffMemberId] = React.useState(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;
-  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(
-          `/api/staff/timesheets/time-projects?${queryParams.toString()}`,
-          void 0,
-          { 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]);
-  const loadEmployees = React.useCallback(async () => {
-    if (!projectId) return;
-    setEmployeesLoading(true);
-    try {
-      const payload = await readApiResultOrThrow(
-        `/api/staff/timesheets/time-projects/${projectId}/employees?page=1&pageSize=100`,
-        void 0,
-        { 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 = /* @__PURE__ */ new Map();
-      if (staffMemberIds.length > 0) {
-        try {
-          const staffRes = await apiCall(
-            `/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 {
-        }
-      }
-      const mapped = 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]);
-  const toggleCard = React.useCallback((employeeId) => {
-    setExpandedCards((prev) => {
-      const next = new Set(prev);
-      if (next.has(employeeId)) next.delete(employeeId);
-      else next.add(employeeId);
-      return next;
-    });
-  }, []);
-  const handleRemoveEmployee = React.useCallback(async (emp) => {
-    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]);
-  const openAddDialog = React.useCallback(() => {
-    setAddStaffMemberId(null);
-    setAddRole("");
-    setAddStartDate((/* @__PURE__ */ new Date()).toISOString().slice(0, 10));
-    setAddDialogOpen(true);
-  }, []);
-  const fetchStaffMembers = React.useCallback(async (query) => {
-    try {
-      const params2 = new URLSearchParams({ search: query, pageSize: "20", isActive: "true" });
-      const payload = await readApiResultOrThrow(
-        `/api/staff/team-members?${params2.toString()}`,
-        void 0,
-        { 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) => {
-    if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
-      event.preventDefault();
-      void handleAddEmployee();
-    }
-  }, [handleAddEmployee]);
-  if (loading) {
-    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("staff.timesheets.projects.loading", "Loading project...") }) }) });
-  }
-  if (isNotFound) {
-    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
-      RecordNotFoundState,
-      {
-        label: t("staff.timesheets.projects.errors.notFound", "Project not found."),
-        backHref: BACK_HREF,
-        backLabel: t("staff.timesheets.projects.actions.backToList", "Back to projects")
-      }
-    ) }) });
-  }
-  if (error || !project) {
-    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error ?? t("staff.timesheets.projects.errors.load", "Failed to load project.") }) }) });
-  }
-  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 /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", asChild: true, children: /* @__PURE__ */ jsx(Link, { href: BACK_HREF, children: /* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4", "aria-hidden": true }) }) }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold", children: project.name }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.timesheets.projects.detail.subtitle", "Project Settings") })
-          ] })
-        ] }),
-        canManageProjects && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsxs(Link, { href: `/backend/staff/timesheets/projects/${projectId}/edit`, children: [
-          /* @__PURE__ */ jsx(Pencil, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
-          t("staff.timesheets.projects.form.actions.edit", "Edit Project")
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "max-w-2xl rounded-lg border p-4", children: /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-2 gap-4 text-sm", children: [
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("staff.timesheets.projects.form.code", "Code") }),
-          /* @__PURE__ */ jsx("dd", { className: "font-mono", children: projectCode })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("staff.timesheets.projects.form.status", "Status") }),
-          /* @__PURE__ */ jsx("dd", { children: /* @__PURE__ */ jsx(
-            Badge,
-            {
-              variant: projectStatus === "active" ? "success" : projectStatus === "on_hold" ? "warning" : "neutral",
-              className: "capitalize",
-              children: projectStatus
-            }
-          ) })
-        ] }),
-        projectType ? /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("staff.timesheets.projects.form.projectType", "Project type") }),
-          /* @__PURE__ */ jsx("dd", { children: projectType })
-        ] }) : null,
-        projectStartDate ? /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("staff.timesheets.projects.form.startDate", "Start date") }),
-          /* @__PURE__ */ jsx("dd", { children: projectStartDate })
-        ] }) : null,
-        project.description ? /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
-          /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("staff.timesheets.projects.form.description", "Description") }),
-          /* @__PURE__ */ jsx("dd", { className: "whitespace-pre-wrap", children: project.description })
-        ] }) : null
-      ] }) }),
-      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 max-w-md", children: [
-        /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 text-center", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold", children: activeCount }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("staff.timesheets.projects.active_employees", "Active Employees") })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "rounded-lg border p-4 text-center", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold", children: inactiveCount }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("staff.timesheets.projects.inactive_employees", "Inactive Employees") })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: t("staff.timesheets.projects.employees.title", "Assigned Employees") }),
-          canManageProjects && /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: openAddDialog, children: [
-            /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
-            t("staff.timesheets.projects.add_employee", "Add Employee")
-          ] })
-        ] }),
-        employeesLoading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("staff.timesheets.projects.employees.loading", "Loading employees...") }) : employees.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-dashed p-8 text-center", children: [
-          /* @__PURE__ */ jsx(User, { className: "mx-auto h-8 w-8 text-muted-foreground/50", "aria-hidden": true }),
-          /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("staff.timesheets.projects.employees.empty", "No employees assigned yet.") })
-        ] }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: employees.map((emp) => {
-          const isExpanded = expandedCards.has(emp.id);
-          const isInactive = emp.status !== "active";
-          return /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: `rounded-lg border ${isInactive ? "opacity-60" : ""}`,
-              children: [
-                /* @__PURE__ */ jsxs(
-                  "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),
-                    children: [
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
-                        /* @__PURE__ */ jsx("div", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-muted", children: /* @__PURE__ */ jsx(User, { className: "h-4 w-4 text-muted-foreground", "aria-hidden": true }) }),
-                        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: emp.displayName ?? emp.staffMemberId }),
-                          emp.role ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: emp.role }) : null
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 shrink-0", children: [
-                        /* @__PURE__ */ jsx(
-                          Badge,
-                          {
-                            variant: (emp.status ?? "active") === "active" ? "success" : "neutral",
-                            className: "capitalize",
-                            children: emp.status ?? "active"
-                          }
-                        ),
-                        emp.assignedStartDate ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground hidden sm:inline", children: emp.assignedStartDate }) : null,
-                        /* @__PURE__ */ jsx(ChevronDown, { className: `h-4 w-4 text-muted-foreground transition-transform ${isExpanded ? "rotate-180" : ""}`, "aria-hidden": true })
-                      ] })
-                    ]
-                  }
-                ),
-                isExpanded ? /* @__PURE__ */ jsxs("div", { className: "border-t px-4 pb-4 pt-3 space-y-3", children: [
-                  /* @__PURE__ */ jsxs("dl", { className: "grid grid-cols-2 gap-3 text-sm", children: [
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("staff.timesheets.projects.employees.role", "Role") }),
-                      /* @__PURE__ */ jsx("dd", { children: emp.role || "-" })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("staff.timesheets.projects.employees.status", "Status") }),
-                      /* @__PURE__ */ jsx("dd", { className: "capitalize", children: emp.status ?? "active" })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("staff.timesheets.projects.employees.startDate", "Assignment start") }),
-                      /* @__PURE__ */ jsx("dd", { children: emp.assignedStartDate || "-" })
-                    ] }),
-                    /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("staff.timesheets.projects.employees.endDate", "Assignment end") }),
-                      /* @__PURE__ */ jsx("dd", { children: emp.assignedEndDate || "-" })
-                    ] }),
-                    emp.teamName ? /* @__PURE__ */ jsxs("div", { children: [
-                      /* @__PURE__ */ jsx("dt", { className: "font-medium text-muted-foreground", children: t("staff.timesheets.projects.employees.department", "Department") }),
-                      /* @__PURE__ */ jsx("dd", { children: emp.teamName })
-                    ] }) : null
-                  ] }),
-                  canManageProjects && /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(
-                    Button,
-                    {
-                      variant: "outline",
-                      size: "sm",
-                      className: "text-destructive hover:text-destructive",
-                      onClick: () => {
-                        void handleRemoveEmployee(emp);
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx(Trash2, { className: "mr-2 h-3.5 w-3.5", "aria-hidden": true }),
-                        t("staff.timesheets.projects.employees.remove", "Remove")
-                      ]
-                    }
-                  ) })
-                ] }) : null
-              ]
-            },
-            emp.id
-          );
-        }) })
-      ] })
-    ] }),
-    ConfirmDialogElement,
-    /* @__PURE__ */ jsx(Dialog, { open: addDialogOpen, onOpenChange: setAddDialogOpen, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", onKeyDown: handleAddDialogKeyDown, children: [
-      /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("staff.timesheets.projects.add_employee", "Add Employee") }) }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-4 pt-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: t("staff.timesheets.projects.employees.selectEmployee", "Select Employee") }),
-          /* @__PURE__ */ jsx(
-            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")
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "add-role", children: t("staff.timesheets.projects.employees.roleOnProject", "Role on Project") }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "add-role",
-              value: addRole,
-              onChange: (event) => setAddRole(event.target.value),
-              placeholder: t("staff.timesheets.projects.employees.rolePlaceholder", "e.g. Developer, Designer...")
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", htmlFor: "add-start-date", children: t("staff.timesheets.projects.employees.assignmentStartDate", "Assignment Start Date") }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "add-start-date",
-              type: "date",
-              value: addStartDate,
-              onChange: (event) => setAddStartDate(event.target.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
-          /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: () => setAddDialogOpen(false), children: t("staff.timesheets.projects.form.actions.cancel", "Cancel") }),
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              size: "sm",
-              disabled: addSaving || !addStaffMemberId || !addStartDate,
-              onClick: handleAddEmployee,
-              children: t("staff.timesheets.projects.add_employee", "Add Employee")
-            }
-          )
-        ] })
-      ] })
-    ] }) })
-  ] }) });
+  if (!projectId) permanentRedirect("/backend/staff/time-tracking/projects");
+  permanentRedirect(`/backend/staff/time-tracking/projects/${encodeURIComponent(projectId)}`);
 }
 export {
-  TimesheetProjectDetailPage as default
+  TimesheetProjectDetailLegacyRedirectPage as default
 };
 //# sourceMappingURL=page.js.map

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

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

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

@@ -1,14 +1,8 @@
 const metadata = {
   requireAuth: true,
-  requireFeatures: ["staff.timesheets.projects.view"],
   navHidden: true,
   pageTitle: "Project Details",
-  pageTitleKey: "staff.timesheets.nav.project_details",
-  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: "Details", labelKey: "staff.timesheets.nav.project_details" }
-  ]
+  pageTitleKey: "staff.timesheets.nav.project_details"
 };
 export {
   metadata

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../src/modules/staff/backend/staff/timesheets/projects/%5Bid%5D/page.meta.ts"],
-  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['staff.timesheets.projects.view'],\n  navHidden: true,\n  pageTitle: 'Project Details',\n  pageTitleKey: 'staff.timesheets.nav.project_details',\n  breadcrumb: [\n    { label: 'My Timesheets', labelKey: 'staff.timesheets.nav.my_timesheets', href: '/backend/staff/timesheets' },\n    { label: 'Projects', labelKey: 'staff.timesheets.nav.projects', href: '/backend/staff/timesheets/projects' },\n    { label: 'Details', labelKey: 'staff.timesheets.nav.project_details' },\n  ],\n}\n"],
-  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,gCAAgC;AAAA,EAClD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAAA,EACd,YAAY;AAAA,IACV,EAAE,OAAO,iBAAiB,UAAU,sCAAsC,MAAM,4BAA4B;AAAA,IAC5G,EAAE,OAAO,YAAY,UAAU,iCAAiC,MAAM,qCAAqC;AAAA,IAC3G,EAAE,OAAO,WAAW,UAAU,uCAAuC;AAAA,EACvE;AACF;",
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  navHidden: true,\n  pageTitle: 'Project Details',\n  pageTitleKey: 'staff.timesheets.nav.project_details',\n}\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,cAAc;AAChB;",
   "names": []
 }