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

@@ -0,0 +1,583 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { CalendarDays, Copy, Lock, Pencil, Plus } from "lucide-react";
+import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Progress } from "@open-mercato/ui/primitives/progress";
+import { StatusBadge } from "@open-mercato/ui/primitives/status-badge";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "@open-mercato/ui/primitives/select";
+import { KpiCard } from "@open-mercato/ui/backend/charts";
+import { ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
+import { createCrud } from "@open-mercato/ui/backend/utils/crud";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { InjectionSpot } from "@open-mercato/ui/backend/injection/InjectionSpot";
+import { extensionPoints } from "@open-mercato/core/modules/staff/extension-points";
+import { useBackendChrome } from "@open-mercato/ui/backend/BackendChromeProvider";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { hasFeature } from "@open-mercato/shared/security/features";
+import { formatCurrency } from "@open-mercato/ui/utils/format";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { createLogger } from "@open-mercato/shared/lib/logger";
+import { DurationInput } from "../../../lib/time-tracking-ui/DurationInput.js";
+import {
+  EntryDetailsFields,
+  emptyEntryDetails
+} from "../../../lib/time-tracking-ui/EntryDetailsFields.js";
+import { buildEntryClocks } from "../../../lib/time-tracking-ui/taskDrawerData.js";
+import { slugifyProjectName } from "../../../lib/time-tracking/projectCode.js";
+import { TimeEntryDialog } from "../../../lib/time-tracking-ui/TimeEntryDialog.js";
+import { NoTimeProjectAssignments } from "../../../lib/time-tracking-ui/NoProjectAccess.js";
+import { formatDuration } from "../../../lib/time-tracking/duration.js";
+import { formatLongDayLabel, todayIso } from "../../../lib/time-tracking-ui/timesheetPeriod.js";
+import { buildLogTargets, parseTargetKey, targetLabel } from "../../../lib/time-tracking-ui/timesheetTargets.js";
+import { isEntryLockedError } from "../../../lib/time-tracking-ui/timeEntryListData.js";
+const logger = createLogger("staff").child({ component: "time-tracking/my-work" });
+const MY_WORK_ENDPOINT = "/api/staff/timesheets/my-work";
+const ENTRIES_API_PATH = "staff/timesheets/time-entries";
+const MANAGE_OWN_FEATURE = "staff.timesheets.manage_own";
+const MUTATION_CONTEXT_ID = "staff.time_tracking.myWork";
+const TIMESHEET_HREF = "/backend/staff/time-tracking/timesheet";
+const ENTRIES_HREF = "/backend/staff/time-tracking/entries";
+const EMPTY_PAYLOAD = {
+  staffMember: null,
+  today: todayIso(),
+  kpis: {
+    todayMinutes: 0,
+    weekMinutes: 0,
+    monthMinutes: 0,
+    monthNonBillableMinutes: 0,
+    dailyTargetMinutes: null,
+    weekTargetMinutes: null,
+    monthTargetMinutes: null,
+    weekWorkingDays: 0,
+    monthWorkingDays: 0,
+    nonBillableSharePercent: null
+  },
+  entries: [],
+  projects: [],
+  recentTasks: []
+};
+function formatClockRange(entry, locale) {
+  if (!entry.startedAt || !entry.endedAt) return null;
+  const format = (iso) => {
+    const parsed = new Date(iso);
+    if (Number.isNaN(parsed.getTime())) return "";
+    try {
+      return new Intl.DateTimeFormat(locale, { hour: "2-digit", minute: "2-digit", hour12: false }).format(parsed);
+    } catch {
+      return "";
+    }
+  };
+  const start = format(entry.startedAt);
+  const end = format(entry.endedAt);
+  return start && end ? `${start} \u2013 ${end}` : null;
+}
+function TimeTrackingMyWorkPage() {
+  const t = useT();
+  const scopeVersion = useOrganizationScopeVersion();
+  const { payload: chrome } = useBackendChrome();
+  const canManageOwn = hasFeature(chrome?.grantedFeatures, MANAGE_OWN_FEATURE);
+  const [data, setData] = React.useState(EMPTY_PAYLOAD);
+  const [loadState, setLoadState] = React.useState("loading");
+  const [dialog, setDialog] = React.useState({
+    open: false,
+    entryId: null
+  });
+  const [quickTargetKey, setQuickTargetKey] = React.useState("");
+  const [quickMinutes, setQuickMinutes] = React.useState(null);
+  const [quickEpoch, setQuickEpoch] = React.useState(0);
+  const [quickDetails, setQuickDetails] = React.useState(() => emptyEntryDetails(""));
+  const [tagOptions, setTagOptions] = React.useState([]);
+  React.useEffect(() => {
+    if (!data.today) return;
+    setQuickDetails((current) => current.date ? current : { ...current, date: data.today });
+  }, [data.today]);
+  React.useEffect(() => {
+    let cancelled = false;
+    void (async () => {
+      try {
+        const res = await Promise.resolve(
+          apiCall("/api/staff/timesheets/tags?page=1&pageSize=100")
+        );
+        if (cancelled || !res?.ok) return;
+        const items = Array.isArray(res.result?.items) ? res.result.items : [];
+        setTagOptions(
+          items.map((row) => {
+            const id = typeof row.id === "string" ? row.id : null;
+            const label = typeof row.label === "string" ? row.label : null;
+            return id && label ? { id, label, color: typeof row.color === "string" ? row.color : null } : null;
+          }).filter((tag) => tag !== null)
+        );
+      } catch {
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const createTag = React.useCallback(
+    async (label) => {
+      try {
+        const created = await createCrud("/api/staff/timesheets/tags", {
+          label,
+          slug: slugifyProjectName(label).toLowerCase()
+        }, { errorMessage: t("staff.time_tracking.entryDialog.errors.createTag", "Could not create the tag.") });
+        const payload = created;
+        const raw = payload?.id ?? payload?.result?.id;
+        const id = typeof raw === "string" ? raw : null;
+        if (!id) return null;
+        const tag = { id, label, color: null };
+        setTagOptions((current) => [...current, tag]);
+        return tag;
+      } catch (error) {
+        logger.warn("staff.time_tracking.my-work tag create failed", { err: error });
+        return null;
+      }
+    },
+    [t]
+  );
+  const [quickSaving, setQuickSaving] = React.useState(false);
+  const loadError = t("staff.time_tracking.myWork.errors.load", "Failed to load your work summary.");
+  const load = React.useCallback(async () => {
+    try {
+      const result = await readApiResultOrThrow(MY_WORK_ENDPOINT, void 0, {
+        errorMessage: loadError,
+        fallback: EMPTY_PAYLOAD
+      });
+      setData({ ...EMPTY_PAYLOAD, ...result });
+      setLoadState("ready");
+    } catch (error) {
+      logger.error("staff.time_tracking.my-work load failed", { err: error });
+      setLoadState("error");
+    }
+  }, [loadError]);
+  const retryLoad = React.useCallback(() => {
+    setLoadState("loading");
+    void load();
+  }, [load]);
+  React.useEffect(() => {
+    void load();
+  }, [load, scopeVersion]);
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: MUTATION_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
+  const mutationContext = React.useMemo(
+    () => ({
+      formId: MUTATION_CONTEXT_ID,
+      resourceKind: "staff.timesheets.time_entry",
+      retryLastMutation
+    }),
+    [retryLastMutation]
+  );
+  const myWorkInjectionContext = React.useMemo(
+    () => ({
+      staffMemberId: data.staffMember?.id ?? null,
+      today: data.today,
+      projectIds: data.projects.map((project) => project.id),
+      retryLastMutation
+    }),
+    [data.projects, data.staffMember?.id, data.today, retryLastMutation]
+  );
+  const quickTargets = React.useMemo(
+    () => buildLogTargets(
+      data.projects.map((project) => ({
+        id: project.id,
+        name: project.name,
+        code: project.code,
+        color: project.color
+      })),
+      data.recentTasks.map((task) => ({
+        id: task.id,
+        title: task.title,
+        timeProjectId: task.timeProjectId
+      }))
+    ),
+    [data.projects, data.recentTasks]
+  );
+  React.useEffect(() => {
+    if (quickTargetKey || quickTargets.length === 0) return;
+    setQuickTargetKey(quickTargets[0].key);
+  }, [quickTargetKey, quickTargets]);
+  const todayTotal = data.entries.reduce((sum, entry) => sum + entry.durationMinutes, 0);
+  const submitQuickEntry = React.useCallback(async () => {
+    if (!quickTargetKey || quickMinutes === null || quickMinutes <= 0 || quickSaving) return;
+    const target = parseTargetKey(quickTargetKey);
+    const body = {
+      staffMemberId: data.staffMember?.id,
+      date: quickDetails.date || data.today,
+      timeProjectId: target.timeProjectId,
+      taskId: target.taskId,
+      durationMinutes: quickMinutes,
+      description: quickDetails.description.trim() || null,
+      isBillable: quickDetails.isBillable,
+      tagIds: quickDetails.tagIds.length > 0 ? quickDetails.tagIds : void 0,
+      // Paired or omitted — a lone start is how the list identifies a running
+      // timer, and a manual entry has no segment to stop.
+      ...buildEntryClocks({
+        date: quickDetails.date || data.today,
+        startClock: quickDetails.startClock || null,
+        endClock: quickDetails.endClock || null,
+        minutes: quickMinutes
+      }),
+      source: "manual"
+    };
+    setQuickSaving(true);
+    try {
+      await runMutation({
+        operation: () => createCrud(ENTRIES_API_PATH, body, {
+          errorMessage: t("staff.timesheets.my.errors.save", "Failed to save timesheets.")
+        }),
+        context: mutationContext,
+        mutationPayload: body
+      });
+      setQuickMinutes(null);
+      setQuickEpoch((epoch) => epoch + 1);
+      setQuickDetails((current) => ({
+        ...emptyEntryDetails(current.date, current.isBillable)
+      }));
+      await load();
+    } catch (error) {
+      logger.error("staff.time_tracking.my-work quick entry failed", { err: error });
+      flash(t("staff.timesheets.my.errors.save", "Failed to save timesheets."), "error");
+    } finally {
+      setQuickSaving(false);
+    }
+  }, [data.staffMember?.id, data.today, load, mutationContext, quickDetails, quickMinutes, quickSaving, quickTargetKey, runMutation, t]);
+  const copyYesterday = React.useCallback(async () => {
+    const today = /* @__PURE__ */ new Date(`${data.today}T00:00:00.000Z`);
+    const yesterday = new Date(today);
+    yesterday.setUTCDate(yesterday.getUTCDate() - 1);
+    const body = {
+      fromDate: yesterday.toISOString().slice(0, 10),
+      toDate: data.today
+    };
+    try {
+      const result = await runMutation({
+        operation: () => createCrud(`${ENTRIES_API_PATH}/copy-day`, body, {
+          errorMessage: t("staff.time_tracking.entries.errors.copyDay", "Could not copy the day.")
+        }),
+        context: mutationContext,
+        mutationPayload: body
+      });
+      const copied = result?.result?.copied ?? 0;
+      flash(
+        t("staff.time_tracking.myWork.copyDay.done", "Copied {count} entries from yesterday.", {
+          count: String(copied)
+        }),
+        "success"
+      );
+      await load();
+    } catch (error) {
+      if (isEntryLockedError(error)) {
+        flash(
+          t(
+            "staff.time_tracking.entries.errors.entryLocked",
+            "This time entry is locked in a closed report and cannot be changed. Unlock the report first."
+          ),
+          "error"
+        );
+        return;
+      }
+      logger.error("staff.time_tracking.my-work copy day failed", { err: error });
+      flash(t("staff.time_tracking.entries.errors.copyDay", "Could not copy the day."), "error");
+    }
+  }, [data.today, load, mutationContext, runMutation, t]);
+  if (loadState === "loading") {
+    return /* @__PURE__ */ jsxs(Page, { children: [
+      /* @__PURE__ */ jsx(PageHeader, { title: t("staff.time_tracking.nav.my_work", "My work") }),
+      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(LoadingMessage, { label: t("staff.timesheets.my.loading", "Loading timesheets...") }) })
+    ] });
+  }
+  if (loadState === "error") {
+    return /* @__PURE__ */ jsxs(Page, { children: [
+      /* @__PURE__ */ jsx(PageHeader, { title: t("staff.time_tracking.nav.my_work", "My work") }),
+      /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+        ErrorMessage,
+        {
+          label: loadError,
+          action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: retryLoad, children: t("staff.time_tracking.myWork.errors.retry", "Try again") })
+        }
+      ) })
+    ] });
+  }
+  const subtitle = [formatLongDayLabel(data.today), data.staffMember?.displayName].filter((part) => Boolean(part)).join(" \xB7 ");
+  const noAssignments = data.projects.length === 0 && data.entries.length === 0;
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: t("staff.time_tracking.nav.my_work", "My work"),
+        description: subtitle,
+        actions: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", asChild: true, children: /* @__PURE__ */ jsxs(Link, { href: TIMESHEET_HREF, children: [
+            /* @__PURE__ */ jsx(CalendarDays, { className: "size-4", "aria-hidden": "true" }),
+            t("staff.time_tracking.nav.timesheet", "Timesheet")
+          ] }) }),
+          canManageOwn && !noAssignments ? /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => setDialog({ open: true, entryId: null }), children: [
+            /* @__PURE__ */ jsx(Plus, { className: "size-4", "aria-hidden": "true" }),
+            t("staff.time_tracking.entries.actions.add", "Add entry")
+          ] }) : null
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx(PageBody, { children: noAssignments ? /* @__PURE__ */ jsx(NoTimeProjectAssignments, {}) : /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+      /* @__PURE__ */ jsx(
+        InjectionSpot,
+        {
+          spotId: extensionPoints.hosts.myWorkBeforeSections.spotId,
+          context: myWorkInjectionContext,
+          data
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4", children: [
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: t("staff.time_tracking.myWork.kpi.today", "Today"),
+            value: data.kpis.todayMinutes,
+            formatValue: (value) => formatDuration(value, "clock"),
+            comparisonLabel: data.kpis.dailyTargetMinutes !== null ? t("staff.time_tracking.myWork.kpi.targetGap", "target {target} \u2014 {gap} to go", {
+              target: formatDuration(data.kpis.dailyTargetMinutes, "clock"),
+              gap: formatDuration(
+                Math.max(0, data.kpis.dailyTargetMinutes - data.kpis.todayMinutes),
+                "clock"
+              )
+            }) : void 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: t("staff.time_tracking.myWork.kpi.week", "This week"),
+            value: data.kpis.weekMinutes,
+            formatValue: (value) => formatDuration(value, "clock"),
+            comparisonLabel: data.kpis.weekTargetMinutes !== null ? t("staff.time_tracking.myWork.kpi.ofTarget", "of {target}", {
+              target: formatDuration(data.kpis.weekTargetMinutes, "clock")
+            }) : void 0
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: t("staff.time_tracking.myWork.kpi.month", "This month"),
+            value: data.kpis.monthMinutes,
+            formatValue: (value) => formatDuration(value, "clock"),
+            comparisonLabel: t("staff.time_tracking.myWork.kpi.workingDays", "{days} working days", {
+              days: String(data.kpis.monthWorkingDays)
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          KpiCard,
+          {
+            title: t("staff.time_tracking.myWork.kpi.nonBillable", "Non-billable"),
+            value: data.kpis.monthNonBillableMinutes,
+            formatValue: (value) => formatDuration(value, "clock"),
+            comparisonLabel: data.kpis.nonBillableSharePercent !== null ? t("staff.time_tracking.myWork.kpi.shareOfMonth", "{percent}% of the month", {
+              percent: String(data.kpis.nonBillableSharePercent)
+            }) : void 0
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 xl:grid-cols-3", children: [
+        /* @__PURE__ */ jsxs("section", { className: "rounded-lg border xl:col-span-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b p-4", children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t("staff.time_tracking.myWork.today.title", "Today\u2019s entries") }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              canManageOwn ? /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void copyYesterday(), children: [
+                /* @__PURE__ */ jsx(Copy, { className: "size-4", "aria-hidden": "true" }),
+                t("staff.time_tracking.myWork.today.copyYesterday", "Copy yesterday")
+              ] }) : null,
+              /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", asChild: true, children: /* @__PURE__ */ jsx(Link, { href: ENTRIES_HREF, children: t("staff.time_tracking.myWork.today.allEntries", "All entries") }) })
+            ] })
+          ] }),
+          data.entries.length === 0 ? /* @__PURE__ */ jsx("p", { className: "p-4 text-sm text-muted-foreground", children: t("staff.time_tracking.myWork.today.empty", "Nothing logged today yet.") }) : /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
+            /* @__PURE__ */ jsxs("tbody", { children: [
+              data.entries.map((entry) => /* @__PURE__ */ jsxs("tr", { className: "border-b last:border-0", children: [
+                /* @__PURE__ */ jsxs("td", { className: "p-3 align-top", children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                    /* @__PURE__ */ jsx("span", { className: "font-medium", children: entry.taskTitle ?? entry.description ?? t("staff.time_tracking.entries.table.noTask", "No task") }),
+                    entry.isBillable ? null : /* @__PURE__ */ jsx(StatusBadge, { variant: "neutral", children: t("staff.time_tracking.entries.badges.nonBillable", "non-billable") }),
+                    entry.isLocked ? /* @__PURE__ */ jsxs(StatusBadge, { variant: "neutral", children: [
+                      /* @__PURE__ */ jsx(Lock, { className: "size-3", "aria-hidden": "true" }),
+                      t("staff.time_tracking.entries.badges.locked", "locked")
+                    ] }) : null
+                  ] }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: [entry.projectName, entry.taskTitle ? entry.description : null].filter((part) => Boolean(part)).join(" \xB7 ") })
+                ] }),
+                /* @__PURE__ */ jsx("td", { className: "w-32 p-3 align-top text-xs text-muted-foreground", children: formatClockRange(entry) ?? "\u2014" }),
+                /* @__PURE__ */ jsx("td", { className: "w-20 p-3 text-right align-top font-mono font-semibold tabular-nums", children: formatDuration(entry.durationMinutes, "clock") }),
+                /* @__PURE__ */ jsx("td", { className: "w-16 p-3 text-right align-top", children: canManageOwn && !entry.isLocked ? /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "2xs",
+                    "aria-label": t("staff.time_tracking.timesheet.list.edit", "Edit"),
+                    onClick: () => setDialog({ open: true, entryId: entry.id }),
+                    children: /* @__PURE__ */ jsx(Pencil, { className: "size-3.5", "aria-hidden": "true" })
+                  }
+                ) : null })
+              ] }, entry.id)),
+              canManageOwn && quickTargets.length > 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 4, className: "p-3", children: /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex flex-wrap items-start gap-2",
+                  onKeyDown: (event) => {
+                    if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+                      event.preventDefault();
+                      void submitQuickEntry();
+                    }
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxs(Select, { value: quickTargetKey, onValueChange: setQuickTargetKey, children: [
+                      /* @__PURE__ */ jsx(
+                        SelectTrigger,
+                        {
+                          className: "w-72",
+                          "aria-label": t("staff.time_tracking.myWork.quickEntry.target", "Project or task"),
+                          children: /* @__PURE__ */ jsx(SelectValue, {})
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(SelectContent, { children: quickTargets.map((target) => /* @__PURE__ */ jsx(SelectItem, { value: target.key, children: targetLabel(target) }, target.key)) })
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "w-32", children: /* @__PURE__ */ jsx(
+                      DurationInput,
+                      {
+                        variant: "compact",
+                        value: quickMinutes,
+                        onChange: (minutes) => setQuickMinutes(minutes),
+                        ariaLabel: t("staff.time_tracking.myWork.quickEntry.duration", "Duration")
+                      },
+                      quickEpoch
+                    ) }),
+                    /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        type: "button",
+                        size: "sm",
+                        disabled: quickSaving || quickMinutes === null || quickMinutes <= 0,
+                        onClick: () => void submitQuickEntry(),
+                        children: t("staff.time_tracking.myWork.quickEntry.save", "Save")
+                      }
+                    ),
+                    /* @__PURE__ */ jsx("span", { className: "self-center text-xs text-muted-foreground", children: t("staff.time_tracking.entryDialog.shortcutSave", "\u2318\u21B5 to save") }),
+                    /* @__PURE__ */ jsx("div", { className: "w-full", children: /* @__PURE__ */ jsx(
+                      EntryDetailsFields,
+                      {
+                        idPrefix: "my-work-quick",
+                        value: quickDetails,
+                        onChange: setQuickDetails,
+                        tagOptions,
+                        onCreateTag: createTag,
+                        disabled: quickSaving
+                      }
+                    ) })
+                  ]
+                }
+              ) }) }) : null
+            ] }),
+            /* @__PURE__ */ jsx("tfoot", { children: /* @__PURE__ */ jsxs("tr", { className: "border-t bg-muted/40 font-medium", children: [
+              /* @__PURE__ */ jsx("td", { className: "p-3", colSpan: 2, children: t("staff.time_tracking.myWork.today.total", "Total today") }),
+              /* @__PURE__ */ jsx("td", { className: "p-3 text-right font-mono tabular-nums", children: formatDuration(todayTotal, "clock") }),
+              /* @__PURE__ */ jsx("td", {})
+            ] }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+          /* @__PURE__ */ jsxs("section", { className: "rounded-lg border", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b p-4", children: [
+              /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t("staff.time_tracking.myWork.projects.title", "My projects") }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: data.projects.length })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4 p-4", children: data.projects.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.time_tracking.myWork.projects.empty", "No projects assigned yet.") }) : data.projects.map((project) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    href: `/backend/staff/time-tracking/projects/${project.id}`,
+                    className: "min-w-0 truncate font-medium hover:underline",
+                    children: project.name
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "shrink-0 font-mono text-xs tabular-nums text-muted-foreground", children: formatDuration(project.myMinutes, "clock") })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: [
+                project.customerName,
+                project.hourlyRate != null && project.currencyCode ? t("staff.time_tracking.myWork.projects.rate", "{rate}/h", {
+                  rate: formatCurrency(project.hourlyRate, project.currencyCode) ?? ""
+                }) : null
+              ].filter((part) => Boolean(part)).join(" \xB7 ") }),
+              project.budget ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  Progress,
+                  {
+                    value: project.budget.barPercent,
+                    size: "sm",
+                    tone: project.budget.tone === "destructive" ? "destructive" : project.budget.tone === "warning" ? "warning" : "accent"
+                  }
+                ),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("staff.time_tracking.myWork.projects.budget", "{percent}% of budget ({value})", {
+                  percent: String(project.budget.percent),
+                  value: project.budget.kind === "hours" ? t("staff.time_tracking.myWork.projects.budgetHours", "{hours} h", {
+                    hours: String(project.budget.budgetValue)
+                  }) : formatCurrency(project.budget.budgetValue, project.currencyCode ?? void 0) ?? String(project.budget.budgetValue)
+                }) })
+              ] }) : null
+            ] }, project.id)) })
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "rounded-lg border", children: [
+            /* @__PURE__ */ jsx("div", { className: "border-b p-4", children: /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t("staff.time_tracking.myWork.recentTasks.title", "Recent tasks") }) }),
+            /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 p-4", children: data.recentTasks.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.time_tracking.myWork.recentTasks.empty", "No tasks logged against yet.") }) : data.recentTasks.map((task) => /* @__PURE__ */ jsxs(
+              Link,
+              {
+                href: `/backend/staff/time-tracking/projects/${task.timeProjectId}/board?task=${task.id}`,
+                className: "flex items-center justify-between gap-2 truncate text-sm hover:underline",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "truncate", children: task.title }),
+                  /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: task.projectName })
+                ]
+              },
+              task.id
+            )) })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        InjectionSpot,
+        {
+          spotId: extensionPoints.hosts.myWorkAfterSections.spotId,
+          context: myWorkInjectionContext,
+          data
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      TimeEntryDialog,
+      {
+        open: dialog.open,
+        onOpenChange: (open) => setDialog((current) => ({ ...current, open })),
+        entryId: dialog.entryId,
+        defaults: { date: data.today },
+        onSaved: () => {
+          void load();
+        }
+      }
+    )
+  ] });
+}
+export {
+  TimeTrackingMyWorkPage as default
+};
+//# sourceMappingURL=page.js.map