@open-mercato/core 0.10.1-develop.7717.1.2befe9c634 → 0.10.1-develop.7721.1.b5c4a00a68

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

@@ -1,8 +1,9 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { InjectionSpot } from "@open-mercato/ui/backend/injection/InjectionSpot";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { InjectionSpot, useInjectionWidgets } from "@open-mercato/ui/backend/injection/InjectionSpot";
 import { extensionPoints } from "@open-mercato/core/modules/staff/extension-points";
 import * as React from "react";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { AlertTriangle, History, Info, Save } from "lucide-react";
 import { Page, PageBody, PageHeader } from "@open-mercato/ui/backend/Page";
 import { Alert, AlertDescription, AlertTitle } from "@open-mercato/ui/primitives/alert";
@@ -12,6 +13,7 @@ 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 { Tabs, TabsContent, TabsList, TabsTrigger } from "@open-mercato/ui/primitives/tabs";
 import { Spinner } from "@open-mercato/ui/primitives/spinner";
 import { ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
 import { apiCall } from "@open-mercato/ui/backend/utils/apiCall";
@@ -31,10 +33,15 @@ import {
   draftRounding,
   formatSignedMinutes,
   isSettingsDraftDirty,
+  rebaseSettingsDraft,
   settingsDraftErrors,
   toSettingsDraft,
   toSettingsPayload
 } from "../../../../lib/time-tracking-ui/timeTrackingSettingsForm.js";
+import {
+  TIME_TRACKING_SETTINGS_GENERAL_TAB,
+  TIME_TRACKING_SETTINGS_TAB_PARAM
+} from "../../../../lib/time-tracking-ui/settingsTabs.js";
 const logger = createLogger("staff").child({ component: "time-tracking/settings" });
 const SETTINGS_API = "/api/staff/timesheets/settings";
 const IMPACT_API = "/api/staff/timesheets/settings/rounding-impact";
@@ -67,6 +74,11 @@ function TimeTrackingSettingsPage() {
   const latestLoadRef = React.useRef(0);
   const { confirm, ConfirmDialogElement } = useConfirmDialog();
   const canManage = hasFeature(payload?.grantedFeatures, MANAGE_FEATURE);
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const activeTab = searchParams?.get(TIME_TRACKING_SETTINGS_TAB_PARAM) ?? TIME_TRACKING_SETTINGS_GENERAL_TAB;
+  const [savedSettings, setSavedSettings] = React.useState(null);
   const [baseline, setBaseline] = React.useState(null);
   const [draft, setDraft] = React.useState(null);
   const draftRef = React.useRef(draft);
@@ -97,6 +109,7 @@ function TimeTrackingSettingsPage() {
         return;
       }
       const next = toSettingsDraft(call.result);
+      setSavedSettings(call.result);
       const pending = draftRef.current;
       const previous = baselineRef.current;
       const loadedScope = loadedScopeRef.current;
@@ -171,6 +184,49 @@ function TimeTrackingSettingsPage() {
     }),
     [canManage, contributedValues, setContributedSetting]
   );
