@open-mercato/core 0.6.4-develop.4371.1.8f3030407e → 0.6.4

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../../../src/modules/staff/backend/staff/timesheets/projects/%5Bid%5D/edit/page.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { E } from '#generated/entities.ids.generated'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { LoadingMessage, ErrorMessage } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport {\n  buildProjectPayload,\n  createProjectFormFields,\n  createProjectFormGroups,\n  createProjectFormSchema,\n  type ProjectFormValues,\n} from '../../projectFormConfig'\n\nconst LIST_HREF = '/backend/staff/timesheets/projects'\n\nexport default function TimesheetProjectEditPage({ params }: { params?: { id?: string } }) {\n  const projectId = params?.id\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n\n  const [initialValues, setInitialValues] = React.useState<ProjectFormValues | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const formSchema = React.useMemo(() => createProjectFormSchema(), [])\n  const fields = React.useMemo(() => createProjectFormFields(t), [t])\n  const groups = React.useMemo(() => createProjectFormGroups(t), [t])\n\n  React.useEffect(() => {\n    if (!projectId) return\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      try {\n        const payload = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n          `/api/staff/timesheets/time-projects?ids=${projectId}&pageSize=1`,\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) {\n          setInitialValues({\n            id: String(record.id ?? ''),\n            name: String(record.name ?? ''),\n            code: String(record.code ?? ''),\n            description: typeof record.description === 'string' ? record.description : null,\n            projectType: typeof (record.projectType ?? record.project_type) === 'string'\n              ? String(record.projectType ?? record.project_type)\n              : null,\n            startDate: typeof (record.startDate ?? record.start_date) === 'string'\n              ? String(record.startDate ?? record.start_date)\n              : null,\n            costCenter: typeof (record.costCenter ?? record.cost_center) === 'string'\n              ? String(record.costCenter ?? record.cost_center)\n              : null,\n            status: typeof record.status === 'string' ? record.status : 'active',\n          })\n        }\n      } catch (err) {\n        if (!cancelled) setError(err instanceof Error ? err.message : 'Failed to load project.')\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [projectId, t, scopeVersion])\n\n  if (loading) {\n    return <Page><PageBody><LoadingMessage label={t('staff.timesheets.projects.loading', 'Loading project...')} /></PageBody></Page>\n  }\n\n  if (error || !initialValues) {\n    return <Page><PageBody><ErrorMessage label={error ?? t('staff.timesheets.projects.errors.notFound', 'Project not found.')} /></PageBody></Page>\n  }\n\n  const detailHref = `/backend/staff/timesheets/projects/${projectId}`\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<ProjectFormValues>\n          title={t('staff.timesheets.projects.form.editTitle', 'Edit project')}\n          backHref={detailHref}\n          cancelHref={detailHref}\n          fields={fields}\n          groups={groups}\n          schema={formSchema}\n          initialValues={initialValues}\n          entityIds={[E.staff.staff_time_project]}\n          submitLabel={t('staff.timesheets.projects.form.actions.save', 'Save')}\n          onDelete={async () => {\n            await deleteCrud('staff/timesheets/time-projects', projectId!, {\n              errorMessage: t('staff.timesheets.projects.errors.delete', 'Failed to delete project.'),\n            })\n            flash(t('staff.timesheets.projects.messages.deleted', 'Project deleted.'), 'success')\n            router.push(LIST_HREF)\n          }}\n          onSubmit={async (values) => {\n            if (!values.name?.trim() || !values.code?.trim()) {\n              const fieldErrors: Record<string, string> = {}\n              if (!values.name?.trim()) fieldErrors.name = 'Required'\n              if (!values.code?.trim()) fieldErrors.code = 'Required'\n              throw createCrudFormError(\n                t('staff.timesheets.projects.errors.required', 'Name and code are required.'),\n                fieldErrors,\n              )\n            }\n\n            const payload = buildProjectPayload({ ...values, id: projectId })\n\n            await updateCrud('staff/timesheets/time-projects', payload, {\n              errorMessage: t('staff.timesheets.projects.errors.save', 'Failed to save project.'),\n            })\n\n            flash(t('staff.timesheets.projects.messages.saved', 'Project saved.'), 'success')\n            router.push(detailHref)\n          }}\n          versionHistory={{\n            resourceKind: 'staff.timesheets.time_project',\n            resourceId: projectId!,\n            canUndoRedo: true,\n            autoCheckAcl: true,\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { CrudForm } from '@open-mercato/ui/backend/CrudForm'\nimport { updateCrud, deleteCrud } from '@open-mercato/ui/backend/utils/crud'\nimport { readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { createCrudFormError } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { E } from '#generated/entities.ids.generated'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { LoadingMessage, ErrorMessage, RecordNotFoundState } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport {\n  buildProjectPayload,\n  createProjectFormFields,\n  createProjectFormGroups,\n  createProjectFormSchema,\n  type ProjectFormValues,\n} from '../../projectFormConfig'\n\nconst LIST_HREF = '/backend/staff/timesheets/projects'\n\nexport default function TimesheetProjectEditPage({ params }: { params?: { id?: string } }) {\n  const projectId = params?.id\n  const t = useT()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n\n  const [initialValues, setInitialValues] = React.useState<ProjectFormValues | 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 formSchema = React.useMemo(() => createProjectFormSchema(), [])\n  const fields = React.useMemo(() => createProjectFormFields(t), [t])\n  const groups = React.useMemo(() => createProjectFormGroups(t), [t])\n\n  React.useEffect(() => {\n    if (!projectId) return\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      setError(null)\n      setIsNotFound(false)\n      try {\n        const payload = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n          `/api/staff/timesheets/time-projects?ids=${projectId}&pageSize=1`,\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) {\n          setInitialValues({\n            id: String(record.id ?? ''),\n            name: String(record.name ?? ''),\n            code: String(record.code ?? ''),\n            description: typeof record.description === 'string' ? record.description : null,\n            projectType: typeof (record.projectType ?? record.project_type) === 'string'\n              ? String(record.projectType ?? record.project_type)\n              : null,\n            startDate: typeof (record.startDate ?? record.start_date) === 'string'\n              ? String(record.startDate ?? record.start_date)\n              : null,\n            costCenter: typeof (record.costCenter ?? record.cost_center) === 'string'\n              ? String(record.costCenter ?? record.cost_center)\n              : null,\n            status: typeof record.status === 'string' ? record.status : 'active',\n          })\n        }\n      } catch (err) {\n        if (!cancelled) setError(err instanceof Error ? err.message : 'Failed to load project.')\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    load()\n    return () => { cancelled = true }\n  }, [projectId, t, scopeVersion])\n\n  if (loading) {\n    return <Page><PageBody><LoadingMessage label={t('staff.timesheets.projects.loading', 'Loading project...')} /></PageBody></Page>\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={LIST_HREF}\n            backLabel={t('staff.timesheets.projects.actions.backToList', 'Back to projects')}\n          />\n        </PageBody>\n      </Page>\n    )\n  }\n\n  if (error || !initialValues) {\n    return <Page><PageBody><ErrorMessage label={error ?? t('staff.timesheets.projects.errors.load', 'Failed to load project.')} /></PageBody></Page>\n  }\n\n  const detailHref = `/backend/staff/timesheets/projects/${projectId}`\n\n  return (\n    <Page>\n      <PageBody>\n        <CrudForm<ProjectFormValues>\n          title={t('staff.timesheets.projects.form.editTitle', 'Edit project')}\n          backHref={detailHref}\n          cancelHref={detailHref}\n          fields={fields}\n          groups={groups}\n          schema={formSchema}\n          initialValues={initialValues}\n          entityIds={[E.staff.staff_time_project]}\n          submitLabel={t('staff.timesheets.projects.form.actions.save', 'Save')}\n          onDelete={async () => {\n            await deleteCrud('staff/timesheets/time-projects', projectId!, {\n              errorMessage: t('staff.timesheets.projects.errors.delete', 'Failed to delete project.'),\n            })\n            flash(t('staff.timesheets.projects.messages.deleted', 'Project deleted.'), 'success')\n            router.push(LIST_HREF)\n          }}\n          onSubmit={async (values) => {\n            if (!values.name?.trim() || !values.code?.trim()) {\n              const fieldErrors: Record<string, string> = {}\n              if (!values.name?.trim()) fieldErrors.name = 'Required'\n              if (!values.code?.trim()) fieldErrors.code = 'Required'\n              throw createCrudFormError(\n                t('staff.timesheets.projects.errors.required', 'Name and code are required.'),\n                fieldErrors,\n              )\n            }\n\n            const payload = buildProjectPayload({ ...values, id: projectId })\n\n            await updateCrud('staff/timesheets/time-projects', payload, {\n              errorMessage: t('staff.timesheets.projects.errors.save', 'Failed to save project.'),\n            })\n\n            flash(t('staff.timesheets.projects.messages.saved', 'Project saved.'), 'success')\n            router.push(detailHref)\n          }}\n          versionHistory={{\n            resourceKind: 'staff.timesheets.time_project',\n            resourceId: projectId!,\n            canUndoRedo: true,\n            autoCheckAcl: true,\n          }}\n        />\n      </PageBody>\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -3,6 +3,7 @@ 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";
@@ -13,7 +14,7 @@ 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 { ErrorMessage, RecordNotFoundState } 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";
@@ -25,6 +26,7 @@ function TimesheetProjectDetailPage({ params }) {
   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());
@@ -62,6 +64,7 @@ function TimesheetProjectDetailPage({ params }) {
     async function loadProject() {
       setLoading(true);
       setError(null);
+      setIsNotFound(false);
       try {
         const queryParams = new URLSearchParams({ page: "1", pageSize: "1", ids: projectId });
         const payload = await readApiResultOrThrow(
@@ -70,7 +73,10 @@ function TimesheetProjectDetailPage({ params }) {
           { 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 (!record) {
+          if (!cancelled) setIsNotFound(true);
+          return;
+        }
         if (!cancelled) setProject(record);
       } catch (loadError) {
         if (!cancelled) {
@@ -214,8 +220,18 @@ function TimesheetProjectDetailPage({ params }) {
   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.notFound", "Project not found.") }) }) });
+    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;
@@ -243,7 +259,14 @@ function TimesheetProjectDetailPage({ params }) {
         ] }),
         /* @__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 }) })
+          /* @__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") }),
@@ -302,7 +325,14 @@ function TimesheetProjectDetailPage({ params }) {
                         ] })
                       ] }),
                       /* @__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" }),
+                        /* @__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 })
                       ] })

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 { 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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",
+  "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'\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      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  // 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"]
 }

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

@@ -7,7 +7,9 @@ import { Page, PageBody } from "@open-mercato/ui/backend/Page";
 import { DataTable, withDataTableNamespaces } from "@open-mercato/ui/backend/DataTable";
 import { RowActions } from "@open-mercato/ui/backend/RowActions";
 import { Button } from "@open-mercato/ui/primitives/button";
-import { readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { readApiResultOrThrow, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
 import { deleteCrud } from "@open-mercato/ui/backend/utils/crud";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
 import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
@@ -365,15 +367,22 @@ function TimesheetProjectsPage() {
       });
       if (!confirmed) return;
       try {
-        await deleteCrud("staff/timesheets/time-projects", entry.id, { errorMessage: labels.errors.delete });
+        await withScopedApiRequestHeaders(
+          buildOptimisticLockHeader(entry.updatedAt),
+          () => deleteCrud("staff/timesheets/time-projects", entry.id, { errorMessage: labels.errors.delete })
+        );
         flash(labels.messages.deleted, "success");
         handleRefresh();
       } catch (error) {
+        if (surfaceRecordConflict(error, t)) {
+          handleRefresh();
+          return;
+        }
         console.error("staff.timesheets.projects.delete", error);
         flash(labels.errors.delete, "error");
       }
     },
-    [confirm, handleRefresh, labels.actions.deleteConfirm, labels.actions.delete, labels.errors.delete, labels.messages.deleted]
+    [confirm, handleRefresh, t, labels.actions.deleteConfirm, labels.actions.delete, labels.errors.delete, labels.messages.deleted]
   );
   const columns = React.useMemo(
     () => [