@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/ProjectCurrencyField.js

@@ -0,0 +1,295 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Lock } from "lucide-react";
+import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { CheckboxField } from "@open-mercato/ui/primitives/checkbox-field";
+import {
+  Dialog,
+  DialogContent,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@open-mercato/ui/primitives/dialog";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { apiCall, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { readJsonSafe } from "@open-mercato/ui/backend/utils/serverErrors";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const CURRENCY_OPTIONS_URL = "/api/currencies/currencies/options";
+function useCurrencyOptions() {
+  const [options, setOptions] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      try {
+        const res = await apiCall(`${CURRENCY_OPTIONS_URL}?limit=100`);
+        const items = Array.isArray(res.result?.items) ? res.result.items : [];
+        if (!cancelled) setOptions(items.filter((item) => typeof item?.value === "string"));
+      } catch {
+        if (!cancelled) setOptions([]);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  return { options, loading };
+}
+function parseLockedConflict(body) {
+  if (!body || typeof body !== "object") return null;
+  const payload = body;
+  if (payload.code !== "project_has_locked_entries") return null;
+  const reports = Array.isArray(payload.lockedReports) ? payload.lockedReports.filter((report) => report && typeof report.id === "string") : [];
+  return {
+    count: typeof payload.lockedEntryCount === "number" ? payload.lockedEntryCount : reports.length,
+    reports
+  };
+}
+function describeReports(reports) {
+  return reports.map((report) => report.reference ?? report.title ?? report.id).filter((label) => typeof label === "string" && label.length > 0).join(", ");
+}
+function ChangeCurrencyDialog({
+  open,
+  onOpenChange,
+  projectId,
+  projectUpdatedAt,
+  currentCurrency,
+  entryCount,
+  options,
+  onChanged
+}) {
+  const t = useT();
+  const hasEntries = entryCount > 0;
+  const [nextCurrency, setNextCurrency] = React.useState(currentCurrency ?? "");
+  const [acknowledged, setAcknowledged] = React.useState(false);
+  const [saving, setSaving] = React.useState(false);
+  const [conflict, setConflict] = React.useState(null);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
+    if (open) return;
+    setNextCurrency(currentCurrency ?? "");
+    setAcknowledged(false);
+    setSaving(false);
+    setConflict(null);
+    setError(null);
+  }, [open, currentCurrency]);
+  const canSubmit = Boolean(nextCurrency) && nextCurrency !== currentCurrency && (!hasEntries || acknowledged);
+  const submit = React.useCallback(async () => {
+    if (saving || !canSubmit) return;
+    setSaving(true);
+    setConflict(null);
+    setError(null);
+    try {
+      const response = await withScopedApiRequestHeaders(
+        buildOptimisticLockHeader(projectUpdatedAt ?? null),
+        () => apiCall(`/api/staff/timesheets/time-projects/${projectId}/change-currency`, {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({ currencyCode: nextCurrency, acknowledged: true })
+        })
+      );
+      if (response.ok) {
+        flash(t("staff.time_tracking.projects.currency.changed", "Project currency changed."), "success");
+        onChanged(nextCurrency);
+        onOpenChange(false);
+        return;
+      }
+      const body = await readJsonSafe(response.response, null);
+      const locked = parseLockedConflict(body);
+      if (locked) {
+        setConflict(locked);
+        return;
+      }
+      const message = body && typeof body === "object" && typeof body.error === "string" ? body.error : t("staff.time_tracking.projects.currency.changeError", "Failed to change the project currency.");
+      setError(message);
+    } catch (err) {
+      setError(
+        err instanceof Error && err.message ? err.message : t("staff.time_tracking.projects.currency.changeError", "Failed to change the project currency.")
+      );
+    } finally {
+      setSaving(false);
+    }
+  }, [canSubmit, nextCurrency, onChanged, onOpenChange, projectId, projectUpdatedAt, saving, t]);
+  const handleKeyDown = React.useCallback(
+    (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+        event.preventDefault();
+        void submit();
+      }
+    },
+    [submit]
+  );
+  const selectableOptions = React.useMemo(() => {
+    if (options.length > 0) return options;
+    return currentCurrency ? [{ value: currentCurrency, label: currentCurrency }] : [];
+  }, [currentCurrency, options]);
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-md", onKeyDown: handleKeyDown, children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("staff.time_tracking.projects.currency.changeTitle", "Change currency") }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+      hasEntries ? /* @__PURE__ */ jsxs(Alert, { status: "warning", style: "lighter", size: "default", children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: t("staff.time_tracking.projects.currency.warnTitle", "Amounts are relabelled, not converted") }),
+        /* @__PURE__ */ jsx(AlertDescription, { children: t(
+          "staff.time_tracking.projects.currency.warnBody",
+          "The {{count}} entries already logged keep their numeric value and are simply read in the new currency.",
+          { count: String(entryCount) }
+        ) })
+      ] }) : /* @__PURE__ */ jsxs(Alert, { status: "information", style: "lighter", size: "default", children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: t("staff.time_tracking.projects.currency.emptyTitle", "Nothing to relabel yet") }),
+        /* @__PURE__ */ jsx(AlertDescription, { children: t(
+          "staff.time_tracking.projects.currency.emptyBody",
+          "No time is logged on this project yet, so the change only sets the currency \u2014 no amount is relabelled."
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs(Select, { value: nextCurrency, onValueChange: setNextCurrency, children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": t("staff.time_tracking.projects.currency.label", "Currency"), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("staff.time_tracking.projects.currency.placeholder", "Select a currency") }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: selectableOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+      ] }),
+      hasEntries ? /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          checked: acknowledged,
+          onCheckedChange: (next) => setAcknowledged(next === true),
+          label: t(
+            "staff.time_tracking.projects.currency.acknowledge",
+            "I understand historical amounts are not converted."
+          )
+        }
+      ) : null,
+      conflict ? /* @__PURE__ */ jsxs(Alert, { status: "error", style: "lighter", size: "default", children: [
+        /* @__PURE__ */ jsx(AlertTitle, { children: t("staff.time_tracking.projects.currency.lockedTitle", "Locked hours block this change") }),
+        /* @__PURE__ */ jsx(AlertDescription, { children: t(
+          "staff.time_tracking.projects.currency.lockedBody",
+          "{{count}} entries are frozen in closed reports: {{reports}}. Unlock them first.",
+          { count: String(conflict.count), reports: describeReports(conflict.reports) }
+        ) })
+      ] }) : null,
+      error ? /* @__PURE__ */ jsx("p", { className: "text-sm text-status-error-text", children: error }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: t("staff.time_tracking.projects.form.actions.cancel", "Cancel") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          onClick: () => void submit(),
+          disabled: saving || !canSubmit,
+          children: t("staff.time_tracking.projects.currency.confirm", "Change currency")
+        }
+      )
+    ] })
+  ] }) });
+}
+function ProjectCurrencyField({
+  value,
+  locked,
+  entryCount,
+  projectId,
+  projectUpdatedAt,
+  options,
+  disabled,
+  onChange,
+  onCurrencyChanged
+}) {
+  const t = useT();
+  const [dialogOpen, setDialogOpen] = React.useState(false);
+  const label = React.useMemo(() => {
+    if (!value) return null;
+    return options.find((option) => option.value === value)?.label ?? value;
+  }, [options, value]);
+  const selectableOptions = React.useMemo(() => {
+    if (options.length > 0) return options;
+    return value ? [{ value, label: value }] : [];
+  }, [options, value]);
+  const hasEntries = locked || entryCount > 0;
+  if (projectId) {
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5 rounded-md border border-border bg-muted px-2 py-1 text-sm text-muted-foreground", children: [
+          hasEntries ? /* @__PURE__ */ jsx(Lock, { className: "h-3.5 w-3.5", "aria-hidden": true }) : null,
+          label ?? t("staff.time_tracking.projects.currency.unset", "Not set")
+        ] }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => setDialogOpen(true), disabled, children: t("staff.time_tracking.projects.currency.change", "Change currency") })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: hasEntries ? t(
+        "staff.time_tracking.projects.currency.lockedHint",
+        "The currency is fixed for the project and drives all cost reporting. It is read-only because {{count}} entries have already been logged.",
+        { count: String(entryCount) }
+      ) : t(
+        "staff.time_tracking.projects.currency.postCreateHint",
+        "The currency is fixed for the project and drives all cost reporting. After creation it changes only through this action, so the change is always recorded."
+      ) }),
+      /* @__PURE__ */ jsx(
+        ChangeCurrencyDialog,
+        {
+          open: dialogOpen,
+          onOpenChange: setDialogOpen,
+          projectId,
+          projectUpdatedAt,
+          currentCurrency: value,
+          entryCount,
+          options,
+          onChanged: (currencyCode) => {
+            onChange(currencyCode);
+            onCurrencyChanged?.(currencyCode);
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+    /* @__PURE__ */ jsxs(Select, { value: value ?? "", onValueChange: (next) => onChange(next || null), disabled, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { "aria-label": t("staff.time_tracking.projects.currency.label", "Currency"), children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("staff.time_tracking.projects.currency.placeholder", "Select a currency") }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: selectableOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+      "staff.time_tracking.projects.currency.hint",
+      "The currency is fixed for the project and drives all cost reporting."
+    ) })
+  ] });
+}
+function ProjectCurrencyFieldBinding({
+  value,
+  values,
+  disabled,
+  setValue,
+  onCurrencyChanged
+}) {
+  const { options } = useCurrencyOptions();
+  const projectId = typeof values?.id === "string" ? values.id : null;
+  const updatedAt = typeof values?.updatedAt === "string" ? values.updatedAt : null;
+  const entryCount = typeof values?.entryCount === "number" ? values.entryCount : 0;
+  const locked = values?.currencyLocked === true;
+  return /* @__PURE__ */ jsx(
+    ProjectCurrencyField,
+    {
+      value: typeof value === "string" && value.length > 0 ? value : null,
+      locked,
+      entryCount,
+      projectId,
+      projectUpdatedAt: updatedAt,
+      options,
+      disabled,
+      onChange: setValue,
+      onCurrencyChanged
+    }
+  );
+}
+export {
+  ProjectCurrencyField,
+  ProjectCurrencyFieldBinding,
+  useCurrencyOptions
+};
+//# sourceMappingURL=ProjectCurrencyField.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/ProjectCurrencyField.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Lock } from 'lucide-react'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { CheckboxField } from '@open-mercato/ui/primitives/checkbox-field'\nimport {\n  Dialog,\n  DialogContent,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@open-mercato/ui/primitives/dialog'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { readJsonSafe } from '@open-mercato/ui/backend/utils/serverErrors'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\nexport type CurrencyOption = { value: string; label: string }\n\nconst CURRENCY_OPTIONS_URL = '/api/currencies/currencies/options'\n\nexport function useCurrencyOptions(): { options: CurrencyOption[]; loading: boolean } {\n  const [options, setOptions] = React.useState<CurrencyOption[]>([])\n  const [loading, setLoading] = React.useState(true)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      try {\n        const res = await apiCall<{ items?: CurrencyOption[] }>(`${CURRENCY_OPTIONS_URL}?limit=100`)\n        const items = Array.isArray(res.result?.items) ? res.result.items : []\n        if (!cancelled) setOptions(items.filter((item) => typeof item?.value === 'string'))\n      } catch {\n        // The currencies module is optional for this form; without it the field\n        // simply offers whatever the project already carries.\n        if (!cancelled) setOptions([])\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [])\n\n  return { options, loading }\n}\n\ntype BlockingReport = { id: string; reference: string | null; title: string | null }\n\ntype LockedConflictBody = {\n  code?: unknown\n  error?: unknown\n  lockedEntryCount?: unknown\n  lockedReports?: unknown\n}\n\nfunction parseLockedConflict(body: unknown): { count: number; reports: BlockingReport[] } | null {\n  if (!body || typeof body !== 'object') return null\n  const payload = body as LockedConflictBody\n  if (payload.code !== 'project_has_locked_entries') return null\n  const reports = Array.isArray(payload.lockedReports)\n    ? (payload.lockedReports as BlockingReport[]).filter((report) => report && typeof report.id === 'string')\n    : []\n  return {\n    count: typeof payload.lockedEntryCount === 'number' ? payload.lockedEntryCount : reports.length,\n    reports,\n  }\n}\n\nfunction describeReports(reports: BlockingReport[]): string {\n  return reports\n    .map((report) => report.reference ?? report.title ?? report.id)\n    .filter((label): label is string => typeof label === 'string' && label.length > 0)\n    .join(', ')\n}\n\ntype ChangeCurrencyDialogProps = {\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  projectId: string\n  projectUpdatedAt?: string | null\n  currentCurrency: string | null\n  entryCount: number\n  options: CurrencyOption[]\n  onChanged: (currencyCode: string) => void\n}\n\n/**\n * D-3 / R11: the change action relabels without converting a single historical\n * amount, so it demands an explicit acknowledgement and it is refused with\n * `409 project_has_locked_entries` while any of the project's entries is frozen\n * inside a closed report \u2014 that conflict is surfaced with the blocking reports\n * named rather than as a generic failure.\n *\n * With no entry logged yet there is nothing to relabel, so the warning becomes a\n * plain statement of that fact and the acknowledgement checkbox \u2014 friction whose\n * whole subject is the historical amounts \u2014 is dropped. The request still sends\n * `acknowledged: true`, because the dialog has still told the user exactly what\n * the change does.\n */\nfunction ChangeCurrencyDialog({\n  open,\n  onOpenChange,\n  projectId,\n  projectUpdatedAt,\n  currentCurrency,\n  entryCount,\n  options,\n  onChanged,\n}: ChangeCurrencyDialogProps) {\n  const t = useT()\n  const hasEntries = entryCount > 0\n  const [nextCurrency, setNextCurrency] = React.useState(currentCurrency ?? '')\n  const [acknowledged, setAcknowledged] = React.useState(false)\n  const [saving, setSaving] = React.useState(false)\n  const [conflict, setConflict] = React.useState<{ count: number; reports: BlockingReport[] } | null>(null)\n  const [error, setError] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    if (open) return\n    setNextCurrency(currentCurrency ?? '')\n    setAcknowledged(false)\n    setSaving(false)\n    setConflict(null)\n    setError(null)\n  }, [open, currentCurrency])\n\n  const canSubmit = Boolean(nextCurrency)\n    && nextCurrency !== currentCurrency\n    && (!hasEntries || acknowledged)\n\n  const submit = React.useCallback(async () => {\n    if (saving || !canSubmit) return\n    setSaving(true)\n    setConflict(null)\n    setError(null)\n    try {\n      // The parent CrudForm's optimistic-lock header belongs to its own PUT;\n      // this call mutates a different concern, so it carries its own.\n      const response = await withScopedApiRequestHeaders(\n        buildOptimisticLockHeader(projectUpdatedAt ?? null),\n        () => apiCall(`/api/staff/timesheets/time-projects/${projectId}/change-currency`, {\n          method: 'POST',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ currencyCode: nextCurrency, acknowledged: true }),\n        }),\n      )\n      if (response.ok) {\n        flash(t('staff.time_tracking.projects.currency.changed', 'Project currency changed.'), 'success')\n        onChanged(nextCurrency)\n        onOpenChange(false)\n        return\n      }\n      const body = await readJsonSafe<unknown>(response.response, null)\n      const locked = parseLockedConflict(body)\n      if (locked) {\n        setConflict(locked)\n        return\n      }\n      const message = body && typeof body === 'object' && typeof (body as { error?: unknown }).error === 'string'\n        ? (body as { error: string }).error\n        : t('staff.time_tracking.projects.currency.changeError', 'Failed to change the project currency.')\n      setError(message)\n    } catch (err) {\n      setError(\n        err instanceof Error && err.message\n          ? err.message\n          : t('staff.time_tracking.projects.currency.changeError', 'Failed to change the project currency.'),\n      )\n    } finally {\n      setSaving(false)\n    }\n  }, [canSubmit, nextCurrency, onChanged, onOpenChange, projectId, projectUpdatedAt, saving, t])\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') {\n        event.preventDefault()\n        void submit()\n      }\n    },\n    [submit],\n  )\n\n  const selectableOptions = React.useMemo(() => {\n    if (options.length > 0) return options\n    return currentCurrency ? [{ value: currentCurrency, label: currentCurrency }] : []\n  }, [currentCurrency, options])\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent className=\"sm:max-w-md\" onKeyDown={handleKeyDown}>\n        <DialogHeader>\n          <DialogTitle>{t('staff.time_tracking.projects.currency.changeTitle', 'Change currency')}</DialogTitle>\n        </DialogHeader>\n        <div className=\"flex flex-col gap-4\">\n          {hasEntries ? (\n            <Alert status=\"warning\" style=\"lighter\" size=\"default\">\n              <AlertTitle>\n                {t('staff.time_tracking.projects.currency.warnTitle', 'Amounts are relabelled, not converted')}\n              </AlertTitle>\n              <AlertDescription>\n                {t(\n                  'staff.time_tracking.projects.currency.warnBody',\n                  'The {{count}} entries already logged keep their numeric value and are simply read in the new currency.',\n                  { count: String(entryCount) },\n                )}\n              </AlertDescription>\n            </Alert>\n          ) : (\n            <Alert status=\"information\" style=\"lighter\" size=\"default\">\n              <AlertTitle>\n                {t('staff.time_tracking.projects.currency.emptyTitle', 'Nothing to relabel yet')}\n              </AlertTitle>\n              <AlertDescription>\n                {t(\n                  'staff.time_tracking.projects.currency.emptyBody',\n                  'No time is logged on this project yet, so the change only sets the currency \u2014 no amount is relabelled.',\n                )}\n              </AlertDescription>\n            </Alert>\n          )}\n\n          <Select value={nextCurrency} onValueChange={setNextCurrency}>\n            <SelectTrigger aria-label={t('staff.time_tracking.projects.currency.label', 'Currency')}>\n              <SelectValue placeholder={t('staff.time_tracking.projects.currency.placeholder', 'Select a currency')} />\n            </SelectTrigger>\n            <SelectContent>\n              {selectableOptions.map((option) => (\n                <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n\n          {hasEntries ? (\n            <CheckboxField\n              checked={acknowledged}\n              onCheckedChange={(next) => setAcknowledged(next === true)}\n              label={t(\n                'staff.time_tracking.projects.currency.acknowledge',\n                'I understand historical amounts are not converted.',\n              )}\n            />\n          ) : null}\n\n          {conflict ? (\n            <Alert status=\"error\" style=\"lighter\" size=\"default\">\n              <AlertTitle>\n                {t('staff.time_tracking.projects.currency.lockedTitle', 'Locked hours block this change')}\n              </AlertTitle>\n              <AlertDescription>\n                {t(\n                  'staff.time_tracking.projects.currency.lockedBody',\n                  '{{count}} entries are frozen in closed reports: {{reports}}. Unlock them first.',\n                  { count: String(conflict.count), reports: describeReports(conflict.reports) },\n                )}\n              </AlertDescription>\n            </Alert>\n          ) : null}\n\n          {error ? <p className=\"text-sm text-status-error-text\">{error}</p> : null}\n        </div>\n        <DialogFooter>\n          <Button type=\"button\" variant=\"ghost\" onClick={() => onOpenChange(false)}>\n            {t('staff.time_tracking.projects.form.actions.cancel', 'Cancel')}\n          </Button>\n          <Button\n            type=\"button\"\n            onClick={() => void submit()}\n            disabled={saving || !canSubmit}\n          >\n            {t('staff.time_tracking.projects.currency.confirm', 'Change currency')}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport type ProjectCurrencyFieldProps = {\n  value: string | null\n  locked: boolean\n  entryCount: number\n  projectId?: string | null\n  projectUpdatedAt?: string | null\n  options: CurrencyOption[]\n  disabled?: boolean\n  onChange: (currencyCode: string | null) => void\n  /** Fired after the change-currency action succeeded, so the host can reload the record. */\n  onCurrencyChanged?: (currencyCode: string) => void\n}\n\nexport function ProjectCurrencyField({\n  value,\n  locked,\n  entryCount,\n  projectId,\n  projectUpdatedAt,\n  options,\n  disabled,\n  onChange,\n  onCurrencyChanged,\n}: ProjectCurrencyFieldProps) {\n  const t = useT()\n  const [dialogOpen, setDialogOpen] = React.useState(false)\n\n  const label = React.useMemo(() => {\n    if (!value) return null\n    return options.find((option) => option.value === value)?.label ?? value\n  }, [options, value])\n\n  const selectableOptions = React.useMemo(() => {\n    if (options.length > 0) return options\n    return value ? [{ value, label: value }] : []\n  }, [options, value])\n\n  // D-3: after creation the currency belongs to the change-currency action, and\n  // the plain update payload cannot carry it at all (see `buildProjectPayload`\n  // and `staffTimeProjectUpdateSchema`). So EVERY persisted project renders the\n  // field read-only with the explicit action beside it \u2014 a select the save would\n  // silently discard is worse than one honest extra click. Only the copy differs:\n  // with entries logged the change relabels them, without entries it relabels\n  // nothing.\n  const hasEntries = locked || entryCount > 0\n  if (projectId) {\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <span className=\"inline-flex items-center gap-1.5 rounded-md border border-border bg-muted px-2 py-1 text-sm text-muted-foreground\">\n            {hasEntries ? <Lock className=\"h-3.5 w-3.5\" aria-hidden /> : null}\n            {label ?? t('staff.time_tracking.projects.currency.unset', 'Not set')}\n          </span>\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => setDialogOpen(true)} disabled={disabled}>\n            {t('staff.time_tracking.projects.currency.change', 'Change currency')}\n          </Button>\n        </div>\n        <p className=\"text-xs text-muted-foreground\">\n          {hasEntries\n            ? t(\n              'staff.time_tracking.projects.currency.lockedHint',\n              'The currency is fixed for the project and drives all cost reporting. It is read-only because {{count}} entries have already been logged.',\n              { count: String(entryCount) },\n            )\n            : t(\n              'staff.time_tracking.projects.currency.postCreateHint',\n              'The currency is fixed for the project and drives all cost reporting. After creation it changes only through this action, so the change is always recorded.',\n            )}\n        </p>\n        <ChangeCurrencyDialog\n          open={dialogOpen}\n          onOpenChange={setDialogOpen}\n          projectId={projectId}\n          projectUpdatedAt={projectUpdatedAt}\n          currentCurrency={value}\n          entryCount={entryCount}\n          options={options}\n          onChanged={(currencyCode) => {\n            onChange(currencyCode)\n            onCurrencyChanged?.(currencyCode)\n          }}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex flex-col gap-1.5\">\n      <Select value={value ?? ''} onValueChange={(next) => onChange(next || null)} disabled={disabled}>\n        <SelectTrigger aria-label={t('staff.time_tracking.projects.currency.label', 'Currency')}>\n          <SelectValue placeholder={t('staff.time_tracking.projects.currency.placeholder', 'Select a currency')} />\n        </SelectTrigger>\n        <SelectContent>\n          {selectableOptions.map((option) => (\n            <SelectItem key={option.value} value={option.value}>{option.label}</SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      <p className=\"text-xs text-muted-foreground\">\n        {t(\n          'staff.time_tracking.projects.currency.hint',\n          'The currency is fixed for the project and drives all cost reporting.',\n        )}\n      </p>\n    </div>\n  )\n}\n\nexport type ProjectCurrencyFieldBindingProps = {\n  value: unknown\n  values?: Record<string, unknown>\n  disabled?: boolean\n  setValue: (value: unknown) => void\n  onCurrencyChanged?: (currencyCode: string) => void\n}\n\nexport function ProjectCurrencyFieldBinding({\n  value,\n  values,\n  disabled,\n  setValue,\n  onCurrencyChanged,\n}: ProjectCurrencyFieldBindingProps) {\n  const { options } = useCurrencyOptions()\n  const projectId = typeof values?.id === 'string' ? values.id : null\n  const updatedAt = typeof values?.updatedAt === 'string' ? values.updatedAt : null\n  const entryCount = typeof values?.entryCount === 'number' ? values.entryCount : 0\n  const locked = values?.currencyLocked === true\n\n  return (\n    <ProjectCurrencyField\n      value={typeof value === 'string' && value.length > 0 ? value : null}\n      locked={locked}\n      entryCount={entryCount}\n      projectId={projectId}\n      projectUpdatedAt={updatedAt}\n      options={options}\n      disabled={disabled}\n      onChange={setValue}\n      onCurrencyChanged={onCurrencyChanged}\n    />\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -0,0 +1,212 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { Users } from "lucide-react";
+import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
+import { Avatar } from "@open-mercato/ui/primitives/avatar";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { SegmentedControl, SegmentedControlItem } from "@open-mercato/ui/primitives/segmented-control";
+import { SwitchField } from "@open-mercato/ui/primitives/switch-field";
+import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+const DEFAULT_BUDGET_WARN_AT_PERCENT = 80;
+function ProjectBudgetSection({
+  enabled,
+  kind,
+  value,
+  warnAtPercent,
+  currencyCode,
+  disabled,
+  onChange
+}) {
+  const t = useT();
+  const unitLabel = kind === "amount" ? currencyCode ?? t("staff.time_tracking.projects.budget.amountUnit", "amount") : t("staff.time_tracking.projects.budget.hoursUnit", "h");
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx(
+      SwitchField,
+      {
+        checked: enabled,
+        disabled,
+        onCheckedChange: (next) => onChange({ enabled: next === true, kind: next === true && kind === "none" ? "hours" : kind }),
+        label: t("staff.time_tracking.projects.budget.enable", "Track the limit"),
+        description: t(
+          "staff.time_tracking.projects.budget.enableHint",
+          "Warns at {{percent}}% and 100% of the limit.",
+          { percent: warnAtPercent || String(DEFAULT_BUDGET_WARN_AT_PERCENT) }
+        )
+      }
+    ),
+    enabled ? /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { children: t("staff.time_tracking.projects.budget.kind", "Limit type") }),
+        /* @__PURE__ */ jsxs(
+          SegmentedControl,
+          {
+            value: kind === "none" ? "hours" : kind,
+            disabled,
+            onValueChange: (next) => onChange({ kind: next }),
+            "aria-label": t("staff.time_tracking.projects.budget.kind", "Limit type"),
+            children: [
+              /* @__PURE__ */ jsx(SegmentedControlItem, { value: "hours", children: t("staff.time_tracking.projects.budget.kindHours", "Hours") }),
+              /* @__PURE__ */ jsx(SegmentedControlItem, { value: "amount", children: t("staff.time_tracking.projects.budget.kindAmount", "Amount") })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "tt-budget-value", children: t("staff.time_tracking.projects.budget.value", "Limit") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "tt-budget-value",
+              inputMode: "decimal",
+              value,
+              disabled,
+              onChange: (event) => onChange({ value: event.target.value })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: unitLabel })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: "tt-budget-warn", children: t("staff.time_tracking.projects.budget.warnAt", "Warn at") }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "tt-budget-warn",
+              inputMode: "numeric",
+              value: warnAtPercent,
+              disabled,
+              onChange: (event) => onChange({ warnAtPercent: event.target.value })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm text-muted-foreground", children: "%" })
+        ] })
+      ] })
+    ] }) : null
+  ] });
+}
+function readString(value) {
+  return typeof value === "string" && value.trim().length > 0 ? value.trim() : null;
+}
+function memberLabel(row) {
+  const display = readString(row.displayName) ?? readString(row.display_name);
+  if (display) return display;
+  const first = readString(row.firstName) ?? readString(row.first_name);
+  const last = readString(row.lastName) ?? readString(row.last_name);
+  const joined = [first, last].filter(Boolean).join(" ");
+  return joined || readString(row.email) || "";
+}
+function ProjectTeamSection({ projectId }) {
+  const t = useT();
+  const [names, setNames] = React.useState([]);
+  const [loading, setLoading] = React.useState(Boolean(projectId));
+  React.useEffect(() => {
+    if (!projectId) {
+      setNames([]);
+      setLoading(false);
+      return;
+    }
+    let cancelled = false;
+    async function load() {
+      setLoading(true);
+      try {
+        const membersRes = await apiCall(
+          `/api/staff/timesheets/time-projects/${projectId}/employees?pageSize=100&status=active`
+        );
+        const memberIds = (Array.isArray(membersRes.result?.items) ? membersRes.result.items : []).map((row) => readString(row.staffMemberId) ?? readString(row.staff_member_id)).filter((id) => id !== null);
+        if (memberIds.length === 0) {
+          if (!cancelled) setNames([]);
+          return;
+        }
+        const staffRes = await apiCall(
+          `/api/staff/team-members?ids=${memberIds.join(",")}&pageSize=100`
+        );
+        const rows = Array.isArray(staffRes.result?.items) ? staffRes.result.items : [];
+        if (!cancelled) setNames(rows.map(memberLabel).filter((name) => name.length > 0));
+      } catch {
+        if (!cancelled) setNames([]);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [projectId]);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
+      "staff.time_tracking.projects.team.hint",
+      "Without an assignment only the Team Leader can see the project."
+    ) }),
+    projectId && names.length > 0 ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: names.map((name) => /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: "inline-flex items-center gap-2 rounded-full border border-border bg-muted px-2 py-1 text-xs text-foreground",
+        children: [
+          /* @__PURE__ */ jsx(Avatar, { label: name, size: "sm" }),
+          name
+        ]
+      },
+      name
+    )) }) : null,
+    projectId && !loading && names.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("staff.time_tracking.projects.team.empty", "Nobody is assigned yet.") }) : null,
+    projectId ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsxs(Link, { href: `/backend/staff/time-tracking/projects/${projectId}?panel=team`, children: [
+      /* @__PURE__ */ jsx(Users, { className: "h-4 w-4", "aria-hidden": true }),
+      t("staff.time_tracking.projects.team.manage", "Manage team")
+    ] }) }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("staff.time_tracking.projects.team.afterCreate", "You can assign people once the project is saved.") })
+  ] });
+}
+function describeRounding(unitMinutes, direction, t) {
+  if (!unitMinutes) return t("staff.time_tracking.projects.rounding.none", "no rounding");
+  return direction === "nearest" ? t("staff.time_tracking.projects.rounding.nearest", "to the nearest {{unit}} min", { unit: String(unitMinutes) }) : t("staff.time_tracking.projects.rounding.up", "up to {{unit}} min", { unit: String(unitMinutes) });
+}
+function ProjectRoundingNotice() {
+  const t = useT();
+  const [summary, setSummary] = React.useState(null);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function load() {
+      try {
+        const res = await apiCall("/api/staff/timesheets/settings");
+        const rounding = res.result?.rounding;
+        const unitMinutes = typeof rounding?.unitMinutes === "number" ? rounding.unitMinutes : 0;
+        const direction = typeof rounding?.direction === "string" ? rounding.direction : "up";
+        if (!cancelled) setSummary(describeRounding(unitMinutes, direction, t));
+      } catch {
+        if (!cancelled) setSummary(null);
+      }
+    }
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [t]);
+  return /* @__PURE__ */ jsx(Alert, { status: "information", style: "lighter", size: "default", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: t("staff.time_tracking.projects.rounding.title", "Rounding is global") }),
+    /* @__PURE__ */ jsx(AlertDescription, { children: summary ? t(
+      "staff.time_tracking.projects.rounding.body",
+      "Currently: {{summary}}. The change applies to every project \u2014 set it in the module settings.",
+      { summary }
+    ) : t(
+      "staff.time_tracking.projects.rounding.bodyUnknown",
+      "The change applies to every project \u2014 set it in the module settings."
+    ) })
+  ] }) });
+}
+const __testing = { memberLabel };
+export {
+  DEFAULT_BUDGET_WARN_AT_PERCENT,
+  ProjectBudgetSection,
+  ProjectRoundingNotice,
+  ProjectTeamSection,
+  __testing,
+  describeRounding
+};
+//# sourceMappingURL=ProjectFormSections.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/ProjectFormSections.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { Users } from 'lucide-react'\nimport { Alert, AlertDescription, AlertTitle } from '@open-mercato/ui/primitives/alert'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { SegmentedControl, SegmentedControlItem } from '@open-mercato/ui/primitives/segmented-control'\nimport { SwitchField } from '@open-mercato/ui/primitives/switch-field'\nimport { apiCall } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { TranslateFn } from '@open-mercato/shared/lib/i18n/context'\n\nexport type ProjectBudgetKind = 'none' | 'hours' | 'amount'\n\nexport const DEFAULT_BUDGET_WARN_AT_PERCENT = 80\n\nexport type BudgetSectionProps = {\n  enabled: boolean\n  kind: ProjectBudgetKind\n  value: string\n  warnAtPercent: string\n  currencyCode: string | null\n  disabled?: boolean\n  onChange: (patch: {\n    enabled?: boolean\n    kind?: ProjectBudgetKind\n    value?: string\n    warnAtPercent?: string\n  }) => void\n}\n\n/**\n * Screen 4, \"Bud\u017Cet\" \u2014 first-class scope per the spec (\u00A79 promoted out of\n * \"proposal\"). The switch maps to `budgetKind: 'none'`; turning it on restores\n * the last picked kind so a toggle never silently discards the limit.\n */\nexport function ProjectBudgetSection({\n  enabled,\n  kind,\n  value,\n  warnAtPercent,\n  currencyCode,\n  disabled,\n  onChange,\n}: BudgetSectionProps) {\n  const t = useT()\n  const unitLabel = kind === 'amount'\n    ? (currencyCode ?? t('staff.time_tracking.projects.budget.amountUnit', 'amount'))\n    : t('staff.time_tracking.projects.budget.hoursUnit', 'h')\n\n  return (\n    <div className=\"flex flex-col gap-4\">\n      <SwitchField\n        checked={enabled}\n        disabled={disabled}\n        onCheckedChange={(next) => onChange({ enabled: next === true, kind: next === true && kind === 'none' ? 'hours' : kind })}\n        label={t('staff.time_tracking.projects.budget.enable', 'Track the limit')}\n        description={t(\n          'staff.time_tracking.projects.budget.enableHint',\n          'Warns at {{percent}}% and 100% of the limit.',\n          { percent: warnAtPercent || String(DEFAULT_BUDGET_WARN_AT_PERCENT) },\n        )}\n      />\n\n      {enabled ? (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div className=\"flex flex-col gap-1.5\">\n            <Label>{t('staff.time_tracking.projects.budget.kind', 'Limit type')}</Label>\n            <SegmentedControl\n              value={kind === 'none' ? 'hours' : kind}\n              disabled={disabled}\n              onValueChange={(next) => onChange({ kind: next as ProjectBudgetKind })}\n              aria-label={t('staff.time_tracking.projects.budget.kind', 'Limit type')}\n            >\n              <SegmentedControlItem value=\"hours\">\n                {t('staff.time_tracking.projects.budget.kindHours', 'Hours')}\n              </SegmentedControlItem>\n              <SegmentedControlItem value=\"amount\">\n                {t('staff.time_tracking.projects.budget.kindAmount', 'Amount')}\n              </SegmentedControlItem>\n            </SegmentedControl>\n          </div>\n\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor=\"tt-budget-value\">\n              {t('staff.time_tracking.projects.budget.value', 'Limit')}\n            </Label>\n            <div className=\"flex items-center gap-2\">\n              <Input\n                id=\"tt-budget-value\"\n                inputMode=\"decimal\"\n                value={value}\n                disabled={disabled}\n                onChange={(event) => onChange({ value: event.target.value })}\n              />\n              <span className=\"shrink-0 text-sm text-muted-foreground\">{unitLabel}</span>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor=\"tt-budget-warn\">\n              {t('staff.time_tracking.projects.budget.warnAt', 'Warn at')}\n            </Label>\n            <div className=\"flex items-center gap-2\">\n              <Input\n                id=\"tt-budget-warn\"\n                inputMode=\"numeric\"\n                value={warnAtPercent}\n                disabled={disabled}\n                onChange={(event) => onChange({ warnAtPercent: event.target.value })}\n              />\n              <span className=\"shrink-0 text-sm text-muted-foreground\">%</span>\n            </div>\n          </div>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n\ntype ProjectMemberRow = {\n  id?: unknown\n  staffMemberId?: unknown\n  staff_member_id?: unknown\n  status?: unknown\n}\n\ntype TeamMemberRow = {\n  id?: unknown\n  firstName?: unknown\n  lastName?: unknown\n  first_name?: unknown\n  last_name?: unknown\n  displayName?: unknown\n  display_name?: unknown\n  email?: unknown\n}\n\nfunction readString(value: unknown): string | null {\n  return typeof value === 'string' && value.trim().length > 0 ? value.trim() : null\n}\n\n/**\n * `/api/staff/team-members` answers in snake_case, so `display_name` is the key\n * that actually arrives \u2014 reading only `displayName` fell through every branch\n * and rendered the raw staff-member UUID as the chip label.\n *\n * `StaffTeamMember` carries no first/last/email columns; those branches describe a\n * shape this endpoint never returns and are kept only for callers that pass a\n * different row in. An unnamed row yields an empty string rather than an id: the\n * caller filters empties out, so a missing name shows nothing instead of leaking\n * an internal identifier into the UI.\n */\nfunction memberLabel(row: TeamMemberRow): string {\n  const display = readString(row.displayName) ?? readString(row.display_name)\n  if (display) return display\n  const first = readString(row.firstName) ?? readString(row.first_name)\n  const last = readString(row.lastName) ?? readString(row.last_name)\n  const joined = [first, last].filter(Boolean).join(' ')\n  return joined || readString(row.email) || ''\n}\n\nexport type ProjectTeamSectionProps = {\n  projectId?: string | null\n}\n\n/**\n * Screen 4's right column: the assigned team as chips plus the entry point into\n * the team drawer. The drawer itself is a separate task and lives behind\n * `?panel=team` on the project route.\n */\nexport function ProjectTeamSection({ projectId }: ProjectTeamSectionProps) {\n  const t = useT()\n  const [names, setNames] = React.useState<string[]>([])\n  const [loading, setLoading] = React.useState(Boolean(projectId))\n\n  React.useEffect(() => {\n    if (!projectId) {\n      setNames([])\n      setLoading(false)\n      return\n    }\n    let cancelled = false\n    async function load() {\n      setLoading(true)\n      try {\n        const membersRes = await apiCall<{ items?: ProjectMemberRow[] }>(\n          `/api/staff/timesheets/time-projects/${projectId}/employees?pageSize=100&status=active`,\n        )\n        const memberIds = (Array.isArray(membersRes.result?.items) ? membersRes.result.items : [])\n          .map((row) => readString(row.staffMemberId) ?? readString(row.staff_member_id))\n          .filter((id): id is string => id !== null)\n        if (memberIds.length === 0) {\n          if (!cancelled) setNames([])\n          return\n        }\n        const staffRes = await apiCall<{ items?: TeamMemberRow[] }>(\n          `/api/staff/team-members?ids=${memberIds.join(',')}&pageSize=100`,\n        )\n        const rows = Array.isArray(staffRes.result?.items) ? staffRes.result.items : []\n        if (!cancelled) setNames(rows.map(memberLabel).filter((name) => name.length > 0))\n      } catch {\n        if (!cancelled) setNames([])\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [projectId])\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <p className=\"text-sm text-muted-foreground\">\n        {t(\n          'staff.time_tracking.projects.team.hint',\n          'Without an assignment only the Team Leader can see the project.',\n        )}\n      </p>\n      {projectId && names.length > 0 ? (\n        <div className=\"flex flex-wrap gap-2\">\n          {names.map((name) => (\n            <span\n              key={name}\n              className=\"inline-flex items-center gap-2 rounded-full border border-border bg-muted px-2 py-1 text-xs text-foreground\"\n            >\n              <Avatar label={name} size=\"sm\" />\n              {name}\n            </span>\n          ))}\n        </div>\n      ) : null}\n      {projectId && !loading && names.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('staff.time_tracking.projects.team.empty', 'Nobody is assigned yet.')}\n        </p>\n      ) : null}\n      {projectId ? (\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" asChild>\n          <Link href={`/backend/staff/time-tracking/projects/${projectId}?panel=team`}>\n            <Users className=\"h-4 w-4\" aria-hidden />\n            {t('staff.time_tracking.projects.team.manage', 'Manage team')}\n          </Link>\n        </Button>\n      ) : (\n        <p className=\"text-xs text-muted-foreground\">\n          {t('staff.time_tracking.projects.team.afterCreate', 'You can assign people once the project is saved.')}\n        </p>\n      )}\n    </div>\n  )\n}\n\ntype RoundingSettingsResponse = {\n  rounding?: { unitMinutes?: unknown; direction?: unknown } | null\n}\n\nexport function describeRounding(\n  unitMinutes: number,\n  direction: string,\n  t: TranslateFn,\n): string {\n  if (!unitMinutes) return t('staff.time_tracking.projects.rounding.none', 'no rounding')\n  return direction === 'nearest'\n    ? t('staff.time_tracking.projects.rounding.nearest', 'to the nearest {{unit}} min', { unit: String(unitMinutes) })\n    : t('staff.time_tracking.projects.rounding.up', 'up to {{unit}} min', { unit: String(unitMinutes) })\n}\n\n/**\n * Screen 4's info alert: rounding is global (\u00A710 fixes it there, with no\n * per-project override), so the form names the current tenant setting and points\n * at module settings rather than offering a field.\n */\nexport function ProjectRoundingNotice() {\n  const t = useT()\n  const [summary, setSummary] = React.useState<string | null>(null)\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function load() {\n      try {\n        const res = await apiCall<RoundingSettingsResponse>('/api/staff/timesheets/settings')\n        const rounding = res.result?.rounding\n        const unitMinutes = typeof rounding?.unitMinutes === 'number' ? rounding.unitMinutes : 0\n        const direction = typeof rounding?.direction === 'string' ? rounding.direction : 'up'\n        if (!cancelled) setSummary(describeRounding(unitMinutes, direction, t))\n      } catch {\n        if (!cancelled) setSummary(null)\n      }\n    }\n    void load()\n    return () => { cancelled = true }\n  }, [t])\n\n  return (\n    <Alert status=\"information\" style=\"lighter\" size=\"default\">\n      <div className=\"flex flex-col\">\n        <AlertTitle>\n          {t('staff.time_tracking.projects.rounding.title', 'Rounding is global')}\n        </AlertTitle>\n        <AlertDescription>\n          {summary\n            ? t(\n              'staff.time_tracking.projects.rounding.body',\n              'Currently: {{summary}}. The change applies to every project \u2014 set it in the module settings.',\n              { summary },\n            )\n            : t(\n              'staff.time_tracking.projects.rounding.bodyUnknown',\n              'The change applies to every project \u2014 set it in the module settings.',\n            )}\n        </AlertDescription>\n      </div>\n    </Alert>\n  )\n}\n\n/** Exported for unit tests only. */\nexport const __testing = { memberLabel }\n"],
+  "mappings": ";AAwDM,cAgBM,YAhBN;AAtDN,YAAY,WAAW;AACvB,OAAO,UAAU;AACjB,SAAS,aAAa;AACtB,SAAS,OAAO,kBAAkB,kBAAkB;AACpD,SAAS,cAAc;AACvB,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,kBAAkB,4BAA4B;AACvD,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,YAAY;AAKd,MAAM,iCAAiC;AAsBvC,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,IAAI,KAAK;AACf,QAAM,YAAY,SAAS,WACtB,gBAAgB,EAAE,kDAAkD,QAAQ,IAC7E,EAAE,iDAAiD,GAAG;AAE1D,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA,iBAAiB,CAAC,SAAS,SAAS,EAAE,SAAS,SAAS,MAAM,MAAM,SAAS,QAAQ,SAAS,SAAS,UAAU,KAAK,CAAC;AAAA,QACvH,OAAO,EAAE,8CAA8C,iBAAiB;AAAA,QACxE,aAAa;AAAA,UACX;AAAA,UACA;AAAA,UACA,EAAE,SAAS,iBAAiB,OAAO,8BAA8B,EAAE;AAAA,QACrE;AAAA;AAAA,IACF;AAAA,IAEC,UACC,qBAAC,SAAI,WAAU,yCACb;AAAA,2BAAC,SAAI,WAAU,yBACb;AAAA,4BAAC,SAAO,YAAE,4CAA4C,YAAY,GAAE;AAAA,QACpE;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,SAAS,SAAS,UAAU;AAAA,YACnC;AAAA,YACA,eAAe,CAAC,SAAS,SAAS,EAAE,MAAM,KAA0B,CAAC;AAAA,YACrE,cAAY,EAAE,4CAA4C,YAAY;AAAA,YAEtE;AAAA,kCAAC,wBAAqB,OAAM,SACzB,YAAE,iDAAiD,OAAO,GAC7D;AAAA,cACA,oBAAC,wBAAqB,OAAM,UACzB,YAAE,kDAAkD,QAAQ,GAC/D;AAAA;AAAA;AAAA,QACF;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAU,yBACb;AAAA,4BAAC,SAAM,SAAQ,mBACZ,YAAE,6CAA6C,OAAO,GACzD;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,WAAU;AAAA,cACV;AAAA,cACA;AAAA,cACA,UAAU,CAAC,UAAU,SAAS,EAAE,OAAO,MAAM,OAAO,MAAM,CAAC;AAAA;AAAA,UAC7D;AAAA,UACA,oBAAC,UAAK,WAAU,0CAA0C,qBAAU;AAAA,WACtE;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAU,yBACb;AAAA,4BAAC,SAAM,SAAQ,kBACZ,YAAE,8CAA8C,SAAS,GAC5D;AAAA,QACA,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,WAAU;AAAA,cACV,OAAO;AAAA,cACP;AAAA,cACA,UAAU,CAAC,UAAU,SAAS,EAAE,eAAe,MAAM,OAAO,MAAM,CAAC;AAAA;AAAA,UACrE;AAAA,UACA,oBAAC,UAAK,WAAU,0CAAyC,eAAC;AAAA,WAC5D;AAAA,SACF;AAAA,OACF,IACE;AAAA,KACN;AAEJ;AAoBA,SAAS,WAAW,OAA+B;AACjD,SAAO,OAAO,UAAU,YAAY,MAAM,KAAK,EAAE,SAAS,IAAI,MAAM,KAAK,IAAI;AAC/E;AAaA,SAAS,YAAY,KAA4B;AAC/C,QAAM,UAAU,WAAW,IAAI,WAAW,KAAK,WAAW,IAAI,YAAY;AAC1E,MAAI,QAAS,QAAO;AACpB,QAAM,QAAQ,WAAW,IAAI,SAAS,KAAK,WAAW,IAAI,UAAU;AACpE,QAAM,OAAO,WAAW,IAAI,QAAQ,KAAK,WAAW,IAAI,SAAS;AACjE,QAAM,SAAS,CAAC,OAAO,IAAI,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACrD,SAAO,UAAU,WAAW,IAAI,KAAK,KAAK;AAC5C;AAWO,SAAS,mBAAmB,EAAE,UAAU,GAA4B;AACzE,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAmB,CAAC,CAAC;AACrD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,QAAQ,SAAS,CAAC;AAE/D,QAAM,UAAU,MAAM;AACpB,QAAI,CAAC,WAAW;AACd,eAAS,CAAC,CAAC;AACX,iBAAW,KAAK;AAChB;AAAA,IACF;AACA,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,iBAAW,IAAI;AACf,UAAI;AACF,cAAM,aAAa,MAAM;AAAA,UACvB,uCAAuC,SAAS;AAAA,QAClD;AACA,cAAM,aAAa,MAAM,QAAQ,WAAW,QAAQ,KAAK,IAAI,WAAW,OAAO,QAAQ,CAAC,GACrF,IAAI,CAAC,QAAQ,WAAW,IAAI,aAAa,KAAK,WAAW,IAAI,eAAe,CAAC,EAC7E,OAAO,CAAC,OAAqB,OAAO,IAAI;AAC3C,YAAI,UAAU,WAAW,GAAG;AAC1B,cAAI,CAAC,UAAW,UAAS,CAAC,CAAC;AAC3B;AAAA,QACF;AACA,cAAM,WAAW,MAAM;AAAA,UACrB,+BAA+B,UAAU,KAAK,GAAG,CAAC;AAAA,QACpD;AACA,cAAM,OAAO,MAAM,QAAQ,SAAS,QAAQ,KAAK,IAAI,SAAS,OAAO,QAAQ,CAAC;AAC9E,YAAI,CAAC,UAAW,UAAS,KAAK,IAAI,WAAW,EAAE,OAAO,CAAC,SAAS,KAAK,SAAS,CAAC,CAAC;AAAA,MAClF,QAAQ;AACN,YAAI,CAAC,UAAW,UAAS,CAAC,CAAC;AAAA,MAC7B,UAAE;AACA,YAAI,CAAC,UAAW,YAAW,KAAK;AAAA,MAClC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,SAAS,CAAC;AAEd,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAC,OAAE,WAAU,iCACV;AAAA,MACC;AAAA,MACA;AAAA,IACF,GACF;AAAA,IACC,aAAa,MAAM,SAAS,IAC3B,oBAAC,SAAI,WAAU,wBACZ,gBAAM,IAAI,CAAC,SACV;AAAA,MAAC;AAAA;AAAA,QAEC,WAAU;AAAA,QAEV;AAAA,8BAAC,UAAO,OAAO,MAAM,MAAK,MAAK;AAAA,UAC9B;AAAA;AAAA;AAAA,MAJI;AAAA,IAKP,CACD,GACH,IACE;AAAA,IACH,aAAa,CAAC,WAAW,MAAM,WAAW,IACzC,oBAAC,OAAE,WAAU,iCACV,YAAE,2CAA2C,yBAAyB,GACzE,IACE;AAAA,IACH,YACC,oBAAC,UAAO,MAAK,UAAS,SAAQ,WAAU,MAAK,MAAK,SAAO,MACvD,+BAAC,QAAK,MAAM,yCAAyC,SAAS,eAC5D;AAAA,0BAAC,SAAM,WAAU,WAAU,eAAW,MAAC;AAAA,MACtC,EAAE,4CAA4C,aAAa;AAAA,OAC9D,GACF,IAEA,oBAAC,OAAE,WAAU,iCACV,YAAE,iDAAiD,kDAAkD,GACxG;AAAA,KAEJ;AAEJ;AAMO,SAAS,iBACd,aACA,WACA,GACQ;AACR,MAAI,CAAC,YAAa,QAAO,EAAE,8CAA8C,aAAa;AACtF,SAAO,cAAc,YACjB,EAAE,iDAAiD,+BAA+B,EAAE,MAAM,OAAO,WAAW,EAAE,CAAC,IAC/G,EAAE,4CAA4C,sBAAsB,EAAE,MAAM,OAAO,WAAW,EAAE,CAAC;AACvG;AAOO,SAAS,wBAAwB;AACtC,QAAM,IAAI,KAAK;AACf,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAwB,IAAI;AAEhE,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,mBAAe,OAAO;AACpB,UAAI;AACF,cAAM,MAAM,MAAM,QAAkC,gCAAgC;AACpF,cAAM,WAAW,IAAI,QAAQ;AAC7B,cAAM,cAAc,OAAO,UAAU,gBAAgB,WAAW,SAAS,cAAc;AACvF,cAAM,YAAY,OAAO,UAAU,cAAc,WAAW,SAAS,YAAY;AACjF,YAAI,CAAC,UAAW,YAAW,iBAAiB,aAAa,WAAW,CAAC,CAAC;AAAA,MACxE,QAAQ;AACN,YAAI,CAAC,UAAW,YAAW,IAAI;AAAA,MACjC;AAAA,IACF;AACA,SAAK,KAAK;AACV,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,CAAC,CAAC;AAEN,SACE,oBAAC,SAAM,QAAO,eAAc,OAAM,WAAU,MAAK,WAC/C,+BAAC,SAAI,WAAU,iBACb;AAAA,wBAAC,cACE,YAAE,+CAA+C,oBAAoB,GACxE;AAAA,IACA,oBAAC,oBACE,oBACG;AAAA,MACA;AAAA,MACA;AAAA,MACA,EAAE,QAAQ;AAAA,IACZ,IACE;AAAA,MACA;AAAA,MACA;AAAA,IACF,GACJ;AAAA,KACF,GACF;AAEJ;AAGO,MAAM,YAAY,EAAE,YAAY;",
+  "names": []
+}