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

package/dist/modules/staff/lib/time-tracking-ui/ProjectTeamDrawer.js

@@ -0,0 +1,729 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Lock, Save } from "lucide-react";
+import {
+  Drawer,
+  DrawerBody,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle
+} from "@open-mercato/ui/primitives/drawer";
+import { Alert, AlertDescription } from "@open-mercato/ui/primitives/alert";
+import { Avatar } from "@open-mercato/ui/primitives/avatar";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { SearchInput } from "@open-mercato/ui/primitives/search-input";
+import { SimpleTooltip } from "@open-mercato/ui/primitives/tooltip";
+import { ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { createCrud, deleteCrud, updateCrud } from "@open-mercato/ui/backend/utils/crud";
+import { useCurrentUserId } from "@open-mercato/ui/backend/utils/useCurrentUserId";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+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 { createLogger } from "@open-mercato/shared/lib/logger";
+import {
+  countPendingChanges,
+  diffTeamSelection,
+  formatProjectMinutes,
+  resolveAssignmentState,
+  resolveGraceDays,
+  selectChangeCountKey,
+  toIsoDate
+} from "./projectTeamAssignment.js";
+const logger = createLogger("staff").child({ component: "ProjectTeamDrawer" });
+const MUTATION_CONTEXT_ID = "staff.time_tracking.project_team";
+const DIRECTORY_PAGE_SIZE = 100;
+const ENTRIES_PAGE_SIZE = 100;
+const MAX_ENTRY_PAGES = 20;
+const SEARCH_DEBOUNCE_MS = 250;
+function readString(row, ...keys) {
+  for (const key of keys) {
+    const value = row[key];
+    if (typeof value === "string" && value.trim().length > 0) return value;
+    if (value instanceof Date) return value.toISOString();
+  }
+  return null;
+}
+function readNumber(row, ...keys) {
+  for (const key of keys) {
+    const value = row[key];
+    if (typeof value === "number" && Number.isFinite(value)) return value;
+    if (typeof value === "string" && value.trim().length > 0) {
+      const parsed = Number(value);
+      if (Number.isFinite(parsed)) return parsed;
+    }
+  }
+  return 0;
+}
+function readItems(payload) {
+  const items = payload?.items;
+  return Array.isArray(items) ? items : [];
+}
+function toProfile(row) {
+  const id = readString(row, "id");
+  if (!id) return null;
+  return {
+    id,
+    name: readString(row, "display_name", "displayName") ?? id,
+    userId: readString(row, "user_id", "userId")
+  };
+}
+function toAssignedMember(row) {
+  const membershipId = readString(row, "id");
+  const staffMemberId = readString(row, "staff_member_id", "staffMemberId");
+  if (!membershipId || !staffMemberId) return null;
+  return {
+    membershipId,
+    staffMemberId,
+    role: readString(row, "role"),
+    status: readString(row, "status"),
+    startDate: toIsoDate(readString(row, "assigned_start_date", "assignedStartDate")),
+    endDate: toIsoDate(readString(row, "assigned_end_date", "assignedEndDate"))
+  };
+}
+function todayIsoDate() {
+  const now = /* @__PURE__ */ new Date();
+  const month = String(now.getMonth() + 1).padStart(2, "0");
+  const day = String(now.getDate()).padStart(2, "0");
+  return `${now.getFullYear()}-${month}-${day}`;
+}
+async function loadProjectHours(projectId) {
+  const minutesByStaffMemberId = /* @__PURE__ */ new Map();
+  let partial = false;
+  for (let page = 1; page <= MAX_ENTRY_PAGES; page += 1) {
+    const params = new URLSearchParams({
+      projectId,
+      page: String(page),
+      pageSize: String(ENTRIES_PAGE_SIZE)
+    });
+    const res = await apiCall(
+      `/api/staff/timesheets/time-entries?${params.toString()}`
+    );
+    if (!res.ok) return { minutesByStaffMemberId, partial: true };
+    const rows = readItems(res.result);
+    for (const row of rows) {
+      const staffMemberId = readString(row, "staff_member_id", "staffMemberId");
+      if (!staffMemberId) continue;
+      const minutes = readNumber(row, "duration_minutes", "durationMinutes");
+      minutesByStaffMemberId.set(staffMemberId, (minutesByStaffMemberId.get(staffMemberId) ?? 0) + minutes);
+    }
+    if (rows.length < ENTRIES_PAGE_SIZE) return { minutesByStaffMemberId, partial: false };
+    const total = typeof res.result?.total === "number" ? res.result.total : null;
+    if (total !== null && page * ENTRIES_PAGE_SIZE >= total) return { minutesByStaffMemberId, partial: false };
+    partial = true;
+  }
+  return { minutesByStaffMemberId, partial };
+}
+function TeamPickRow({
+  profile,
+  hint,
+  checked,
+  locked,
+  lockedHint,
+  lockLabel,
+  badge,
+  windowLine,
+  endDateControl,
+  selectLabel,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxs("li", { className: "rounded-md border border-border", "data-staff-member-id": profile.id, children: [
+    /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-start gap-3 p-3", children: [
+      /* @__PURE__ */ jsx("span", { className: "mt-0.5 shrink-0", children: /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          checked,
+          disabled: locked,
+          "aria-label": locked ? `${selectLabel} \u2014 ${lockedHint}` : selectLabel,
+          onCheckedChange: (next) => onToggle(next === true)
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Avatar, { label: profile.name, size: "sm" }),
+      /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: profile.name }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: hint }),
+        windowLine
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 flex-col items-end gap-1", children: [
+        locked ? /* @__PURE__ */ jsx(SimpleTooltip, { content: lockedHint, children: /* @__PURE__ */ jsxs(Badge, { variant: "neutral", className: "gap-1", children: [
+          /* @__PURE__ */ jsx(Lock, { className: "size-3", "aria-hidden": true }),
+          lockLabel
+        ] }) }) : null,
+        badge
+      ] })
+    ] }),
+    endDateControl
+  ] });
+}
+function ProjectTeamDrawer({
+  projectId,
+  projectName,
+  open,
+  onOpenChange,
+  preselectUserId,
+  onSaved
+}) {
+  const t = useT();
+  const currentUserId = useCurrentUserId();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: MUTATION_CONTEXT_ID,
+    blockedMessage: t("staff.time_tracking.projects.team.drawer.saveError", "Could not save the project team.")
+  });
+  const [loading, setLoading] = React.useState(true);
+  const [loadError, setLoadError] = React.useState(null);
+  const [saving, setSaving] = React.useState(false);
+  const [assigned, setAssigned] = React.useState([]);
+  const [profiles, setProfiles] = React.useState(/* @__PURE__ */ new Map());
+  const [directoryIds, setDirectoryIds] = React.useState([]);
+  const [directoryTotal, setDirectoryTotal] = React.useState(0);
+  const [selfStaffMemberId, setSelfStaffMemberId] = React.useState(null);
+  const [graceDays, setGraceDays] = React.useState(resolveGraceDays(null));
+  const [hours, setHours] = React.useState(null);
+  const [hoursLoading, setHoursLoading] = React.useState(true);
+  const [selected, setSelected] = React.useState(/* @__PURE__ */ new Set());
+  const [endDrafts, setEndDrafts] = React.useState(/* @__PURE__ */ new Map());
+  const [query, setQuery] = React.useState("");
+  const [debouncedQuery, setDebouncedQuery] = React.useState("");
+  const mergeProfiles = React.useCallback((rows) => {
+    setProfiles((previous) => {
+      const next = new Map(previous);
+      for (const row of rows) {
+        const profile = toProfile(row);
+        if (profile) next.set(profile.id, profile);
+      }
+      return next;
+    });
+  }, []);
+  React.useEffect(() => {
+    if (!open) return;
+    const handle = setTimeout(() => setDebouncedQuery(query.trim()), SEARCH_DEBOUNCE_MS);
+    return () => clearTimeout(handle);
+  }, [open, query]);
+  React.useEffect(() => {
+    if (!open) {
+      setQuery("");
+      setDebouncedQuery("");
+    }
+  }, [open]);
+  const loadTeam = React.useCallback(async () => {
+    setLoading(true);
+    setLoadError(null);
+    try {
+      const [membersRes, selfRes, settingsRes] = await Promise.all([
+        apiCall(
+          `/api/staff/timesheets/time-projects/${projectId}/employees?page=1&pageSize=${DIRECTORY_PAGE_SIZE}&status=active`
+        ),
+        apiCall(
+          "/api/staff/team-members/self"
+        ),
+        apiCall("/api/staff/timesheets/settings")
+      ]);
+      if (!membersRes.ok) {
+        setLoadError(t("staff.time_tracking.projects.team.drawer.loadError", "Could not load the project team."));
+        return;
+      }
+      const members = readItems(membersRes.result).map(toAssignedMember).filter((member) => member !== null);
+      setAssigned(members);
+      setSelected(new Set(members.map((member) => member.staffMemberId)));
+      setEndDrafts(new Map(members.map((member) => [member.staffMemberId, member.endDate])));
+      const selfMember = selfRes.ok ? selfRes.result?.member ?? null : null;
+      if (selfMember?.id) {
+        setSelfStaffMemberId(selfMember.id);
+        mergeProfiles([
+          { id: selfMember.id, display_name: selfMember.displayName ?? selfMember.id, user_id: selfMember.userId ?? null }
+        ]);
+      }
+      if (settingsRes.ok) {
+        setGraceDays(resolveGraceDays(settingsRes.result?.access?.assignmentGraceDays));
+      }
+      const assignedIds = members.map((member) => member.staffMemberId);
+      if (assignedIds.length > 0) {
+        const profileRes = await apiCall(
+          `/api/staff/team-members?ids=${assignedIds.join(",")}&pageSize=${DIRECTORY_PAGE_SIZE}`
+        );
+        if (profileRes.ok) mergeProfiles(readItems(profileRes.result));
+      }
+    } catch (error) {
+      logger.error("staff.time_tracking.projects.team.load failed", { err: error });
+      setLoadError(t("staff.time_tracking.projects.team.drawer.loadError", "Could not load the project team."));
+    } finally {
+      setLoading(false);
+    }
+  }, [projectId, mergeProfiles, t]);
+  React.useEffect(() => {
+    if (!open) return;
+    void loadTeam();
+  }, [open, loadTeam]);
+  React.useEffect(() => {
+    if (!open) return;
+    let cancelled = false;
+    setHoursLoading(true);
+    void (async () => {
+      try {
+        const result = await loadProjectHours(projectId);
+        if (!cancelled) setHours(result);
+      } catch (error) {
+        logger.error("staff.time_tracking.projects.team.hours failed", { err: error });
+        if (!cancelled) setHours(null);
+      } finally {
+        if (!cancelled) setHoursLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [open, projectId]);
+  React.useEffect(() => {
+    if (!open) return;
+    let cancelled = false;
+    void (async () => {
+      const params = new URLSearchParams({
+        page: "1",
+        pageSize: String(DIRECTORY_PAGE_SIZE),
+        isActive: "true"
+      });
+      if (debouncedQuery.length > 0) params.set("search", debouncedQuery);
+      const res = await apiCall(`/api/staff/team-members?${params.toString()}`);
+      if (cancelled || !res.ok) return;
+      const rows = readItems(res.result);
+      mergeProfiles(rows);
+      setDirectoryIds(rows.map((row) => readString(row, "id")).filter((id) => id !== null));
+      setDirectoryTotal(typeof res.result?.total === "number" ? res.result.total : rows.length);
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [open, debouncedQuery, mergeProfiles]);
+  const lockedStaffMemberId = React.useMemo(() => {
+    if (selfStaffMemberId) return selfStaffMemberId;
+    if (!currentUserId) return null;
+    for (const profile of profiles.values()) {
+      if (profile.userId && profile.userId === currentUserId) return profile.id;
+    }
+    return null;
+  }, [selfStaffMemberId, currentUserId, profiles]);
+  const lockedStaffMemberIds = React.useMemo(
+    () => new Set(lockedStaffMemberId ? [lockedStaffMemberId] : []),
+    [lockedStaffMemberId]
+  );
+  React.useEffect(() => {
+    if (!open || !preselectUserId || loading) return;
+    for (const profile of profiles.values()) {
+      if (profile.userId !== preselectUserId) continue;
+      setSelected((previous) => previous.has(profile.id) ? previous : new Set(previous).add(profile.id));
+      return;
+    }
+  }, [open, preselectUserId, loading, profiles]);
+  const assignedByStaffMemberId = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const member of assigned) {
+      if (!map.has(member.staffMemberId)) map.set(member.staffMemberId, member);
+    }
+    return map;
+  }, [assigned]);
+  const changes = React.useMemo(
+    () => diffTeamSelection(assigned, { selectedStaffMemberIds: selected, endDateByStaffMemberId: endDrafts }, lockedStaffMemberIds),
+    [assigned, selected, endDrafts, lockedStaffMemberIds]
+  );
+  const pendingChanges = countPendingChanges(changes);
+  const memberMinutes = React.useCallback(
+    (staffMemberId) => {
+      if (!hours) return null;
+      return hours.minutesByStaffMemberId.get(staffMemberId) ?? 0;
+    },
+    [hours]
+  );
+  const hoursLabel = React.useCallback(
+    (staffMemberId) => {
+      if (hoursLoading) return "\u2026";
+      const minutes = memberMinutes(staffMemberId);
+      if (minutes === null) return formatProjectMinutes(0);
+      const formatted = formatProjectMinutes(minutes);
+      if (!hours?.partial) return formatted;
+      return t("staff.time_tracking.projects.team.drawer.hoursAtLeast", "at least {hours}", { hours: formatted });
+    },
+    [hours, hoursLoading, memberMinutes, t]
+  );
+  const roleLabel = React.useCallback(
+    (staffMemberId) => {
+      const member = assignedByStaffMemberId.get(staffMemberId);
+      if (member?.role && member.role.trim().length > 0) return member.role;
+      if (staffMemberId === lockedStaffMemberId) {
+        return t("staff.time_tracking.projects.team.drawer.roleLeader", "Team Leader");
+      }
+      return t("staff.time_tracking.projects.team.drawer.roleMember", "Team Member");
+    },
+    [assignedByStaffMemberId, lockedStaffMemberId, t]
+  );
+  const toggleMember = React.useCallback(
+    async (staffMemberId, next) => {
+      if (lockedStaffMemberIds.has(staffMemberId)) return;
+      if (!next && assignedByStaffMemberId.has(staffMemberId)) {
+        const profile = profiles.get(staffMemberId);
+        const name = profile?.name ?? staffMemberId;
+        const minutes = memberMinutes(staffMemberId);
+        const needsConfirm = minutes === null || minutes > 0;
+        if (needsConfirm) {
+          const text = minutes === null || hoursLoading ? t(
+            "staff.time_tracking.projects.team.drawer.removeConfirm.textUnknown",
+            "{name} may have time logged in this project \u2014 revoke access?",
+            { name }
+          ) : t(
+            "staff.time_tracking.projects.team.drawer.removeConfirm.text",
+            "{name} has {hours} in this project \u2014 revoke access?",
+            { name, hours: formatProjectMinutes(minutes) }
+          );
+          const confirmed = await confirm({
+            title: t("staff.time_tracking.projects.team.drawer.removeConfirm.title", "Revoke access?"),
+            text,
+            variant: "destructive"
+          });
+          if (!confirmed) return;
+        }
+      }
+      setSelected((previous) => {
+        const draft = new Set(previous);
+        if (next) draft.add(staffMemberId);
+        else draft.delete(staffMemberId);
+        return draft;
+      });
+    },
+    [assignedByStaffMemberId, confirm, hoursLoading, lockedStaffMemberIds, memberMinutes, profiles, t]
+  );
+  const setEndDate = React.useCallback((staffMemberId, value) => {
+    setEndDrafts((previous) => {
+      const draft = new Map(previous);
+      draft.set(staffMemberId, value && value.length > 0 ? value : null);
+      return draft;
+    });
+  }, []);
+  const persistChanges = React.useCallback(async () => {
+    const employeesPath = `staff/timesheets/time-projects/${projectId}/employees`;
+    const startDate = todayIsoDate();
+    for (const staffMemberId of changes.additions) {
+      await createCrud(employeesPath, {
+        timeProjectId: projectId,
+        staffMemberId,
+        assignedStartDate: startDate,
+        assignedEndDate: endDrafts.get(staffMemberId) ?? null
+      }, {
+        errorMessage: t("staff.time_tracking.projects.team.drawer.saveError", "Could not save the project team.")
+      });
+    }
+    for (const update of changes.endDateUpdates) {
+      await updateCrud(employeesPath, {
+        id: update.member.membershipId,
+        assignedEndDate: update.endDate
+      }, {
+        errorMessage: t("staff.time_tracking.projects.team.drawer.saveError", "Could not save the project team.")
+      });
+    }
+    for (const member of changes.removals) {
+      await deleteCrud(employeesPath, member.membershipId, {
+        errorMessage: t("staff.time_tracking.projects.team.drawer.saveError", "Could not save the project team.")
+      });
+    }
+  }, [changes, endDrafts, projectId, t]);
+  const handleSave = React.useCallback(async () => {
+    if (saving || pendingChanges === 0) return;
+    setSaving(true);
+    try {
+      await runMutation({
+        operation: persistChanges,
+        context: {
+          formId: MUTATION_CONTEXT_ID,
+          resourceKind: "staff.timesheets.time_project_member",
+          resourceId: projectId,
+          action: "assign-team",
+          retryLastMutation
+        },
+        mutationPayload: {
+          timeProjectId: projectId,
+          additions: changes.additions,
+          removals: changes.removals.map((member) => member.membershipId),
+          endDateUpdates: changes.endDateUpdates.map((update) => ({
+            id: update.member.membershipId,
+            assignedEndDate: update.endDate
+          }))
+        }
+      });
+      flash(t("staff.time_tracking.projects.team.drawer.saved", "Project team updated."), "success");
+      onSaved?.();
+      onOpenChange(false);
+    } catch (error) {
+      logger.error("staff.time_tracking.projects.team.save failed", { err: error });
+      await loadTeam();
+      const reason = error instanceof Error && error.message.trim().length > 0 ? error.message : t("staff.time_tracking.projects.team.drawer.saveError", "Could not save the project team.");
+      flash(
+        t(
+          "staff.time_tracking.projects.team.drawer.partialSaveError",
+          "{reason} Saving stopped part-way through, so the team shown below was reloaded from the server \u2014 check it and apply the remaining changes again.",
+          { reason }
+        ),
+        "error"
+      );
+    } finally {
+      setSaving(false);
+    }
+  }, [
+    changes,
+    loadTeam,
+    onOpenChange,
+    onSaved,
+    pendingChanges,
+    persistChanges,
+    projectId,
+    retryLastMutation,
+    runMutation,
+    saving,
+    t
+  ]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if (event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault();
+        void handleSave();
+      }
+    },
+    [handleSave]
+  );
+  const requestClose = React.useCallback(async () => {
+    if (saving) return;
+    if (pendingChanges === 0) {
+      onOpenChange(false);
+      return;
+    }
+    const confirmed = await confirm({
+      title: t("staff.time_tracking.projects.team.drawer.discard.title", "Discard the team changes?"),
+      text: t(
+        "staff.time_tracking.projects.team.drawer.discard.text",
+        "Nothing has been saved yet, so closing now loses every change in this drawer."
+      ),
+      confirmText: t("staff.time_tracking.projects.team.drawer.discard.confirm", "Discard"),
+      cancelText: t("staff.time_tracking.projects.team.drawer.discard.cancel", "Keep editing"),
+      variant: "destructive"
+    });
+    if (confirmed) onOpenChange(false);
+  }, [confirm, onOpenChange, pendingChanges, saving, t]);
+  const matchesQuery = React.useCallback(
+    (profile) => {
+      if (debouncedQuery.length === 0) return true;
+      return profile.name.toLocaleLowerCase().includes(debouncedQuery.toLocaleLowerCase());
+    },
+    [debouncedQuery]
+  );
+  const assignedRowIds = React.useMemo(() => {
+    const ids = new Set(assignedByStaffMemberId.keys());
+    if (lockedStaffMemberId) ids.add(lockedStaffMemberId);
+    return Array.from(ids);
+  }, [assignedByStaffMemberId, lockedStaffMemberId]);
+  const assignedRows = React.useMemo(
+    () => assignedRowIds.map((id) => profiles.get(id) ?? { id, name: id, userId: null }).filter(matchesQuery).sort((left, right) => left.name.localeCompare(right.name)),
+    [assignedRowIds, profiles, matchesQuery]
+  );
+  const otherRows = React.useMemo(
+    () => directoryIds.filter((id) => !assignedRowIds.includes(id)).map((id) => profiles.get(id) ?? { id, name: id, userId: null }).sort((left, right) => left.name.localeCompare(right.name)),
+    [directoryIds, assignedRowIds, profiles]
+  );
+  const changeCountLabel = React.useMemo(() => {
+    if (pendingChanges === 0) {
+      return t("staff.time_tracking.projects.team.drawer.footer.noChanges", "No changes");
+    }
+    const bucket = selectChangeCountKey(pendingChanges);
+    if (bucket === "one") {
+      return t("staff.time_tracking.projects.team.drawer.footer.changes.one", "1 change to save", { count: pendingChanges });
+    }
+    if (bucket === "few") {
+      return t("staff.time_tracking.projects.team.drawer.footer.changes.few", "{count} changes to save", { count: pendingChanges });
+    }
+    return t("staff.time_tracking.projects.team.drawer.footer.changes.many", "{count} changes to save", { count: pendingChanges });
+  }, [pendingChanges, t]);
+  const renderStateBadge = React.useCallback(
+    (staffMemberId, isAssigned, isChecked, state, endDate) => {
+      if (isAssigned && !isChecked) {
+        return /* @__PURE__ */ jsx(Badge, { variant: "error", children: t("staff.time_tracking.projects.team.drawer.badges.removing", "being removed") });
+      }
+      if (!isAssigned && isChecked) {
+        return /* @__PURE__ */ jsx(Badge, { variant: "success", children: t("staff.time_tracking.projects.team.drawer.badges.adding", "being added") });
+      }
+      if (!isAssigned) return null;
+      if (state === "expired") {
+        return /* @__PURE__ */ jsx(Badge, { variant: "warning", children: t("staff.time_tracking.projects.team.drawer.badges.expired", "expired {date}", { date: endDate ?? "" }) });
+      }
+      if (state === "scheduled") {
+        return /* @__PURE__ */ jsx(Badge, { variant: "neutral", children: t("staff.time_tracking.projects.team.drawer.badges.scheduled", "from {date}", {
+          date: assignedByStaffMemberId.get(staffMemberId)?.startDate ?? ""
+        }) });
+      }
+      return null;
+    },
+    [assignedByStaffMemberId, t]
+  );
+  const renderRow = React.useCallback(
+    (profile) => {
+      const member = assignedByStaffMemberId.get(profile.id) ?? null;
+      const isLocked = lockedStaffMemberIds.has(profile.id);
+      const isChecked = isLocked || selected.has(profile.id);
+      const draftEndDate = endDrafts.has(profile.id) ? endDrafts.get(profile.id) ?? null : member?.endDate ?? null;
+      const state = member ? resolveAssignmentState({ startDate: member.startDate, endDate: draftEndDate }, graceDays) : "active";
+      const role = roleLabel(profile.id);
+      const hint = isLocked ? t("staff.time_tracking.projects.team.drawer.hintFromRole", "{role} \xB7 access from role", { role }) : member ? t("staff.time_tracking.projects.team.drawer.hintInProject", "{role} \xB7 {hours} in this project", {
+        role,
+        hours: hoursLabel(profile.id)
+      }) : t("staff.time_tracking.projects.team.drawer.hintPerson", "{role} \xB7 {hours}", {
+        role,
+        hours: hoursLabel(profile.id)
+      });
+      const windowLine = member && (member.startDate || draftEndDate) ? /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
+        draftEndDate ? t("staff.time_tracking.projects.team.drawer.window.range", "from {start} \xB7 until {end}", {
+          start: member.startDate ?? "",
+          end: draftEndDate
+        }) : t("staff.time_tracking.projects.team.drawer.window.startOnly", "from {start}", {
+          start: member.startDate ?? ""
+        }),
+        state === "expired" ? /* @__PURE__ */ jsx("span", { className: "block text-status-warning-text", children: t(
+          "staff.time_tracking.projects.team.drawer.window.expiredHint",
+          "The assignment expired \u2014 this person no longer has access to the project."
+        ) }) : null
+      ] }) : null;
+      const endDateControl = member && !isLocked ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-t border-border px-3 py-2", children: [
+        /* @__PURE__ */ jsx("label", { className: "text-xs text-muted-foreground", htmlFor: `team-end-date-${profile.id}`, children: t("staff.time_tracking.projects.team.drawer.window.label", "Assignment end") }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: `team-end-date-${profile.id}`,
+            type: "date",
+            size: "sm",
+            className: "w-40",
+            value: draftEndDate ?? "",
+            onChange: (event) => setEndDate(profile.id, event.target.value)
+          }
+        ),
+        draftEndDate ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setEndDate(profile.id, null), children: t("staff.time_tracking.projects.team.drawer.window.clear", "Clear") }) : null
+      ] }) : null;
+      return /* @__PURE__ */ jsx(
+        TeamPickRow,
+        {
+          profile,
+          hint,
+          checked: isChecked,
+          locked: isLocked,
+          lockLabel: t("staff.time_tracking.projects.team.drawer.badges.always", "always"),
+          lockedHint: t(
+            "staff.time_tracking.projects.team.drawer.lockedHint",
+            "The Team Leader's access comes from the projects permission, not from an assignment, so it cannot be changed here."
+          ),
+          badge: renderStateBadge(profile.id, member !== null, isChecked, state, draftEndDate),
+          windowLine,
+          endDateControl,
+          selectLabel: t("staff.time_tracking.projects.team.drawer.selectPerson", "Assign {name}", { name: profile.name }),
+          onToggle: (next) => {
+            void toggleMember(profile.id, next);
+          }
+        },
+        profile.id
+      );
+    },
+    [
+      assignedByStaffMemberId,
+      endDrafts,
+      graceDays,
+      hoursLabel,
+      lockedStaffMemberIds,
+      renderStateBadge,
+      roleLabel,
+      selected,
+      setEndDate,
+      t,
+      toggleMember
+    ]
+  );
+  return /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      open,
+      onOpenChange: (next) => {
+        if (next) {
+          onOpenChange(true);
+          return;
+        }
+        void requestClose();
+      },
+      children: /* @__PURE__ */ jsxs(
+        DrawerContent,
+        {
+          className: "sm:max-w-lg",
+          onKeyDown: handleKeyDown,
+          closeAriaLabel: t("staff.time_tracking.projects.team.drawer.close", "Close"),
+          children: [
+            /* @__PURE__ */ jsxs(DrawerHeader, { children: [
+              /* @__PURE__ */ jsx(DrawerTitle, { children: t("staff.time_tracking.projects.team.drawer.title", "Project team") }),
+              /* @__PURE__ */ jsx(DrawerDescription, { children: projectName })
+            ] }),
+            /* @__PURE__ */ jsx(DrawerBody, { className: "flex flex-col gap-4", children: loading ? /* @__PURE__ */ jsx(LoadingMessage, { label: t("staff.time_tracking.projects.team.drawer.loading", "Loading the team\u2026") }) : loadError ? /* @__PURE__ */ jsx(ErrorMessage, { label: loadError }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                SearchInput,
+                {
+                  value: query,
+                  onChange: setQuery,
+                  placeholder: t("staff.time_tracking.projects.team.drawer.search", "Search for a person\u2026")
+                }
+              ),
+              /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("staff.time_tracking.projects.team.drawer.assigned", "Assigned ({count})", {
+                  count: assignedRowIds.length
+                }) }),
+                assignedRows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("staff.time_tracking.projects.team.empty", "Nobody is assigned yet.") }) : /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: assignedRows.map(renderRow) })
+              ] }),
+              /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx("h3", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("staff.time_tracking.projects.team.drawer.others", "Everyone else in the organization") }),
+                otherRows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("staff.time_tracking.projects.team.drawer.othersEmpty", "No other people found.") }) : /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-2", children: otherRows.map(renderRow) }),
+                directoryTotal > directoryIds.length ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+                  "staff.time_tracking.projects.team.drawer.directoryTruncated",
+                  "Showing the first {count} people \u2014 use the search box to find the rest.",
+                  { count: directoryIds.length }
+                ) }) : null
+              ] }),
+              /* @__PURE__ */ jsxs(Alert, { status: "information", children: [
+                /* @__PURE__ */ jsx(AlertDescription, { children: t(
+                  "staff.time_tracking.projects.team.drawer.info.keepsTime",
+                  "Revoking access does not delete logged time \u2014 the entries stay in the project and in reports."
+                ) }),
+                /* @__PURE__ */ jsx(AlertDescription, { children: t(
+                  "staff.time_tracking.projects.team.drawer.info.immediate",
+                  "Access works immediately after saving \u2014 no re-login needed."
+                ) })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ jsxs(DrawerFooter, { leading: /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: changeCountLabel }), children: [
+              /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", onClick: () => {
+                void requestClose();
+              }, children: t("staff.time_tracking.projects.team.drawer.cancel", "Cancel") }),
+              /* @__PURE__ */ jsxs(Button, { type: "button", disabled: saving || pendingChanges === 0, onClick: () => {
+                void handleSave();
+              }, children: [
+                /* @__PURE__ */ jsx(Save, { className: "size-4", "aria-hidden": true }),
+                saving ? t("staff.time_tracking.projects.team.drawer.saving", "Saving\u2026") : t("staff.time_tracking.projects.team.drawer.save", "Save")
+              ] })
+            ] }),
+            ConfirmDialogElement
+          ]
+        }
+      )
+    }
+  );
+}
+var ProjectTeamDrawer_default = ProjectTeamDrawer;
+export {
+  ProjectTeamDrawer,
+  ProjectTeamDrawer_default as default
+};
+//# sourceMappingURL=ProjectTeamDrawer.js.map