+  const handleTabSettingsSaved = React.useCallback(
+    (saved) => {
+      const nextBaseline = toSettingsDraft(saved);
+      setSavedSettings(saved);
+      setDraft((current) => current && baseline ? rebaseSettingsDraft(current, baseline, nextBaseline) : nextBaseline);
+      setBaseline(nextBaseline);
+    },
+    [baseline]
+  );
+  const tabInjectionContext = React.useMemo(
+    () => savedSettings ? {
+      moduleId: TIME_TRACKING_SETTINGS_MODULE_ID,
+      canManage,
+      settings: savedSettings,
+      onSettingsSaved: handleTabSettingsSaved
+    } : null,
+    [canManage, handleTabSettingsSaved, savedSettings]
+  );
+  const { widgets: tabWidgets } = useInjectionWidgets(
+    extensionPoints.hosts.timeTrackingSettingsTabs.spotId,
+    { context: tabInjectionContext, triggerOnLoad: true }
+  );
+  const injectedTabs = React.useMemo(
+    () => tabWidgets.filter((widget) => (widget.placement?.kind ?? "tab") === "tab").map((widget) => {
+      const tabId = widget.placement?.groupId ?? widget.widgetId;
+      const groupLabel = widget.placement?.groupLabel;
+      const label = groupLabel ? t(groupLabel, widget.module.metadata.title ?? tabId) : widget.module.metadata.title ?? tabId;
+      const priority = typeof widget.placement?.priority === "number" ? widget.placement.priority : 0;
+      return { tabId, label, priority, Widget: widget.module.Widget };
+    }).sort((left, right) => right.priority - left.priority),
+    [t, tabWidgets]
+  );
+  const selectedTab = injectedTabs.some((tab) => tab.tabId === activeTab) ? activeTab : TIME_TRACKING_SETTINGS_GENERAL_TAB;
+  const selectTab = React.useCallback(
+    (tabId) => {
+      const params = new URLSearchParams(searchParams?.toString() ?? "");
+      if (tabId === TIME_TRACKING_SETTINGS_GENERAL_TAB) params.delete(TIME_TRACKING_SETTINGS_TAB_PARAM);
+      else params.set(TIME_TRACKING_SETTINGS_TAB_PARAM, tabId);
+      const query = params.toString();
+      router.replace(query ? `${pathname}?${query}` : pathname ?? "");
+    },
+    [pathname, router, searchParams]
+  );
   const canSave = canManage && isDirty && fieldErrors.length === 0 && !isSaving && !isLoading;
   const handleSave = React.useCallback(async () => {
     if (!draft) return;
@@ -225,6 +281,7 @@ function TimeTrackingSettingsPage() {
         return;
       }
       const saved = toSettingsDraft(call.result);
+      setSavedSettings(call.result);
       setBaseline(saved);
       setDraft(saved);
       flash(t("staff.time_tracking.settings.saved", "Settings saved."), "success");
@@ -317,290 +374,298 @@ function TimeTrackingSettingsPage() {
       ) })
     ] });
   }
