@open-mercato/core 0.6.4-develop.4217.1.c9aa050183 → 0.6.4-develop.4236.1.9fa6806b34

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

@@ -0,0 +1,418 @@
+"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 { 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 } from "@open-mercato/ui/backend/detail";
+import { ArrowLeft, Plus, Pencil, ChevronDown, Trash2, User } from "lucide-react";
+import Link from "next/link";
+const BACK_HREF = "/backend/staff/timesheets/projects";
+function TimesheetProjectDetailPage({ 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 [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);
+      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) throw new Error(t("staff.timesheets.projects.errors.notFound", "Project not found."));
+        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) {
+      console.error("staff.timesheets.projects.employees.list", 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 (error || !project) {
+    return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(ErrorMessage, { label: error ?? t("staff.timesheets.projects.errors.notFound", "Project not found.") }) }) });
+  }
+  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("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${projectStatus === "active" ? "bg-green-100 text-green-800" : projectStatus === "on_hold" ? "bg-yellow-100 text-yellow-800" : "bg-gray-100 text-gray-800"}`, 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("span", { className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${emp.status === "active" ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-800"}`, 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")
+            }
+          )
+        ] })
+      ] })
+    ] }) })
+  ] }) });
+}
+export {
+  TimesheetProjectDetailPage as default
+};
+//# sourceMappingURL=page.js.map

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

@@ -0,0 +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 { 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 } from '@open-mercato/ui/backend/detail'\nimport { ArrowLeft, Plus, Pencil, ChevronDown, Trash2, User } from 'lucide-react'\nimport Link from 'next/link'\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\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      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) throw new Error(t('staff.timesheets.projects.errors.notFound', 'Project not found.'))\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      console.error('staff.timesheets.projects.employees.list', 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  // --- 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 (error || !project) {\n    return (\n      <Page>\n        <PageBody>\n          <ErrorMessage label={error ?? t('staff.timesheets.projects.errors.notFound', 'Project not found.')} />\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                    <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${projectStatus === 'active' ? 'bg-green-100 text-green-800' : projectStatus === 'on_hold' ? 'bg-yellow-100 text-yellow-800' : 'bg-gray-100 text-gray-800'}`}>\n                      {projectStatus}\n                    </span>\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                          <span className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${emp.status === 'active' ? 'bg-green-100 text-green-800' : 'bg-gray-100 text-gray-800'}`}>\n                            {emp.status ?? 'active'}\n                          </span>\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"]
+}

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

@@ -0,0 +1,16 @@
+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" }
+  ]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,79 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { CrudForm } from "@open-mercato/ui/backend/CrudForm";
+import { createCrud } from "@open-mercato/ui/backend/utils/crud";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { createCrudFormError } from "@open-mercato/ui/backend/utils/serverErrors";
+import { E } from "../../../../../../../generated/entities.ids.generated.js";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import {
+  buildProjectPayload,
+  createProjectFormFields,
+  createProjectFormGroups,
+  createProjectFormSchema
+} from "../projectFormConfig.js";
+const BACK_HREF = "/backend/staff/timesheets/projects";
+function TimesheetProjectCreatePage() {
+  const t = useT();
+  const router = useRouter();
+  const formSchema = React.useMemo(() => createProjectFormSchema(), []);
+  const fields = React.useMemo(() => createProjectFormFields(t), [t]);
+  const groups = React.useMemo(() => createProjectFormGroups(t), [t]);
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+    CrudForm,
+    {
+      title: t("staff.timesheets.projects.form.createTitle", "Create project"),
+      backHref: BACK_HREF,
+      cancelHref: BACK_HREF,
+      fields,
+      groups,
+      schema: formSchema,
+      initialValues: {},
+      entityIds: [E.staff.staff_time_project],
+      submitLabel: t("staff.timesheets.projects.form.actions.create", "Create"),
+      onSubmit: async (values) => {
+        if (!values.name?.trim() || !values.code?.trim()) {
+          const fieldErrors = {};
+          if (!values.name?.trim()) fieldErrors.name = "Required";
+          if (!values.code?.trim()) fieldErrors.code = "Required";
+          throw createCrudFormError(
+            t("staff.timesheets.projects.errors.required", "Name and code are required."),
+            fieldErrors
+          );
+        }
+        const payload = buildProjectPayload(values);
+        const { result: created } = await createCrud(
+          "staff/timesheets/time-projects",
+          payload,
+          { errorMessage: t("staff.timesheets.projects.errors.save", "Failed to save project.") }
+        );
+        const newId = created?.id;
+        if (newId) {
+          try {
+            const selfRes = await apiCall("/api/staff/team-members/self");
+            const staffMemberId = selfRes.result?.member?.id;
+            if (staffMemberId) {
+              await createCrud("staff/timesheets/time-projects/" + newId + "/employees", {
+                staffMemberId,
+                assignedStartDate: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+                status: "active"
+              }, { errorMessage: "" });
+            }
+          } catch {
+          }
+        }
+        flash(t("staff.timesheets.projects.messages.saved", "Project saved."), "success");
+        if (newId) router.push(`/backend/staff/timesheets/projects/${newId}`);
+        else router.push(BACK_HREF);
+      }
+    }
+  ) }) });
+}
+export {
+  TimesheetProjectCreatePage as default
+};
+//# sourceMappingURL=page.js.map