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

package/dist/modules/staff/backend/staff/time-tracking/reports/create/page.js

@@ -0,0 +1,697 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useRouter, useSearchParams } from "next/navigation";
+import { AlertTriangle, FileText, Info } from "lucide-react";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@open-mercato/ui/primitives/card";
+import { Checkbox } from "@open-mercato/ui/primitives/checkbox";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Separator } from "@open-mercato/ui/primitives/separator";
+import { SegmentedControl, SegmentedControlItem } from "@open-mercato/ui/primitives/segmented-control";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { Switch } from "@open-mercato/ui/primitives/switch";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { FormHeader } from "@open-mercato/ui/backend/forms";
+import { InjectionSpot } from "@open-mercato/ui/backend/injection/InjectionSpot";
+import { extensionPoints } from "@open-mercato/core/modules/staff/extension-points";
+import { extensionSpotChildId } from "@open-mercato/shared/modules/widgets/extension-points";
+import { ErrorMessage } from "@open-mercato/ui/backend/detail";
+import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { useBackendChrome } from "@open-mercato/ui/backend/BackendChromeProvider";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { formatCurrency } from "@open-mercato/ui/utils/format";
+import { hasFeature } from "@open-mercato/shared/security/features";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+import { CustomerPicker } from "../../../../../lib/time-tracking-ui/CustomerPicker.js";
+import {
+  applyBound,
+  applyPreset,
+  defaultReportTitle,
+  initialReportPeriod,
+  isValidReportPeriod,
+  REPORT_PERIOD_PRESETS,
+  spansMultipleMonths
+} from "../../../../../lib/timesheets-reports/reportConfigState.js";
+import {
+  parseReportPreview,
+  readCurrencyConflict,
+  toCandidateProject
+} from "../../../../../lib/timesheets-reports/reportConfigData.js";
+import { formatReportMinutes } from "../../../../../lib/timesheets-reports/reportTotals.js";
+const logger = createLogger("staff").child({ component: "time-tracking/reports/create" });
+const REPORTS_HREF = "/backend/staff/time-tracking/reports";
+const PROJECTS_API = "/api/staff/timesheets/time-projects";
+const PREVIEW_API = "/api/staff/timesheets/reports/preview";
+const REPORTS_API_PATH = "staff/timesheets/reports";
+const RATES_FEATURE = "staff.timesheets.rates.view";
+const MUTATION_CONTEXT_ID = "staff.time_tracking.reportCreate";
+const REPORT_ENTITY_ID = "staff:staff_time_report";
+const RESOURCE_KIND = "staff.timesheets.time_report";
+const CANDIDATE_PAGE_SIZE = 100;
+function readPreselectedProjectIds(params) {
+  const raw = params.get("projectIds");
+  return raw ? raw.split(",").map((id) => id.trim()).filter(Boolean) : [];
+}
+function readRows(payload) {
+  if (!payload || typeof payload !== "object") return [];
+  const items = payload.items;
+  return Array.isArray(items) ? items.filter((row) => row && typeof row === "object") : [];
+}
+function TimeTrackingReportCreatePage() {
+  const t = useT();
+  const router = useRouter();
+  const searchParams = useSearchParams();
+  const scopeVersion = useOrganizationScopeVersion();
+  const { payload } = useBackendChrome();
+  const canSeeMoney = hasFeature(payload?.grantedFeatures, RATES_FEATURE);
+  const [customer, setCustomer] = React.useState(null);
+  const [customerId, setCustomerId] = React.useState(() => searchParams.get("customerId"));
+  const [period, setPeriod] = React.useState(() => initialReportPeriod());
+  const [candidates, setCandidates] = React.useState([]);
+  const [candidatesLoading, setCandidatesLoading] = React.useState(false);
+  const preselectedIds = React.useMemo(() => readPreselectedProjectIds(searchParams), [searchParams]);
+  const [selectedIds, setSelectedIds] = React.useState(preselectedIds);
+  const [defaultSelectionPending, setDefaultSelectionPending] = React.useState(preselectedIds.length === 0);
+  const [grouping, setGrouping] = React.useState("project_task");
+  const [nonbillableMode, setNonbillableMode] = React.useState("separate");
+  const [showRates, setShowRates] = React.useState(true);
+  const [includeAlreadyReported, setIncludeAlreadyReported] = React.useState(false);
+  const [title, setTitle] = React.useState("");
+  const [titleTouched, setTitleTouched] = React.useState(false);
+  const [candidatePreview, setCandidatePreview] = React.useState(null);
+  const [preview, setPreview] = React.useState(null);
+  const [previewLoading, setPreviewLoading] = React.useState(false);
+  const [previewError, setPreviewError] = React.useState(null);
+  const [conflict, setConflict] = React.useState(null);
+  const [submitting, setSubmitting] = React.useState(false);
+  const labels = React.useMemo(
+    () => ({
+      customer: t("staff.time_tracking.reports.create.customer", "Customer"),
+      customerHint: t(
+        "staff.time_tracking.reports.create.customerHint",
+        "Report currency: {currency} \u2014 it comes from this customer projects."
+      ),
+      unknownCustomer: t("staff.time_tracking.reports.create.unknownCustomer", "Customer"),
+      previewError: t("staff.time_tracking.reports.errors.previewFailed", "Could not compute the report totals."),
+      createError: t("staff.time_tracking.reports.errors.createFailed", "Could not create the report.")
+    }),
+    [t]
+  );
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: MUTATION_CONTEXT_ID,
+    blockedMessage: labels.createError
+  });
+  const selectedIdsRef = React.useRef(selectedIds);
+  React.useEffect(() => {
+    selectedIdsRef.current = selectedIds;
+  }, [selectedIds]);
+  React.useEffect(() => {
+    if (!customer) return;
+    setCustomerId(customer.id);
+  }, [customer]);
+  React.useEffect(() => {
+    if (titleTouched) return;
+    setTitle(defaultReportTitle(customer?.name ?? null, period, labels.unknownCustomer));
+  }, [customer?.name, labels.unknownCustomer, period, titleTouched]);
+  React.useEffect(() => {
+    if (!customerId) {
+      setCandidates([]);
+      return;
+    }
+    let cancelled = false;
+    setCandidatesLoading(true);
+    const params = new URLSearchParams({
+      page: "1",
+      pageSize: String(CANDIDATE_PAGE_SIZE),
+      customerId
+    });
+    void readApiResultOrThrow(`${PROJECTS_API}?${params.toString()}`, void 0, {
+      allowNullResult: true,
+      errorMessage: labels.previewError
+    }).then((result) => {
+      if (cancelled) return;
+      const rows = readRows(result).map(toCandidateProject).filter((project) => project !== null);
+      setCandidates(rows);
+      const allowed = new Set(rows.map((project) => project.id));
+      const kept = selectedIdsRef.current.filter((id) => allowed.has(id));
+      setSelectedIds(kept);
+      setDefaultSelectionPending(kept.length === 0);
+    }).catch((err) => {
+      if (cancelled) return;
+      logger.error("staff.time_tracking.reports candidate projects failed", { err });
+      setCandidates([]);
+    }).finally(() => {
+      if (!cancelled) setCandidatesLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [customerId, labels.previewError, scopeVersion]);
+  const runPreview = React.useCallback(
+    async (projectIds, signal) => {
+      if (projectIds.length === 0 || !isValidReportPeriod(period)) return null;
+      const call = await apiCall(
+        PREVIEW_API,
+        {
+          method: "POST",
+          headers: { "content-type": "application/json" },
+          body: JSON.stringify({
+            customerId,
+            periodKind: period.kind,
+            periodFrom: period.from,
+            periodTo: period.to,
+            grouping,
+            nonbillableMode,
+            includeAlreadyReported,
+            showRates,
+            timeProjectIds: projectIds
+          }),
+          signal
+        }
+      );
+      if (!call.ok) {
+        const currencyConflict = readCurrencyConflict(call.result);
+        if (currencyConflict) {
+          setConflict(currencyConflict);
+          return null;
+        }
+        const message = (call.result && typeof call.result === "object" && typeof call.result.error === "string" ? call.result.error : null) ?? labels.previewError;
+        throw new Error(message);
+      }
+      setConflict(null);
+      return parseReportPreview(call.result);
+    },
+    [customerId, grouping, includeAlreadyReported, labels.previewError, nonbillableMode, period, showRates]
+  );
+  React.useEffect(() => {
+    if (candidates.length === 0) {
+      setCandidatePreview(null);
+      return;
+    }
+    const controller = new AbortController();
+    void runPreview(candidates.map((project) => project.id), controller.signal).then((result) => {
+      if (!controller.signal.aborted) setCandidatePreview(result);
+    }).catch((err) => {
+      if (controller.signal.aborted) return;
+      logger.error("staff.time_tracking.reports candidate preview failed", { err });
+    });
+    return () => controller.abort();
+  }, [candidates, runPreview]);
+  React.useEffect(() => {
+    if (selectedIds.length === 0) {
+      setPreview(null);
+      setPreviewError(null);
+      return;
+    }
+    const controller = new AbortController();
+    setPreviewLoading(true);
+    setPreviewError(null);
+    void runPreview(selectedIds, controller.signal).then((result) => {
+      if (!controller.signal.aborted) setPreview(result);
+    }).catch((err) => {
+      if (controller.signal.aborted) return;
+      setPreview(null);
+      setPreviewError(err instanceof Error ? err.message : labels.previewError);
+    }).finally(() => {
+      if (!controller.signal.aborted) setPreviewLoading(false);
+    });
+    return () => controller.abort();
+  }, [labels.previewError, runPreview, selectedIds]);
+  const projectFigures = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const row of candidatePreview?.projects ?? []) {
+      map.set(row.id, {
+        entryCount: row.entryCount,
+        minutes: row.billableMinutes + row.nonbillableMinutes,
+        amount: row.amount
+      });
+    }
+    return map;
+  }, [candidatePreview]);
+  React.useEffect(() => {
+    if (!defaultSelectionPending || !candidatePreview || candidates.length === 0) return;
+    const withEntries = candidates.filter((project) => (projectFigures.get(project.id)?.entryCount ?? 0) > 0).map((project) => project.id);
+    setSelectedIds((current) => Array.from(/* @__PURE__ */ new Set([...current, ...withEntries])));
+    setDefaultSelectionPending(false);
+  }, [candidatePreview, candidates, defaultSelectionPending, projectFigures]);
+  const currencyCode = preview?.currencyCode ?? candidatePreview?.currencyCode ?? null;
+  const money = React.useCallback(
+    (amount) => {
+      if (amount === null || amount === void 0) return "\u2014";
+      return formatCurrency(amount, currencyCode ?? void 0) ?? "\u2014";
+    },
+    [currencyCode]
+  );
+  const toggleProject = React.useCallback((projectId, checked) => {
+    setSelectedIds(
+      (current) => checked ? Array.from(/* @__PURE__ */ new Set([...current, projectId])) : current.filter((id) => id !== projectId)
+    );
+  }, []);
+  const reportFormValues = React.useMemo(
+    () => ({
+      customerId,
+      timeProjectIds: selectedIds,
+      periodFrom: period.from,
+      periodTo: period.to,
+      grouping,
+      nonbillableMode,
+      showRates,
+      includeAlreadyReported,
+      title
+    }),
+    [customerId, grouping, includeAlreadyReported, nonbillableMode, period.from, period.to, selectedIds, showRates, title]
+  );
+  const reportFormInjectionContext = React.useMemo(
+    () => ({
+      formId: MUTATION_CONTEXT_ID,
+      entityId: REPORT_ENTITY_ID,
+      recordId: null,
+      resourceKind: "staff.timesheets.time_report",
+      resourceId: "new",
+      operation: "create",
+      retryLastMutation
+    }),
+    [retryLastMutation]
+  );
+  const canSubmit = Boolean(customerId) && selectedIds.length > 0 && isValidReportPeriod(period) && title.trim().length > 0 && !conflict && !submitting;
+  const handleSubmit = React.useCallback(async () => {
+    if (!customerId || selectedIds.length === 0) return;
+    setSubmitting(true);
+    try {
+      const call = await runMutation({
+        operation: () => apiCall(
+          `/api/${REPORTS_API_PATH}`,
+          {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({
+              customerId,
+              title: title.trim(),
+              periodKind: period.kind,
+              periodFrom: period.from,
+              periodTo: period.to,
+              grouping,
+              nonbillableMode,
+              includeAlreadyReported,
+              showRates,
+              timeProjectIds: selectedIds
+            })
+          }
+        ),
+        context: {
+          formId: MUTATION_CONTEXT_ID,
+          resourceKind: RESOURCE_KIND,
+          resourceId: "new",
+          retryLastMutation
+        },
+        mutationPayload: { customerId, timeProjectIds: selectedIds }
+      });
+      if (!call.ok) {
+        const currencyConflict = readCurrencyConflict(call.result);
+        if (currencyConflict) {
+          setConflict(currencyConflict);
+          return;
+        }
+        const message = call.result && typeof call.result === "object" && typeof call.result.error === "string" ? call.result.error : labels.createError;
+        flash(message, "error");
+        return;
+      }
+      const reportId = call.result?.id ?? null;
+      flash(t("staff.time_tracking.reports.create.created", "Report generated."), "success");
+      router.push(reportId ? `${REPORTS_HREF}/${reportId}` : REPORTS_HREF);
+    } catch (err) {
+      logger.error("staff.time_tracking.reports create failed", { err });
+      flash(err instanceof Error ? err.message : labels.createError, "error");
+    } finally {
+      setSubmitting(false);
+    }
+  }, [
+    customerId,
+    grouping,
+    includeAlreadyReported,
+    labels.createError,
+    nonbillableMode,
+    period,
+    retryLastMutation,
+    router,
+    runMutation,
+    selectedIds,
+    showRates,
+    t,
+    title
+  ]);
+  return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsxs(PageBody, { children: [
+    /* @__PURE__ */ jsx(
+      FormHeader,
+      {
+        mode: "detail",
+        title: t("staff.time_tracking.reports.create.title", "New report"),
+        subtitle: t("staff.time_tracking.reports.create.subtitle", "A report always covers one customer."),
+        backHref: REPORTS_HREF
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "grid gap-6 lg:grid-cols-[minmax(0,2fr)_minmax(0,1fr)]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+        /* @__PURE__ */ jsx(
+          InjectionSpot,
+          {
+            spotId: extensionSpotChildId(extensionPoints.hosts.reportForm.spotId, "before-fields"),
+            context: reportFormInjectionContext,
+            data: reportFormValues
+          }
+        ),
+        /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "report-customer", children: labels.customer }),
+          /* @__PURE__ */ jsx(
+            CustomerPicker,
+            {
+              value: customerId,
+              snapshot: customer,
+              onChange: (selection) => {
+                setCustomer(selection);
+                setCustomerId(selection?.id ?? null);
+                setSelectedIds([]);
+                setDefaultSelectionPending(true);
+                setConflict(null);
+              }
+            }
+          ),
+          currencyCode ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: labels.customerHint.replace("{currency}", currencyCode) }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "report-title", children: t("staff.time_tracking.reports.create.reportTitle", "Report title") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "report-title",
+              value: title,
+              onChange: (event) => {
+                setTitleTouched(true);
+                setTitle(event.target.value);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsx(Label, { children: t("staff.time_tracking.reports.create.period", "Period") }),
+          /* @__PURE__ */ jsx(
+            SegmentedControl,
+            {
+              value: period.kind === "custom" ? "" : period.kind,
+              onValueChange: (value) => {
+                if (value === "week" || value === "month" || value === "year") {
+                  setPeriod((current) => applyPreset(current, value));
+                }
+              },
+              children: REPORT_PERIOD_PRESETS.map((preset) => /* @__PURE__ */ jsx(SegmentedControlItem, { value: preset, children: t(`staff.time_tracking.reports.create.preset.${preset}`, preset) }, preset))
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "report-from", children: t("staff.time_tracking.reports.create.from", "From") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "report-from",
+                  type: "date",
+                  value: period.from,
+                  onChange: (event) => setPeriod((current) => applyBound(current, "from", event.target.value))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "report-to", children: t("staff.time_tracking.reports.create.to", "To") }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  id: "report-to",
+                  type: "date",
+                  value: period.to,
+                  onChange: (event) => setPeriod((current) => applyBound(current, "to", event.target.value))
+                }
+              )
+            ] })
+          ] }),
+          !isValidReportPeriod(period) ? /* @__PURE__ */ jsx("p", { className: "text-xs text-status-error-text", children: t("staff.time_tracking.reports.create.invalidPeriod", "The end date must not precede the start date.") }) : spansMultipleMonths(period) ? /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t(
+            "staff.time_tracking.reports.create.spansMonths",
+            "This range covers more than one month \u2014 adjust the dates if you only want one of them."
+          ) }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(Label, { children: t("staff.time_tracking.reports.create.projects", "Customer projects") }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("staff.time_tracking.reports.create.projectsHint", "Tick the projects this report should cover.") })
+          ] }),
+          candidatesLoading ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(Spinner, { className: "size-4" }),
+            t("staff.time_tracking.reports.create.loadingProjects", "Loading projects\u2026")
+          ] }) : candidates.length === 0 ? /* @__PURE__ */ jsx("p", { className: "rounded-md border border-border p-4 text-sm text-muted-foreground", children: customerId ? t("staff.time_tracking.reports.create.noProjects", "This customer has no time projects yet.") : t("staff.time_tracking.reports.create.pickCustomer", "Pick a customer to see their projects.") }) : /* @__PURE__ */ jsx("ul", { className: "divide-y divide-border rounded-md border border-border", children: candidates.map((project) => {
+            const figures = projectFigures.get(project.id);
+            const empty = (figures?.entryCount ?? 0) === 0;
+            const checked = selectedIds.includes(project.id);
+            const isOffender = conflict?.offenders.some((offender) => offender.id === project.id) ?? false;
+            return /* @__PURE__ */ jsxs(
+              "li",
+              {
+                className: `flex items-center gap-3 p-3 ${empty && !checked ? "opacity-60" : ""}`,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Checkbox,
+                    {
+                      checked,
+                      onCheckedChange: (value) => toggleProject(project.id, value === true),
+                      "aria-label": project.name
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
+                    /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium", children: project.name }),
+                    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: [
+                      canSeeMoney && project.hourlyRate !== null ? `${money(project.hourlyRate)}/h` : null,
+                      t("staff.time_tracking.reports.create.entriesInPeriod", "{count} entries in period").replace(
+                        "{count}",
+                        String(figures?.entryCount ?? 0)
+                      ),
+                      isOffender && project.currencyCode ? project.currencyCode : null
+                    ].filter(Boolean).join(" \xB7 ") })
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "font-mono text-sm tabular-nums", children: formatReportMinutes(figures?.minutes ?? 0) }),
+                  /* @__PURE__ */ jsx("span", { className: "w-28 text-right font-mono text-sm tabular-nums text-muted-foreground", children: canSeeMoney ? money(figures?.amount ?? null) : "\u2014" })
+                ]
+              },
+              project.id
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsx(Label, { children: t("staff.time_tracking.reports.create.presentation", "Presentation") }),
+          /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "report-grouping", children: t("staff.time_tracking.reports.create.grouping", "Grouping") }),
+              /* @__PURE__ */ jsxs(Select, { value: grouping, onValueChange: (value) => setGrouping(value), children: [
+                /* @__PURE__ */ jsx(SelectTrigger, { id: "report-grouping", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: "project_task", children: t("staff.time_tracking.reports.grouping.project_task", "Project \u2192 task") }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "project_person", children: t("staff.time_tracking.reports.grouping.project_person", "Project \u2192 person") }),
+                  /* @__PURE__ */ jsx(SelectItem, { value: "project_day", children: t("staff.time_tracking.reports.grouping.project_day", "Project \u2192 day") })
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "report-nonbillable", children: t("staff.time_tracking.reports.create.nonbillable", "Non-billable time") }),
+              /* @__PURE__ */ jsxs(
+                Select,
+                {
+                  value: nonbillableMode,
+                  onValueChange: (value) => setNonbillableMode(value),
+                  children: [
+                    /* @__PURE__ */ jsx(SelectTrigger, { id: "report-nonbillable", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                    /* @__PURE__ */ jsxs(SelectContent, { children: [
+                      /* @__PURE__ */ jsx(SelectItem, { value: "separate", children: t("staff.time_tracking.reports.nonbillable.separate", "Show separately, at no cost") }),
+                      /* @__PURE__ */ jsx(SelectItem, { value: "exclude", children: t("staff.time_tracking.reports.nonbillable.exclude", "Leave it out entirely") })
+                    ] })
+                  ]
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx(
+              Switch,
+              {
+                checked: showRates,
+                onCheckedChange: (value) => setShowRates(value === true),
+                "aria-label": t("staff.time_tracking.reports.create.showRates", "Show hourly rates"),
+                disabled: !canSeeMoney
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t("staff.time_tracking.reports.create.showRates", "Show hourly rates") }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+                "staff.time_tracking.reports.create.showRatesHint",
+                "Turn off if the client should see amounts only."
+              ) })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          InjectionSpot,
+          {
+            spotId: extensionSpotChildId(extensionPoints.hosts.reportForm.spotId, "fields"),
+            context: reportFormInjectionContext,
+            data: reportFormValues
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("aside", { className: "flex flex-col gap-4", children: [
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.reports.create.summary", "Range summary") }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-3", children: [
+            /* @__PURE__ */ jsx(
+              SummaryRow,
+              {
+                label: t("staff.time_tracking.reports.create.summaryProjects", "Projects"),
+                value: `${selectedIds.length} / ${candidates.length}`
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SummaryRow,
+              {
+                label: t("staff.time_tracking.reports.create.summaryEntries", "Entries"),
+                value: String(preview?.totals.entryCount ?? 0),
+                mono: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SummaryRow,
+              {
+                label: t("staff.time_tracking.reports.create.summaryBillable", "Billable time"),
+                value: formatReportMinutes(preview?.totals.billableMinutes ?? 0),
+                mono: true
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SummaryRow,
+              {
+                label: t("staff.time_tracking.reports.create.summaryNonbillable", "Non-billable"),
+                value: formatReportMinutes(preview?.totals.nonbillableMinutes ?? 0),
+                mono: true
+              }
+            ),
+            /* @__PURE__ */ jsx(Separator, {}),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t("staff.time_tracking.reports.create.summaryTotal", "To invoice") }),
+              /* @__PURE__ */ jsx("span", { className: "font-mono text-sm font-semibold tabular-nums", children: previewLoading ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : money(preview?.totals.totalAmount ?? null) })
+            ] })
+          ] })
+        ] }),
+        conflict ? /* @__PURE__ */ jsxs(Alert, { status: "error", children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: t("staff.time_tracking.reports.errors.currencyConflictTitle", "Mixed currencies in this selection") }),
+          /* @__PURE__ */ jsxs(AlertDescription, { children: [
+            /* @__PURE__ */ jsx("p", { children: t(
+              "staff.time_tracking.reports.errors.currencyConflict",
+              "A report always covers one currency. Selected projects use {currencies}."
+            ).replace("{currencies}", conflict.currencies.join(", ")) }),
+            /* @__PURE__ */ jsx("ul", { className: "mt-2 list-disc pl-4", children: conflict.offenders.map((offender) => /* @__PURE__ */ jsxs("li", { children: [
+              offender.name,
+              " \u2014 ",
+              offender.currencyCode ?? "\u2014"
+            ] }, offender.id)) })
+          ] })
+        ] }) : null,
+        previewError ? /* @__PURE__ */ jsx(ErrorMessage, { label: previewError }) : null,
+        (preview?.alreadyReportedCount ?? 0) > 0 || includeAlreadyReported ? /* @__PURE__ */ jsxs(Alert, { status: "warning", icon: /* @__PURE__ */ jsx(AlertTriangle, { "aria-hidden": "true" }), children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: t(
+            "staff.time_tracking.reports.alreadyReported.title",
+            "{count} entries are already in another report"
+          ).replace("{count}", String(preview?.alreadyReportedCount ?? 0)) }),
+          /* @__PURE__ */ jsxs(AlertDescription, { children: [
+            /* @__PURE__ */ jsx("p", { children: t(
+              "staff.time_tracking.reports.alreadyReported.body",
+              "They are excluded from this report so the same hour is not billed twice. Including them adds {hours} at the values frozen when those reports were closed."
+            ).replace("{hours}", formatReportMinutes(preview?.alreadyReportedMinutes ?? 0)) }),
+            (preview?.alreadyReportedIn.length ?? 0) > 0 ? /* @__PURE__ */ jsx("ul", { className: "mt-2 list-disc pl-4", children: preview?.alreadyReportedIn.map((source) => /* @__PURE__ */ jsxs("li", { children: [
+              /* @__PURE__ */ jsx("a", { className: "underline", href: `${REPORTS_HREF}/${source.reportId}`, children: source.reference ?? source.title ?? source.reportId }),
+              " ",
+              "\u2014 ",
+              source.entryCount,
+              " \xB7 ",
+              formatReportMinutes(source.minutes)
+            ] }, source.reportId)) }) : null,
+            /* @__PURE__ */ jsxs("label", { className: "mt-3 flex items-start gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  checked: includeAlreadyReported,
+                  onCheckedChange: (value) => setIncludeAlreadyReported(value === true)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-sm", children: t(
+                "staff.time_tracking.reports.alreadyReported.optIn",
+                "Include them anyway, at their frozen values"
+              ) })
+            ] })
+          ] })
+        ] }) : null,
+        /* @__PURE__ */ jsx(Alert, { status: "information", icon: /* @__PURE__ */ jsx(Info, { "aria-hidden": "true" }), children: /* @__PURE__ */ jsx(AlertDescription, { children: t(
+          "staff.time_tracking.reports.create.roundingNotice",
+          "Rounding: {rule} (global). Every amount above is rounded at the entry and then summed, so the printed lines add up to the total."
+        ).replace(
+          "{rule}",
+          preview?.rounding.unitMinutes || candidatePreview?.rounding.unitMinutes ? t("staff.time_tracking.reports.create.roundingRule", "{minutes} min, {direction}").replace(
+            "{minutes}",
+            String(preview?.rounding.unitMinutes ?? candidatePreview?.rounding.unitMinutes ?? 0)
+          ).replace(
+            "{direction}",
+            (preview?.rounding.direction ?? candidatePreview?.rounding.direction) === "nearest" ? t("staff.time_tracking.reports.create.roundingNearest", "to the nearest") : t("staff.time_tracking.reports.create.roundingUp", "always up")
+          ) : t("staff.time_tracking.reports.create.roundingOff", "off")
+        ) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      InjectionSpot,
+      {
+        spotId: extensionSpotChildId(extensionPoints.hosts.reportForm.spotId, "after-fields"),
+        context: reportFormInjectionContext,
+        data: reportFormValues
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(
+        InjectionSpot,
+        {
+          spotId: extensionSpotChildId(extensionPoints.hosts.reportForm.spotId, "footer"),
+          context: reportFormInjectionContext,
+          data: reportFormValues
+        }
+      ),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: () => router.push(REPORTS_HREF), children: t("staff.time_tracking.reports.create.cancel", "Cancel") }),
+      /* @__PURE__ */ jsxs(Button, { onClick: () => void handleSubmit(), disabled: !canSubmit, children: [
+        /* @__PURE__ */ jsx(FileText, { "aria-hidden": "true" }),
+        t("staff.time_tracking.reports.create.submit", "Generate preview")
+      ] })
+    ] })
+  ] }) });
+}
+function SummaryRow({ label, value, mono }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx("span", { className: mono ? "font-mono text-sm tabular-nums" : "text-sm font-medium", children: value })
+  ] });
+}
+export {
+  TimeTrackingReportCreatePage as default
+};
+//# sourceMappingURL=page.js.map