-  return /* @__PURE__ */ jsxs(Page, { children: [
-    /* @__PURE__ */ jsx(
-      PageHeader,
-      {
-        title: t("staff.time_tracking.settings.title", "Module settings"),
-        description: t(
-          "staff.time_tracking.settings.subtitle",
-          "Rules shared by all customers and projects"
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs(PageBody, { children: [
-      /* @__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__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsxs(CardHeader, { children: [
-              /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.settings.rounding.title", "Time rounding") }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
-                "staff.time_tracking.settings.rounding.description",
-                "Applies to all projects. The rounded value is the one cost is calculated from."
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-                  /* @__PURE__ */ jsx(Label, { children: t("staff.time_tracking.settings.rounding.unit", "Unit") }),
-                  /* @__PURE__ */ jsx(
-                    SegmentedControl,
-                    {
-                      value: String(draft.roundingUnitMinutes),
-                      onValueChange: (value) => {
-                        const parsed = Number(value);
-                        if (!ROUNDING_UNIT_OPTIONS.includes(parsed)) return;
-                        patchDraft({ roundingUnitMinutes: parsed });
-                      },
-                      disabled: !canManage,
-                      "aria-label": t("staff.time_tracking.settings.rounding.unit", "Unit"),
-                      children: ROUNDING_UNIT_OPTIONS.map((unit) => /* @__PURE__ */ jsx(SegmentedControlItem, { value: String(unit), children: unit === 0 ? t("staff.time_tracking.settings.rounding.unit.none", "None") : t("staff.time_tracking.settings.rounding.unit.minutes", "{count} min", {
-                        count: unit
-                      }) }, unit))
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-                  /* @__PURE__ */ jsx(Label, { children: t("staff.time_tracking.settings.rounding.direction", "Direction") }),
-                  /* @__PURE__ */ jsxs(
-                    SegmentedControl,
-                    {
-                      value: draft.roundingDirection,
-                      onValueChange: (value) => {
-                        if (value !== "up" && value !== "nearest") return;
-                        patchDraft({ roundingDirection: value });
-                      },
-                      disabled: !canManage || draft.roundingUnitMinutes === 0,
-                      "aria-label": t("staff.time_tracking.settings.rounding.direction", "Direction"),
-                      children: [
-                        /* @__PURE__ */ jsx(SegmentedControlItem, { value: "up", children: t("staff.time_tracking.settings.rounding.direction.up", "Up") }),
-                        /* @__PURE__ */ jsx(SegmentedControlItem, { value: "nearest", children: t("staff.time_tracking.settings.rounding.direction.nearest", "To nearest") })
-                      ]
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs(Alert, { status: "information", icon: /* @__PURE__ */ jsx(Info, { "aria-hidden": "true" }), children: [
-                /* @__PURE__ */ jsx(AlertTitle, { children: t("staff.time_tracking.settings.rounding.examples.title", "Examples at the current setting") }),
-                /* @__PURE__ */ jsx(AlertDescription, { children: /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", "data-testid": "rounding-examples", children: examples.map((example) => `${example.rawLabel} \u2192 ${example.roundedLabel}`).join(" \xB7 ") }) })
+  const generalSettings = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__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__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsxs(CardHeader, { children: [
+            /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.settings.rounding.title", "Time rounding") }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t(
+              "staff.time_tracking.settings.rounding.description",
+              "Applies to all projects. The rounded value is the one cost is calculated from."
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx(Label, { children: t("staff.time_tracking.settings.rounding.unit", "Unit") }),
+                /* @__PURE__ */ jsx(
+                  SegmentedControl,
+                  {
+                    value: String(draft.roundingUnitMinutes),
+                    onValueChange: (value) => {
+                      const parsed = Number(value);
+                      if (!ROUNDING_UNIT_OPTIONS.includes(parsed)) return;
+                      patchDraft({ roundingUnitMinutes: parsed });
+                    },
+                    disabled: !canManage,
+                    "aria-label": t("staff.time_tracking.settings.rounding.unit", "Unit"),
+                    children: ROUNDING_UNIT_OPTIONS.map((unit) => /* @__PURE__ */ jsx(SegmentedControlItem, { value: String(unit), children: unit === 0 ? t("staff.time_tracking.settings.rounding.unit.none", "None") : t("staff.time_tracking.settings.rounding.unit.minutes", "{count} min", {
+                      count: unit
+                    }) }, unit))
+                  }
+                )
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 rounded-md border border-border p-4", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t(
-                  "staff.time_tracking.settings.retro.title",
-                  "Apply retroactively to existing entries"
-                ) }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
-                  "staff.time_tracking.settings.retro.hint",
-                  "Saving changes new entries only. Recalculating existing ones is a separate, explicit action \u2014 and it never changes entries locked in closed reports."
-                ) }),
-                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-                  Button,
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                /* @__PURE__ */ jsx(Label, { children: t("staff.time_tracking.settings.rounding.direction", "Direction") }),
+                /* @__PURE__ */ jsxs(
+                  SegmentedControl,
                   {
-                    type: "button",
-                    variant: "outline",
-                    onClick: () => void handleReapply(),
-                    disabled: !canManage || isReapplying || isDirty,
-                    "data-testid": "reapply-rounding",
+                    value: draft.roundingDirection,
+                    onValueChange: (value) => {
+                      if (value !== "up" && value !== "nearest") return;
+                      patchDraft({ roundingDirection: value });
+                    },
+                    disabled: !canManage || draft.roundingUnitMinutes === 0,
+                    "aria-label": t("staff.time_tracking.settings.rounding.direction", "Direction"),
                     children: [
-                      isReapplying ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx(History, { className: "size-4", "aria-hidden": "true" }),
-                      t("staff.time_tracking.settings.retro.cta", "Reapply to existing entries")
+                      /* @__PURE__ */ jsx(SegmentedControlItem, { value: "up", children: t("staff.time_tracking.settings.rounding.direction.up", "Up") }),
+                      /* @__PURE__ */ jsx(SegmentedControlItem, { value: "nearest", children: t("staff.time_tracking.settings.rounding.direction.nearest", "To nearest") })
                     ]
                   }
-                ) }),
-                isDirty ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
-                  "staff.time_tracking.settings.retro.saveFirst",
-                  "Save the rule first \u2014 the recalculation uses the saved rule, not the one on screen."
-                ) }) : null
+                )
               ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.settings.defaults.title", "Entry defaults") }) }),
-            /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-4", children: [
-              /* @__PURE__ */ jsx(
-                SwitchField,
-                {
-                  label: t("staff.time_tracking.settings.defaults.billable", "New entries are billable"),
-                  description: t(
-                    "staff.time_tracking.settings.defaults.billableHint",
-                    "A project can override this."
-                  ),
-                  checked: draft.defaultsBillable,
-                  onCheckedChange: (value) => patchDraft({ defaultsBillable: value === true }),
-                  disabled: !canManage
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SwitchField,
-                {
-                  label: t(
-                    "staff.time_tracking.settings.defaults.chainStart",
-                    "Start = end of the previous entry"
-                  ),
-                  description: t(
-                    "staff.time_tracking.settings.defaults.chainStartHint",
-                    "A suggestion when adding another entry on the same day."
-                  ),
-                  checked: draft.defaultsChainStartFromPreviousEnd,
-                  onCheckedChange: (value) => patchDraft({ defaultsChainStartFromPreviousEnd: value === true }),
-                  disabled: !canManage
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-                /* @__PURE__ */ jsx(Label, { htmlFor: "time-tracking-daily-hours", children: t("staff.time_tracking.settings.targets.dailyHours", "Daily hours target") }),
-                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "time-tracking-daily-hours",
-                      className: "max-w-28",
-                      inputMode: "decimal",
-                      value: draft.dailyHoursText,
-                      onChange: (event) => patchDraft({ dailyHoursText: event.target.value }),
-                      disabled: !canManage,
-                      "aria-invalid": fieldErrors.includes("dailyHours")
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("staff.time_tracking.settings.targets.hoursUnit", "h") })
-                ] }),
-                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
-                  "staff.time_tracking.settings.targets.dailyHoursHint",
-                  "Scales the load bars in the timesheet. Leave empty to turn targets off."
-                ) }),
-                fieldErrors.includes("dailyHours") ? /* @__PURE__ */ jsx("span", { className: "text-xs text-status-error-text", children: t(
-                  "staff.time_tracking.settings.targets.dailyHoursError",
-                  "Enter a number of hours between 0 and 24, or leave the field empty."
-                ) }) : null
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.settings.warnings.title", "Warnings") }) }),
-            /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-4", children: [
-              /* @__PURE__ */ jsx(
-                SwitchField,
-                {
-                  label: t("staff.time_tracking.settings.warnings.overlap", "Warn about overlapping entries"),
-                  description: t("staff.time_tracking.settings.warnings.overlapHint", "A warning, not a block."),
-                  checked: draft.warningsOverlap,
-                  onCheckedChange: (value) => patchDraft({ warningsOverlap: value === true }),
-                  disabled: !canManage
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SwitchField,
+            ] }),
+            /* @__PURE__ */ jsxs(Alert, { status: "information", icon: /* @__PURE__ */ jsx(Info, { "aria-hidden": "true" }), children: [
+              /* @__PURE__ */ jsx(AlertTitle, { children: t("staff.time_tracking.settings.rounding.examples.title", "Examples at the current setting") }),
+              /* @__PURE__ */ jsx(AlertDescription, { children: /* @__PURE__ */ jsx("span", { className: "font-mono text-sm", "data-testid": "rounding-examples", children: examples.map((example) => `${example.rawLabel} \u2192 ${example.roundedLabel}`).join(" \xB7 ") }) })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 rounded-md border border-border p-4", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t(
+                "staff.time_tracking.settings.retro.title",
+                "Apply retroactively to existing entries"
+              ) }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+                "staff.time_tracking.settings.retro.hint",
+                "Saving changes new entries only. Recalculating existing ones is a separate, explicit action \u2014 and it never changes entries locked in closed reports."
+              ) }),
+              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+                Button,
                 {
-                  label: t("staff.time_tracking.settings.warnings.runningTimer", "Remind about a running timer"),
-                  description: t(
-                    "staff.time_tracking.settings.warnings.runningTimerHint",
-                    "An unobtrusive reminder when leaving the module and after 8 h of continuous running."
-                  ),
-                  checked: draft.warningsRunningTimer,
-                  onCheckedChange: (value) => patchDraft({ warningsRunningTimer: value === true }),
-                  disabled: !canManage
+                  type: "button",
+                  variant: "outline",
+                  onClick: () => void handleReapply(),
+                  disabled: !canManage || isReapplying || isDirty,
+                  "data-testid": "reapply-rounding",
+                  children: [
+                    isReapplying ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx(History, { className: "size-4", "aria-hidden": "true" }),
+                    t("staff.time_tracking.settings.retro.cta", "Reapply to existing entries")
+                  ]
                 }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.settings.access.title", "Project access") }) }),
-            /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx(Label, { htmlFor: "time-tracking-grace-days", children: t(
-                "staff.time_tracking.settings.access.graceDays",
-                "Access grace period after an assignment ends"
               ) }),
+              isDirty ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+                "staff.time_tracking.settings.retro.saveFirst",
+                "Save the rule first \u2014 the recalculation uses the saved rule, not the one on screen."
+              ) }) : null
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.settings.defaults.title", "Entry defaults") }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                label: t("staff.time_tracking.settings.defaults.billable", "New entries are billable"),
+                description: t(
+                  "staff.time_tracking.settings.defaults.billableHint",
+                  "A project can override this."
+                ),
+                checked: draft.defaultsBillable,
+                onCheckedChange: (value) => patchDraft({ defaultsBillable: value === true }),
+                disabled: !canManage
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                label: t(
+                  "staff.time_tracking.settings.defaults.chainStart",
+                  "Start = end of the previous entry"
+                ),
+                description: t(
+                  "staff.time_tracking.settings.defaults.chainStartHint",
+                  "A suggestion when adding another entry on the same day."
+                ),
+                checked: draft.defaultsChainStartFromPreviousEnd,
+                onCheckedChange: (value) => patchDraft({ defaultsChainStartFromPreviousEnd: value === true }),
+                disabled: !canManage
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+              /* @__PURE__ */ jsx(Label, { htmlFor: "time-tracking-daily-hours", children: t("staff.time_tracking.settings.targets.dailyHours", "Daily hours target") }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx(
                   Input,
                   {
-                    id: "time-tracking-grace-days",
+                    id: "time-tracking-daily-hours",
                     className: "max-w-28",
-                    inputMode: "numeric",
-                    value: draft.assignmentGraceDaysText,
-                    onChange: (event) => patchDraft({ assignmentGraceDaysText: event.target.value }),
+                    inputMode: "decimal",
+                    value: draft.dailyHoursText,
+                    onChange: (event) => patchDraft({ dailyHoursText: event.target.value }),
                     disabled: !canManage,
-                    "aria-invalid": fieldErrors.includes("assignmentGraceDays")
+                    "aria-invalid": fieldErrors.includes("dailyHours")
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("staff.time_tracking.settings.access.daysUnit", "days") })
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("staff.time_tracking.settings.targets.hoursUnit", "h") })
               ] }),
               /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
-                "staff.time_tracking.settings.access.graceDaysHint",
-                "A member keeps access to a project for this many days after their assignment end date, so the last week of work can still be logged and corrected. 0 ends access on the end date itself."
+                "staff.time_tracking.settings.targets.dailyHoursHint",
+                "Scales the load bars in the timesheet. Leave empty to turn targets off."
               ) }),
-              fieldErrors.includes("assignmentGraceDays") ? /* @__PURE__ */ jsx("span", { className: "text-xs text-status-error-text", children: t(
-                "staff.time_tracking.settings.access.graceDaysError",
-                "Enter a whole number of days between 0 and 365."
+              fieldErrors.includes("dailyHours") ? /* @__PURE__ */ jsx("span", { className: "text-xs text-status-error-text", children: t(
+                "staff.time_tracking.settings.targets.dailyHoursError",
+                "Enter a number of hours between 0 and 24, or leave the field empty."
               ) }) : null
             ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            InjectionSpot,
-            {
-              spotId: extensionPoints.hosts.timeTrackingSettingsSections.spotId,
-              context: settingsInjectionContext,
-              data: draft
-            }
-          )
+          ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-          /* @__PURE__ */ jsxs(Alert, { status: "warning", icon: /* @__PURE__ */ jsx(AlertTriangle, { "aria-hidden": "true" }), children: [
-            /* @__PURE__ */ jsx(AlertTitle, { children: t("staff.time_tracking.settings.impact.title", "Changing rounding affects amounts") }),
-            /* @__PURE__ */ jsx(AlertDescription, { children: impactState === "loading" && !impact ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("staff.time_tracking.settings.impact.loading", "Calculating the impact\u2026") }) : impactState === "error" ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("staff.time_tracking.settings.impact.error", "The impact preview is unavailable.") }) : impact && impact.projected.entryCount > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", "data-testid": "rounding-impact", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm", children: t(
-                "staff.time_tracking.settings.impact.body",
-                "With the current {count} entries from the last {days} days, {rule} gives {rounded} ({delta} against raw time). Closed reports stay unchanged.",
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.settings.warnings.title", "Warnings") }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                label: t("staff.time_tracking.settings.warnings.overlap", "Warn about overlapping entries"),
+                description: t("staff.time_tracking.settings.warnings.overlapHint", "A warning, not a block."),
+                checked: draft.warningsOverlap,
+                onCheckedChange: (value) => patchDraft({ warningsOverlap: value === true }),
+                disabled: !canManage
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              SwitchField,
+              {
+                label: t("staff.time_tracking.settings.warnings.runningTimer", "Remind about a running timer"),
+                description: t(
+                  "staff.time_tracking.settings.warnings.runningTimerHint",
+                  "An unobtrusive reminder when leaving the module and after 8 h of continuous running."
+                ),
+                checked: draft.warningsRunningTimer,
+                onCheckedChange: (value) => patchDraft({ warningsRunningTimer: value === true }),
+                disabled: !canManage
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.settings.access.title", "Project access") }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: "time-tracking-grace-days", children: t(
+              "staff.time_tracking.settings.access.graceDays",
+              "Access grace period after an assignment ends"
+            ) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Input,
                 {
-                  count: impact.projected.entryCount,
-                  days: impact.windowDays,
-                  rule: ruleLabel,
-                  rounded: formatDuration(impact.projected.roundedMinutes, "clock"),
-                  delta: formatSignedMinutes(impact.projected.deltaMinutes)
+                  id: "time-tracking-grace-days",
+                  className: "max-w-28",
+                  inputMode: "numeric",
+                  value: draft.assignmentGraceDaysText,
+                  onChange: (event) => patchDraft({ assignmentGraceDaysText: event.target.value }),
+                  disabled: !canManage,
+                  "aria-invalid": fieldErrors.includes("assignmentGraceDays")
                 }
-              ) }),
-              impact.lockedEntryCount > 0 ? /* @__PURE__ */ jsx("span", { className: "text-xs", children: t(
-                "staff.time_tracking.settings.impact.locked",
-                "{count} entries in the window are locked in closed reports and are excluded.",
-                { count: impact.lockedEntryCount }
-              ) }) : null
-            ] }) : /* @__PURE__ */ jsx("span", { className: "text-sm", children: t(
-              "staff.time_tracking.settings.impact.empty",
-              "There are no unlocked entries in the last {days} days to project against.",
-              { days: impact?.windowDays ?? 90 }
-            ) }) })
-          ] }),
-          /* @__PURE__ */ jsxs(Card, { children: [
-            /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.settings.scope.title", "Settings scope") }) }),
-            /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-sm", children: t(
-                "staff.time_tracking.settings.scope.body",
-                "These rules are global \u2014 they cannot be set per customer or per project."
-              ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
-                "staff.time_tracking.settings.scope.hint",
-                "The rate and currency stay at project level, and a rate override stays at entry level."
-              ) })
-            ] })
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("staff.time_tracking.settings.access.daysUnit", "days") })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+              "staff.time_tracking.settings.access.graceDaysHint",
+              "A member keeps access to a project for this many days after their assignment end date, so the last week of work can still be logged and corrected. 0 ends access on the end date itself."
+            ) }),
+            fieldErrors.includes("assignmentGraceDays") ? /* @__PURE__ */ jsx("span", { className: "text-xs text-status-error-text", children: t(
+              "staff.time_tracking.settings.access.graceDaysError",
+              "Enter a whole number of days between 0 and 365."
+            ) }) : null
           ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center justify-end gap-2", children: [
+        ] }),
         /* @__PURE__ */ jsx(
-          Button,
+          InjectionSpot,
           {
-            type: "button",
-            variant: "ghost",
-            onClick: () => setDraft(baseline),
-            disabled: !isDirty || isSaving || isLoading,
-            children: t("staff.time_tracking.settings.actions.cancel", "Cancel")
+            spotId: extensionPoints.hosts.timeTrackingSettingsSections.spotId,
+            context: settingsInjectionContext,
+            data: draft
           }
-        ),
-        /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => void handleSave(), disabled: !canSave, "data-testid": "save-settings", children: [
-          isSaving ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx(Save, { className: "size-4", "aria-hidden": "true" }),
-          t("staff.time_tracking.settings.actions.save", "Save")
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
+        /* @__PURE__ */ jsxs(Alert, { status: "warning", icon: /* @__PURE__ */ jsx(AlertTriangle, { "aria-hidden": "true" }), children: [
+          /* @__PURE__ */ jsx(AlertTitle, { children: t("staff.time_tracking.settings.impact.title", "Changing rounding affects amounts") }),
+          /* @__PURE__ */ jsx(AlertDescription, { children: impactState === "loading" && !impact ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("staff.time_tracking.settings.impact.loading", "Calculating the impact\u2026") }) : impactState === "error" ? /* @__PURE__ */ jsx("span", { className: "text-sm", children: t("staff.time_tracking.settings.impact.error", "The impact preview is unavailable.") }) : impact && impact.projected.entryCount > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", "data-testid": "rounding-impact", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: t(
+              "staff.time_tracking.settings.impact.body",
+              "With the current {count} entries from the last {days} days, {rule} gives {rounded} ({delta} against raw time). Closed reports stay unchanged.",
+              {
+                count: impact.projected.entryCount,
+                days: impact.windowDays,
+                rule: ruleLabel,
+                rounded: formatDuration(impact.projected.roundedMinutes, "clock"),
+                delta: formatSignedMinutes(impact.projected.deltaMinutes)
+              }
+            ) }),
+            impact.lockedEntryCount > 0 ? /* @__PURE__ */ jsx("span", { className: "text-xs", children: t(
+              "staff.time_tracking.settings.impact.locked",
+              "{count} entries in the window are locked in closed reports and are excluded.",
+              { count: impact.lockedEntryCount }
+            ) }) : null
+          ] }) : /* @__PURE__ */ jsx("span", { className: "text-sm", children: t(
+            "staff.time_tracking.settings.impact.empty",
+            "There are no unlocked entries in the last {days} days to project against.",
+            { days: impact?.windowDays ?? 90 }
+          ) }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: t("staff.time_tracking.settings.scope.title", "Settings scope") }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col gap-2", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: t(
+              "staff.time_tracking.settings.scope.body",
+              "These rules are global \u2014 they cannot be set per customer or per project."
+            ) }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(
+              "staff.time_tracking.settings.scope.hint",
+              "The rate and currency stay at project level, and a rate override stays at entry level."
+            ) })
+          ] })
         ] })
       ] })
     ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex items-center justify-end gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "ghost",
+          onClick: () => setDraft(baseline),
+          disabled: !isDirty || isSaving || isLoading,
+          children: t("staff.time_tracking.settings.actions.cancel", "Cancel")
+        }
+      ),
+      /* @__PURE__ */ jsxs(Button, { type: "button", onClick: () => void handleSave(), disabled: !canSave, "data-testid": "save-settings", children: [
+        isSaving ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx(Save, { className: "size-4", "aria-hidden": "true" }),
+        t("staff.time_tracking.settings.actions.save", "Save")
+      ] })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        title: t("staff.time_tracking.settings.title", "Module settings"),
+        description: t(
+          "staff.time_tracking.settings.subtitle",
+          "Rules shared by all customers and projects"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(PageBody, { children: injectedTabs.length > 0 ? /* @__PURE__ */ jsxs(Tabs, { value: selectedTab, onValueChange: selectTab, variant: "underline", children: [
+      /* @__PURE__ */ jsxs(TabsList, { "aria-label": t("staff.time_tracking.settings.tabs.label", "Settings sections"), className: "mb-4", children: [
+        /* @__PURE__ */ jsx(TabsTrigger, { value: TIME_TRACKING_SETTINGS_GENERAL_TAB, children: t("staff.time_tracking.settings.tabs.general", "Time tracking") }),
+        injectedTabs.map((tab) => /* @__PURE__ */ jsx(TabsTrigger, { value: tab.tabId, children: tab.label }, tab.tabId))
+      ] }),
+      /* @__PURE__ */ jsx(TabsContent, { value: TIME_TRACKING_SETTINGS_GENERAL_TAB, children: generalSettings }),
+      injectedTabs.map((tab) => /* @__PURE__ */ jsx(TabsContent, { value: tab.tabId, children: tabInjectionContext ? /* @__PURE__ */ jsx(tab.Widget, { context: tabInjectionContext }) : null }, tab.tabId))
+    ] }) : generalSettings }),
     ConfirmDialogElement
   ] });
 }